@charset "utf-8";
/* author: tonytian */
/* mail: kevin903@163.com */

/* reset */
html { background:#FFF;}
body { width:100%; height:100%; font:12px "Arial","微软雅黑","宋体"; text-align:center; border:0;}
input,select,textarea { font-family:"Arial","";}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
input,textarea,blockquote { padding:0; margin:0;} 
html { background:#FFF; border:0;}
table { border-collapse:collapse; border-spacing:0;} 
fieldset,img { border:0;} 
address,caption,cite,code,dfn,em,strong,th,var { font-weight:normal; font-style:normal;} 
ol,ul { list-style:none;} 
caption { text-align:left;} 
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%;} 
abbr,acronym { border:0;}
hr { display:block;margin:0.5em auto; border-style:inset; border-width:1px;}
map { display:inline;}
label { cursor:default;}

/* structure */
body { background:url(../images/bg01.gif) repeat-x left top;}
.wrapper { width:960px; margin:0 auto; text-align:left;}
.floatL { float:left;}
.floatR { float:right;}
a { color:#4b628c; text-decoration:none;}
a:hover { color:#EA7900; text-decoration:underline;} 

/* header */
.header { width:100%; height:148px;}
.header p { display:block; height:28px; color:#777; line-height:28px;}
.logo { height:80px;  background:url(../images/zxpg_logo.gif) no-repeat left top; }
.logo span { display:block; height:80px; background:url(../images/zxpg_logo.gif) no-repeat right -80px;}
.menu,.menu div,.menu div ul { width:100%; height:38px;}
.menu { background:url(../images/bg02.gif) repeat-x left -40px;}
.menu div { background:url(../images/bg02.gif) no-repeat right -80px;}
.menu div ul { background:url(../images/bg02.gif) no-repeat left top; text-align:center;}
.menu div ul li { width:120px; height:38px; float:left; font-size:14px; line-height:36px;
background:url(../images/bg02.gif) no-repeat right -120px;}
.menu div ul li.noline { background:none;}
.menu div ul li a { display:block; width:120px; color:#bfcce4; text-decoration:none;}
.menu div ul li a:hover { color:#FFF; font-weight:bold; text-decoration:none;}
.menu div ul li.current a { color:#FFF; font-weight:bold; text-decoration:none;}

/* container */
.container { width:100%; margin-top:8px;}

.title { width:100%; height:35px; background:url(../images/bg02.gif) repeat-x left -200px;}
.title span { display:block; height:35px; float:left; background:url(../images/bg02.gif) no-repeat left -160px;
 line-height:35px; font-size:14px; font-weight:bold; text-indent:12px; color:#4b628c;}
.title em { display:block; height:35px; float:right; background:url(../images/bg02.gif) no-repeat right -240px;
 line-height:35px; font-size:12px; padding-right:10px;}

.bottom,.bottom span,.bottom em { display:block; height:3px; font-size:0; line-height:0;}
.bottom { width:100%; background:url(../images/bg02.gif) repeat-x left -377px;}
.bottom span { width:10px; float:left; background:url(../images/bg02.gif) no-repeat left -357px;}
.bottom em { width:10px; float:right; background:url(../images/bg02.gif) no-repeat left -397px;}

/* index */
.index_left { width:680px; float:left;}
.index_right { width:270px; float:right;}
.marginTop10 { margin-top:10px;}
.w335 { width:475px;}
.h390 { height:390px;}
.h220 { height:220px;}
.index_ad { width:100%; height:220px; background:#F6F6F6;}

/* aboutUs */
.aboutUs { width:678px; height:352px; background:#FFF; border-left:1px #c4c9d4 solid; border-right:1px #c4c9d4 solid;}
.auExpert,.auIntroduction,.auCourse { width:335px; height:352px; float:left;}
.auExpert,.auIntroduction { background:url(../images/bg04.gif) no-repeat right top;}
.auExpert h4,.auIntroduction h4,.auCourse h4 { width:206px; height:28px; margin:6px auto 0 6px; background:url(../images/bg03.gif) repeat-y left top;
  line-height:28px; text-indent:6px; font-weight:normal; font-size:11px; color:#8090AE;}
.auExpert h4 b,.auIntroduction h4 b,.auCourse h4 b { font-size:14px; color:#4B628C; font-weight:bold; padding-right:2px;}
.auExpert ul { width:210px; margin:0; padding:0; margin-top:6px; margin-left:6px;}
.auExpert ul li { width:210px; height:77px; float:left; font-size:12px;}
.auExpert ul li span { display:block; width:72px; height:75px; float:left;}
.auExpert ul li em { display:block;  height:28px; margin-top:3px; float:left; color:#4B628C; font-weight:bold; line-height:28px;}
.auExpert ul li p { display:block; width:210px; height:36px; line-height:18px; float:left; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.auExpert ul li span img { width:60px; height:60px; margin-top:4px; padding:2px; border:1px #DDD solid;}
.auExpert ul li em a { color:#4B628C; text-decoration:none;}
.auExpert ul li em a:hover { color:#4B628C; text-decoration:underline;}
.auIntroduction span,.auCourse div { display:block; width:320px; height:300px; margin-top:6px; margin-left:6px; font-size:12px;}
.auIntroduction span { line-height:20px;}
.auIntroduction span p { text-indent:24px; color:#4B628C;}
.aboutUs span a { color:#EA7900; text-decoration:none; padding-left:4px;}
.aboutUs span a:hover { color:#333; text-decoration:underline;}
.auCourse div { line-height:18px;}
.auCourse div span { display:block; float:left; margin-bottom:8px; color:#444;}
.auCourse div span em { display:block; width:100%; color:#4B628C; font-style:normal}

/* newsList */
.newsList { display:block; margin:0; padding:6px 0 0 0; font-size:12px; border-left:1px #c4c9d4 solid; border-right:1px #c4c9d4 solid;}
.newsList li {  height:22px; line-height:22px; padding-left:20px; background:url(../images/bg02.gif) no-repeat 8px -290px;}
.newsList li span { float:right; padding-right:8px; text-indent:0; color:#999;}

/* expertList */
.expertList { width:680px; margin:0 auto; padding:0;}
.expertList li { width:340px; height:90px; float:left; font-size:12px;}
.expertList li span { display:block; width:75px; height:75px; float:left;}
.expertList li em { display:block; width:250px; height:28px; margin-top:3px; float:left; color:#4B628C; font-weight:bold; line-height:28px;}
.expertList li p { display:block; width:250px; height:36px; line-height:18px; float:left; color:#333; word-break:break-all;}
.expertList li span img { width:60px; height:60px; margin-top:4px; padding:2px; border:1px #DDD solid;}
.expertList li em a { color:#4B628C; text-decoration:none;}
.expertList li em a:hover { color:#4B628C; text-decoration:underline;}

/* companySearch */
.companySearch { height:74px; background:#FFF; border-left:1px #c4c9d4 solid; border-right:1px #c4c9d4 solid;}
.companySearch p { display:block; height:26px; line-height:26px; padding-top:8px; text-indent:12px; color:#4B628C;}
.companySearch span { display:block; padding-left:12px;}
.ipt01 { width:160px; height:22px; border:1px #A5AEBD solid; background:url(../images/bg02.gif) repeat-x left -420px;
 line-height:22px; text-indent:2px; color:#000;}
.btn01 { width:66px; height:24px; background:url(../images/btn01.gif) no-repeat left top; border:none; color:#FFF;
 font:12px "Arial","微软雅黑","宋体"; margin-left:2px;}
 
/* partnerList */
.partnerList { width:268px; height:220px; padding-top:10px; border-left:1px #c4c9d4 solid; border-right:1px #c4c9d4 solid;}
.partnerList span { display:block;height:26px; text-align:left; margin-left:10px;}
.partnerList span img { width:112px; height:40px; margin-top:4px;}

/* topAD */
.topAD { width:100%; height:70px; background:#F6F6F6;}
.topNav { width:100%; height:24px; margin:10px 0; line-height:24px; text-align:left; color:#666;}
.topNav a { color:#4b628c; text-decoration:none;}
.topNav a:hover { color:#4b628c; text-decoration:underline;} 

/* 左边导航 */
#side {float:left; text-align:left; width:174px; }
.sideNav {text-align:left; margin:0 auto 14px auto; width:174px; z-index:2;}
.sideNav ul { background:url(../images/leftbtm.jpg) left bottom no-repeat; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 0 6px 0; width:166px;}
.sideNav h2, .sideNav h3 { display:block; text-align:left; padding:0 0 0 20px;}
.sideNav h2 { background:url(../images/lefttitle.jpg) no-repeat; height:37px; line-height:37px; font-size:14px; color:#fff;}
.sideNav h3 { background:url(../images/leftbg2.jpg) repeat-x; height:33px; line-height:33px; font-size:12px; color:#333;}
.sideNav li { cursor:pointer; display:inline;display:block; background:url(../images/leftbg3.jpg) no-repeat; margin:0; padding:0; height:33px; position:relative; z-index:8; }
.sideNav li a { background:url(../images/arrow4.gif) 20px 11px no-repeat; text-decoration:none; color:#4a628d; line-height:33px; display:block; width:128px; height:33px; padding:0 0 0 32px; margin:0; overflow:hidden;}
.sideNav li a.sideNavOn { background:url(../images/arrow4.gif) 20px 11px no-repeat #fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-decoration:none; color:#4a628d; display:block; height:32px; line-height:32px; width:150px; overflow:hidden; position:absolute; z-index:8; top:-1px;}
.sideNav li span { display:block; margin:0; padding:0; height:33px; position:relative; z-index:8;}
#sideBlock { height:350px; margin:10px 0 0 0; width:174px;}
.sideNav LI.athover a { background:url(../images/arrow4.gif) 20px 11px no-repeat #fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; text-decoration:none; color:#4a628d; display:block; height:32px; line-height:32px; width:150px; overflow:hidden; position:absolute; z-index:8; top:-1px; }

/* 右边内容 */
.rightPart { border:1px solid #ddd; color:#646363; line-height:25px; float:left; display:inline; margin:0 0 0 8px; padding:0 0 0px 0; width:775px; _width:772px; position:relative; overflow:hidden;}

/* 通用左右结构框 */
.ome, #about,#companyNews { background:none; min-height:570px;}
.ome h3, #about h3, .aboutTitle h3 { display:block; padding:20px 0 10px 40px; font-size:14px; font-weight:bold; color:#4a628d; text-align:left; }
.ome p, #about p { text-align:left;}
.ome p, #about p img{ width:100%;}
.jz{ text-align:left; padding:0 40px; width:680px;}

/* 公司简介 */
#aboutSlide { background-color:#4b628c; height:70px; margin:2px 0 15px 0; width:960px;}
.aboutTitle { height:40px; line-height:40px; margin:30px auto; width:680px; border-bottom:2px solid #4b628c;}
#proTitle, #clientTitle { height:40px; line-height:40px; margin:60px auto; width:680px; border-bottom:1px solid #4b628c;}
#proTitle h3, #clientTitle h3 { font-size:12px;}
#about h3,.aboutTitle h3 { float:left; display:block; width:300px; padding:0;}
span.fr { float:right; margin:0 10px 0 0;}
#about p { margin:0 5pt 20px 5pt;}
#aboutPro { background:url(../images/aboutpro.gif) bottom left no-repeat; height:350px; margin:0 auto; width:680px; text-align:left;}
#aboutPro a { line-height:20px;}
#aboutPro a:link,#aboutPro a:visited{ color:#4a628d;}
#aboutPro a:hover,#aboutPro a:active{ color:#ff6600; text-decoration:underline;}
.client { margin:0 auto; width:680px;}
#client h4 { margin:0;}
#client ul { margin:0;}
.client h4 { float:left; width:100px; font-size:12px; font-weight:bold; text-align:left; margin:40px 0 0 0;}
.client ul { float:left; width:560px; margin:40px 0 0 0;}
.client li { border:1px solid #ddd; float:left; height:48px; margin:0 10px 10px 0;}

/* 公司动态 */
#dynamic { text-align:left; margin:10px auto; width:680px;}
#dynamic h4 { font-size:14px; color:#4a628d; margin:0 0 0 15px;}
#dynamic h4 span { font-size:12px; font-weight:normal; margin:0 0 0 20px;}
a#ady:link, a#ady:visited{ color: #4a628d; font-size:14px;}
a#ady:hover, a#ady:active{ color: #f0830f; font-size:14px;}
#dynamic p { margin:0 0 0 15px; padding:0;}
#dynamic ul { margin:10px 0 0 5px;}
#dynamic li { background:url(../images/li3.gif) 5px 12px no-repeat; height:28px; line-height:28px; overflow:hidden; border-bottom:1px #CCC dashed;}
#dynamic li h4 { font-size:12px; font-weight:normal; margin:0 0 0 15px; line-height:28px;}
#dynamic li a { display:block;}
#dynamic li a:hover{ text-decoration:underline;}
#dynamic li span { float:right;}

/*---------公司新闻最终页---------*/
.newsTitle { height:80px;margin:30px auto; width:680px; border-bottom:2px solid #4b628c; overflow:hidden; }
#companyNews{ width:715px; position:relative;}
#companyNews h3{ color:#4A628D; display:block; font-size:15px; font-weight:bold; text-align:center; height:40px; line-height:40px;}
#companyNews h4{ display:block; font-size:12px; font-weight:normal; height:30px; line-height:30px; text-align:center;}
#companyNews h4 span{ margin:0 20px 0 0;}
#companyNews p{ text-indent:2em; line-height:24px; text-align:left; margin:20px 40px 0 40px;}
#companyNews img{ display:block; text-align:center; margin:20px auto; width: 100%;}
#companyNews p span{ display:block;}
#companyNews h5{ text-align:center;}
#summary{border:1px dashed #E0E0E0; background:#f5f8fc; margin:0 60px 0 60px; padding:10px; text-align:left; text-indent:2em;}
#companyNews a:link,#companyNews a:visited{ color:#4B628C; font-weight:bold;}
#companyNews a:hover,#companyNews a:active{ color:#4B628C; font-weight:bold; text-decoration:underline;}
#companyNews table{ margin:0 auto;}
#newList {float:left; text-align:left; width:234px; }
#newList h2 { background:url(../images/lefttitle01.jpg) no-repeat; color:#fff; font-size:14px; height:37px; line-height:37px; padding:0 0 0 20px;}
#newList ul { background:url(../images/leftbtm01.jpg) left bottom no-repeat; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:10px 0 20px 0;width: 226px;}
#newList li { background:url(../images/li3.gif) 5px 8px no-repeat; height:22px; line-height:22px; padding:0 0 0 15px; width:208px; overflow:hidden; margin-left:10px;} 
#newList li a{ display:block;padding:0 10px 0 0; background:url(../images/pot.gif) no-repeat right bottom;}
#newList li a:link,#newList li a:visited{ color:#49628a;}
#newList li a:hover,#newList li a:active{ color:#ff6600;}
.newsBlock{ margin:10px 0; height:350px; width:228px;}

ul.h176 { height:176px;}

/*---------公司新闻最终页---------*/
.memberList { text-align:left; margin:10px auto; padding:0; width:680px;}
.memberList li { display:block; width:340px; height:50px; float:left;}
.memberList li span { display:block; width:116px; height:44px; float:left; background:url(../images/nopic.gif) no-repeat left top;}
.memberList li span img { width:112px; height:40px; margin:2px;}
.memberList li em { display:block; width:320px; height:32px; margin:0; padding:0; float:left; line-height:32px; text-align:left; text-indent:0;}

.cmSearch { width:100%;}
.infoDisplay { background:#FFF; border-left:1px #c4c9d4 solid; border-right:1px #c4c9d4 solid;}
.infoDisplay div { width:97%; padding-top:20px; margin:0 auto; border-top:2px solid #4b628c;}
.infoDisplay div p { font-size:12px; line-height:26px; color:#4b628c;}
.infoDisplay div p b { color:#EA7900;}

/* footer */
.footer { width:100%; height:118px; float:left; margin-top:12px; background:url(../images/bg02.gif) repeat-x left -450px;}
.footer div { width:960px; padding-top:20px; margin:0 auto; color:#888; background:url(../images/zxpg_logo.gif) no-repeat right -140px;}
.footer div p { display:block; height:26px; line-height:26px; text-align:left;}
.footer div p a { color:#888; text-decoration:none; padding-right:4px;}
.footer div p a:hover { color:#444; text-decoration:none;} 
.footer div p a.admlk { color:#ff6600; text-decoration:none;}
.footer div p a.admlk:hover { color:#ff6600; text-decoration:none;}

.page{ width:680px; margin:10px auto 0px; text-align:center;}
.page span{ color:#F00}

.footer_yyzz{ cursor: pointer;}
.yyzz_layer{ display: none;}
.layui-layer{ width: 500px!important; border: 15px solid #fff; border-radius: 5px!important;}
.layui-layer img{ width: 100%;}
.layui-layer-content{ height: auto!important; overflow: hidden!important;}