/*reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline}html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-family:arial,sans-serif}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
img{vertical-align:middle;border:0}
img{width:100%}
i,em{font-style:normal}
.pd10{padding:10px}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
a{color:#6b6b6b}
ul{list-style-type:none}
.fl{float:left}
.fr{float:right}


/*==============================common==================================*/
.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.g-wp{ max-width:640px;}
.mt10{ margin-top:10px;}
.container{ padding:8px;}
body{font:16px/1.5 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#333;outline:0; width:100%;}
a{color:#444}
.tc{ text-align:center;}
 
.ui-header{ 
	position:relative;
	background:#ffffff;
	height:60px;
}

.ui-header-left{ position:absolute; top:0; left:0; width:2.8rem; height:100%;}
.ui-header-left a{ display:block; height:100%; background-size:30px auto; background-repeat:no-repeat; background-position:center center;}
.ui-header-right{ position:absolute; left:auto; right:0; width:8.75rem; height:100%;}
.ui-header-right a{ display:block; height:100%; background-size:8.75rem auto; background-repeat:no-repeat; background-position:center center;}

.ui-header-ico-home{ background:url(../logo.jpg);}
.ui-header-ico-menu{ background:url(../images/menu.png);}

#menu{ position:absolute; width:170px; height:100%; top:0; left:0; background:#42a8ea; color:#666; z-index:100; display:none; z-index:99}

#menu .top_n{ padding:30px 0 50px; text-align:center;}
#menu .top_n a{ font-size:1rem; padding:0 15px; color:#FFFFFF;}
#menu li{ vertical-align:middle; padding:0 25px 0 25px; text-align:center;}
#menu li:after{ content:''; display:block; width:100%;}
#menu li a{ position:relative; height:50px; line-height:50px;  border-bottom:1px solid #f7f6f6; display:block; height:100%; color:#ffffff; text-indent:20px; font-size:1.0rem}
#menu li.icon1 a{ background:url(../images/icon-menu1.png) no-repeat 5px center; background-size:30px auto;}
#menu li.icon2 a{ background:url(../images/icon-menu2.png) no-repeat 5px center; background-size:30px auto;}
#menu li.icon3 a{ background:url(../images/icon-menu3.png) no-repeat 5px center; background-size:30px auto;}
#menu li.icon4 a{ background:url(../images/icon-menu4.png) no-repeat 5px center; background-size:30px auto;}
#menu li.icon5 a{ background:url(../images/icon-menu5.png) no-repeat 5px center; background-size:30px auto;}

#msk{ display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.5; top:0; left:0; z-index:9}


.footer{width:100%; background:#ebebeb; color:#555555;}
.food{ padding:1.5rem 0.5rem;}
.food .ewm{ float:left; width:40%; height:auto;}
.food .ewm li{float:left;width:50%;padding-right:10px; padding-left:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
.food .ewm li img{ width:100%;}
.food .banquan{ width:58%;line-height:1.75rem;text-align:right; }
.food .banquan .bqxx{ background:url(../images/xx2.gif) no-repeat right; height:2px; margin-bottom:0.55rem;}

.dibu{ height:50px;}
.dibu_img{ height:50px; background:#fe9b43; position:fixed;width:100%;left:0;bottom:0;z-index:7;}
.dibu_img li{ float:left; width:33.33%; text-align:center;}
.dibu_img li a{ color:#FFFFFF;display:block;width:100%; padding-top:32px; height:18px; background:url(../images/food_ico.png) no-repeat;background-size:30px auto; font-size:0.75rem;}
.dibu_img li a:hover{background:url(../images/food_ico.png) #1f79b1 no-repeat;background-size:30px auto;}

.dibu_img li:nth-child(1) a{background-position:center 0}
.dibu_img li:nth-child(2) a{background-position:center -60px}
.dibu_img li:nth-child(3) a{background-position:center -110px}


.ui-banner{ width:100%;}
.swipe {overflow: hidden;visibility: hidden;position: relative;width:100%;height:auto;z-index:1}
.swipe-wrap{overflow: hidden;position: relative;z-index:1}
.swipe-wrap li{float:left;width:100%;position: relative;z-index:1}
.swipe-wrap li img{ width:100%;z-index:1; display:block;}


#slider_on{ position:absolute;width:100%;height:30px; line-height:30px; z-index:9999;text-align:center; bottom:0;}
#slider_on ul{ padding-right:8px;}
#slider_on li{display:inline-block;width:10px;height:10px;border-radius:5px;background:#ffffff; margin:0 2px;cursor:pointer; z-index:9999;}
#slider_on li.on{box-shadow:inset 0 1px 3px -1px #464646,0 1px 2px rgba(0,0,0,.5);background-color:#000000; z-index:9999;}

.index_img{ width:100%; height:auto;}
.index_img ul{ overflow:hidden; padding:1rem 0 0.6rem 0.5rem;}
.index_img li{ float:left; width:33.3333%; overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.index_img li img{ width:100%;}
.index_img li dl{ padding:0 0.6rem 0 0; overflow:hidden;}
.index_img li dl dt{ height:2rem; line-height:2rem; padding-left:0.75rem; background:url(../images/i1.png) no-repeat left center;}


.index_about{ background:#f4f4f4; width:100%; padding:0.8rem 0 0.7rem;}
.ab_t{ text-align:center; font-size:1.2rem; line-height:2.5rem; color:#252525;}
.ab_e{ text-align:center; text-transform:uppercase; color:#555555; background:url(../images/xx.gif) no-repeat center center; margin-bottom:0.6rem;}
.index_about img{ width:100%;}

.ab_txt{ padding:0.75rem 0.6rem 0.6rem; line-height:2rem;}
.ab_txt strong{ font-weight:bold; font-size:1rem;}
.ab_txt p{ text-indent:2em;}


.index_case{width:100%; padding:0.8rem 0 0.7rem;}
.case_img ul{ overflow:hidden;}
.case_img ul li{float:left;width:25%;padding-right:10px; padding-left:5px;padding-bottom:15px;line-height:1.2;-webkit-box-sizing:border-box;box-sizing:border-box}
.case_img ul li img{ border:1px solid #c2c2c2; width:99.5%;}


.index_job{ background:#f3f3f3; width:100%; padding:0.8rem 0 0.7rem;}
.job_txt{ text-align:center; line-height:2rem;line-height:2rem; padding:0 10px;}

.job_img li{ vertical-align:middle; margin-bottom:5px;}
.job_img li img{ width:100%;}


.ny_ban{ width:100%;}

.ny_nav{padding:0.8rem 10px 0.8rem; overflow:hidden;}
.ny_nav ul{ width:100%; overflow:hidden; padding-bottom:10px; border-bottom:1px solid #b2b2b2; overflow:hidden;}
.ny_nav li{float:left;width:25%;padding-right:6px; -webkit-box-sizing:border-box;box-sizing:border-box;}
.ny_nav li a{ display:block; width:100%; text-align:center; background:#ebebeb; height:2.5rem; line-height:2.5rem; overflow:hidden; color:#313131; -webkit-box-sizing:border-box;box-sizing:border-box;}
.ny_nav li a:hover{ color:#FFFFFF; background:#1f79b1;}
.ny_nav li a.cur{ color:#FFFFFF; background:#1f79b1;}


.pb20{ padding-bottom:20px;}
.mb20{ margin-bottom:20px;}
.bm{ border-bottom:1px solid #b2b2b2;}

.pro{ padding-bottom:1rem; margin-bottom:1rem;}
.pro h2{ font-size:1.5rem;}

.pro01{ border-bottom:1px solid #efefef; padding-bottom:15px; margin-bottom:15px;}
.pro01 dt{ width:35%;}
.pro01 dd{ width:64%;}
.pro01 dd h2{ font-size:1.5rem;}


.case_img2 h2{ font-size:1.5rem; padding:1rem 0;}
.case_img2 ul{ overflow:hidden;}
.case_img2 ul li{float:left;width:33.3%;padding-right:10px; padding-left:5px;padding-bottom:15px;line-height:1.2;-webkit-box-sizing:border-box;box-sizing:border-box}
.case_img2 ul li img{ border:1px solid #c2c2c2; width:99.5%;}

.ny_art img{ margin:5px auto;}
.ny_title{ font-size:1.2rem; font-weight:bold; }
.ny_date{margin-bottom:10px;}

.ny_sxp{margin:1.5rem auto;}
.ny_sxp p{width:90%; height:30px; line-height:30px; overflow:hidden;}
.ny_sxp a{}
.ny_sxp a:hover{ color:#1f79b1}


.ny_about{ padding:10px 10px 20px;background:#f4f4f4;}
.ny_bt{ padding-bottom:10px; color:#555555;}
.ny_bt span{ display:block; font-size:1.5rem}


.ny_ry{ padding:10px 10px 20px;}

.up{ clear:both; width:100%; overflow:hidden; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #e7e3e3}
.up img{ float:left; width:25%; vertical-align:middle;}


/* 内页右侧带图片列表 */
.list_news{ width:100%; overflow:hidden;}
.list_news dl{ margin-bottom:10px;width:100%; overflow:hidden; padding-bottom:10px;border-bottom:#c7c7c7 1px solid;}
.list_news dl dt{ float:left; width:12%; overflow:hidden; padding:0.45rem 0.3rem; background:#ebebeb; text-align:center;}
.list_news dl dt span{ display:block; color:#ed1c24; font-weight:bold;}
.list_news dl dt font{color:#464646;}

.list_news dl dd{ float:right; width:82%; overflow:hidden;}
.list_news dl dd h2{ font-size:1.2rem; height:1.5rem; line-height:1.5rem;overflow:hidden; font-weight:bold;}
.list_news dl dd h2 a{ color:#252525}
.list_news dl dd h2 a:hover{ color: #ed1c24;}
.list_news dl dd span{ color:#464646; font-size:0.55rem;}
.list_news dl dd p{ line-height:1.2rem; height:2.4rem; overflow:hidden; color:#464646; margin-top:3px; font-size:0.75rem;}


/* 分页样式 */
.page { text-align:center; LINE-HEIGHT: 30px; MARGIN:10px auto 10px; HEIGHT: 30px; COLOR: #434343; FONT-SIZE: 12px; OVERFLOW: hidden}
.page LI {MARGIN: 0px 1px; DISPLAY: inline}
.page LI A {BORDER-BOTTOM: #cecece 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #cecece 1px solid; PADDING-BOTTOM:4px; PADDING-LEFT:9px; PADDING-RIGHT:9px; BORDER-TOP: #cecece 1px solid; BORDER-RIGHT: #cecece 1px solid; PADDING-TOP:4px; color:#434343;border-radius:3px;}
.page LI A:hover {BORDER:1px solid #d50b0d; COLOR: #ffffff; background:#d50b0d; TEXT-DECORATION: none}
.page LI.thisclass A {BORDER-BOTTOM-COLOR: #d50b0d; BORDER-TOP-COLOR: #d50b0d; COLOR: #ffffff; BORDER-RIGHT-COLOR: #d50b0d; BORDER-LEFT-COLOR: #d50b0d; background:#d50b0d}
/* 分页样式 */


.ny_jm{ width:100%; overflow:hidden; padding-bottom:10px;}
.ny_jm img{ margin:5px auto;}
.jm_t span{font-size:1.25rem; display:inline-block; height:30px; line-height:30px;border-bottom:1px solid #464646; color:#464646; margin-bottom:10px;}

/* 人才招聘 */
.ny_job_nav{ width:100%; overflow:hidden; padding-bottom:10px; margin-bottom:15px; border-bottom:1px dotted #313131;}
.ny_job_nav ul{ overflow:hidden;}
.ny_job_nav ul li{ float:left; display:inline; margin-right:10px;}
.ny_job_nav ul li a{ display:inline-block; padding:0 1rem; color:#464646; height:30px; line-height:30px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ny_job_nav ul li a:hover{ background:#ed1c24; color:#FFFFFF;}
.ny_job_nav ul li a.thinss{ background:#ed1c24; color:#FFFFFF;}

.communityTitle{padding:10px 0; overflow:hidden; width:100%; background:#ebebeb;}
.communityTitle h4{float:left; width:20%; text-align:left; color:#464646; font-size:0.75rem}
.communityTitle h4.one{width:40%; text-indent:5px;}
.communityList li{overflow:hidden; height:40px; line-height:40px; border-bottom:solid 1px #e0e0e0; color:#636363}
.communityList li div{float:left; width:20%; text-align:left;}
.communityList li div.one{width:40%; text-indent:5px;}
#job{ font-size:0.75rem}

.art_job{ width:100%;}
.art_job h2{ font-weight:normal; color:#464646; height:30px; line-height:30px; border-bottom:1px solid #bebebe;}
.art_job h2 span{ float:right; font-size:12px;}
.art_job h3{ height:40px; line-height:40px; margin-top:5px; font-weight:normal; color:#464646;}
.art_job h3 span{ margin-right:0.5rem; color:#ed1c24;}
.art_job_txt{ color:#464646; line-height:1rem;}
.art_job_txt img{ width:40%;}

.community_scroll{}
.border{border:solid 1px #ddd;}
.p-10{padding:10px !important;}
.w100{width:100% !important;}
input			{ border:none; background:none; font-family:"微软雅黑"; }
input:focus 	{ outline:none; font-family:"微软雅黑"; }
textarea		{ border:none; outline:none; font-family:"微软雅黑";}
input[type="submit"]{cursor:pointer; font-family:"微软雅黑";}
.mb-10{margin-bottom:10px;}

.subnt{ width:30%; height:30px; line-height:30px; border:0; padding:0; text-align:center;  color:#ffffff; background:#ed1c24;border-radius:10px;}

.ny_lxwm{ padding:6rem 0;}
.ny_lxwm_ico{ padding:0 2rem 2rem;}
.ny_lxwm_ico li{float:left;width:30%;padding-right:10px; padding-left:10px;-webkit-box-sizing:border-box;box-sizing:border-box}
.ny_lxwm_ico li img{ width:100%;}
.lx_ico span{ padding-left:30px; background:url(../images/tel.jpg) no-repeat left center; height:26px; line-height:26px; display:inline-block; overflow:inherit;}
.lx_tel{ font-size:3.2rem;}
.lx_add{ font-size:1.2rem;}

.cpcon{width:100%;background:#fff; padding-bottom:0.5rem; overflow:hidden;}
.tabBox{width:100%;}
.tabBox .hd{height:65px;background:url(../images/xx3.jpg) repeat-x 0 29px;margin-bottom:10px;overflow:hidden;z-index:1;}
.tabBox .hd li{float:left;height:65px;font-size:14px;text-align:center;width:20%;}
.tabBox .hd li a{line-height:55px;height:65px;z-index:2;display: inline-block; width:100%; background:url(../images/off.png) no-repeat center center; background-size:auto 65px; overflow:hidden; color:#FFFFFF; font-size:12px;}
.tabBox .hd li.on a{background:url(../images/on.png) no-repeat center center; background-size:auto 65px; overflow:hidden;}

.tabBox .bd{width:100%;}
.tabBox .bd li{float:left;width:50%;padding-right:10px; padding-left:5px;padding-bottom:15px;line-height:1.2;-webkit-box-sizing:border-box;box-sizing:border-box}
.tabBox .bd li img{width:100%; height:11rem;}

.ny_vido{}
.ny_vido h2{ padding:0 0 5px 5px;}
.ny_vido li{float:left;width:50%;padding-right:10px; padding-left:5px;padding-bottom:15px;line-height:1.2;-webkit-box-sizing:border-box;box-sizing:border-box}
.ny_vido li img{width:100%; height:11rem; display:block;}
.ny_vido li p{ height:0.75rem; line-height:0.75rem; margin-top:8px;}


@media only screen and (max-width: 320px){
body{ font-size:0.75rem;}
.index_img ul{ overflow:hidden; padding:0.75rem 0 0.3rem 0.3rem;}
.index_img li dl{ padding:0 0.3rem 0 0; overflow:hidden;}
.index_img li dl dt{ font-size:0.75rem; background-size:5px auto;height:1.5rem; line-height:1.5rem; padding-left:0.45rem;}
.ab_e{ background-size:240px auto; font-size:0.65rem;}
.ab_txt,.job_txt{ line-height:1.3rem;}
#menu li a{ font-size:1rem;}
.food{ padding:0.8rem 0.3rem;}
.food .banquan{ width:55%;line-height:0.85rem;  font-size:0.55rem;}
.food .banquan .bqxx{ background:url(../images/xx2.gif) no-repeat right; height:1px; margin-bottom:0.55rem; background-size:40px auto;}
.pro01 dt{ width:28%;}
.pro01 dd{ width:70%; font-size:0.45rem}
.pro01 dd h2{ font-size:1rem;}
.ny_title{ font-size:0.8rem;}
.ny_bt span{ display:block; font-size:1rem}
.list_news dl dd h2{ font-size:0.8rem; height:1rem; line-height:1rem;}
.ny_job_nav ul li{ margin-right:5px;}
.communityTitle h4{font-size:0.6rem}
#job{ font-size:0.6rem}
.art_job h3{ font-size:0.9rem}
.lx_tel{ font-size:1.6rem;}
.lx_add{ font-size:0.65rem;}
.tabBox .bd li img{width:100%; height:7rem;}
.ny_vido li img{width:100%; height:7rem;}
.ny_lxwm{ padding:2rem 0;}

.list_news dl dt{ width:20%; overflow:hidden; padding:0.55rem 0.4rem;}
.list_news dl dd{ width:74%; overflow:hidden;}
.list_news dl dd p{ line-height:1rem; height:2rem;}
}