@charset "utf-8";
/* CSS Document */
* { padding: 0px; margin: 0px; }
body { font-family: '微软雅黑'; font-size: 12px; line-height: 2.0; color: #555; background: #f2f2f2 url(../img/bg.jpg) no-repeat 50% 0px; overflow-x: hidden; }
header, section, footer, aside, nav, main, article, figure { display: block; }
img { display: block; border:0px; max-width:100%; height:auto; }
.video embed,.video object,.video iframe { width:100%; height:auto; }
li { list-style:none; }
a { text-decoration: none; color: #555; }
a:hover { text-decoration: underline; color: #00aa98; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align:center; }
.blank_10 { height: 10px; }
.blank_20 { height: 20px; }
.blank_30 { height: 30px; }
.blank_40 { height: 40px; }





/********** header style **********/
header { width: 100%; height: auto; margin: 0px 0px 0px 0px; background: #3e3e3e; }
header .con { width: 1060px; height: auto; margin: 0px auto; }

header .logo { width: 200px; height: 60px; float: left; overflow: hidden; }

nav { width: 600px; height: auto; float: left; margin: 0px 0px 0px 20px; }
nav ul li { width: 100px; height: 60px; float: left; margin: 0px 0px 0px 0px; font-size: 15px; text-align: center; line-height: 60px; }
nav ul a { display: block; color: #FFF; }
nav ul a:hover { display: block; color: #F2F2F2; background: #00aa98; }

header .search { width: 190px; height: 60px; float: right; margin: 0px 0px 0px 0px; }
header .search #text { width: 121px; height: 30px; margin: 14px 0px 0px 0px; border: 0px solid #393939; border-top-left-radius: 10px; border-bottom-left-radius: 10px; line-height: 30px; padding: 0px 10px; vertical-align: middle; }
header .search #search { width: 45px; height: 30px; margin: 14px 0px 0px 0px; border: 0px solid #00aa98; border-top-right-radius: 10px; border-bottom-right-radius: 10px; vertical-align: middle; cursor: pointer; font-size: 14px; font-weight: 600; color: #FFF; background: #00aa98; }

@media (max-device-width: 768px){
    header .con { width: 100%; }
    header .logo { display: none; }
    nav { width: 100%; padding: 10px 0px 8px 0px; margin: 0px; background: #00aa98; }
    nav ul li { width: 33%; height: 36px; margin: 0px; line-height: 32px; font-size: 18px; }
    nav ul a {}
    header .search { display: none; }
}





/********** cont style **********/
.cont { width: 1000px; height: auto; margin: 0px auto; padding: 30px 30px; overflow: hidden; background: #FFF; }


.tab { width: 1000px; height: 18px; margin: 5px auto; }
.tab span { display: block; float: left; margin-right: 8px; line-height: 18px; color: #666; }
.tab .sp1 { padding: 0px 0px 0px 18px; background: url(../img/ico_001.png) no-repeat 0px 3px; }
.tab .sp2 { padding: 0px 0px 0px 13px; background: url(../img/ico_002.png) no-repeat 0px 6px;; }
.tab .sp3 { padding: 0px 0px 0px 13px; background: url(../img/ico_003.png) no-repeat 0px 6px;; }


main { float: left; width: 680px; height: auto; min-height: 500px; margin: 0px 0px 0px 0px; padding: 0px 29px 0px 0px; border-right: 1px dotted #efefef; overflow: hidden; }
aside { float: right; width: 260px; height: 100%; margin: 0px 0px 0px 0px; }


section { width: 720px; height: auto; margin: 0px 0px 0px 0px; overflow: hidden; }
section .t { width: 680px; height: auto; margin: 30px 0px 0px 0px; }
section .t h3 { width: auto; padding: 0px 0px 0px 15px; margin: 0px 0px; border-left: 5px solid #53b9bb; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font-size: 16px; font-weight: 500; line-height: 42px; background: #f6f6f6;}

@media (max-device-width: 768px){
    .cont { width: 100%; padding: 15px 0px; border: 0; }
    .tab { width: 94%; margin: 0px auto; }
    main { width: 100%; padding: 0px; border: 0px; }
    aside { width: 100%; padding: 0px; } 
    section { width: 100%; margin: 0px 0px 30px 0px; } 
    section .t { width: 94%; margin: 20px auto; }
}





/********** main style **********/
/* in_dt area style */
.in_dt { width: 100%; height: auto; margin: 0px 0px 0px 0px; overflow: hidden; }


.in_dt .l { width: 370px; height: auto; float: left; margin: 0px 0px 0px 0px; }

.in_dt .l .t { width: 100%; height: 200px; margin: 10px 0px 0px 0px; }
.in_dt .l .t .pic { width: 100%; height: 200px; }

.in_dt .l .b { width: 100%; height: auto; margin: 2px 0px 0px 0px; background: #f6f6f6; }
.in_dt .l .b p { padding: 10px; font-size: 14px; line-height: 32px; text-indent: 2em; letter-spacing: 1px; }


.in_dt .r { width: 272px; height: auto; float: right; margin: 0px 0px 0px 0px; padding: 0px 0px; overflow: hidden; background: url(../img/in_dt_r.jpg) no-repeat 0px 12px; }
.in_dt .r .box { height: 77px; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 60px; border-bottom: 1px dotted #e9e9e9; }
.in_dt .r .box strong { font-size: 14px; }
.in_dt .r .box strong a { color: #555; }
.in_dt .r .box span { display: block; }
.in_dt .r .box span a { color: #888; }

@media (max-device-width:768px){
    .in_dt { width: 100%; }
    .in_dt .l { width: 94%; margin: 0px 3% 30px 3%; padding: 0px; }
    .in_dt .l .t { height: 188px; }
    .in_dt .l .t .pic { height: 188px; }
    .in_dt .l .t span { bottom: 36px; }

    .in_dt .r { width: 94%; height: auto; padding: 0px; margin: 0px 3% 0px 3%; }
    .in_dt .r .box { padding: 0px 0px 0px 75px; }
}







/***** 通用列表 list style *****/
.list { width: 100%; height: auto; margin: 0px auto; }



.fenlei { width: 100%; height: auto; margin: 15px auto; overflow: hidden; }
.fenlei .a { width: 860px; height: auto; padding: 0px 0px 0px 106px; margin: 0px 0px 20px 0px; overflow: hidden; background: url(../img/fenlei1.png) no-repeat 0px 0px; }
.fenlei .a a { display: block; float: left; width: 110px; height: 38px; border: 1px dotted #dfdfdf; margin: 0px 0px 10px 10px; text-align: center; line-height: 38px; font-size: 16px; font-weight: 500; color: #53b9bb; }
.fenlei .a a:hover { color: #FFF; background: #53b9bb; }

.lizt { width: 1040px; min-height: 432px; }
.lizt .box { width: 176px; height: 178px; float: left; display: inline; margin: 10px 30px 30px 0px; background: #f6f6f6; }

.lizt .box .pic { width: 170px; height: 172px; padding: 2px 2px 2px 2px; border: 1px solid #f0f0f0; overflow: hidden; }
.lizt .box .pic img { display: block; width: 100%; height: 172px; }

.lizt .box span { display: block; width: 170px; padding: 3px 0px; margin: 0px auto; line-height: 20px; font-size: 12px; text-align: center; position: relative; top: -29px; background: #000; opacity: 0.7; }
.lizt .box span a { color: #FFF; }


@media (max-device-width: 768px){
  .fenlei { display: none; }
  .lizt { width: 100%; }
  .lizt .box { width: 45.5%; height: 172px; margin: 10px 0% 10px 3%; }
  .lizt .box .pic { width: 100%; height: 172px; padding: 0px; border: none; }
  .lizt .box .pic img { height: 172px; }

  .lizt .box p { width: 100%; top: -26px; }
  .lizt .box span { width: 100%; top: -26px; }
}



/* 分页 style */
.fy { width: 100%; height: auto; margin: 0px auto; }
.fy a { display: block; float: left; min-width: 15px; height: 28px; padding: 0px 10px; margin: 8px 6px; border: 1px solid #CCC; border-radius: 3px; text-align:center; line-height: 28px; overflow: hidden; }
.fy a:hover { color: #FFF; background: #3e3e3e; }
.fy #dqy { color: #FFF; border: 1px solid #00aa98; background: #00aa98; }
.fy #dqy:hover { color: #FFF; background: #3e3e3e; }

@media (max-device-width: 768px){
  .fy { width: 94%; margin: margin: 30px 3% 50px 3%; }
  .fy a { }
}







/***** 信息页面 info style *****/
article { width: 100%; height: auto; margin: 0px auto; overflow: hidden; }


article .top { width: 100%; height: auto; margin: 0px 0px 30px 0px; }
article .top h1 { line-height: 42px; font-size: 26px; font-weight: 500; color: #333; }
article .top .box { width: auto; margin: 10px auto; }
article .top .box span { display: block; float: left; line-height: 22px; color: #a5a5b2; }


article .content { width: 100%; margin: 0px auto; }
article .content h3 { margin: 5px auto; font-size: 16px; }
article .content p { margin: 0px auto; padding: 5px 3px; line-height: 30px; font-size: 14px; text-indent: 2em; }
article .content ul { margin-bottom: 0px; }
article .content li { width: 90%; float: left; padding: 0px; margin: 0px 5%;  line-height: 44px; font-size: 13px; }
article .content .cli { width: 40%; border-bottom: 1px dotted #dedede; }
article .content .h3a { margin: 20px 0px; padding: 0px 0px 0px 15px; border-left: 5px solid #53b9bb; border-top-left-radius: 5px; border-bottom-left-radius: 5px;font-weight: 500; line-height: 42px; background: #f6f6f6; }
article .content .h3b { margin: 20px 0px; border-bottom: 1px dotted #CCC; font-weight: 500; line-height: 42px; }

article table { width: auto; margin: 0px auto; }
article table tr:nth-child(odd) { background-color: #fbf4e3; }
article table tr:nth-child(even) { background-color: #efefef; }
article table th { height: 36px; text-align: center; color: #FFF; font-size: 14px; background: #53b9bb; }
article table td { height: 36px; font-size: 12px; text-align: center; color: #666; }


/* 专题头部 style */
.ztl { width: 260px; float: left; margin-top: 10px; overflow: hidden; }
.ztl img { width: 250px; height: 280px; margin: 0px; border: 5px solid #efefef; }
.ztl span { display:block; width:100%; height:30px; margin: 0px; text-align:center; line-height:30px; color:#999; background: #efefef; }


.ztr { width: 390px; height: auto; float: right; margin-top: 10px; }
.ztr h1 { height: 33px; padding: 0px 0px 0px 0px; line-height: 32px; font-size: 24px; font-weight: 550; color: #555; }
.ztr .sp1 { display: block; padding: 15px 0px 10px 0px; line-height: 32px; font-size: 15px; border-bottom: 1px dotted #dedede; }

.ztr .ula li { width: 195px; margin: 0px; }
.ztr .ulb li { width: 100%; margin: 0px; }
.ztr .sp2 { margin: 0px 10px 0px 0px; }
.ztr .sp3 { color: #888; }


@media (max-device-width:768px){
  article .top { width: 94%; margin: 0px auto; }
  article .top h1 { line-height: 30px; font-size: 22px; font-weight: 500; color: #333; }
  article .top .box { margin: 10px auto; }

  article .content { width: 94%; }
  article .content p { font-size: 14px; line-height: 28px; }
  article .content li { width: 90%; }
  article .content .cli { width: 90%; }

  .ztl { margin: 0px auto; float: none; }
  .ztl img { margin: 0px auto; }
  .ztr { width: 100%; margin: 20px 0% 0px 0%; float: none; }
  .ztr h1 { text-align: center; font-size: 22px; }

  .ztr .ula li { width: 100%; }
}





/* 上一页、下一页 */
.before_after { height: 100%; padding: 10px 0px 0px 0px; margin: 0px auto; overflow: hidden; }
.before_after span { display: block; width: auto; font-size: 14px; font-weight: 500; line-height: 32px; color: #666; }
.before_after span a:hover { color: #00aa98; }

@media (max-device-width:768px){
  .before_after { width: 94%; }
}







/***** side style *****/
/* s_sq 侧边栏申请区 style */
.s_sq { width: 100%; height: auto; margin: 0px 0px 30px 0px; z-index: 500; padding: 0px 0px 0px 0px; }
.s_sq .t { width: 100%; height: 40px; background: url(../img/s_sq.png) no-repeat 0px 0px; }
.s_sq #f1 { width: 226px; height: 32px; margin: 15px 0px 0px 0px; padding: 0px 15px; color: #999; }
.s_sq #f2 { width: 122px; height: 32px; margin: 15px 0px 0px 0px; padding: 0px 15px; color: #666; }
.s_sq #s1 { width: 260px; height: 38px; margin: 18px 0px 0px 0px; border: 0px; border-radius: 3px; font-size: 14px; font-weight: 700; color: #FFF; background: #53b9bb; cursor:pointer; }

@media (max-device-width:768px){
  .s_sq { width: 94%; margin: 20px 3% 0px 3%; padding: 0px; }
  .s_sq #f1 { width: 306px; height: 38px; }
  .s_sq #f2 { width: 162px; height: 38px; }
  .s_sq #s1 { width: 338px; height: 46px; }
}





/* s_gg 侧边栏图片链接 style */
.s_gg { width: 100%; height: auto; margin: 0px 0px 20px 0px; overflow: hidden; }
.s_gg img { width: 100%; height: 105px; }
.s_gg span { display: block; width: auto; height: 32px; text-align: center; line-height: 32px; font-size: 14px; position: relative; top: -32px; color: #FFF; background: #000; opacity: 0.5; filter: alpha(opacity=50); }

@media (max-device-width:768px){
    .s_gg { width: 94%; margin: 40px 3% 0px 3%; }
}





/* s_nav 侧边栏导航区 style */
.s_nav { width: 100%; height: auto; margin: 0px 0px 30px 0px; }
.s_nav a { display: block; float: left; width: 49%; height: 38px; margin: 1.5px 0.5%; border-radius: 3px; text-align: center; line-height: 38px; font-size: 16px; color: #00aa98; background: #e9e9e9; }
.s_nav a:hover { display: block; color: #555; }

@media (max-device-width:768px){
    .s_nav { width: 94%; margin: 40px 3% 0px 3%; }
}





/***** s_xx style *****/
.s_xg { width: 100%; height: auto; margin: 0px 0px 12px 0px; overflow: hidden; }
.s_xg .t { width: 100%; height: 40px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #efefef; }
.s_xg .t h3 { width: auto; height: 40px; float: left; padding: 0px 10px 0px 30px; line-height: 40px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #53b9bb; background: url(../img/ico_005.png) no-repeat 0px 6px; }

@media (max-device-width: 768px){
  .s_xg { width: 94%; margin: 50px 0px 20px 3%; }
}





/* s_lx area style */
.s_lx { width: 100%; height: auto; margin: 0px 0px 0px 0px; overflow: hidden;  }
.s_lx .t { width: 100%; height: 40px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #efefef; }
.s_lx .t h3 { width: 90px; height: 40px; float: left; padding: 0px 0px 0px 30px; line-height: 40px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #53b9bb; background: url(../img/ico_005.png) no-repeat 0px 5px; }
.s_lx .t a { float: right; line-height: 42px; font-size: 14px; color: #3e3e3e; }
.s_lx .lx { width: 100%; margin: 20px 0px 0px 0px; }

@media (min-device-width:768px){
  .fixed { width: 260px; position: fixed; top: 3px; }
  .s_lx .lx { height: 320px; background: url(../img/s_lx.png) no-repeat 50% 0px; }
}
@media (max-device-width:768px){
  .s_lx { width: 94%; margin: 40px 3% 15px 3%; }
  .s_lx .lx { height: 20px; }
}







/***** footer style *****/
footer { width: 100%; height: auto; margin: 0px auto; padding: 15px 0px 0px 0px; margin-top: 30px; background: #3e3e3e; }
footer .copyright { width: 100%; height: auto; margin: 0px auto; }
footer .copyright p { text-align: center; line-height: 20px; color: #a9a9a9; }
footer .copyright a { color: #a9a9a9; }

@media (min-device-width:768px){
  footer .tel{ display: none; }
}
@media (max-device-width:768px){
  footer .copyright { width: 96%; }
  footer .tel { display: block; width: 100%; height: 55px; position: fixed; bottom: 0px;  z-index: 999; }
  footer .tel a { display: block; width: 50%; height: 55px; margin: 0px auto; }
  footer .tel img { width: 100%; height: 50px; }
}







/***** link style *****/
.link { width: 100%; height: auto; margin: 0px auto; background: #3e3e3e; }
.link p { text-align: center; line-height: 14px; }
.link p a { color: #999; }







/***** 通用样式 style *****/
.box_a { width: 680px; height: auto; margin: 30px 0px 15px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #efefef; }
.box_a .pic { width: 140px; height: 100px; float: left; overflow: hidden; }
.box_a .pic img { width: 100%; height: 97px; }
.box_a .text { width: 520px; height: 100px; float: left; margin: 0px 0px 0px 20px; }
.box_a .text h3 { font-size: 18px; font-weight: 500; line-height: 24px; padding: 0px 0px 0px 0px; color: #333; }
.box_a .text p { padding: 17px 0px 0px 0px; font-size: 14px; line-height: 28px; color: #666; }


@media (max-device-width: 768px){
  .box_a { width: 94%; height: auto; margin: 15px auto; overflow: hidden; }
  .box_a .pic { width: 120px; height: 81px; }
  .box_a .pic .img { width: 116px; height: 77px; }
  .box_a .pic .img img {  }
  .box_a .text { width: 200px; height: 81px; float: right; margin: 0px; overflow: hidden; }
  .box_a .text h3 { font-size: 16px; font-weight: 500; line-height: 20px; padding: 0px 0px 0px 0px; }
  .box_a .text p { padding: 5px 0px 0px 0px; font-size: 12px; line-height: 18px; }
}





.box_b { width: 155px; height: 164px; float: left; margin: 25px 20px 0px 0px; overflow: hidden; }
.box_b .pic { width: 149px; height: 158px; padding: 2px 2px 2px 2px; border: 1px solid #e9e9e9; overflow: hidden; }
.box_b .pic img { display: block; width: 100%; height: 158px; }


.box_b span { display: block; width: 149px; padding: 3px 0px; margin: 0px auto; line-height: 20px; font-size: 12px; text-align: center; position: relative; top: -29px; background: #000; opacity: 0.7; }
.box_b span a { color: #FFF; }


@media (max-device-width: 768px){
  .box_b { width: 45.5%; height: 164px; margin: 18px 0% 0px 3%; background: #0099ff; }
  .box_b .pic { width: 100%; height: 164px; padding: 0px; border: none; }
  .box_b .pic img { height: 164px; }

  .box_b span { width: 100%; top: -26px; }
}





.box_c { width: 680px; height: auto; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; border-bottom: 1px dotted #efefef; }
.box_c h3 { padding: 0px 0px 0px 0px; line-height: 58px; font-size: 18px; font-weight: 500; color: #333; }
.box_c h3 span { color: #999; }
.box_c p { padding: 5px 0px 0px 0px; font-size: 14px; line-height: 28px; color: #666; }

@media (max-device-width: 768px){
  .box_c { width: 94%; margin: 15px auto; overflow: hidden; }
  .box_c h3 { line-height: 28px; font-size: 16px; margin: 0px 0px 10px 0px; /*background: url(../img/ico_001.png) no-repeat 0px 8px;*/ }
  .box_c p { font-size: 12px; color: #888; }  
}





.ul_a { width: 100%; margin: 20px auto; }
.ul_a li { width: 325px; height: 44px; float: left; margin: 0px 30px 0px 0px; line-height: 44px; font-size: 13px; border-bottom: 1px dotted #dfdfdf; background: url(../img/ico_007.png) no-repeat 0px 19px; }
.ul_a li a { float: left; margin: 0px 0px 0px 12px; }
.ul_a li span { float: right; padding: 0px 0px 0px 0px; font-size: 13px; line-height: 44px; color: #BBB; }


@media (max-device-width:768px){
  .ul_a { width: 94%; }
  .ul_a li { width: 100%; margin: 0px; }
}





.ul_b { width: 100%; height: auto; margin: 20px auto; }
.ul_b li { width: 100%; height: auto; float: left; margin: 0px 0px 0px 0px; line-height: 44px; font-size: 13px; border-bottom: 1px dotted #dfdfdf; background: url(../img/ico_003.png) no-repeat 0px 19px; color: #0099ff; }
.ul_b li a { float: left; margin: 0px 0px 0px 12px; }


@media (max-device-width:768px){
  .ul_b li { font-size: 14px; }
}