@import url("mobile_system.css");
html { font-size: 62.5%; height: 100%; overflow-x: hidden;}
address, b, big, blockquote, body, center, cite, code, dd, del, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var, th, td, input, button { margin: 0; padding: 0; }
*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
h1, h2, h3, h4, h5, h6, big, small { font-weight: normal; font-size: 100%; }
del, ins, u, s, del, strike { text-decoration: none; }
abbr, acronym { border: 0; font-variant: normal; }
sup, sub { vertical-align: baseline; }
i, cite, em { font-style: normal }
input, select { vertical-align: middle; }
ol, ul { list-style: none }
img { border: none; display: block; vertical-align: middle; max-width: 100% }
::-webkit-scrollbar {width:4px;height:4px}
::-webkit-scrollbar-track {-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:0;background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2)}
::-webkit-scrollbar-thumb:hover {border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.4)}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
.clearfix { *zoom: 1;}
a { color: #333333; text-decoration: none; }
a:hover { color: #F00; text-decoration: none; }
.left { float: left; }
.right { float: right; }
input { outline: none; -moz-outline-style: none; -webkit-appearance: none; }
body, input, select { font-family: "Microsoft YaHei", "Helvetica"; font-size: 12px; font-size: 1.2rem; }

a, div, header, span { -webkit-tap-highlight-color: rgba(255,255,255,0); }
.container-fluid { padding-right: 10px;padding-left: 10px; margin-right: auto; margin-left: auto;}
.row {margin-right: -10px;margin-left: -10px;}
.col,.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{ position: relative;float: left; min-height: 1px; padding-right: 10px; padding-left: 10px; }
.col-sm-1 { width: 8.33333333%; }
.col-sm-2 { width: 16.66666667%; }
.col-sm-3 { width: 25%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-5 { width: 41.66666667%; }
.col-sm-6 { width: 50%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-8 { width: 66.66666667%; }
.col-sm-9 { width: 75%; }
.col-sm-10 { width: 83.33333333%; }
.col-sm-11 { width: 91.66666667%; }
.col-sm-12 { width: 100%; }
.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.img-responsive{display: block;max-width: 100%;height: auto;}
.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.navbar {position: relative;min-height: 60px;margin-bottom: 20px;background:rgba(255,255,255,.9);}
.navbar-brand {float: left;height: 60px;font-size: 18px;line-height: 80px; width:130px;}
.navbar-tel{ width:130px;}
.navbar-brand img,.navbar-tel img{ margin-top:10px}

.navbar-fixed-top{position: fixed;right: 0;left: 0;z-index: 1030;}

.dropdown { position: relative; margin-top:17px; }
.dropdown-btn{ display:block;width:30px; height:25px; background:url(img/navbar_icon.png) no-repeat; text-indent:-9999px;}
.dropdown-menu { position: absolute; top: 100%; right: 0; z-index: 1000; display: none; float: left; min-width: 120px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff;background-clip: padding-box; border: 1px solid #ccc;}
.dropdown-menu li{}
.dropdown-menu li a { display: block; padding: 6px 20px; clear: both; font-size: 1.5rem; line-height: 1.42857143; color: #333; white-space: nowrap; }
.dropdown-menu li a:hover, .dropdown-menu li a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; }
.dropdown-menu  .active  a, .dropdown-menu .active a:hover, .dropdown-menu .active a:focus { color: #fff; text-decoration: none; background-color: #f5f5f5; outline: 0; }
.open  .dropdown-menu { display: block; }
.open  a { outline: 0; }

.banner { max-width: 640px; position: relative; overflow: hidden; margin: 0 auto; padding-top:60px; }
.banner ul, .banner ul li { margin: 0; padding: 0; list-style: none; }
.banner .hd { width: 100%; height: 11px; position: absolute; bottom: 10px; left: 0; text-align: center; }
.banner .hd ul li { display: inline-block; background-color: #fff; width: 20px; height: 4px; margin: 0 5px; overflow: hidden; text-indent: -9999px; }
.banner .hd ul li.on { background-color: #e60012; }
.banner .bd li { text-align: center; vertical-align: middle !important; }
.banner .bd li img { display: block; width: 100%; max-height: 320px; height: auto }

.panel { border-radius: 0 ;border-top:1px #eeeeee solid; margin-top:1.5rem}
.panel .panel-heading {text-align: center; overflow: hidden; padding:2.0rem; background:#ffffff; position:relative}
.panel .panel-heading span{ display:block; padding:0.5rem 0;font-size:2.3rem; font-weight:bold; color:#000000; overflow:hidden}
.panel .panel-heading font{ display:block;font-size:1.7rem;color:#000000; font-weight:bold;  overflow:hidden}
.panel .panel-heading em{ font-size:1.6rem; color:#000000; font-weight:bold; position:absolute;right:10px; bottom:30px}
.panel .panel-body {font-size:1.4rem; overflow:hidden}

.panel-about{ border-top:none; margin-top:0;}
.panel-about .panel-body {padding: 10px;border-bottom: 2px #eeeeee solid;}
.panel-about .panel-body a{display:inline-block}
.panel-about .panel-body .pull-right{ font-size:1.3rem; background:#dddddd; padding:3px 6px; margin-top:5px;margin-right:10px;; border-radius:4px}

.panel-service{ border-top:none; margin-top:0;}
.panel-service ul li{ width:50%; float:left}
.panel-service ul li a {display: block;margin:0.3rem;}
.panel-service ul li img{min-width:100%;width:100%;min-height:110px;max-height:110px;height:110px;}

.panel-case ul li{ width:50%; float:left}
.panel-case ul li a {display: block;margin:0.3rem;}
.panel-case ul li p{ padding:0.3rem}

.panel-client ul li{margin: 10px auto;width:33.333333%; float:left}
.panel-case ul li a {display: block;margin:0.3rem;}

.panel-writings ul li{ width:50%; float:left;text-align:center;height:370px; overflow:hidden}
.panel-writings ul li a {display: block;margin:0.3rem; }
.panel-writings ul li a img{ display:inline-block;}
.panel-writings ul li span{ display:block; padding:0.5rem; margin-top:0.5rem; font-weight:bold; font-size:1.5rem; text-align:left}
.panel-writings ul li font{ display:block;padding:0.5rem;text-align:left}

.panel-contact{ padding:1.8rem 0.3rem; color:#000000; border-top:1px #eeeeee solid; margin-top:1rem}
.panel-contact span{font-size:2.3rem; display:block; margin-bottom:1rem}
.panel-contact p{ padding:0.3rem 0; font-size:1.4rem;}
.panel-contact p font{ display:inline-block; width:70px;}
.panel-contact p a{ color:#E83428}

.panel-media{ position:relative; padding:20px; border-top:0px;  margin-top:0px;}
.panel-media-top-left,.panel-media-top-right,.panel-media-bottom-left,.panel-media-bottom-right{ position:absolute;background:url(img/mobile_bg_media.png) no-repeat; width:40px; height:20px;}
.panel-media-top-left{ background-position:0 0; left:0;top:0}
.panel-media-top-right{background-position:-40px 0; right:0;top:0}
.panel-media-bottom-left{background-position:0 -20px; left:0;bottom:0}
.panel-media-bottom-right{background-position:-40px -20px; right:0;bottom:0}
.panel-media-title{ color:#E83428; font-size:1.8rem; padding-bottom:1.5rem;}

.footer{ text-align:center; margin-top:1rem}
.footer .col-sm-6{ padding:0}
.footer a{ display:block;padding:1.6rem 0; background:#E83428; font-size:1.8rem; font-weight:bold; color:#000000 }
.footer .contacts{ border-right:1px #ffffff solid}


.content-class { padding:1rem 0; text-align:center}
.content-class img{ display:inline-block}

.content-title{padding:1rem 0; text-align:center; font-size:1.8rem; font-weight:bold}
.content-body{ font-size:1.5rem; line-height:1.8; padding:1rem; color:#666666}

.content-clients ul li{margin: 10px auto;width:33.333333%; float:left}

.content-case ul li{ width:50%; float:left}
.content-case ul li a {display: block;margin:0.3rem;}
.content-case ul li p{ padding:0.3rem;font-size: 1.5rem;}
.content-case ul li img{min-width:100%;width:100%;min-height:130px;max-height:130px;height:130px;}

.content-writing { background-color: #ffffff; overflow: hidden; }
.content-writing ul li { float: left; width: 46%; margin: 10px 2%; padding: 10px; background: #ffffff;height: 476px;overflow: hidden;}
.content-writing ul li span { text-align: center }
.content-writing ul li span img { width: 100%; }
.content-writing ul li p { margin: 10px 5% 10px 5%; font-size: 1.4rem; height: 350px; line-height: 22px; overflow: hidden; color: #000; }

.content-service ul li{border-bottom:1px #eeeeee solid; }
.content-service ul li font{ display:block;color: #E80025;; font-size:1.6rem; padding:1rem;  font-weight:bold}
.content-service ul li font em{color: #333;}
.content-service ul li p{ font-size:1.5rem; color:#666666; line-height:1.5;padding:1rem;}

.panel-page { text-align: center; line-height: 40px;font-size: 16px; font-size: 1.6rem; overflow: hidden; background: #ffffff ; border-top:1px #eeeeee solid; padding-top:1rem; margin-top: 1rem; margin-bottom: 1rem; }
.panel-page .JZD_PAGE_PREVIOUS, .panel-page .JZD_PAGE_NEXT { padding: 5px 26px; background-color: #E83428; color: #fff; font-size: 13px; font-size: 1.3rem; }
.panel-page a { color: #fff; text-decoration: none; }
.panel-page .JZD_PAGE_NUMBER { padding: 0 6px; }