center {padding:25px 0;}     textarea {resize:none;}
.zm {zoom:1;}                .ti2 {text-indent:2em;}
.none {display:none;}        .db {display:block;}            .di {display:inline;}
.tl {text-align:left;}       .tr {text-align:right;}         .tc {text-align:center;}
.fl{ float: left;}           .fr{ float: right;}             .mar {margin:0 auto;}
.mou-p { cursor: pointer; }  .mou-m { cursor: move; }        .mou-t { cursor: text; }
.fw{ font-weight:bold; }     .fi{ font-style:italic; }       .f10p{ font-size: 10px; }       
.f12p{ font-size: 12px; }    .f14p{ font-size: 14px; }       .f15p{ font-size: 15px; }       
.f16p{ font-size: 16px; }    .f18p{ font-size: 18px; }
.f20p{ font-size: 20px; }    .f24p{ font-size: 24px; }       
.fw{ font-weight:bold; }     .fi{ font-style:italic; }
.fst {font-family:simsun;}   .fwr {font-family:microsoft yahei;}
.fu{ text-decoration:underline;}
.fs{ text-decoration:line-through;}
.ofw{ overflow: hidden;}
.w1000_wrapper{ width: 1000px; margin: 0 auto;}
.pt10{ padding-top: 10px;}
.pb10{ padding-bottom: 10px;}
.pt18{ padding-top: 18px;}
.pt100{ padding-top: 100px;}
.pt50{ padding-top: 50px;}
.pb50{ padding-bottom: 50px;}
.mr30{ margin-right: 30px;}
.mt10{ margin: 10px auto 0 auto;}
.mt20{ margin: 20px auto 0 auto;}
.mt30{ margin: 30px auto 0 auto;}
.mt50{ margin: 50px auto 0 auto;}
.bgwhite{ background: #FFFFFF;}
.h40{ height: 40px;}

::-moz-selection{ background: rgba(79,67,56,0.6); color:#f9f9f7; text-shadow: none; }
::selection { background: rgba(79,67,56,0.6); color:#f9f9f7; text-shadow: none; } 

body{font-size: 12px; font-family: "microsoft yahei"; text-align: center; line-height: 2em; color: #0b1320; background-color: #FFFFFF;}
.top_nav{ width: 100%; height: 65px; line-height: 65px; position: fixed; left: 0; top: 0; z-index: 52; background: url(../images/top_nav_bg.png) repeat;}
.top_nav.st{position: static;}
.nav_list{ height: 65px; height: 65px; overflow: hidden;}
.nav_list li{ float: left; font-size: 14px; color: #919390; padding-right: 15px;}
.nav_list li a{ display: block; position: relative; top: 0; height: 65px; line-height: 65px; text-align: left; color: #A3A3A3; font-weight: bold;}
.nav_list li a span{ display: block; width: 100%; height: 65px; line-height: 65px;}
.nav_list li a.active{ top: -65px; color: #675c52;}
.nav_list li a:hover{ color: #675c52;}
.nav1{ width: 60px;}
.nav2{ width: 75px;}
.nav3{ width: 110px;}
.top_tel{ font-size: 16px; color: #919390; font-weight: bold; padding-left: 25px; background: url(../images/t_tel_ico_03.png) left center no-repeat;}

.screensection{ width: 100%; height: 1000px; position: relative; margin: 0 auto; padding: 0; overflow: hidden;}

.s1_logo{ position: absolute; left: 50%; top: 372px; margin-left: -149px; z-index: 10;}
.s1_text{ position: absolute; left: 50%; top: 184px; margin-left: -500px; z-index: 9;}
.s1_veg{ position: absolute; left: 50%; top: 249px; margin-left: -500px; z-index: 8;}
.s1_tower{ position: absolute; left: 50%; top: 324px; margin-left: -645px; z-index: 7;}


.s2_main_box{ width: 1000px; height: 594px; position: absolute; left: 50%; top: 140px; margin-left: -500px;}
.s2_main_box .fl{ width: 287px; height: 594px;}
.s2_fr_box{ float: left; width: 713px; height: 510px; padding-top: 84px; background: url(../images/s2_t_cont_bg.png) repeat;}
.s2_t1{ padding-left: 48px; font-size: 60px; color: #675c52; text-align: left; line-height: 60px;}
.s2_t2{ padding-left: 48px; font-size: 24px; color: #675c52; text-align: left; line-height: 30px; margin-top: 10px;}
.about_cont_box{ padding-left: 48px; padding-right: 25px; width: 640px; height: 300px; margin-top: 40px;}
.about_cont_text{ width: 620px; text-align: left; font-size: 14px; line-height: 30px; color: #443325; padding-right: 20px;}


.s3_bread{ position: absolute; left: 50%; top: 234px; margin-left: -669px; z-index: 10;}
.s3_logo_box{ width: 300px; position: absolute; left: 50%; top: 274px; margin-left: -146px; z-index: 9;}
.s3_logo_box img{ display: block; width: 299px; margin-bottom: 40px;}
.s3_logo_box p{ text-align: left; color: #333; font-size: 14px; line-height: 24px; padding-top: 15px;}
.s3_title_box{ width: 357px; position: absolute; right: 50%; top: 200px; margin-right: -500px; z-index: 11;}
.s3_title_box img{ display: block; width: 100%;}
.s3_title_box h4{ font-size: 18px; color: #b0723d; font-weight: normal; text-align: left; margin: 22px 0 0 0;}
.s3_title_box ul{ width: 270px; margin: 22px 0 0 auto; border-top: 1px solid #b0723d;}
.s3_title_box ul li{ text-align: left; line-height: 47px; font-size: 14px; border-bottom: 1px solid #b0723d;}
.s3_title_box ul li p.s3_n_t1{ padding-left: 20px; position: relative; width: 250px; height: 47px; overflow: hidden; color: #8f502c; font-weight: bold;}
.s3_title_box ul li p.s3_n_t2{ font-size: 14px; line-height: 18px; padding-left: 20px; padding-bottom: 18px; display: none; color: #8f502c;}
.s3_title_box ul li p.s3_n_t1 span{ display: block; width: 7px; height: 12px; position: absolute; left: 4px; top: 17px; background: url(../images/news_ico.png) left top no-repeat; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: transform 0.3s ease-in-out 0s; -webkit-transition: -webkit-transform 0.3s ease-in-out 0s; -moz-transition: -moz-transform 0.3s ease-in-out 0s; -o-transition: -o-transform 0.3s ease-in-out 0s;}
.s3_title_box ul li a:hover p.s3_n_t1 span{ left: 4px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg);}
.i_news_more{ width: 270px; margin: 0 0 0 auto; height: 11px; line-height: 11px; margin-top: 20px;}
.i_news_more a{ display: block; text-indent: -9999px; overflow: hidden; margin: 0 auto; width: 20px; height: 11px; background: url(../images/news_more_ico_03.png) center center no-repeat;}


#s04{ background: #0073d1;}
.s04_bg1, .s04_bg2, .s04_bg3{ position: absolute; left: 0; top: 0; width: 100%; height: 1000px;}
.s04_bg1{ background: url(../images/c4_ico_01.png) fixed center 0 no-repeat;}
.s04_bg2{ background: url(../images/c4_ico_02.png) center 0 no-repeat;}
.s04_bg3{ background: url(../images/c4_ico_03.png) fixed center 0 no-repeat; }
.s4_logo{ position: absolute; left: 50%; top: 570px; margin-left: -149px; z-index: 51;}
.case_more_box{ width: 74px; height: 33px; padding-top: 19px; background: url(../images/c_more_point_02.png) center top no-repeat; position: absolute; left: 50%; margin-left: -37px; top: 530px;}
.case_more_box a{ display: block; width: 68px; height: 27px; line-height: 27px; border: 3px solid #aa8f76; border-radius: 33px; color: #aa8f76; font-size: 14px; font-weight: bold; background: url(../images/c_more_h_bg.png) -110px -4px no-repeat;}
.case_more_box a:hover{ background: url(../images/c_more_h_bg.png) 0px -4px no-repeat; color: #4f4338;}

.side_box{ width: 1000px; height: 500px; position: absolute; left: 50%; top: 217px; margin-left: -500px; z-index: 50;}
.case_slider_box{ width: 1000px; height: 500px; position: relative; overflow: hidden;}
.case_slider_box li{ width: 1000px; height: 500px; position: relative;}
.c_img_b_01{ width: 250px; height: 500px; position: absolute; left: 0; top: 0; overflow: hidden;}
.c_img_b_02{ width: 250px; height: 500px; position: absolute; left: 250px; top: 0; overflow: hidden;}
.c_img_b_02 a{ background: url(../images/case_h_bg_02.png) left bottom no-repeat;}
.c_img_b_03{ width: 500px; height: 250px; position: absolute; left: 500px; top: 0; overflow: hidden;}
.c_img_b_03 a{ background: url(../images/case_h_bg_01.png) right bottom no-repeat;}
.c_img_b_04{ width: 500px; height: 250px; position: absolute; left: 500px; top: 250px; overflow: hidden;}
.case_slider_box li img{ display: block; height: auto;}
.case_slider_box li a{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.case_title{ position: absolute; left: 0; top: -70px;}
.case_prve{ width: 44px; height: 44px; z-index: 12; background: url(../images/prev_ico.png) no-repeat; position: absolute; left: -100px; top: 50%; margin-top: -25px;}
.case_next{ width: 44px; height: 44px; z-index: 12; background: url(../images/next_ico.png) no-repeat; position: absolute; right: -100px; top: 50%; margin-top: -25px;}
.case_prve a, .case_next a{ display: block; width: 44px; height: 44px; overflow: hidden; text-indent: -9999px;}


.s5_title_box{ width: 270px; position: absolute; left: 50%; top: 138px; margin-left: -500px; z-index: 9; text-align: left;}
.s5_title_box img{ display: block; margin: 0 auto 0 0;}
.s5_title_box h4{ color: #675c52; font-size: 18px; font-weight: normal; margin-top: 15px; margin-bottom: 20px;}
.s5_text_box{ font-size: 14px; color: #7f7d7b; line-height: 18px; max-height:234px;}
.s5_logo_img{ display: block; width: 299px; height: 194px; position: absolute; left: 50%; top: 500px; margin-left: -149px; z-index: 11;}
.s5_photo_img{ display: block; width: 298px; height: 439px; position: absolute; right: 50%; top: 110px; margin-right: -550px; border: 6px solid #FFFFFF; z-index: 10; transform: rotate(-10deg); box-shadow: -8px 8px 8px rgba(0,0,0,0.6);}
.s5_text_more{ margin-top: 10px;}
.s5_text_more a{ color: #7f7d7b;}
.s5_text_more a:hover{ text-decoration: underline; color: #7f7d7b;}

#s06{ background: #e2ecf0;}
.s6_title_box{ width: 500px; text-align: left; position: absolute; left: 50%; top: 179px; margin-left: -500px; z-index: 8;}
.s6_title_box img{ display: block; margin: 0 auto 0 0;}
.s6_title_box h4{ color: #545766; font-size: 18px; font-weight: normal; margin-top: 15px; margin-bottom: 20px;}
.adress_box{ padding-left: 25px; background: url(../images/address_ico.png) left 7px no-repeat;}
.adress_box p{ color: #919294; font-size: 14px; line-height: 30px;}
.s6_logo_box{ width: 299px; position: absolute; right: 50%; top: 779px; margin-right: -500px; text-align: left; z-index: 9;}
.s6_logo_box p{ font-size: 14px; color: #50adc7; line-height: 25px;}
.m_road_box{ position: absolute; left: 0; bottom: 250px; width: 100%; height: 0px; background: url(../images/map_road_02.png) center bottom no-repeat;}
.map_ico{ width: 145px; height: 145px; display: block; position: absolute; left: 50%; top: 286px; margin-left: -5px; cursor: pointer;}
#allmap{ width: 100%; height: 300px; position: absolute; left: 0; bottom: 0; z-index: 11;}

.footer{ width: 100%; height: 52px; line-height: 52px; background: #3f3731; color: #a49383; font-size: 14px;}
.footer a{ color: #a49383;}
.footer a:hover{ text-decoration: underline;}

.overlay{ display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(36,28,18,0.8); z-index: 60;}

.in_warpper{ width: 100%; background: #e3e2db; padding-bottom: 65px;}
.in_warpper.no_p{ padding-bottom: 0;}
.crumbs_box{ width: 1000px; margin: 0 auto; padding-top: 60px; height: 100px; overflow: hidden;}
.crumbs_box .fr{ padding-top: 73px;}
.crumbs_box .fr a{ float: left; display: block; text-align: center; width: 62px; height: 26px; line-height: 26px; background: #847b72; margin-left: 1px; color: #FFFFFF;}
.crumbs_box .fr a:hover, .crumbs_box .fr a.cur{ background: #e49d16;}
.in_cont_box{ width: 914px; padding: 60px 43px; background: #FFFFFF; margin-top: 25px; overflow: hidden;}
.in_case_slider{ width: 360px; height: 360px; padding: 32px 30px 0 30px; position: relative;}
.prve{ width: 14px; height: 26px; z-index: 12; background: url(../images/c_prev.gif) no-repeat; position: absolute; left: 0px; top: 50%; margin-top: -13px;}
.next{ width: 14px; height: 26px; z-index: 12; background: url(../images/c_next.gif) no-repeat; position: absolute; right: 0px; top: 50%; margin-top: -13px;}
.prve a, .next a{ display: block; width: 14px; height: 26px; overflow: hidden; text-indent: -9999px;}
.in_case_a_box{ width: 424px; border-left: 1px solid #cecdc3; min-height: 424px; padding-left: 38px; padding-bottom: 15px;}
.in_case_a_title{ font-size: 30px; height: 32px; text-align: right; font-weight: normal; color: #665d54;}
.in_case_a_text{ width: 100%; font-size: 14px; color: #665d54; line-height: 24px; text-align: left; margin-top: 15px;}
.ra_link_box{ width: 100%; overflow: hidden; margin-top: 45px;}
.a_prve{ float: left; width: 47px; height: 17px; line-height: 17px; text-align: right; padding-right: 5px; margin-right: 1px; background: #847b72; border-bottom-left-radius: 5px; border-top-left-radius: 5px; font-size: 12px; color: #FFFFFF;}
.a_next{ float: left; width: 47px; height: 17px; line-height: 17px; text-align: left; padding-left: 5px; background: #847b72; border-bottom-right-radius: 5px; border-top-right-radius: 5px; font-size: 12px; color: #FFFFFF;}
.a_prve:hover, .a_next:hover{ background: #9e9389;}
.a_back_box{ width: 100%; clear: both; height: 23px; position: relative;}
.a_back_box a{ display: block; position: absolute; left: 50%; margin-left: -16px; top: -3px; width: 26px; height: 23px; background: url(../images/back_ico_03.png) no-repeat; text-indent: -9999px;}
.case_list_box{ width: 1000px; margin: 25px auto 0 auto; min-height: 750px;}
.case_list_box ul{ width: 1000px; overflow: hidden;}
.case_item_box{ width: 250px; height: 250px; float: left; overflow: hidden; position: relative;}
.case_item_box img{ display: block; width: 250px; height: 250px;}
.case_item_box span{ display: none; width: 250px; height: 85px; position: absolute; left: 0; top: 0; z-index: 4; background: url(../images/case_bg_img_03.png); font-size: 16px; color: #FFFFFF; padding-top: 165px;}
.case_page_box{ float: left; position: relative; width: 250px; height: 250px; background: url(../images/c_page_bg_03.gif) #665d54 center center no-repeat;}
.page_p{ text-indent: -9999px; display: block; width: 80px; height: 48px; position: absolute; left: 41px; top: 106px; background: url(../images/pager_prev.gif) 24px center no-repeat; background-size: auto 100%; transition:all 0.2s ease-in-out 0s;}
.page_n{ text-indent: -9999px; display: block; width: 80px; height: 48px; position: absolute; right: 45px; top: 106px; background: url(../images/pager_next.gif) 40px center no-repeat; background-size: auto 100%; transition:all 0.2s ease-in-out 0s;}
.page_p:hover{ background: url(../images/pager_prev.gif) 19px center no-repeat; background-size: auto 110%;}
.page_n:hover{ background: url(../images/pager_next.gif) 45px center no-repeat; background-size: auto 110%;}
.news_list_box{ min-height: 550px; width: 744px; padding-left: 30px; float: left; text-align: left; border-right: 1px solid #cecdc3;}
.news_list_box ul{ padding-right: 60px;}
.news_list_box ul li{ height: 86px; border-left: 8px solid #dad8cc; padding-left: 17px; margin-bottom: 44px;}
.news_list_box ul li:hover{ border-left: 8px solid #e49d16;}
.news_list_box ul li h4{ font-size: 24px; color: #665d54; height: 34px; line-height: 34px;}
.news_list_box ul li p{ font-size: 14px; color: #665d54; line-height: 24px; padding-top: 10px; height: 58px; overflow: hidden;}
.news_page_box{ width: 100px; float: right; height: 476px; position: relative;}
.pager{ width: 26px; position: absolute; left: 30px; top: 50%;}
.pager_prev{ width: 26px; padding-bottom: 20px;}
.pager_next{ width: 26px; padding-top: 20px;}
.pager_prev a{ display: block; width: 26px; height: 14px; line-height: 14px; overflow: hidden; background: url(../images/page_ico_03.gif); text-indent: -9999px;}
.pager_next a{ display: block; width: 26px; height: 14px; line-height: 14px; overflow: hidden; background: url(../images/page_ico_06.gif); text-indent: -9999px;}
.pager_b{ width: 26px; height: 32px; padding: 13px 0;}
.pager_b a{ display: block; height: 32px; line-height: 32px; font-size: 30px; color: #847b72;}
.pager_b a:hover{ color: #e49d16;}
.pager_b.linkOn a{ color: #e49d16;}
.news_article_title{ font-size: 30px; height: 32px; text-align: left; font-weight: normal; color: #665d54;}
.news_article_cont_box{ padding-top: 20px; font-size: 14px; color: #665d54; line-height: 24px; text-align: left; overflow: hidden; min-height: 580px;}
.news_article_back{ display: block; width: 50px; height: 50px; background: url(../images/news_back_ico_03.gif) no-repeat; margin: 20px auto 0 auto;}
.news_clear{ width: 100%; height: 1px; line-height: 1px; overflow: hidden; clear: both;}
.news_ra_box{ width: 106px; margin: 48px auto 0 auto;}

.join_us_box{ width: 100%; min-height: 800px; background: url(../images/c5_bg.jpg) #FFFFFF center top no-repeat; padding-bottom: 65px;}
.join_w_box{ width: 1000px; margin: 0 auto; position: relative;}
.j_t_logo{ display: block; width: 150px; padding-top: 60px; margin: 0 auto 0 0;}
.join_title{ width: 100%; text-align: left; color: #665d54; font-size: 30px; font-weight: normal; margin-top: 80px;}
.join_text_box{ width: 450px; font-size: 14px; color: #7f7d7b; line-height: 18px; text-align: left; margin: 20px auto 0 0;}

/*分页*/
.pages {height:46px;text-align:right;padding:30px 0 0 0;background:none;clear:both;float:left;padding-left:10px;}
.pageMoreTop {font-size:14px;color:#333;line-height:34px;text-align:center;width:640px;height:34px; clear:both;}
.pageMoreTop ul { text-align:center;padding:5px;}
.pageMoreTop ul li { float:left; margin-right:5px;font-size:12px; display:block;font-family:"microsoft yahei";}
.pageMoreTop .no_link { font-size:12px;text-decoration:none; color:#cccccc; width:70px; display:block;border:1px solid #c9c9c9;}
.pageMoreTop ul li a { font-size:12px;text-decoration:none;background:#FFFFFF; color:#0a6ece; width:34px; display:block;border:1px solid #0a6ece;}
.pageMoreTop ul li a:hover {background:#0a6ece; color:#fff; text-decoration:none; border:1px solid #0a6ece; }
.pageMoreTop ul li.down a { font-size:12px;text-decoration:none; color:#0a6ece; width:70px; display:block;border:1px solid #0a6ece;}
.pageMoreTop ul li.end a { font-size:12px;text-decoration:none; color:#0a6ece; width:70px; display:block; border:1px solid #c9c9c9;}
.pageMoreTop ul li.down a:hover { font-size:12px;text-decoration:none; color:#fff; width:70px; display:block;border:1px solid #0a6ece;}
.pageMoreTop ul li.end a:hover { font-size:12px;text-decoration:none; color:#fff; width:70px; display:block; border:1px solid #0a6ece;}
.pageMoreTop ul li.linkOn {color:#fff; text-decoration:none; background:#0a6ece; width:34px; display:block;border:1px solid #0a6ece;}
.pageMoreTop ul li.linkOn a{ border: none;}
.pageMoreTop ul li.linkOn span{ color:#ffffff;}

/* 动画 */
@-ms-keyframes narrow {
  0%   { -ms-transform: rotateX(0);}
  25%  { -ms-transform: rotateX(40deg);}
  50%  {-ms-transform: rotateX(0);}
  75%  { -ms-transform: rotateX(75deg);}
  100% { -ms-transform: rotateX(0);}
}
@-webkit-keyframes narrow {
  0%   { -webkit-transform: rotateX(0);}
  25%  { -webkit-transform: rotateX(40deg);}
  50%  {-webkit-transform: rotateX(0);}
  75%  { -webkit-transform: rotateX(75deg);}
  100% { -webkit-transform: rotateX(0);}
}
@-moz-keyframes narrow {
  0%   { -moz-transform: rotateX(0);}
  25%  { -moz-transform: rotateX(40deg);}
  50%  { -moz-transform: rotateX(0);}
  75%  { -moz-transform: rotateX(75deg);}
  100% { -moz-transform: rotateX(0);}
}
@keyframes narrow {
  0%   { transform: rotateX(0);}
  25%  { transform: rotateX(40deg);}
  50%  { transform: rotateX(0);}
  75%  { transform: rotateX(75deg);}
  100% { transform: rotateX(0);}
}
@-ms-keyframes jump {
  0% { -ms-transform: translateY(0%);}
  50% { -ms-transform: translateY(-15px);}
  100% {-ms-transform: translateY(0);}
}
@-webkit-keyframes jump {
  0% { -webkit-transform: translateY(0%);}
  50% { -webkit-transform: translateY(-15px);}
  100% {-webkit-transform: translateY(0);}
}
@-moz-keyframes jump {
  0% { -moz-transform: translateY(0%);}
  50% { -moz-transform: translateY(-15px);}
  100% {-moz-transform: translateY(0);}
}
@keyframes jump {
  0% { transform: translateY(0%);}
  15% { transform: translateY(-15px);}
  100% {transform: translateY(0);}
}
@-ms-keyframes runcity{
	from{background-position: 0 bottom;}
	to{background-position: 100% bottom;}
}
@-webkit-keyframes runcity{
	from{background-position: 0 bottom;}
	to{background-position: 100% bottom;}
}
@-moz-keyframes runcity{
	from{background-position: 0 bottom;}
	to{background-position: 100% bottom;}
}
@keyframes runcity{
	from{background-position: 0 bottom;}
	to{background-position: 100% bottom;}
}