/* reset 
================================================================*/
body,div,p,h1,h2,h3,h4,h5,h6,form,input,textarea,select,button,fieldset,legend,img,ul,ol,li,dl,dt,dd,th,td,pre,blockquote,div{margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
a,img，input,select{ vertical-align:middle;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
a:active{}ul,li,ol{list-style:none}
q:before,q:after{content:'';}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body{color:#656565; font-family:Arial,Helvetica,sans_serif;font-size:14px; line-height:18px;}
a{font-size:14px;line-height:18px;text-decoration:none; color:#656565;} 
a:hover{ text-decoration:none;color:#86afd0;}
a:focus { outline: none; }
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.fl{ float:left;display:inline;}
.fr{ float:right;display:inline;}
/*html5 reset*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/*section,article,aside,header,footer,nav,dialog,figure{display:block;}*/
menu, figure{margin:0;padding:0;}


/* public  
================================================================*/
.pdtop10{ padding-top:10px;}
.pdtop20{ padding-top:20px;}
.pdBtm10{ padding-bottom:10px;}
.pdBtm20{ padding-bottom:20px;}
.pdBtm25{ padding-bottom:25px;}
.pd10{ padding:10px;}
.pdl10{ padding-left:10px;}
.pdl10{ padding-left:10px;}
.pdr10{ padding-right:10px;}
.pdr20{ padding-right:20px;}
.mgl5{ margin-left:5px;}
.mgl10{ margin-left:10px;}
.mgl15{ margin-left:15px;}
.mgl18{ margin-left:18px;}
.mgl20{ margin-left:20px;}
.mgl30{ margin-left:30px;}
.mgl40{ margin-left:40px;}
.mgl60{ margin-left:60px;}
.mgl260{ margin-left:260px;}
.mgr10{ margin-right:10px;}
.mgr15{ margin-right:15px;}
.mgr20{ margin-right:20px;}
.mgrIE6-20{ margin-right:20px;_margin-right:10px;}
.mgr30{ margin-right:30px;}
.mgtop3{ margin-top:3px;}
.mgtop5{ margin-top:5px;}
.mgtop10{ margin-top:10px;}
.mgtop15{ margin-top:15px;}
.mgtop20{ margin-top:20px;}
.mgtop25{ margin-top:25px;}
.mgtop30{ margin-top:30px;}
.mgtop35{ margin-top:35px;}
.mgtop40{ margin-top:40px;}
.mgtop50{ margin-top:50px;}
.mgtop60{ margin-top:60px;}
.mgBtm5{ margin-bottom:5px;}
.mgBtm10{ margin-bottom:10px;}
.mgBtm15{ margin-bottom:15px;}
.mgBtm20{ margin-bottom:20px;}
.mgBtm30{ margin-bottom:30px;}
/*  字体 */
.FB{font-weight:bold;}
.FN{ font-weight:normal !important;}
.FI{font-style:italic;}
.Fst{font-family: "宋体";}
.F-Georgia{font-family:Georgia,Arial,Helvetica,sans_serif;}
.F12{font-size:12px;}
.F14{font-size:14px;}
.F18{font-size:18px;}
.F12-24{font-size:12px; line-height:24px;}
.F12-20G{font-size:12px; line-height:20px;font-family:Georgia,Arial,Helvetica,sans_serif;}
/*  鼠标样式 */
.pointer{cursor:pointer;}
/* 取消*/
.NoBd{border:0 none !important;}
.NoBg{ background:none !important;}
/*  文本对齐方式  */
.txt_l{text-align:left;}
.txt_c{text-align:center;}
.txt_r{text-align:right;}
.color_8d{ color:#8d8d8d !important}
.color_2e72a8{ color:#2e72a8;}
.block{ display:block;}
.none{ display:none;}
/*===================================================*/
.idxTop{ border-top:2px solid #025797;}
.zwwzA{ display:block; width:126px; height:15px; background:url(../img/Tjtzw.png); line-height:15px; text-align:center;font-family: "宋体"; color:#ffffff; font-size:12px; margin-right:232px;}
.idxNav{ height:30px; border-top:8px solid #bad1e3; background:#528cb8;}
.navA{display:inline-block;height:30px;padding: 0 20px;color:#ffffff;line-height:30px;}
.navA:hover{ color:#000000; background:#FFF;}
.navAHover{ background:url(../img/tip2.png) no-repeat top center; }
.footer{ height:89px; line-height:60px; border-top:3px solid #528cb8;text-align:center;font-family: "宋体"; color:#8d8d8d; font-weight:bold; background:#f0f0f0;}
.footT{ width:1000px; margin:0 auto; background:url(../img/foot.png) no-repeat top center; height:15px;}

.bd4Gray{ border:1px solid #e0e0e0; background:#f2f2f2;} 
.bd2{ border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin:20px 10px 10px 10px; padding:10px 0px 20px 0px;}
.bdBtm{ border-bottom:1px solid #e0e0e0; margin:0px 10px 10px 10px; padding:10px 0px 20px 0px;}

.pubMain, .sMain{ width:1000px; margin:0 auto;}
.pubL{ width:234px; border:1px solid #e0e0e0; background:#f2f2f2;}
.idxMid{ width:520px;}
.idxR{ width:210px; margin-top:20px; float:right; display:inline;}
.sR{ width:745px; margin-top:20px; float:right; display:inline;}
.smR{ width:745px; margin-top:15px; float:right; display:inline;}
.mt40{ margin-top:40px;}

.w195{ width:195px;}
.w210{ width:210px;}
.w520{ width:520px;}
.tit1{ height:50px; line-height:50px; font-size:14px; font-weight:bold;font-family:Georgia,Arial,Helvetica,sans_serif;}
.tit2{ height:60px; line-height:60px; font-size:36px; font-weight:bold;font-family:Candara,Arial,Helvetica,sans_serif; color:#2e72a8; margin-top:15px;border-bottom:1px solid #528cb8;}
.tit4{ height:50px; line-height:50px; font-size:24px; font-weight:bold;font-family:Candara,Arial,Helvetica,sans_serif; color:#2e72a8; margin-top:25px;border-bottom:1px solid #528cb8;}
.tit3{ height:60px; line-height:60px; font-size:24px; font-weight:bold;font-family:Candara,Arial,Helvetica,sans_serif; color:#2e72a8;}
.tit24, .tit24-20{ font-size:24px; color:#2e72a8; font-family:Candara,Arial,Helvetica,sans_serif; height:50px; line-height:50px;}
.tit24x{ font-size:24px; color:#2e72a8; font-family:Candara,Arial,Helvetica,sans_serif; height:50px; line-height:28px;}
.tit24-20{ text-indent:15px;}
.tit24-20x{ font-size:24px; color:#2e72a8; font-family:Candara,Arial,Helvetica,sans_serif; height:30px; line-height:30px;text-indent:15px;}
.tit18{ font-size:18px; color:#8d8d8d; height:50px; line-height:50px;}
/*首页*/
.LnavA, .LnavAb{ display:block; width:220px; height:20px; line-height:20px; margin-top:6px; font-size:14px; overflow:hidden; text-indent:15px;}
.LnavAon{width:220px; height:28px; background:url(../img/LnavOn.png) no-repeat top right #bad1e3; color:#ffffff !important;}
.LnavAb{ color:#8d8d8d;}
/*搜索*/
.slct{ width:100%; position:relative;}
.sea_select{float: left;width:140px; height:30px; line-height:30px; border:1px solid #528cb8;font-size:12px;}
.select_ul{position: absolute; left:0;top: 32px; background:#fff; line-height:30px; border:2px solid #528cb8; border-top:0 none; width:148px; text-indent:10px; cursor:pointer; display: none; z-index:99999; font-size:12px;}
.select_ul li:hover{ background:#528cb8; color:#fff;}
/*搜索结束*/

.imgTit{ width:100%; height:30px; line-height:30px; overflow:hidden;}
.lastIdUl li{ padding:0px 0 35px; background:url(../img/tip1.png) repeat-x bottom;}
.idxMp1{ color:#8d8d8d; font-size:12px; line-height:16px; margin-bottom:10px; margin-top:15px;}
.idxRA2{ display:block;color:#656565; margin-bottom:8px; margin-top:8px; height:18px; line-height:18px; overflow:hidden;}
.books li{ display:inline; float:left; width:105px; margin-right:24px;}
.books img{ margin-bottom:12px;}
.booksA{ color:#1f71bb; font-size:12px;}
.WxWb1{ display:inline-block; width:98px; height:140px; background:url(../img/tips1.png) no-repeat 0 -118px;}
.WxWb2{ display:inline-block; width:98px; height:140px; background:url(../img/tips1.png) no-repeat 0 -276px;}
/*图片鼠标滑过*/
.lastImg { width: 300px; text-align:center;}
.a1 { float:left; overflow: hidden; width: 300px; height: 166px;position: relative;}
.a1 img{ width: 300px; height: 166px;}
.a2 { float:left; overflow: hidden; width: 145px; height: 82px; position: relative; margin-top:10px;}
.a2 img{width: 145px; height: 82px; }
.a3 { float:left; overflow: hidden; width: 145px; height: 82px; position: relative; margin-top:10px; margin-left:10px; display:inline;}
.a3 img{width: 145px; height: 82px; }
.a4 { float:left; overflow: hidden; width: 300px; height: 166px;position: relative; margin-top:10px;}
.a4 img{ width: 300px; height: 166px;}
.a1 a, .a4 a{overflow: hidden; width: 280px; height: 126px; padding:30px 10px 10px 10px; line-height:20px;}
.a2 a, .a3 a{overflow: hidden; width: 125px; height: 62px; padding :10px 10px 10px 10px; line-height:18px;}
.lastImg a {background: #528cb8; filter: alpha(opacity=90); left: 0px; color: #fff; font-family: 'microsoft yahei'; position: absolute; top: 0px; opacity: .9; vertical-align:middle;}
.lastImg a:hover {color: #fff}
/*图片鼠标滑过结束*/


.text1{ width:190px; padding-left:5px; padding-right:5px; height:24px; line-height:24px; border:1px solid #528cb8;}
.text2{ width:290px; padding-left:5px; padding-right:5px; height:28px; line-height:28px; border:1px solid #528cb8;}

.Btn01ss{ display:inline-block; width:26px; height:26px; background:url(../img/tips1.png) -4px -36px #528cb8; border:0 none;}
.Btn02ss{ display:inline-block; width:30px; height:30px; background:url(../img/tips1.png) -3px -33px #528cb8; border:0 none;}
/*--------杭图静态栏目------------*/
.sH2-1{ height:60px; line-height:60px; text-align:center; font-size:22px;font-family:Georgia,Arial,Helvetica,sans_serif; border-bottom:1px solid #528cb8;}
.jtlmImg{ text-align:center; width:276px; height:182px; background:#d2d2d2; border:1px solid #eff8fd; }
.jtlmImg img{vertical-align:middle;border:5px solid #ffffff; margin-top:1px;}
.dqwz{ height:16px; line-height:16px; margin-top:16px;}
.dqwzA:hover, .dqwzAOn{ color:#2e72a8;}
/*--------杭图内容少图------------*/
.dianUl{font-family:Georgia,Arial,Helvetica,sans_serif; margin-top:10px; margin-bottom:20px;}
.dianUl li{ padding-left:12px; background:url(../img/dian.png) no-repeat 2px 6px;}
.dianUl a{font-family:Georgia,Arial,Helvetica,sans_serif;line-height:20px; font-size:12px;}
/*--------杭图内容少图 概览页------------*/
.lblmUl, .lblmUl a, .glyUl, .glyUl a{font-size:12px;font-family:Georgia,Arial,Helvetica,sans_serif; line-height:24px;}
.lblmUl{ padding:10px 0 10px 0;}
.lblmUl a, .glyUl a{ display:block; text-decoration:underline; color:#2e72a8;}
.lblmUl li{ border-bottom:1px dashed #e0e0e0; padding-bottom:8px; padding-top:8px;}
.glyUl{ padding:0px 0 10px 0;}
.glyUl li{ border-bottom:1px solid #e0e0e0; padding-bottom:20px; padding-top:20px;}

/*--------概览页------------*/
.tit6{ height:40px; line-height:40px;border-bottom:1px solid #e0e0e0; font-size:12px; margin-top:10px;}
.selPg{ height:20px; border:1px solid #528cb8; width:50px;}
.goBtn{ display:inline-block; height:20px; width:25px; color:#FFF !important; line-height:20px !important; text-align:center; background:#528cb8; font-size:12px;}
/*--------杭图图文列表栏目------------*/
.twlbUl li{ float:left; display:inline; margin-top:10px; margin-bottom:18px;}
.twlbImg{ width:60px; padding-right:20px;}
.twlbp{width:140px;}
.twlbA1{ color:#2e72a8; font-size:12px;}


.prevBtn{ display:inline-block; height:30px; line-height:30px; width:34px; text-align:center; border:1px solid #cccccc;color:#cccccc !important;}
.nextBtn{ display:inline-block; height:30px; line-height:30px; width:34px; text-align:center; border:1px solid #528cb8;color:#528cb8 !important;}
.fyBtn{ display:inline-block; height:32px; line-height:32px; text-align:center; margin-left:10px; margin-right:10px; color:#528cb8}
.fyBtn:hover, .fyBtnOn{color:#8d8d8d}

/*--------图片切换-------------------*/
.ImgQh{width:1000px; margin:30px auto 0;position:relative;}
.ImgQh .btn{position:absolute;width:30px;height:62px;top:130px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.ImgQh .prev{left:0;background:url(../img/prevBtn.png) no-repeat;}
.ImgQh .next{right:0;background:url(../img/nextBtn.png) no-repeat;}
.ImgQh #prevTop,.ImgQh #nextTop{top:213px;width: 46px;height: 48px;}
.ImgQh #prevTop{background:url(../img/prevBtnTop.png) 0 0 no-repeat;}
.ImgQh #nextTop{background:url(../img/nextBtnTop.png) 0 0 no-repeat;}

.ImgQh li{float:left;}
.ImgQh .ccf li{position: relative;color: #fff;}
.ImgQh .ccf a{display: block; width: 850px;height: 570px; position: absolute;color: #fff;}
.ccfSp1{display: block;width:100%; position: absolute; left: 0; bottom:0;padding: 10px 20px;line-height: 22px;text-align:left;background:rgba(0,0,0,0.6);filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000") 6}
.ImgQh .picBox{ width:850px; height:570px;position:relative;overflow:hidden; margin-left:75px;}
.ImgQh .picBox ul{height:570px;position:absolute;}
.ImgQh .picBox li{width:850px;height:570px;}
.waik{width:998px;height:320px; background:#f2f2f2; border:1px solid #2e72a8;position:relative;}
.ImgQh .listBox{width:684px;height:320px;margin:0 auto;position:relative;overflow:hidden;}
.ImgQh .listBox ul{height:165px;position:absolute; margin-top:5px;}
.ImgQh .listBox li{width:176px;height:161px;cursor:pointer;position:relative;}
.ccfSp2{ display:block; font-weight:bold; width:156px; font-size:12px; line-height:20px; color:#656565; margin-top:10px;}
.ImgQh .listBox li img{width:156px;height: 161px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.ImgQh .listBox .on img{width: 150px;height: 155px;border:3px solid #2e72a8;}

/*--------图片切换结束-------------------*/
.tit5{ height:60px; line-height:60px; font-size:24px; font-weight:bold;font-family:Candara,Arial,Helvetica,sans_serif;}


/*--------宽高-----------*/
.heit300{ height:300px;}
.heit950{ height:950px;}
.wid395{ width:395px;}
.wid480{ width:480px;}
.wid685{ width:685px;}

/****************
smaller than 850
****************/
@media screen and (max-width:850px){
.pubMain{ width:780px; margin:0 auto;}
.smPing{ width:210px; float:left; display:inline; margin-right:30px;}
.idxMid{ width:520px;}
.idxR{ width:100%; margin-top:20px; float:left; display:inline;}
.mt40{ margin-top:0px;}
.wid150{ width:150px; height:140px;}
}
@media screen and (max-width:540px){
/* disable webkit text size adjust (for iPhone) */
html{
-webkit-text-size-adjust:none;
}
}

