html { /*font-family: sans-serif;*/ -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
 display: none;
}
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
 border: 0;
 padding: 0;
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
 height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body { /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/font-family: "microsoft yahei"; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff; }
input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; }
a { color: #337ab7; text-decoration: none; }
a:hover, a:focus { color: #23527c; text-decoration: underline; }
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
figure { margin: 0; }
img { vertical-align: middle; }
.img-responsive { display: block; max-width: 100%; height: auto; }
.img-rounded { border-radius: 6px; }
.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; }
.img-circle { border-radius: 50%; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; }
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }
.container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; }

/*@media (max-width: 768px) {
.container {width:90%; margin:0px 5%; }
}*/
@media (min-width: 768px) {
.container { width: 750px; margin:0px auto; }
}
@media (min-width: 992px) {
.container { width: 970px;  margin:0px auto; }
}
@media (min-width: 1200px) {
.container { width: 1170px;  margin:0px auto; }
}


@media (max-width: 767px) {
body{font-size:12px;}
/*.header{ left:5%; width:94%;}*/
.header .nav a{/*margin-left:3%;*/ margin-left:4%; font-size:12px;}
.header .topright a{font-size:12px;}
/*.indexservicelist li{ width:33%; float:left;}
.indexservicelist li div{ padding:0;}
.indexservicelist li div img{ max-width:80%;}
.indexservicelist li div h2{ font-size:12px; padding-bottom:30px;}*/
.footer-description { font-size:14px;}
.copyright { font-size:12px;}
.panel-2 .aboutimg img{ max-width:95%;}
/*.indeximg3 img{max-width:95%;}*/
.indeximg3{ margin:40% 0 0 5%;}
.flexslider .slides .indeximg3 img{max-width:100%;}
.indeximg4{ text-align:center;margin:35% 5% 0 5%;}
.flexslider .slides .indeximg4 img{max-width:100%;}
.indeximg5{margin-top:25%}
.flexslider .slides .indeximg5 img{max-width:100%;}
/*.panel-6 .item-list-description{ font-size:12px; height:90px; overflow:hidden;}*/
}

@media (min-width: 768px) and (max-width: 991px) {
body{font-size:14px;}
/*.header{ left:10%; width:89%;}*/
.header .nav a{ /*margin-left:4%;*/ margin-left:5%;font-size:14px;}
.panel-2 .aboutimg img{ max-width:80%;}
/*.indeximg3 img{max-width:80%;}*/
.indeximg3{ margin:25% 0 0 10%;}
.flexslider .slides .indeximg3 img{max-width:100%;}
.flexslider .slides .indeximg4 img{max-width:100%;}
.flexslider .slides .indeximg5 img{max-width:100%;}
.panel-4 .block-title{ padding:0px 0px 100px 0px;}
}


@media (min-width: 992px) and (max-width: 1199px) {
body{font-size:16px;}
.panel-2 .aboutimg img{ max-width:85%;}
.indeximg3 img{max-width:100%;}
.flexslider .slides .indeximg3 img{max-width:100%;}
.flexslider .slides .indeximg4 img{max-width:100%;}
.flexslider .slides .indeximg5 img{max-width:100%;}
/*.indeximg3{ margin:20% 0 0 10%;}*/
}

@media (min-width: 1200px) {
body{font-size:18px;}
.header .nav a{font-size:14px;}
.panel-2 .aboutimg img{ max-width:100%;}
.indeximg3 img{max-width:100%;}
.flexslider .slides .indeximg4 img{max-width:80%;}
.flexslider .slides .indeximg5 img{max-width:100%; width:auto}
/*.panel-5 .block-title{margin:10px 0}*/
.topright{ padding-right:23px;}
}
@media (min-width:1680px){
.indeximg3 {margin: 15% 0 0 15%;}
.indeximg4 {margin: 8% 40% 0 15%;}
.flexslider .slides .indeximg4 img{ max-width:100%;}
.panel-6 .carousel-item{ padding-top:50px;}
}

@media print {

}

@media (max-width:768px) {
.carousel-nav{ display:block}
}
@media (max-width:960px) {
.carousel-nav{ display:block}
}
@media (min-width:1200px) {
.carousel-nav{ display:none}
}

@media (max-width:480px){
.header{ height:5em;}
.header .logo { position:absolute; width:auto; height:5em}
.header .logo img{ height:100%;}
.header .nav { margin-left:15%;padding-top:2em;}
.header .nav a{margin-left:5%;}
.topright{padding-top:2em;}
.indexservicelist{ margin-top:0}
.indexservicelist li{width:32%; margin-bottom:10%;}
.indexservicelist li div img{ max-width:80%;}

/*.panel-7 .footer-logo{ height:5em;width:auto;}
.panel-7 .footer-logo img{ height:100%;}*/

.box-carousel-wrapper .carousel-item figure img{width:80%;margin-left:10%;}
.box-carousel-wrapper .content-block-detail{padding:20px 25px;}
.box-carousel-wrapper .content-block-detail h3{padding: 10px 0 14px 0;}
.box-carousel-wrapper .carousel-inner{margin-bottom:15px;}
.home-blog-panel .block-title{margin: 0 0 20px 0;}
/*.panel-6 .item-list-description{ height:100px; overflow:hidden;}*/
.blog-meta{padding:10px 25px;}
}

@media (min-width:480px) and (max-width:768px) {
.indexservicelist li{width:19%;}
.box-carousel-wrapper .carousel-item figure img{ height:200px;}
.box-carousel-wrapper .content-block-detail{padding:20px 25px;}
.box-carousel-wrapper .content-block-detail h3{padding: 10px 0 14px 0;}
.box-carousel-wrapper .carousel-inner{margin-bottom:15px;}
.home-blog-panel .block-title{margin: 0 0 20px 0;}
/*.panel-6 .item-list-description{ height:100px; overflow:hidden;}*/
.blog-meta{padding:10px 25px;}
}

.vertical-top .fp-tableCell {vertical-align: top;}
.vertical-bottom .fp-tableCell {vertical-align:bottom;}

/*@media (max-width:480px){.panel-6 .owl-controls{ margin-left:-72px;}}
@media (min-width:480px) and (max-width:960px){.panel-6 .owl-controls{ margin-left:-36px;}}
@media (min-width:960px){.panel-6 .owl-controls{ margin-left:-24px;}}*/