
*{padding:0;margin:0;}
body {background-color:#e8e8e8;padding:0;margin:0;font-family:"microsoft yahei";color:#333; font-size:14px; -webkit-text-size-adjust:none;}
li{list-style-type:none;}
.clear{ clear:both;}
a, a:link, a:active, a:visited, a:hover{color: #333;text-decoration: none;}
img{ border:none; width:100%;}
.red{ color:red}
.r{-moz-border-radius:5px;border-radius:5px;}
.top10{ margin-top:10px;}
.hide{ display:none;}
.aboutw640{ max-width:640px; margin:0 auto;}
#page{max-width:640px; margin:0 auto;}
/*header*/
.header{ background:url(../images/headerbgs.png) no-repeat #ebebeb 68% bottom; background-size:40% 80%; padding:5px 3%;}
.header .logo{ display:block; width:100px; height:42px; float:left;}
.header .logo a{ display:block; width:100px;}
.header .Search{ float:right;}
.header .Search i,.searchbox i{ display:block; font-size:22px;}
.header .navs{ float:right;}
.header .navs i{ display:block; font-size:22px;}
.header p{ display:block; line-height:18px; height:18px; overflow:hidden;}
.header i{ color:#792327; text-align:center;}

.searchbox{ background:#fff; padding:15px 0; position:fixed; z-index:3; top:-90px; width:100%; max-width:640px;}
.searchposin{ position:relative; z-index:2;margin: 0 3%;}
.Keyword{ border:1px solid #ececec; padding:10px 15% 10px 4%; width:100%; border-radius:5px; font-size:14px; color:#333;}
.searchbox i{ position:absolute; z-index:2; right:3%; top:8px; color:#792327;}
.Sbtn{ width:40px; height:38px; position:absolute; z-index:2; right:2.2%; top:0; filter:alpha(opacity=0); opacity:0;}

.times{ background:#626262; padding:3px 3%; color:#fff;}
.notice{ background:#7c7c7c;}
.notice span{ display:block;padding:5px 3%; color:#fff;}
.notice a{ color:#fff;}
.notice i{ color:#fff; font-size:20px; margin-right:10px; vertical-align:middle;}

.block_home_slider{ background:#fff;}
.block_home_slider .flex-direction-nav a {width: 25px;height: 25px;margin-top: -27px;display: block;position: absolute;top: 50%;background-repeat: no-repeat;text-indent: -9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left: 6px;background-position: left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position: left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right: 6px;background-position: right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position: right bottom;}
.block_home_slider .flex-control-paging { float:right;bottom:-20px; position:relative; z-index:2; text-align:right; margin-right:3%;}
.block_home_slider .flex-control-paging li {float: left;margin-right:5px;overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a {width: 10px;height: 10px;background:#792327;display: block;border-radius:10px;text-indent:9000px;cursor: pointer;}
.block_home_slider .flex-control-paging li a.flex-active {background:#ff7f00;}
.flexslider {position:relative;width:100%;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;list-style-type: none; position:relative; z-index:2;  width:100%;}
.flexslider .slides > li img{ width:100%;}
.flexslider .slides > li .slidestext{ padding:0 3% 15px; display:block; overflow:hidden;}
.flexslider .slides > li .slidestext strong{ font-size:14px; display:block; margin:5px 0;}
.flexslider .slides > li .slidestext font{ line-height:20px;}
.slides1 {padding:10px 3%; font-size:14px; background:#fff;}
.slides1 strong{font-size:16px; display:block; margin:5px 0;}
.Slidesmore{ padding:10px 3%; border-top:1px dashed #ddd; background:#fff;}
.Slidesmore .icon-circle{ font-size:25px; color:#cecccc; position:relative; z-index:2; margin-right:10px; vertical-align:middle;}
.Slidesmore .icon-angle-right{ position:absolute; z-index:2; left:8px; top:2px; font-size:20px;color:#fff;}
/*.slides img{ max-height:230px;}*/

.box{ background:#fff;}
.box_t{ padding:0 3%; background:#a70b13; border-bottom:1px solid #ddd; height:45px; line-height:45px; overflow:hidden;}
.box_t *{ color:#fff;}
.box_t span{ font-size:16px; float:left;}
.box_t font{ font-size:12px; float:left; margin-left:2%; margin-top:3px;}
.box_t i{ float:right; font-size:25px; display:block; width:40px; height:45px; line-height:45px; text-align:center;}
.boxinfo{ padding:10px 3%;}
.boxinfo strong{ font-size:16px; display:block; margin:5px 0;}
.boxinfo font{ line-height:150%; font-size:14px; display:block;}
.box_t.hover{background:#f5f5f5;}
.box_t.hover *{ color:#333;}


.req{ background:#fff; padding:20px 3%; margin-bottom:10px;}
.req span{ display:block; width:33.33%; float:left;}
.req span a{ display:block; width:70%; margin:0 auto;}
.req span a b{ display:block; border:1px solid #792327;-moz-border-radius:100%;border-radius:100%; overflow:hidden;}
.req span a b img{margin:0 auto; display:block;}
.req span a p{ display:block; text-align:center; margin:10px 0 0;}



.foot{ padding:20px 3%; line-height:180%; text-align:center; background:#fff; font-size:13px; padding-bottom:70px;}
.foot_navs{ height:40px; padding:5px 0; background:#fff; width:100%; position:fixed; z-index:2; left:0; bottom:0; border-top:1px solid #ececec;}
.foot_navs a{ display:block; width:20%; height:50px; text-align:center; color:#a70b13; float:left;}
.foot_navs i{ text-align:center; font-size:24px; display:block; position:relative; z-index:2;}
.icon-angle-up{ position:absolute !important; z-index:2; left:3px; top:-1px; font-size:16px; color:#fff;}
.foot_navs a:last-child{ background:none !important;}


.fboxps{-moz-border-radius:5px;border-radius:5px; background:#fff; position:fixed; z-index:10; left:3%; right:3%; top:-1000px; border:1px solid #ddd;}
.tell a{ display:block; padding:10px 20px; border-bottom:1px solid #ddd;}
.tell a:last-child{ border-bottom:none !important;}


.Focus{ padding:20px 0 5px;}
.Focus a{ margin:0 20px 15px;}
.Focus a img{ width:20%; display:inline-block; vertical-align:middle;}
.Focus span{ display:inline-block; margin-left:5%; vertical-align:middle;}
.Focuslist{ padding:0 20px 20px;}
.Focuslist img{ width:80%; height:80%; display:block; margin:10% auto;}
.Focuslist p{ display:block; text-align:center; margin-top:15px; font-size:16px;}

.def_t{ height:24px; padding:10px 3%; background:#e0e0e0; line-height:24px;}
.def_t i{ font-size:24px; color:#626262;}
.def_t .icon-circle{ position:relative; z-index:2; vertical-align:middle;}
.def_t .icon-angle-right{ position:absolute; z-index:2; font-size:18px; left:8px; top:3px; color:#fff;}
.def_t a{ margin:0 5px;}
.def_t a.hover{ color:#a13f3d;}

.about_li{ margin-bottom:10px; background:#fff; padding:15px 3%;}
.about_li span{ display:block; width:80px; float:left; position:relative; z-index:2; height:80px; overflow:hidden;}
.inmbgs{ position:absolute; z-index:2; left:0; top:0;}
.about_li .about_li_r{ width:76%; float:right;}
.about_li .about_li_r strong{ color:#333; font-size:14px; display:block; margin-bottom:15px;}
.about_li .about_li_r font{ line-height:150%; color:#808080; display:block;}


.about{ margin-bottom:10px; background:#fff; padding:15px 3%;}
.about h1{ font-size:16px; color:#333; font-weight:normal; display:block; text-align:center; margin-bottom:10px;}
.about .aboutinfos{ line-height:2.5; color:#808080;}

.aboutnuma a{ display:block; float:left; width:45%; float:left; position:relative; overflow:hidden;}
.sinmf{ float:right !important;}

.news{ margin-bottom:10px; background:#fff; padding:0 0 5px;}
.news .news_t{ height:40px; line-height:40px; font-size:16px; color:#792327; padding:0 3%;}
.news .news_t i{ display:block; width:5px; height:15px; background:#792327;-moz-border-radius:5px;border-radius:5px; float:left; margin:12px 10px 0 0;}
.newsli{ background:#fff; margin-bottom:10px; padding:0 3%;}
.newsli .newsliimg{ width:40%; float:left; max-height:100px; overflow:hidden;}
.newsli .newslitext{ width:55%; float:right;}
.newsli .newslitext a{ color:#333; line-height:150%; margin-bottom:10px; display:block; font-size:14px;}
.newsli .newslitext span{ display:block; font-size:12px;}
.newsli .newslitext span i{ font-size:17px; margin-right:5px; vertical-align:middle; color:#808080;}
.news .news_more{ color:#5c5c5c; line-height:40px; padding:0 3%;}

.Tzlist{ padding:5px 3% 10px; border-bottom:1px solid #ddd;}
.Tzlist a{ font-size:14px; color:#a23735; display:block; margin-bottom:5px;}
.Tzlist font{ display:block; line-height:150%; color:#808080;}
.Tzlist span{ display:block; color:#808080; margin-top:5px;}
.Tzlist span i{ margin-right:5px;}

.loading {background:url(../images/lodings.gif) center center no-repeat #fff; padding:25px; margin-bottom:10px;}

.newsshow{ margin-bottom:10px; background:#fff;}
.newsshow .newsshow_t{ margin-bottom:10px; padding:15px 3%; border-bottom:1px solid #ddd; text-align:center;}
.newsshow .newsshow_t h1{ font-size:16px; font-weight:normal;}
.newsshow .newsshow_t p{ color:#808080; display:block; margin-top:5px; font-size:12px;}
.newsshow_info{ padding:0 3% 15px; line-height:2.5;}

.detail{ padding:0 3% 10px; border-bottom:1px solid #ddd;}
.detail_t,.newsli_t{ padding:10px 3% 0; background:#fff; font-size:16px; color:#333;}
.detail .detail_name{ display:block; margin-bottom:5px;}
.detail span i{ font-size:18px; vertical-align:middle; margin-right:5px; color:#808080;}
.xiaoy{ padding-top:20px; border-bottom:none;}


.map{ padding:20px 3%;}
.maptext{ line-height:180%;}
.padin{ padding:10px 3%;}

.screen{ padding:15px 3%; background:#fff; margin-bottom:10px;}
.def_search{ width:75%; float:left; position:relative; z-index:2; border:1px solid #ddd;}
.screen .screenbtn{ float:right; font-size:16px; color:#333; line-height:30px;}
.screen .screenbtn i{ margin-left:5px;}
.def_search .def_Key{ width:96%; padding:8px 2%; border:none;}
.def_search .def_Ketbtn{ position:absolute; z-index:2; right:0; top:0; width:50px; height:30px; opacity:0; cursor:pointer;}
.def_search i{ position:absolute; z-index:1; right:8px; top:7px; font-size:18px; color:#792327;}

.works{ background:#fff; padding:0 3% 15px; margin-bottom:10px;}
.worksli{ width:48%; float:left; margin-top:15px;}
.worksli:nth-child(2n+2){ float:right !important;}
.worksli .worksli_img{ display:block; height:160px; overflow:hidden;}
.worksli .worksli_title{ text-align:center; display:block; margin:10px 0; overflow:hidden;overflow: ellipsis;white-space: nowrap;}

.login{ background:url(../images/a2.jpg) no-repeat center top #101727; background-size:100%; overflow-x:hidden;}
.login .logo{ width:50%; display:block; margin:15% auto 0;}
.login_box,.reg_box{ margin:20px 3% 0;}
.login_box li,.reg_box li{ margin-bottom:10px}
.Username,.Userpwd,.note{width:90%; padding:4% 5%; background:#fff; border:none; font-size:14px; font-family:"microsoft yahei";}
.login_btn{ width:100%; padding:4% 0; border:none; background:#a4352e; color:#fff; font-size:16px; opacity:0.9; font-family:"microsoft yahei";}
.loginfoot{ margin:5% 3%; line-height:150%; color:#fff; text-align:center;}
.loginfoot a{ text-decoration:underline; color:#fff;}


.OnLR,.zunbox{ position:relative; overflow:hidden;}
.login_box{ position:absolute; z-index:2; left:0; width:94%; top:0;}
.reg_box{ position:absolute; z-index:2; left:100%; width:94%; top:0;}

.User_t{ background:#fff; padding:15px 3%; margin-bottom:10px; font-size:14px;}
.User_t font{ color:#792327; font-size:16px;}

.User_m{ background:#fff; margin-bottom:10px;}
.User_m li{ line-height:50px; height:50px; border-bottom:1px solid #ddd; padding:0 3%;}
.User_m li a{ display:block; width:100%; height:50px; color:#333;}
.User_m li a i{ color:#333; float:right; font-size:24px; margin-top:10px;}
.User_m li:last-child{ border-bottom:none;}

.databox{ padding:15px 3%; background:#fff; margin-bottom:10px;}
.databox li,.zun_r li,.severadd li{ margin-bottom:10px;}
.databox .w100s,.zun_r .w100s,.severadd .w100s{ width:94%; border:1px solid #ddd; padding:4% 3%;}
.databox .t100,.zun_r .t100,.severadd .t100{ width:94%; border:1px solid #ddd; padding:4% 3%;}
.w100s{height:40px; padding:0 3% !important;}
.databtn,.yuyuebtn{ display:block; width:100%; text-align:center; height:40px; background:#a43430; color:#fff !important; font-size:14px; border:none;}

.zunbox{ margin-bottom:10px;}
.zun_l{ position:absolute; z-index:2; left:0; top:0; width:100%;}
.zun_r{ position:absolute; z-index:2; left:100%; top:0; width:94%; background:#fff; padding:0 3%;}
.backum{ display:block; font-size:14px; text-align:center; height:50px; line-height:50px;}
.backum i{ font-size:20px; color:#333; margin-right:10px;}

.big{ background:#fff; margin-bottom:10px;}
.big_t{ font-size:16px; padding:0 3%; height:40px; line-height:40px; color:#A13F3D;}
.big_t i{ font-size:24px; float:right; margin-top:8px;}
.bigli{ display:block; border-top:1px solid #ddd; padding:10px 3%; position:relative; z-index:2; background:#f5f5f5;}
.bigli font{ display:block; font-size:14px; width:80%; color:#909090; margin-top:5px;}
.bigli strong{ font-size:14px; font-weight:normal; display:block; width:80%;}
.bigli i{ font-size:20px; position:absolute; z-index:2; right:3%; top:30%;}
.big .bigbox{ display:none; padding:10px 3%; line-height:2.5;}
.big.hover .bigbox{ display:block;}

.sever_t{ background:#fff; margin-bottom:10px;}
.sever_t a{ display:block; width:33%; border-right:1px solid #ddd; height:40px; line-height:40px; float:left; text-align:center;}
.sever_t a.hover{ color:#792327; font-weight:700;}

.severli{ margin-bottom:10px; background:#fff; padding:10px 3%;}
.severli strong{ color:#333;}
.severli font{ line-height:180%;}
.severli font p{ color:#792327;}

.severadd{ background:#fff; padding:15px 3%; margin-bottom:10px;}
.severadd label{ margin-right:20px;}
.severadd label input{ margin-right:5px;}
.contact{ line-height:180%; margin-bottom:10px; background:#fff; padding:15px 3%;}

.donation{ background:#fff; padding:15px 3%; margin-bottom:10px;}
.donation span{ display:block; width:30px; height:30px;-moz-border-radius:30px;border-radius:30px; background:#f0f0f0; color:#333; text-align:center; line-height:30px; font-size:16px; float:left;}
.donation .donation_r{ width:80%; float:right;}
.donation .donation_r a{ display:inline-block; color:#333; line-height:180%; margin-right:10px;}

.donationshow{ padding:15px 3%; line-height:180%; background:#fff; margin-bottom:10px;}
.donationimg{ padding:0 3% 15px; background:#fff; margin-bottom:10px;}
.donationimg .donationimg_t{ height:40px; line-height:40px; color:#333; font-size:14px;}

.sinjz{ width:100%; display:block; text-align:center; height:40px; line-height:40px; color:#fff !important; font-size:14px; background:#792327; margin-top:15px;}

.sringa{font-size:25px; color:#aaa;float:right;}

.bg{ background:#000; filter:alpha(opacity=40); opacity:0.4; position:fixed; z-index:2; top:0; width:100%; -webkit-animation-name:'wobble'; -webkit-animation-duration: 1s;}

.knowledge_t,.msin{padding:10px 3% !important;}

@media (max-width:640px) {
    .about_li span{max-width:100px; max-height:100px;}
    /*.slides img{min-height:150px;max-height:200px;}*/
}
@media (max-width:320px) {
    .about_li span{max-width:70px; max-height:70px;}
    /*.slides img{max-height:100px;}*/
}
@-webkit-keyframes 'wobble' {
   0% { filter:alpha(opacity=0); opacity:0;}
   100% { filter:alpha(opacity=40); opacity:0.4;}
}

























































































