@charset "gb2312";
@font-face {
    font-family: 'bebas_neue';
    src: url('/css/fonts/bebasneue-webfont.eot');
    src: url('/css/fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/* CSS Document */
@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important;} a,a:visited{text-decoration:underline;} a[href]:after{content:" (" attr(href) ")";} abbr[title]:after{content:" (" attr(title) ")";} a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999;page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page {margin:2cm .5cm;}p,h2,h3{orphans:3;widows:3;} h2,h3{page-break-after:avoid;} select{background:#fff !important;} .navbar{display:none;} .table td,.table th{background-color:#fff !important;} .btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important;} .label{border:1px solid #000;} .table{border-collapse:collapse !important;} .table-bordered th,.table-bordered td{border:1px solid #ddd !important;}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,em,span,i{margin:0;padding:0; font-size:14px;font-family: Helvetica, Arial,"Microsoft YaHei", sans-serif;}
li{ list-style:none;}
dt{font-weight:normal;}
a{ text-decoration:none; font-style:normal;}
img,input{ border:0;}
em{font-style:normal;}

#maintop {color:#4c4c4c; background: #fff; max-width: 640px; margin: 0 auto; }
ul{ width:100%;}
#maintop .fl {float:left;}
#maintop .fr {float:right;}
.rl_ban{ width:100%; }
.rl_ban a { display: block; }
.rl_ban img { width: 100%; display: block; }

.rl_box{ overflow:hidden;color:#4c4c4c;line-height: 22px; margin-bottom:20px;}
.rl_box li {display:inline-block;*display:inline;*zoom:1;}
.rl_box h1 { display: none; }
.rl_box .con_title { max-width: 363px; margin: 30px auto; position: relative; background: url('../images/special/zgjlby/con_title.png') left center no-repeat; height: 77px; }
.rl_box .con_title h2 { color: #14a9a7; background: none; padding-top: 22px; }
.rl_box .con_title h2 strong { display: block; line-height: 1em; font-size: 20px; }
.rl_box .con_title h2 span { display: block; line-height: 1em; margin-top: 12px; font-weight: normal; font-size: 16px; }
.con_subtitle { position: absolute; color: #fff; left: 275px; top: 32px; }
.con_subtitle span { float: left; width: 18px; text-align: center; font-size: 16px; line-height: 1.1em; }
.con_subtitle em { float: left; margin-top: 20px; font-size: 16px; line-height: 1.1em; }
.con_main { background-color: #15b4b8; color: #fff; padding: 20px 0; }
.con_center { width:96%; margin:0 auto; font-size: 14px; }


.con1 {}
.con1 p.txtint { margin: 0 auto; max-width: 365px; }
.con1 ul { margin: 20px auto 0; position: relative; background: url('../images/special/zgjlby/con1_01.jpg') top center no-repeat; width: 307px; background-size: 220px; height: 120px; }
.con1 ul li { position: absolute; border-radius: 50px; width: 100px; line-height: 26px; text-align: center; font-size: 16px; }
.con1_li1 { left: 0; top: 15px; background-color: #9888f8; }
.con1_li2 { left: 15px; top: 60px; background-color: #71bf38; }
.con1_li3 { left: 102px; bottom: 0; background-color: #e72e61; }
.con1_li4 { right: 15px; top: 60px; background-color: #f95620; }
.con1_li5 { right: 0; top: 15px; background-color: #5481d4; }

.con2 {}
.con2 ul { margin: 0 auto; position: relative; background: url('../images/special/zgjlby/con2_01.jpg') top center no-repeat; background-size: 306px; width: 306px; height: 320px; }
.con2 ul li { position: absolute; font-size: 16px; }
.con2_li1 { left: 0; top: 25%; }
.con2_li2 { left: 50%; top: 38%; }
.con2_li3 { left: 0; top: 76%; }
.con2_li4 { right: 0; top: 73%; }
.con2_li5 { left: 55%; bottom: 0; }
.con2_dr { display: table; margin: 30px auto 0; max-width: 320px; }
.con2_dr_l { display: table-cell; vertical-align: middle; width: 95px; }
.con2_dr_r { display: table-cell; vertical-align: middle; }
.con2_dr_r strong { display: block; margin-bottom: 5px; line-height: 1em; font-size: 18px; }

.con3 {}
.con3_ul1 { max-width: 310px; margin: 0 auto; }
.con3_ul2 { max-width: 310px; margin: 20px auto 0; background: url('../images/special/zgjlby/con3_03.png') left center no-repeat; padding-left: 15px; }
.con3_ul2 li { margin-bottom: 20px; width: 100%; }
.con3_ul2 li strong { display: block; line-height: 28px; font-size: 20px; }
.con3_ul2 li em { display: inline-block; margin-right: 2px; width: 30px; background-color: #fff; color: #15b4b8; text-align: center; font-size: 22px; }
.con3_ul2 li span { display: block; line-height: 1.8em; font-size: 16px; }
.con3_ul2 li i { display: block; text-transform: uppercase; line-height: 1em; font-size: 10px; }

.con4 {}
.con4 .con_center { width: 100%; }
.con4 .con_main { padding-bottom: 0; }
.con4_dr { display: table; margin: 0 auto; max-width: 450px; }
.con4_dr_l { display: table-cell; vertical-align: bottom; width: 124px; }
.con4_dr_r { display: table-cell; vertical-align: middle; }
.con4_dr_r dt strong { display: block; line-height: 1em; font-size: 20px; }
.con4_dr_r dt span { display: block; margin-top: 10px; line-height: 1em; }
.con4_dr_r dd strong { display: inline-block; border-radius: 5px; background-color: #fff; padding: 0 5px; margin: 10px 0 5px; color: #15b4b8; line-height: 26px; font-size: 16px; }
.con4_dr_r .swt1 { margin: 10px auto; }
.con4_dr_r .swt1 span { padding: 0 5px; }

.con5 {}
.con5 img { display: block; margin: 0 auto; }


@media ( min-width: 375px ) {
  .con1 ul { background-size: 260px; width: 360px; height: 135px; }
  .con1_li2 { left: 25px; top: 70px; }
  .con1_li3 { left: 125px; bottom: 0; }
  .con1_li4 { right: 25px; top: 70px; }
  .con2 ul { background-size: 360px; width: 360px; height: 370px; }
  .con2 ul li { font-size: 18px; }
  .con4 .con_center { width: 96%; }
  .con4_dr_l { width: 136px; }
  .con4_dr_r dt span { font-size: 16px; }
}
@media ( min-width: 400px ) {
  .con1 ul { background-size: 320px; width: 384px; height: 165px; }
  .con1_li1 { left: 0; top: 30px; }
  .con1_li2 { left: 25px; top: 90px; }
  .con1_li3 { left: 140px; bottom: 0; }
  .con1_li4 { right: 25px; top: 90px; }
  .con1_li5 { right: 0; top: 30px; }
  .con2 ul { background-size: 390px; width: 390px; height: 400px; }
  .con2 ul li { font-size: 20px; }
  .con4_dr_l { width: 167px; }
  .con4_dr_r dd strong { margin: 15px 0 5px; font-size: 18px; }
  .con4_dr_r dd p { font-size: 16px; }
  .con4_dr_r .swt1 { margin: 20px auto 0; }
}
@media ( min-width: 500px ) {
  .con1 ul { background-size: 352px; width: 460px; height: 180px;}
  .con1 ul li { width: 120px; }
  .con1_li1 { left: 0; top: 30px; }
  .con1_li2 { left: 30px; top: 100px; }
  .con1_li3 { left: 165px; bottom: 0; }
  .con1_li4 { right: 30px; top: 100px; }
  .con1_li5 { right: 0; top: 30px; }
}
@media ( min-width: 600px ) {
  .con4_dr_r dt span { font-size: 18px; }
}


div.swt1 {margin:25px auto 0;text-align: center;}
div.swt1 a {display: inline-block;margin: 0 auto;padding: 5px;border-radius: 50px;background:#fff;line-height:34px;}
div.swt1 strong { display: inline-block;border-radius: 50px;background:#15b4b8;padding: 0 8px; font-weight: normal; font-size: 16px;color:#fff;}
div.swt1 span {display: inline-block;font-size: 16px;color:#15b4b8;padding: 0 8px; }

#maintop .mt0 {margin-top:0;}
#maintop .mb0 {margin-bottom:0;}
#maintop .mr0 {margin-right:0;}
#maintop .clear {clear: both;}
.txtint { text-indent: 2em;}