@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;}
#menu_box ul{ width:100%;}
.con_main .fl {float:left;}
.con_main .fr {float:right;}

.container {color:#4c4c4c; background: #fff; max-width: 640px; margin: 0 auto; }
.nav01{ margin-bottom:0;}
.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 { margin: 6% 0 4%; text-align: center; }
.rl_box .con_title h2 { color: #009966; line-height: 1em; font-size: 20px; }
.rl_box .con_title i { display: block; margin: 8px auto; width: 30px; height: 3px; background: #009966; }
.rl_box .con_title span { display: block; color: #bdb9b9; text-transform: uppercase; line-height: 1em; font-size: 10px; }
@media ( min-width: 375px ) {
  .rl_box .con_title h2 { font-size: 24px; }
}
@media ( min-width: 400px ) {
  .rl_box .con_title h2 { font-size: 26px; }
  .rl_box .con_title span { font-size: 12px; }
}
@media ( min-width: 600px ) {
  .rl_box .con_title h2 { font-size: 36px; }
  .rl_box .con_title span { font-size: 14px; }
}
.con_main { width:96%; margin:0 auto; font-size: 14px; }


.con1 {}
.con1_main { display: table; background-color: #f5f5f5; }
.con1_main img { display: table-cell; }
.con1_main p { display: table-cell; vertical-align: middle; padding: 0 2%; width: 70%; }

.con2 {}
.con2 ul { margin: 0 auto 5%; }
.con2 li { float: left; background-color: #f5f5f5; width: 33.3%; }
.con2 li a {color:#4c4c4c;}
.con2 li img { display: block; margin: 0 auto; }
.con2 li div { padding: 5% 2%; }
.con2 li strong { display: block; text-align: center; line-height: 1em; }
.con2 li p { font-size: 12px; }
.con2 li span { color: #d14282; font-size: 12px; }
.con2_tip { background: url('../images/con2_04.jpg') center center no-repeat; color: #fff; padding: 3% 3% 2%; color:#000; }
.con2_tip strong { display: block; margin: 0 auto 3%; background: url('../images/con2_05.png') center center no-repeat; background-size: 10em; text-align: center; font-size: 18px; line-height: 100%; }

.con3 {}
.con3 img { display: block; margin: 0 auto; }
.con3 ul { margin: 0 auto 5%; background-color: #f0f0f0; }
.con3 li { position: relative; float: left; width: 25%; }
.con3 .def { text-align: center; padding: 20% 0 15%; }
.con3 .def span { display: block; background: url('../images/com_01.png') center bottom no-repeat; padding-bottom: 20px; font-size: 12px; }
.con3 .touch { position: absolute; top: 0; left: 0; width: 100%; background-color: #009966; color: #fff; display: none; }
.con3 .touch p { text-align: center; line-height: 1.6em; font-size: 12px; padding: 5% 2%; }
.con3_tip { padding: 2%; background-color: #f5f5f5; }
.con3_tip strong { color: #009966; font-size: 16px; }

.con4 {}
.con4_title { display: inline-block; margin: 3% 0; background: url('../images/com_01.png') right center no-repeat; padding-right: 20px; line-height: 1em; color: #d14282; font-size: 18px; }
.con4 ul { margin: 0 auto; }
.con4 li { width: 49%; margin-bottom: 4%; }
.con4 li img { display: block; margin: 0 auto 5%; }
.con4 li strong { float: left; font-family: 'bebas_neue'; font-weight: normal; color: #009966; line-height: 20px; font-size: 24px; }
.con4 li span { float: left; border-left: 2px solid #009966; margin-left: 2%; padding-left: 1%; line-height: 20px; font-size: 18px; }
.con4 li p { margin-top: 3%; padding-left: 15%; line-height: 20px; }

.con5 {}
.con5_title { display: table; }
.con5_title strong { display: table-cell; vertical-align: middle; text-align: center; background-color: #d14282; border-radius: 5px; color: #fff; width: 18%; }
.con5_title p { display: table-cell; vertical-align: middle; background: url('../images/con5_10.png') left center no-repeat; padding-left: 4%; }
.con5 ul { margin: 3% 0 4%; }
.con5 li { float: left; width: 32%; margin-right: 2%; position: relative; }
.con5 li img { width: 100%; margin: 0 auto; }
.con5 li span { position: absolute; left: 0; bottom: 6%; padding: 0 5%; background-color: rgba(238, 148, 20, 90); color: #fff; line-height: 1.6em; }


@media ( min-width: 375px ) {
  .con2 li strong { font-size: 16px; }
  .con2 li p, .con2 li span { font-size: 14px; }
  .con3 .def span, .con3 .touch p { font-size: 14px; }
  .con3 .touch p { line-height: 1.4em; }
  .con4 li strong { line-height: 24px; font-size: 30px; }
  .con4 li span { line-height: 24px; font-size: 20px; }
  .con5_title strong { font-size: 16px; width: 20%; }
}
@media ( min-width: 400px ) {
  .con_main p { font-size: 16px; line-height: 24px; }
  .con2 li div { padding: 5%; }
  .con2 li strong { font-size: 20px; margin-bottom: 5%; }
  .con3 .def span { font-size: 16px; }
  .con3 .touch p { padding: 10% 5%; }
  .con4_title { font-size: 20px; }
  .con4 li strong { line-height: 28px; font-size: 34px; }
  .con4 li span { line-height: 28px; font-size: 22px; }
  .con5_title strong { font-size: 18px; }
  .con5 li span { font-size: 16px; }
}
@media ( min-width: 500px ) {
  .con1_main p { width: 80%; }
  .con2 li div { padding: 10% 5% 5%; }
  .con2 li strong { font-size: 24px; }
  .con2 li p, .con2 li span { font-size: 16px; }
  .con3 .def span { font-size: 18px; }
}
@media ( min-width: 600px ) {
  .con2 li { width: 30%; margin-right: 5%; }
  .con3 .def span { font-size: 20px; }
  .con3 .touch p { font-size: 16px; line-height: 1.6em; }
  .con4_title { font-size: 24px; }
  .con4 li strong { line-height: 36px; font-size: 50px; }
  .con4 li span { line-height: 36px; font-size: 28px; }
  .con5_title strong { font-size: 22px; width: 15%; }
  .con5 li span { font-size: 18px; }
}



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:#d14282;}
div.swt1 span {display: block;color:#fff;background: url('../images/swt_01.png') right center no-repeat; font-size:16px;line-height:40px;padding-right:30px;background-size: 25px;}
@media (min-width: 400px) {
  div.swt1 a {padding: 0 5%;}
  div.swt1 span {background-size: 28px; font-size: 18px; padding-right:40px; }
}
@media (min-width: 600px) {
  div.swt1 span { font-size: 20px; line-height:46px; background-size: 28px;}
}

.rl_box .mb0 {margin-bottom:0;}
.rl_box .mr0 {margin-right:0;}
.rl_box .clear {clear: both;}
.txtint { text-indent: 2em;}