@charset "utf-8";

@font-face {

    font-family: 'bebas_neue';

    src: url('../other/bebasneue-webfont.eot');

    src: url('../other/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),

         url('../other/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: #12a1b5; line-height: 1em; font-size: 20px; }

.rl_box .con_title i { display: block; margin: 8px auto; width: 30px; height: 3px; background: #12a1b5; }

.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: #000; padding: 3% 3% 2%; }

.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: #12a1b5; 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: #12a1b5; 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: #12a1b5; 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: #12a1b5; line-height: 20px; font-size: 24px; }

.con4 li span { float: left; border-left: 2px solid #12a1b5; 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: #12a1b5; 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:#df107c;}

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;}