@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;background-color:#362e46;}
.rl_box li {display:inline-block;*display:inline;*zoom:1;}
.rl_box h1 { display: none; }
.rl_box .con_title { margin: 30px auto 20px; text-align: center; }
.rl_box .con_title strong { line-height: 34px; font-weight: bold; background-color: #f4cc2d; border-radius: 50px; padding: 0 8px; margin-right: 10px; }
.rl_box .con_title span { display: inline-block; color: #fff; margin-right: 4px; font-size: 16px; }
.rl_box .con_title h2 { font-weight: bold; color: #fff; line-height: 34px; font-size: 16px; }
@media ( min-width: 375px ) {
  .rl_box .con_title strong { font-size: 16px; }
  .rl_box .con_title span { font-size: 18px; }
  .rl_box .con_title h2 { font-size: 18px; }
}
@media ( min-width: 400px ) {
  .rl_box .con_title strong { font-size: 18px; }
  .rl_box .con_title span { font-size: 20px; }
  .rl_box .con_title h2 { font-size: 20px; }
}
@media ( min-width: 600px ) {
  .rl_box .con_title strong { font-size: 20px; }
  .rl_box .con_title span { font-size: 24px; }
  .rl_box .con_title h2 { font-size: 24px; }
}
.con_main { width:96%; margin:0 auto; font-size: 14px; padding-left: 10px; }
.con_bg { background: url('../images/con_main_bg.png') 5px top no-repeat; }
.bgfff { background-color: #fff; }

.con1 {}
.con1 ul { position: relative; margin: 0 auto; max-width: 400px; padding-top: 30%; }
.con1 ul li { position: absolute; padding: 10px; border: 1px dashed #fff; border-radius: 50%; }
.con1_li1 { top: 25%; left: 0; }
.con1_li2 { top: 0; left: 22%; }
.con1_li3 { top: 0; right: 22%; }
.con1_li4 { top: 25%; right: 0; }
.con1 li span { display: block; background-color: #fff; border-radius: 50%; padding: 5px 11px; line-height: 20px; }
.con1 ul img { display: block; margin: 0 auto; }

.con2 {}
.con2_title { text-align: center; }
.con2_title strong { display: inline-block; border-radius: 50px; border: 1px solid #362e46; line-height: 2em; padding: 0 20px; font-size: 18px; }
.con2 .bgfff { padding: 20px 10px; }
.con2_content { display: table; margin: 15px 0; width: 100%; }
.con2_content_l { display: table-cell; vertical-align: middle; width: 25%; max-width: 90px; }
.con2_content_r { display: table-cell; vertical-align: middle; padding-left: 10px; }
.con2_content_r strong { float: left; }
.con2_content_r span.star { float: left; width: 16px; height: 22px; background: url('../images/con2_04.png') center center no-repeat; }
.con2 .swt1 { margin: 15px auto 25px; }

.con3 {}
.con3 p { color: #fff; text-align: justify; }
.con3_slider_hd { margin: 25px auto 20px; max-width: 320px; }
.con3_slider_hd li { background-color: #fff; border-radius: 50px; width: 45%; text-align: center; line-height: 40px; font-weight: bold; font-size: 20px; color: #362e46; }
.con3_slider_hd li.on { background-color: #f7c660; }
.con3_slider_bd li { display: table; }
.con3_slider_bd_l { display: table-cell; vertical-align: middle; text-align: center; max-width: 230px; width: 38%; }
.con3_slider_bd_l img { margin: 0 auto; width: 90%; max-width: 160px; }
.con3_slider_bd_r { display: table-cell; vertical-align: middle; }
.con3_slider_bd p { color: #4c4c4c; line-height: 1.2em; padding-right: 5%; }
.con3_slider_bd .swt1 { margin-top: 6%; }
.con3_slider_bd .swt1 a { line-height: 36px; font-size: 14px; }
.con3_slider_bd .swt1 a span { font-size: 14px; }

.con4 {}
.con4 .bgfff { padding: 20px 0; }
.con4 ul { margin: 0 auto; letter-spacing: -2px; word-spacing: -2px; font-size: 0; }
.con4 ul li { display: inline-block; letter-spacing: normal; word-spacing: normal; vertical-align: top; width: 46%; margin: 0 2% 4%; }
.con4 li img { display: block; margin: 0 auto; width: 90%; max-width: 142px; }
.con4 li span { display: block; text-align: center; margin: 10px auto; font-size: 20px; }
.con4 li i { display: block; margin: 0 auto 8px; background-color: #362e46; height: 2px; width: 30px; }
.con4 li p { text-align: justify; font-size: 14px; }


@media ( min-width: 375px ) {
  .con_main { padding-left: 20px; }
  .con_bg { background-position: 10px top; }
  .con1 li span { padding: 8px 12px; font-size: 16px; }
  .con1_li1 { top: 30%; left: 0; }
  .con1_li2 { top: 0; left: 24%; }
  .con1_li3 { top: 0; right: 24%; }
  .con1_li4 { top: 30%; right: 0; }
  .con3_slider_bd p { line-height: 1.4em; }
  .con3_slider_bd .swt1 a { line-height: 44px; font-size: 16px; }
  .con3_slider_bd .swt1 a span { font-size: 16px; }
}
@media ( min-width: 400px ) {
  .con_main { padding-left: 30px; }
  .con_bg { background-position: 15px top; }
  .con1 li span { padding: 10px 14px; }
  .con3_slider_hd li { line-height: 50px; font-size: 24px; }
  .con3_slider_bd_l { width: 40%; }
  .con4 li span { font-size: 22px; }
}
@media ( min-width: 600px ) {
  .con_main p { font-size: 16px; }
  .con4 ul li { width: 40%; margin: 0 5% 4%; }
  .con4 li p { font-size: 16px; }
}


div.swt1 {margin:4% auto 0;text-align: center;}
div.swt1 a {display: inline-block;margin: 0 auto;border-radius: 5px;padding: 0 3%;background:#239a7e;color: #fff;line-height:44px; font-size: 16px; }
div.swt1 span {display: inline-block; background: url('../images/con_swt01.png') right center no-repeat; padding-right:25px; margin-right: 10px; font-size: 16px;}
div.swt2 {margin:20px auto 0;max-width:350px;}
div.swt2 a {display:inline; font-size:16px; text-align:center;line-height:44px;width:45%;border-radius: 5px;}
div.swt2 .swt2_a1 {background:#e9c844;float: left;}
div.swt2 .swt2_a2 {background:#239a7e;float: right;color:#FFF;}


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