﻿@import url("typo.css"); /*引入标签样式表*/
@import url("screen.css"); /*引入布局框架样式表*/
@import url("list.css"); /*引入标签样式表*/


/*公共属性*/
body, dl, dt, dd, ol, ul, pre, form, field, input, p, th, td, h2{ margin:0; padding:0; color:#333; font-size:12px; }
.content,.content p { font-size:12px;  width:100%;} /*默认内容行距与字体大小*/
ul, ol { list-style:none; margin:0; padding:0}
input, textarea, select, button, file {	font-size:12px;}
img { border:0;}
li {list-style-type:none;}
#page { text-align:center;}
/*网站默认链接样式*/
A,A:link {COLOR:  #333333; text-decoration:none;}
A:visited {COLOR:  #333333}/*已访问链接*/
A:hover {COLOR:  #333333; text-decoration: none; }/*鼠标在链接上*/
A:active {COLOR:  #333333}/*连接被按下*/
/*表单相关*/
input,select,textarea,.textarea_style{	font-family:"微软雅黑";	 padding:2px}/*单选框复选框*/
form {margin: 0px;padding: 0px;}
.date{ float:right; color: #999; font-weight:400}

/*新闻头条样式*/
.news_noen{height:auto;} 
.news_noen .title a{ font-size:14px; font-weight:bold; color:#F00; line-height:35px;}
.news_noen .txt a{ color:#F00}
.news_noen li{ text-align:left; padding-top:1px; font-size:12px;list-style:none; padding-left:5PX }
.news_noen span{text-align: center; font-size:16px; font-weight:bold}
/*自由新闻样式-样式一*/
.fnews{ width:96%; margin:0px auto; overflow:hidden}
.fnews ul { padding-left:2px;}
.fnews ul .title{padding-left:20px; text-align:left; font-size:12px; line-height:24px; margin:16px 0px 10px 5px;}
.fnews ul .txt{ text-align:left; font-size:12px; }
.fnews ul .txt a { color:#FF0000}
/*自由新闻样式-左右两列样式*/
.fnews2{ width:96%; margin:0px auto; overflow:hidden}
.fnews2 ul { padding-left:2px;}
.fnews2 ul .title{padding-left:20px; text-align:left; font-size:12px; line-height:24px; margin:5px 0px 10px 5px; background:url(yl_info_tip.jpg) no-repeat left center;}
.fnews2 ul .txt{ text-align:left; font-size:12px; }
.fnews2 ul .txt a { color:#FF0000}

/*自由新闻样式-样式二*/
.fnewss{ margin:10px;overflow:hidden}
.fnewss ul { padding-left:20px;}
.fnewss ul li{ height:26px;background:url(jt.gif) no-repeat left center; text-align:left;border-bottom:1px dashed  #CCCCCC; font-size:12px; line-height:26px }

/*热门带编号*/
.news_hot {height:auto; width:100%;overflow:hidden} 
.news_hot ul { background:url(hotNo.gif) no-repeat}
.news_hot ul li{ text-align:left;border-bottom:1px dashed  #CCCCCC; padding-top:1px; font-size:12px;list-style:none; padding-left:25px; line-height:22px}

.news_hot2 {height:auto;} 
.news_hot2 ul { padding-left:30px}
.news_hot2 ul li{ text-align:left;border-bottom:1px dashed  #CCCCCC; padding-top:1px; font-size:12px;list-style:none;}
/*自由图片样式-样式一*/


/*自由图片样式-样式二*/
.fimg2 { width:auto;overflow:hidden}
.fimg2 ul li { float:left; margin:5px;list-style-type:none; text-align:center;display:block; }
.fimg2 ul li img { width:143px; height:100px; padding:1px; border: #CCCCCC 1px solid;}
.fimg2 ul li span { display:block; width:145px; text-align:center;}

/*自由图片样式-样式三*/
.fimg3 { width:auto;overflow:hidden}
.fimg3 ul li { float:left; margin:3px;list-style-type:none; text-align:center;display:block; }
.fimg3 ul li img { width:115px; height:85px; padding:0px; border: #CCCCCC 2px solid;}
.fimg3 ul li :hover img {  border: #F90 2px solid;}
.fimg3 ul li span { display:block; width:115px; text-align:center;}

/*自由图片样式-样式四（去图片）*/
.fimg4{ width:auto;overflow:hidden; margin:10px 0px 0px 10px;}
.fimg4 ul li{ float:left; margin:3px;list-style-type:none; text-align:center;display:block; }
.fimg4 ul li img{ display:none;}
.fimg4 ul li span{ display:block; width:210px; text-align:left; padding-left:20px; background:url(hy_news_point.jpg) no-repeat 5px 8px;}

 /*栏目列表样式*/
.class_list{ width:255px; float:left;}
.class_list ul{ width:255px;}
.class_list ul li{list-style-type:none; text-align:left; font-size:12px; width:255px; height:37px; display:block;}
.class_list ul li a{text-decoration:none; padding-left:50px; line-height:3em;}

/*大类样式*/
.class_list ul .bigclass a{ }
.class_list ul .bigclass A:hover { color:#FF0000}
/*小类样式*/
.class_list ul .smallclass a{background: url(class.gif)  no-repeat; background-position:0px -30px; padding:5px 0; border-bottom:#CCCCCC 1px  dotted; line-height:20px; padding-left:30px; display:block;}
.class_list ul .smallclass A:hover { color: #003399}


/*自由留言*/
.fbook {overflow:visible;}
.fbook ul{ margin:0px;}
.fbook ul .title{ font-weight:bold; line-height:30px;}
.fbook ul .qe{border-bottom:#CCCCCC 1px dashed; }
.fbook ul .re{ border-bottom:#CCCCCC 1px solid; padding-top:3px}

/*留言列表*/
.guestbook {margin:0; padding:0}
.guestbook ul {border:#CCCCCC 1px solid; margin:5px 0px}
.guestbook ul .title { padding:2px 5px; margin:2px; background-color: #E6E6E6; font-weight:bold}
.guestbook ul .qe {border-bottom:#CCCCCC 1px dashed}
.guestbook ul .qe img { padding:10px; float:left}
.guestbook ul .qe span {float:left; padding:5px}
.guestbook ul .re { padding:2px 5px; margin:2px;}
.guestbook ul .bottom { padding:2px 5px; border-top:#CCCCCC 1PX solid; text-align:right }

/*单页留言订购*/
#forms { width: auto; height:auto; margin:0;padding-left:80px; padding-top:40px;}
#forms dl {line-height:25px;width:550px;_height:25px;}
#forms dt {float:left;clear:left;padding:2px 20px;width:100px;}
#forms dd {text-align:left;padding:2px 20px;border:#CCCCCC 1px solid;margin:2px;}
#forms dd input,#forms dd textarea {border:1px solid #dcdcdc;padding:3px; width:250px;}


/*人才招聘样式*/
/*自由人才*/
.fjob{ margin:0px;overflow:hidden}
.fjob ul { padding-left:20px;background:url(jt.gif)  repeat-y  left top;}
.fjob ul li{ text-align:left;border-bottom:1px dashed  #CCCCCC; font-size:12px; line-height:24px }

/*人才列表页*/
.joblist { width:auto; margin:0}
.joblist_bt {background: #F6F6F6; border:#E6E6E6 1px solid; line-height:30px; font-weight:bold}
.joblist_nr { border-bottom:#E6E6E6 1px solid; border-left:#E6E6E6 1px solid; border-right:#E6E6E6 1px solid; line-height:30px}
.joblist_bt .bt,.joblist_nr .bt{ width:37%;_width:36%; padding-left:5px; text-align:left;border:0}
.joblist_bt span ,.joblist_nr span{ display:block; width:15%; float:left; border-left:#E6E6E6 1px solid; text-align:center}


/*菜单样式*/
#tabsH{ float:left; width:990px; line-height:normal; height:45px;}
#tabsH ul{ margin:0; padding:0px; list-style:none;}
#tabsH .current{ float:left;}
#tabsH .current a { float:left; text-decoration:none; padding:15px 58px 0px 51px;}
#tabsH .current a span { float:left; display:block; font-size:14px; font-weight:bold; color: #fff;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsH .current a span {float:none;}
/* End IE5-Mac hack */
#tabsH .current a:hover span,#tabsH .current .index  span { color:#ff0000;}
#tabsH .current a:hover ,#tabsH .current .index  { }
#tabsH .current a:hover span,#tabsH .current .index span{ }

/* 下级菜单样式*/	  
#tabsH .current ul a{  padding:8px 5px 8px 30px; line-height:12px; margin:0; font-size:12px; color:#FFFF99; border:#E8E8E8 1px solid; border-top: none}
#tabsH .current ul a:hover{  background-position:0% -30px;color: #066}
/*横向菜单浮动偏移*/  

.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:2px; top:34px; /* match top ul list item height */z-index:999;}


#logo { height:88px}
#zdh{ margin-top:10px}
#main { margin-top:15px}
#banner ul li{ float: right; width:110px; }

#login { background:#f6f6f6}
#ads { height:400px}
.inbanner{ width:1000px; height:410px;}
#foot {  width:100%; margin:0 auto; overflow:hidden;}
.bot{ width:100%; padding:10px 0px; background:#dddddd;}
#fmenu p,#fmenu a,#copyright a{ }
#copyright {  text-align:center; line-height:1.8em; margin-top:20px;}
#sokey { text-align: right ; margin:0; padding:0}


.rollBox{width:930px;overflow:hidden;padding:16px 0 0px 10px; margin:0 auto; height:180px;}
.rollBox .LeftBotton{height:46px;width:35px;valign:middle;background:url(ic_l.jpg) no-repeat ;overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .RightBotton{height:46px;width:28px;background:url(ic_r.jpg) no-repeat ;
overflow:hidden;float:left;display:inline;margin:40px 0 0 0;cursor:pointer;}
.rollBox .Cont{width:880px;overflow:hidden;float:left; height:170px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont li{width:200px; height:170px; float:left;text-align:center; margin:10px; background-color:#0869a3;}
.rollBox .Cont li span{ width:200px; height:50px; }
.rollBox .Cont li span a,.rollBox .Cont li span a:link,.rollBox .Cont li span a:visited,.rollBox .Cont li span a:hover{ color:#FFFFFF; line-height:30px; text-decoration:none;}
.rollBox .Cont li img{padding:0px; width:200px; height:125px; display:block; margin:0;}
.rollBox .Cont li p{line-height:20px;color:#505050; height:20px; text-align:center; margin:0; padding-right:10px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left; padding:0; margin:0;}


#demo { overflow:hidden; border: 0px dashed #CCC; width: 699px; height:155px; margin:0 auto;}
#demo li{ float:left; height:145px; display:block; margin-right:15px; text-align:center; border-left: #909090 0px solid;
border-top: #909090 0px solid; background:#FFFFFF; 
filter: progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=4);/*ie*/
-moz-box-shadow: 2px 2px 10px #909090;/*firefox*/
-webkit-box-shadow: 2px 2px 10px #909090;/*safari或chrome*/
box-shadow: 2px 2px 10px #909090;/*opera或ie9*/}
#demo li img { height:112px;}
#demo li a img{ border:none;}
#demo li a:hover img { border: 0px solid #ea0001;}
#demo li span {  height:25px; line-height:25px;margin-right:18px;}
#demo li span a { height:25px; line-height:25px; color:#666666; display:block; }
#indemo { float: left; width: 800%;}
#demo1 { float: left;}
#demo2 { float: left;}

/* jQuery jcImgScroll css */
.jcImgScroll { position:relative; height:250px; width:660px;  }
.jcImgScroll li { border:1px solid #ccc; }
.jcImgScroll li a { display:block; height:328px;  }
.jcImgScroll li.loading a { background: url(loading.gif) no-repeat center center;} 
.jcImgScroll li img,.jcImgScroll li,.jcImgScroll em,.jcImgScroll dl { display:none; border:0 none;}
.jcImgScroll em.sPrev { background:url(arrow-left.png) no-repeat left center; }
.jcImgScroll em.sNext { background:url(arrow-right.png) no-repeat right center;}
.jcImgScroll dl dd { background:url(NumBtn.png) no-repeat 0 bottom; text-indent:-9em; }
.jcImgScroll dl dd:hover,.jcImgScroll dl dd.curr { background-position:0 0; }


/*首页样式*/
.cp1{ color:#333; font-size:18px; font-weight:bold;}
img{ border:0;}
li{ list-style-type:none;}
a{ text-decoration:none;}
.clear{ float:none; clear:both;}
.clear2{ float:none; clear:both; height:20px; width:100%;}
.clear3{ float:none; clear:both; height:35px; width:100%;}

body{ font-size:12px; font-family:"微软雅黑"; margin:0 auto; }

.ihead{ width:100%; height:638px; margin:0 auto; background:url(yl_topbg.jpg) no-repeat center top; overflow:hidden;}
.itop{ width:1002px; height:103px; margin:0 auto;}
.ilogo{ width:623px; height:103px; padding-left:30px; float:left;}
.ioption{ width:130px; float:right; padding-top:40px;}
.ioption a{ color:#000000;}
.inav{ width:1003px; margin:0 auto; text-align:center;}
.inavlist{}
.ibanner_center{ width:1002px; margin:0 auto; }
.ibanner{ width:660px; margin:0 auto; text-align:center; float:right; padding-top:70px; float:right;}

.ilaba_rela{ width:1002px; height:auto; margin:0 auto; position:relative;}
.ilaba{ width:300px; position:absolute; right:80px; top:-70px;}
.ilaba_btn{ width:40px; height:45px; float:left;}
.ilaba_txt{ float:left; padding-left:10px; width:220px; height:30px; padding-top:10px;}
.martitle{ float:left;}
.marscroll{ float:left;}

.icont1{ width:1003px; margin:0 auto;}
.more1{ width:71px; height:22px; float:right;}
.more2{ width:71px; height:22px; float:right;}
.more3{ width:15px; height:30px; float:left; display:inline; margin-top:150px; margin-left:10px;}
.more3 a{ cursor:pointer; padding:15px 7px 15px 7px;}
.more4{ float:right; display:inline; margin-top:13px; margin-right:5px;}
.more5{ float:right; display:inline; margin-top:2px; margin-right:5px;}
.more6{ float:right; display:inline; margin-top:13px; margin-right:5px;}

.iservices{ width:316px; margin:0 auto; float:left; padding-right:20px; padding-top:10px;}
.iservices_title{ width:316px; height:27px; background:url(yl_services.jpg) no-repeat center top; overflow:hidden;}
.iservices_txt{ width:316px; height:auto; margin:0 auto;}
.iservices_list{ width:305px; text-align:left;}
.iservices_list ul{ width:305px; margin:0 auto;}
.iservices_list ul li{ width:305px; border-bottom:1px solid #dedede; height:25px;}
.iservices_list ul li a{ padding-left:30px; background:url(yl_services_tip.jpg) no-repeat left center;}

.inews{ width:384px; margin:0 auto; float:left; padding-right:20px; padding-top:10px;}
.inews_title{ width:384px; height:27px; background:url(yl_news.jpg) no-repeat center top; overflow:hidden;}
.inews_txt{ width:384px; height:208px; margin:0 auto; background:url(yl_news_bg.jpg) no-repeat center 10px; overflow:hidden;}

.icontact{ width:255px; height:254px; background:url(yl_hotline.jpg) no-repeat center top; overflow:hidden; margin:0 auto; float:left; padding-left:5px;}
.icontact_txt{ width:255px; text-align:left; padding:50px 0px 0px 10px; color:#FFFFFF;}
.icontact_txt a{ color:#FFFFFF;}

.icont2{ width:1003px; margin:0 auto; background:url(yl_anli_bg.jpg) no-repeat center top; overflow:hidden; height:239px;}
.ianli{ width:930px; height:220px; float:right; margin-right:10px; margin-top:10px;}

.icont3{ width:1003px; margin:0 auto; background:url(yl_bot_bg.jpg) no-repeat center top; overflow:hidden; height:317px;}
.iknow{ width:290px; height:280px; float:left; display:inline; margin-top:20px; margin-left:10px;}
.iabout{ width:330px; height:300px; float:left; display:inline; margin-left:37px; margin-top:10px;}
.iabout_txt{ text-align:left; padding-top:125px; padding-left:5px; width:320px; margin:0 auto;}
.ihome{ width:290px; height:280px; float:left; display:inline; margin-left:40px; margin-top:19px;}

.ifoot{ width:100%; margin:0 auto; height:210px; background:url(yl_foot_bg.jpg) no-repeat center top; overflow:hidden;}
.ifoot_movecenter{ width:840px; height:210px; margin:0 auto; }
.ifriendlink{ float:left; display:inline; width:600px; height:auto; margin-top:40px; margin-left:20px; text-align:left;}
.ifootinfo{ float:right; display:inline; width:700px; height:auto; text-align:center; line-height:25px; margin-top:10px; color:#FFFFFF;}
.ifootinfo .tags p{ color:#FFFFFF;}
.ifootinfo a:link,.ifootinfo a:hover,.ifootinfo a:visited{ color:#FFFFFF;}


/*内页*/
.inpage_all{ width:1002px; margin:0 auto;}
.inpage_A{ width:255px; float:left; margin:0 auto;}
.inpageA_cate{ width:255px; height:160px; background:url(yl_inpage_cate.jpg) no-repeat center top; overflow:hidden; float:left;}
.inpageA_news{ width:255px; height:254px; background:url(yl_inpage_news.jpg) no-repeat center top; overflow:hidden; float:left; padding-top:27px;}
.inpageA_contact{ width:255px; height:254px; background:url(yl_hotline.jpg) no-repeat left top; overflow:hidden; float:left; margin-top:10px; padding:60px 0px 0px 10px; color:#FFFFFF;}
.inpageA_contact a{ color:#FFFFFF;}

.inpage_B{ width:700px; float:right; margin-top:5px;}
.inpageA_fenlei{ width:255px; float:left; margin:0 auto 20px auto;}
.inpageA_fenlei dl{ width:255px; margin:0 auto;}
.inpageA_fenlei dl dt{ width:255px; height:37px;}
.inpageA_fenlei dl dd{ width:255px; background:url(yl_inpage_ddbg.jpg) repeat-y center top; overflow:hidden;}

.lcontact{ width:90%; position:relative; height:240px;}
.lcontact span{ width:200px; position:absolute; left:0; top:67px;}
.right{width:780px; float:right; border-left:1px solid #dedede; overflow:hidden;}


#i_nflas_title { background:url(bzls.jpg) no-repeat; line-height:30px; color: #06F; font-size:14px; font-weight:bold; padding-left:40px; padding-top:3px}
.i_xbox { border:#3C7297 1px solid; padding:5px;margin-bottom:2px}
.i_xbox2 { border: #09C 2px solid; border-top:none; padding:2px; width:100% -4; margin-bottom:2px}
.i_rbox_title { background:url (zbg.jpg) no-repeat; line-height:33px; color: #FFF; padding-left:40px; font-size:14px; font-weight:bold; margin-top:5px}
#i_ptiele{ background:url(pro_index.jpg) no-repeat; line-height:37px; color:#FFF; font-size:14px; font-weight:bold; padding-left:35px}
#i_ptiele span,#i_n_title span{ float:right; padding-right:15px; padding-top:5px;}
#i_ptiele span img ,#i_n_title span img { padding-top:6px}
#i_n_title{ background:url(hbbg.jpg) no-repeat; line-height:35px;color:#FFF; font-size:14px; font-weight:bold; padding-left:42px} 
#i_book { background:url(xbg_top_bg2.jpg) no-repeat; line-height:40px; padding-left:80px;font-weight:bold; margin-top:5px}
#i_photo { background:url(xbg_top_bg.jpg) no-repeat; line-height:27px; padding-left:30px;font-weight:bold; margin-top:5px}
.i_boox_xbox {border: #CCC 1px solid; border-top:0; width:100% -2px; padding:5px; margin-bottom:5px;zoom:1;}

.votejs { float:left}
.votejs li  { float:left; width:110px;}
.votejs li  label { width:60px}
.vote_sub {text-align:center;} 
.p_title { height:25px; background:url(nav_btbg.jpg) no-repeat; line-height:25px; text-indent:10px; color:#FFFFFF;  font-size:14px; font-weight:bold}
.xbox,.xqbox,.xnbox{ border: #005EAE 0px solid; border-top:0; width:100% -2px; padding:5px; margin-bottom:5px;zoom:1}
.xqbox{border:#85D5F6 0px solid;border-top:0;  }
.xnbox{border:#85D5F6 1px solid;border-top:0; padding:0  }
.bmenu { width:100%; margin:0 auto; position:relative; text-align:left; font-size:14px; font-weight:bold; color:#036; background:url(inpage_cont_topbg.jpg) no-repeat left bottom;}
.bmenu h1{font-size:14px; text-indent:37px;  line-height:20px; color:#000000;}
.bmenu span { float:right; font-size:12px; font-weight: 400; color: #333;}
.conts {width:700px; margin:5px auto; zoom:1; line-height:32px; }
.conts2 {width:700px; margin:5px auto; zoom:1; line-height:32px; background:url(contact_bg_inpage.jpg) no-repeat right bottom; overflow:hidden;}

.pic_wrap{margin:0 auto;position:relative;overflow:hidden; margin:0 5px;width:740px;height:192px;}
.pic_wrap .pic_inner{position:absolute;}
.pic_ul{float:left;white-space:nowrap;}
	
.link_box { border:#CCC 1px solid; margin:5px 0px}
.link_title { background:#06C; color:#FFF; font-weight:bold; padding:5px; margin:2px;}