/*
 * Component:       Docs
 * Description:     Defines styles for the UIkit documentation
 ========================================================================== */


/* Fonts
 ========================================================================== */

body, h1, h2, h3, h4, h5, h6,
.uk-navbar-nav > li > a { font-family: "Proxima Nova", "Helvetica Neue", Helvetica,"PingFang SC","Microsoft YaHei","微软雅黑", Arial, sans-serif; }

a:hover {text-decoration:none}
/* Base
 ========================================================================== */

html {
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* Layout
 ========================================================================== */


.tm-background { background: #252525; }

/*
 * Blocks
 */

.tm-middle,
.tm-section,
.tm-footer { padding: 50px 0; }

/* Tablet and bigger */
@media (min-width: 768px) {

    .tm-middle,
    .tm-section,
    .tm-footer { padding: 90px 0; }

}

/* Large screen and bigger */
@media (min-width: 1220px) {

    .tm-middle,
    .tm-section,
    .tm-footer { padding: 80px 0; }

}


/*
 * Middle
 */

.tm-middle { background: #fff; }

/* Tablet and bigger */
@media (min-width: 768px) {

    .tm-sidebar {
        margin-right: -1px !important;
        border-right: 1px solid #E5E5E5;
    }

    .tm-main {
        padding-left: 50px !important;
        border-left: 1px solid #E5E5E5;
    }

    .tm-sidebar .uk-panel { padding-right: 20px; }

}

/*
 * Sections
 */

.tm-section .uk-heading-large { margin-bottom: 20px; }
.tm-section .uk-text-large { margin-bottom: 60px; }

.tm-section-color-1 { background: #2ba3d4 url("../images/bg_teaser.svg") 50% 50% no-repeat; }

/* Desktop and bigger */
@media (max-width: 959px) {

    .tm-section-color-1 { background-image: none; }

}

.tm-section-color-2 { background: #397dcf; height:460px;}

.tm-section-colored,
.tm-section-colored h1,
.tm-section-colored h2,
.tm-section-colored a:not([class]) { color: #fff !important; }

.tm-section-color-2 a { text-decoration: underline; }

.tm-section-color-white { background: #fff; }

/* Tablet and bigger */
@media (min-width: 768px) {

    .tm-section-color-white .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px dashed #ddd; }
    .tm-section-color-2 .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: 1px dashed rgba(255,255,255,0.4); }

}

/*
 * Header section
 */

.tm-logo { margin: 10px 0 20px 0; }

.tm-button-download {
    margin: -30px 0 15px 0;
    /* Style */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    background: #fff;
    border: none;
    color: #2ba3d4 !important;
    /* Size */
    min-height: 50px;
    padding: 0 30px;
    line-height: 50px;
    font-size: 18px;
}

.tm-button-download:hover {
    background: #82cff0;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
}

.tm-button-download:focus,
.tm-button-download:active {
    background: #2e93bc;
    color: #fff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.15),
                inset 0 -1px 0px rgba(0,0,0,0.05),
                inset 1px 0px 0px rgba(0,0,0,0.05),
                inset -1px 0px 0px rgba(0,0,0,0.05);
    -webkit-transition: background-color .05s ease-in-out;
    transition: background-color .05s ease-in-out;
}

.tm-image-pull { margin-bottom: -10px; }

/*
 * Community
 */

.tm-margin-large-bottom { margin-bottom: 80px; }

.tm-panel-link,
.tm-panel-link:hover {
    text-decoration: none;
    color: #444;
}

.tm-panel-link {
    padding: 30px 30px 60px 30px;
    border: 1px solid #e5e5e5;
}

.tm-panel-link:after {
    content: "";
    display: none;
    position: absolute;
    height: 5px;
    right: -1px;
    left: -1px;
    bottom: -1px;
    background: #0BA1D8;
}

.tm-panel-link:hover:after { display: block; }

.tm-panel-link:hover h2 { color: #0BA1D8; }

/* Only phones */
.tm-grid-margin-large .uk-grid-margin { margin-top: 50px; }

.tm-icon {
    position: relative;
    width: 80px;
    margin: -60px auto 0 auto;
    border-radius: 5px;
    background: #0BA1D8;
    line-height: 80px;
    color: #fff;
}

.tm-icon:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border: 10px solid #0BA1D8;
    border-right-color: transparent;
    border-left-color: transparent;
    border-bottom: none;
}

.tm-panel-link { -webkit-backface-visibility: hidden; }

.tm-panel-link:hover .tm-icon {
    transform: translateY(5px);
    -webkit-transform: translateY(5px);
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
}

/*
 * Footer
 */

.tm-footer .uk-subnav-line > li:before { border-color: #ddd; }

.tm-footer,
.tm-footer a { color: #ddd !important; }
.tm-footer a:hover { color: #fff !important; }


/* UIkit component modifiers
 ========================================================================== */

/*
 * Navbar
 */

.tm-navbar {
    padding: 0px 0;
    border: none;
    background: #397dcf;
}

.tm-navbar .uk-navbar-content,
.tm-navbar .uk-navbar-brand,
.tm-navbar .uk-navbar-toggle {
    height: 55px;
    margin-top: 0;
    text-shadow: none;
}

.tm-navbar .uk-navbar-nav > li > a {
    height: 55px;
    margin: 0;
    font-size: 16px;
}

.tm-navbar .uk-navbar-nav > li { margin-left: 15px; line-height:55px; width: 120px;text-align:center}
.tm-navbar .uk-navbar-nav > li a {color:#fff;}
/* Hover */
.tm-navbar .uk-navbar-nav > li:hover > a,
.tm-navbar .uk-navbar-nav > li > a:focus,
.tm-navbar .uk-navbar-nav > li.uk-open > a {
   background:#191216;
    color: #FFF;
}




.navSub { width: 100%; height: 160px; display: none; overflow: hidden;z-index: 9999; background:#222;filter:alpha(opacity:70); opacity:0.7;position:absolute;}
    .navSub a { color: #fff; display: block; height: 26px; margin: 0 auto; width: 108px; }
        .navSub a:hover { color: #fff; background-position: -1232px 0; text-decoration:none}
    .navSub dl { width: 155px; float: left; text-align: right; line-height: 26px;  height: 110px; border-right:1px solid #9b949b;margin-top:12px}
    .navSub dt { margin-top:-10px;font-size:16px;padding:0px;margin:0;text-align:right;}
    .navSub dd {}
.showdiv {display:block;}
   .navSub div {width:800px;margin:0 auto;height:150px;}
    .sub_b1 dl{margin-left:124px;}
    .sub_b5 {margin-left:0px;}
    .sub_b5 dl:first-child {margin-left:-60px}
    .sub_b2 dl{margin-left:394px;}
    .sub_b8 dl{margin-left:530px;}
    .sub_b9 dl{margin-left:664px;}

.uk-slidenav-position { position: relative;}
.uk-slidenav-position .am-control-nav {
  width: 100%;
  position: absolute;
  bottom:30px ;
  text-align: center;
}
.uk-slidenav-position .am-control-nav li {
  margin: 0 6px;
  display: inline-block;
}
.uk-slidenav-position .am-control-nav li a {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.uk-slidenav-position .am-control-nav li a:hover {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
}
.uk-slidenav-position .am-control-nav li.am-active a {
	width:40px;
  background-color: #fff;
  cursor: default;
}

/* Active */
.tm-navbar .uk-navbar-nav > li.uk-active > a {
    background-color: #2BA3D4;
    color: #FFF;
}

/* OnClick */
.tm-navbar .uk-navbar-nav > li > a:active { background-color: transparent; }

/*
 * Nav
 */

.tm-nav > li > a { color: #777; }

/* Hover */
.tm-nav > li > a:hover,
.tm-nav > li > a:focus,
.tm-nav > li.uk-active > a  {
    background: #F5F5F5;
    color: #444;
}

/* Sub-object: `nav-header` */
.tm-nav .uk-nav-header {
    color: #222;
    font-weight: normal;
}

/*
 * Nav
 */

.tm-subnav > li:nth-child(n+2) { margin-left: 20px; }

/*
 * Article
 */

.tm-article-subtitle {
    padding-left: 6px;
    border-left: 3px solid #1FA2D6;
    font-size: 16px;
    line-height: 16px;
}

/*
 * Showcase Overlay
 */

.tm-overlay-icon:empty:before {
    content: "\f064";
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px;
    font-size: 60px;
}


/* Custom content
 ========================================================================== */

/*
 * Style grid for showcase purpose
 */

.tm-grid-truncate code {
    /* Truncate */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* Nedded */
    max-width: 80%;
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}

.tm-icons > [class*="uk-width-"] {
    padding-bottom: 5px;
    padding-top: 5px;
}

/*
 * Generate different grid panel colors
 */

.tm-grid-colors > * > * { padding: 20px; }

.tm-grid-colors > :nth-child(8n-7) > * { background: rgba(130,200,240,0.1); }
.tm-grid-colors > :nth-child(8n-6) > * { background: rgba(130,200,240,0.15); }
.tm-grid-colors > :nth-child(8n-5) > * { background: rgba(130,200,240,0.2); }
.tm-grid-colors > :nth-child(8n-4) > * { background: rgba(130,200,240,0.25); }
.tm-grid-colors > :nth-child(8n-3) > * { background: rgba(130,200,240,0.3); }
.tm-grid-colors > :nth-child(8n-2) > * { background: rgba(130,200,240,0.35); }
.tm-grid-colors > :nth-child(8n-1) > * { background: rgba(130,200,240,0.40); }
.tm-grid-colors > :nth-child(8n) > * { background: rgba(130,200,240,0.45); }

/*
 * Generate different grid panel heights
 */

.tm-grid-heights > :nth-child(8n-7) > * { height: 80px; }
.tm-grid-heights > :nth-child(8n-6) > * { height: 100px; }
.tm-grid-heights > :nth-child(8n-5) > * { height: 160px; }
.tm-grid-heights > :nth-child(8n-4) > * { height: 120px; }
.tm-grid-heights > :nth-child(8n-3) > * { height: 180px; }
.tm-grid-heights > :nth-child(8n-2) > * { height: 130px; }
.tm-grid-heights > :nth-child(8n-1) > * { height: 150px; }
.tm-grid-heights > :nth-child(8n) > * { height: 110px; }

/*
 * Add a fixed height to grid items
 */

.tm-grid-height-250 > * > * { height: 250px; }


/* Customizer
 ========================================================================== */

.cm-customizer,
.cm-customizer body {
    height: 100%;
    overflow: hidden;
}

/*
 * Sidebar
 */

.cm-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 310px;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.cm-sidebar-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 110px;
    padding: 20px 30px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

.cm-sidebar-content {
    position: absolute;
    top: 151px;
    bottom: 116px;
    left: 0;
    right: 0;
    padding: 20px 20px 0 30px;
    overflow-y: scroll;
}

.cm-sidebar-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    padding: 20px 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.cm-sidebar-footer .uk-grid + .uk-grid { margin-top: 15px; }

.cm-file-import {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.cm-file-import input[type=file] {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 500px;
    opacity: 0;
    cursor: pointer;
}

/*
 * Iframe wrapper
 */

.cm-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 310px;
    right: 0;
}

.cm-wrapper > iframe {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding-top: 70px;
    margin-top: -70px;
}

/* Fixed links in navbar not clickable caused by iframe overlay */
.tm-navbar { position: relative; }

/*
 * Sidebar content
 */

.cm-vars {
    padding-bottom: 20px;
    font-size: 12px;
}

.cm-form-title .more-link:after {
    content: "(more)";
    font-size: 12px;
    text-transform: none;
}

.show-more .cm-form-title .more-link:after { content: "(hide)"; }

/*
 * Variables form
 */

.cm-form fieldset + fieldset { margin-top: 25px; }

.cm-form-title {
    font-size: 16px !important;
    line-height: 22px !important;
    text-transform: capitalize !important;
}

.cm-form .uk-form-row + .uk-form-row { margin-top: 5px; }

.cm-form .uk-form-label {
    float: left;
    line-height: 25px;
    /* Text truncate */
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    white-space: nowrap;
}

.cm-form .uk-form-controls { float: right; }

.cm-form select,
.cm-form.uk-form input {
    width: 60px;
    border: 0;
    box-shadow: none;
}

.cm-form.uk-form input { text-align: right; }

.cm-form select:focus,
.cm-form.uk-form input:focus { background: none; }

.cm-form :-ms-input-placeholder { color: #ddd !important; }
.cm-form ::-moz-placeholder { color: #ddd; }
.cm-form ::-webkit-input-placeholder { color: #ddd; }

/*
 * Advanced mode
 */

.cm-more-link,
.cm-advanced,
.cm-more { display: none; }

.cm-show-advanced .cm-advanced,
.cm-show-advanced .cm-show-more .cm-more { display: block; }
.cm-show-advanced .cm-more-link { display: inline; }

.cm-more-link:after {
    content: "(more)";
    font-size: 12px;
    text-transform: none;
    line-height: 1;
}

.cm-show-more .cm-more-link:after { content: "(hide)"; }

/*
 * Download modal
 */

.cm-modal textarea {
    height: 400px;
    resize: none;
    font-family: Consolas, monospace, serif;
}

/*
 * Loading spinner
 */

.cm-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
    z-index: 1000;
}

/*
 * Error
 */

.cm-error {
    position: absolute;
    left: 50%;
    top: 40%;
    width: 300px;
    margin-left: -176px;
    display: none;
    z-index: 1000;
}

/*
 * Responsive behavior
 */

/* Fix sidebar position if offcanvas appears */
.uk-offcanvas-page .cm-sidebar { left: auto; }


/* Colorpicker
 ========================================================================== */

.sp-placeholder {
    width: 15px;
    height: 15px;
    margin: 5px;
    border-radius: 2px;
    float: right;
    cursor: pointer;

    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}

.sp-placeholder-color {
    width: 15px;
    height: 15px;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
}

.sp-replacer {
    padding: 5px;
    background: transparent;
    float: right;
    border: 0;
}

.sp-preview {
    height: 15px;
    width: 15px;
    margin: 0;
    border: none;
    border-radius: 2px;
}

.sp-preview-inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset;
    border-radius: 2px;
}

.sp-dd { display: none; }

.sp-container {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

input.sp-input {
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    height: auto;
    padding: 5px 6px;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08) inset;
    color: #444;
    transition: all 0.2s linear 0s;
}

.sp-input:focus {
    border-color: #99BACA;
    background-color: #f5fBfE;
}

.sp-picker-container { border-left: none; }

.sp-dragger {
    height: 10px;
    width: 10px;
    border: none;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.sp-color,
.sp-hue { border-color: #ccc; }

.sp-slider {
    left: -4px;
    right: -4px;
    height: 8px;
    border-color: #ccc;
}

.sp-alpha-enabled .sp-top { margin-bottom: 28px; }

.sp-alpha {
    bottom: -23px;
    height: 12px;
}

.sp-alpha-handle { border-color: #d3d3d3; }

.sp-alpha-inner { border-color: #ddd; }

.sp-container button {
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom-color: rgba(0,0,0,0.3);
    border-radius: 4px;
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image: linear-gradient(to bottom, #fff, #eee);
    color: #666;
    line-height: 28px;
    text-shadow: 0 1px 0 #fff;
}

.sp-container button:hover {
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom-color: rgba(0,0,0,0.3);
    background-color: #f5f5f5;
    background-image: none;
    text-shadow: 0 1px 0 #fff;
}

.sp-container button:active { box-shadow: inset 0 2px 4px rgba(0,0,0,0.1); }

.sp-cancel, .sp-reset { color: #0077DD !important; }
.sp-cancel:hover, .sp-reset:hover {
    color: #005599 !important;
    text-decoration: underline;
}

.sp-container,
.sp-container button,
.sp-container input,
.sp-color,
.sp-cancel, .sp-reset,
.sp-hue { font: inherit; }

.sp-input-container { margin-bottom: 10px; }

/*****/
.contents {width:100%; background:#fff;}
.div_cont {width:1200px;margin: 0 auto;padding: 0;}
.aboutus {height:440px;}
.aboutus img {padding-top:56px;float:left}
.aboutus_c {float:left;margin-left:44px;width:50%;padding-top:50px;}
.aboutus h2 {color:#222;letter-spacing:3px;font-size:32px;font-weight:normal;margin-top:10px}
.aboutus h3 {font-size:20px;color:#333;letter-spacing:2px;padding-top:10px;font-weight:normal;}
.aboutus p {line-height:25px;color:#555;font-size:16px;letter-spacing:2px;padding:5px 0px;}
.aboutus a {color:#397dcf;display:block;margin-top:20px;height:55px;width:230px;border:1px solid #397dcf;line-height:55px;font-size:14px;
	border-radius: 10px;text-indent:25px;background:url(../images/more.gif) no-repeat 198px 12px;letter-spacing:2px
}
.aboutus a:hover {color:#fff;background: #397dcf url(../images/more_b.gif) no-repeat 198px 15px;}


.index_news {height:738px;}
#index_new.am-slider-carousel  li {width:400px;text-align:center}
.index_news h2{font-size:32px;font-weight:normal;padding-top:70px}
.index_news h3 {
	margin:0px 5px;
	text-align:center;
	height:460px;
	width:380px;
	-moz-box-shadow: 1px 1px 10px #888888; 
box-shadow: 1px 1px 10px #888888;
overflow:hidden;
}

.index_news h3 img{ width:380px;height:388px;text-align:center;}
.index_news h3 a {color:#8c8c8c;text-indent:20px;display:block;line-height:25px;font-weight:normal}
.index_news h3:hover {background:#397dce;
		-moz-box-shadow: 1px 1px 10px #222; 
box-shadow: 1px 1px 10px #222;
	}
.index_news h3:hover  a {color:#fff}
.index_news h3 .title {font-size:16px;padding-top:8px;text-align:left;width:350px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color:#444}
.index_news p{text-align:left;font-size:14px;line-height:20px;margin-top:0px;width:350px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.customer {height:920px;background:#435569;color:#fff;}
.customer h2{font-size:32px;font-weight:normal;padding-top:90px;color:#fff;}
.customer h3 {font-size:20px;font-weight:normal;padding-top:10px;text-indent:18px;color:#fff;}
.customer img {width:300px;height:420px}
#customer {background:none;margin-top:50px}
#customer .am-slides h3 {padding-top:20px}
#customer .am-slides h3 a{color:#fff;font-size:20px;line-height:20px;}

#customer img{
  cursor: pointer;
  transition: all 0.6s;
}
#customer img:hover{
  transform: scale(1.1);
  z-index:999;
}

/* ==========================================================================
   Component: Flex Slider Plugin
 ============================================================================ */
.am-slider a:hover,
.am-slider a:focus {
  outline: none;
}
.am-slides,
.am-control-nav,
.am-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.am-slider {
  margin: 0;
  padding: 0;
}
.am-slider .am-slides:before,
.am-slider .am-slides:after {
  content: " ";
  display: table;
}
.am-slider .am-slides:after {
  clear: both;
}
.am-slider .am-slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
}
.no-js .am-slider .am-slides > li:first-child {
  display: block;
}
.am-slider .am-slides img {
  width: 100%;
  display: block;
}
.am-pauseplay span {
  text-transform: capitalize;
}
.am-slider {
  position: relative;
}
.am-viewport {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.am-slider-carousel li {
  margin-right: 5px;
}
.am-control-nav {
  position: absolute;
}
.am-control-nav li {
  display: inline-block;
}
.am-control-thumbs {
  position: static;
  overflow: hidden;
}
.am-control-thumbs img {
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.am-slider-slide .am-slides > li {
  display: none;
  position: relative;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .am-slider-slide .am-slides > li {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    transition: -webkit-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .am-slider-slide .am-slides > li.next,
  .am-slider-slide .am-slides > li.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .am-slider-slide .am-slides > li.prev,
  .am-slider-slide .am-slides > li.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .am-slider-slide .am-slides > li.next.left,
  .am-slider-slide .am-slides > li.prev.right,
  .am-slider-slide .am-slides > li.active {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.am-slider-slide .am-slides > .active,
.am-slider-slide .am-slides > .next,
.am-slider-slide .am-slides > .prev {
  display: block;
}
.am-slider-slide .am-slides > .active {
  left: 0;
}
.am-slider-slide .am-slides > .next,
.am-slider-slide .am-slides > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.am-slider-slide .am-slides > .next {
  left: 100%;
}
.am-slider-slide .am-slides > .prev {
  left: -100%;
}
.am-slider-slide .am-slides > .next.left,
.am-slider-slide .am-slides > .prev.right {
  left: 0;
}
.am-slider-slide .am-slides > .active.left {
  left: -100%;
}
.am-slider-slide .am-slides > .active.right {
  left: 100%;
}
/**
  * Slider Theme: Default
  */
.am-slider-default {
  margin: 0 0 20px;

}
.am-slider-default .am-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .am-slider-default .am-viewport {
  max-height: 300px;
}
.am-slider-default .carousel li {
  margin-right: 5px;
}
.am-slider-default .am-direction-nav a {
  position: absolute;
  top: 50%;
  z-index: 10;
  display: block;
  width: 36px;
  height: 36px;
  margin: -18px 0 0;
  overflow: hidden;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.65);
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}
.am-slider-default .am-direction-nav a:before {
  display: inline-block;
  font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif;
  /*font-weight: normal; // 2
  font-style: normal; // 2
  vertical-align: baseline; // 3
  line-height: 1; // 4*/
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  width: 100%;
  color: #333333;
  font-size: 24px!important;
  text-align: center;
  line-height: 36px!important;
  height: 36px;
}
.am-slider-default .am-direction-nav a.am-next:before {
}
.am-slider-default .am-direction-nav .am-prev {
  left: 10px;
}
.am-slider-default .am-direction-nav .am-next {
  right: 10px;
  text-align: right;
}
.am-slider-default .am-direction-nav .am-disabled {
  opacity: 0!important;
  cursor: default;
}
.am-slider-default:hover .am-prev {
  opacity: 0.7;
  left: 10px;
}
.am-slider-default:hover .am-prev:hover {
  opacity: 1;
}
.am-slider-default:hover .am-next {
  opacity: 0.7;
  right: 10px;
}
.am-slider-default:hover .am-next:hover {
  opacity: 1;
}
.am-slider-default .am-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.am-slider-default .am-pauseplay a::before {
  font: normal normal normal 1.6rem/1 "FontAwesome", sans-serif;
  /*font-weight: normal; // 2
  font-style: normal; // 2
  vertical-align: baseline; // 3
  line-height: 1; // 4*/
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
  font-size: 20px;
  display: inline-block;
  content: "\f04c";
}
.am-slider-default .am-pauseplay a:hover {
  opacity: 1;
}
.am-slider-default .am-pauseplay a.am-play::before {
  content: "\f04b";
}
.am-slider-default .am-slider-desc {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  padding: 10px;
  width: 100%;
  color: #fff;
}
.am-slider-default .am-control-nav {
  width: 100%;
  position: absolute;
  bottom: -15px;
  text-align: center;
}
.am-slider-default .am-control-nav li {
  margin: 0 6px;
  display: inline-block;
}
.am-slider-default .am-control-nav li a {
  width: 20px;
  height: 20px;
  display: block;
  background-color: #fff;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  text-indent: -9999px;
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.am-slider-default .am-control-nav li a:hover {
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.7);
}
.am-slider-default .am-control-nav li a.am-active {
	width:40px;
  background-color: #fff;
  cursor: default;
}
.am-slider-default .am-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.am-slider-default .am-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.am-slider-default .am-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
}
.am-slider-default .am-control-thumbs img:hover {
  opacity: 1;
}
.am-slider-default .am-control-thumbs .am-active {
  opacity: 1;
  cursor: default;
}
.am-slider-default .am-control-thumbs i {
  position: absolute;
}


/***banner 隐藏 左右箭头**/
#demo-slider-0 .am-direction-nav{display:none}
#demo-slider-0 .am-control-nav { bottom:50px ;}


/***新闻和客户隐藏点***/
#customer .am-control-nav,#index_new .am-control-nav {display:none;}



#index_new {padding:10px 0px}
#index_new .am-viewport {height:480px}
#index_new .am-slides{margin-left:0px;}
.am-slider-default .am-direction-nav .am-prev {
	height:41px;
	 background:url(../images/left.png) no-repeat;
  left: -21px;
}
.am-slider-default .am-direction-nav .am-next {
  right: -35px;
  background:url(../images/right.png) no-repeat;
  text-align: right;

}


#customer.am-slider-default .am-direction-nav a {width:52px;height:52px;border-radius:52px;top:281px}
#customer.am-slider-default .am-direction-nav .am-prev {
	 background:#fff url(../images/left1.gif) no-repeat 6px 5px;
  left: -26px;
}
#customer.am-slider-default .am-direction-nav .am-next {
  right: -26px;
  background:#fff url(../images/right1.gif) no-repeat 20px 5px;
  text-align: right;

}


footer {height:660px;background:#f1f1f1}
.footer_nume,.copyright {width:100%;overflow:hidden}
.footer_nume ul {float:right;margin-right:100px;margin-top:64px}
.footer_nume ul li {float:left;margin-left:100px;list-style:none}
.footer_nume ul li a {font-size:16px;color:#666}
.contactbg {background:#f1f1f1}
.contact h2{line-height:30px;font-weight:normal;font-size:20px;letter-spacing:2px;padding-right:100px;padding-top:130px;position:relative}
.contact h2 a {float:right;margin-left:58px;}
.contact ul {padding-top:25px}
.contact ul li {float:left;width:420px;color:#515151;font-size:14px;letter-spacing:2px;line-height:25px;list-style:none}
.contact ul li span {font-size:16px;color:#b1b1b1}
.copyright {padding-top:94px;text-align:center;letter-spacing:1px;color:#515151}　
 .copyright a {color:#515151}
 .copyright a:hover {color:#888}
 
 
 /***newlist***/
.new_div {width:1158px;top:-82px;position:relative;background:#fff;margin:0px auto}
.news_categary {padding-top:100px;width:860px;margin:0px auto;position:relative;}
.news_categary h2 {color:#2c2d32;font-size:32px;font-weight:normal;letter-spacing:2px;width:522px;text-indent:10px}
.newall_cate  {color:#777;cursor:pointer;background:url(../image/n_icon.gif) no-repeat 64px 5px;height:14px;width:78px;font-size:14px;margin-top:20px}
.newall_cate:hover,.newall_catehover {background:url(../image/n_icon.gif) no-repeat 64px -15px;}
.n_categary {position:absolute;top:150px;width:78px;z-index:1000;left:525px;width:144px;background:#fff;height:148px;display:none;
	-moz-box-shadow: 1px 1px 10px #888888; 
box-shadow: 1px 1px 10px #888888;
}

.n_categary ul {padding:0px;}
.n_categary li  {padding-left:15px;padding-top:15px;display:block;overflow:hidden}     
.newsdate {margin-top:10px;height:32px;width:199px;border-radius:2px;border:1px solid #222;color:#777;}
.new_list,.product_div1 {overflow:hidden;width:860px;margin:0px auto;}
.new_list ul {border-bottom:1px solid #e9e9e9;}
.new_list ul li {border-top:1px solid #e9e9e9;overflow:hidden;height:115px;padding-left:15px;padding-right:3px}
.new_list ul li span {color:#878787;display:block;padding-top:28px}
.new_list ul li p {padding-top:16px}
.new_list ul li p a {color:#464646;font-size:16px}
.new_list ul li .view {margin-top:-50px;font-size:14px}
.pages {padding-top:0px;}
.pages a {display:block;float:left;font-size:16px;margin-left:40px;color:#a6abb1l;width:16px;height:16px;}
.pages a:hover {color:#6a7070}

/**Producut**/
.product_div {top:-42px;padding-top:50px}
.p_categary {width:193px;height:500px}
.p_categary h2 {color:#2c2d32;font-size:32px;font-weight:normal;letter-spacing:2px;width:522px;text-indent:10px}
#suckertree1 li {margin:0px;padding:0px 0px 0px 5px;width:160px;list-style:none}
#suckertree1  h3 {width:160px;background:#fff;height:58px;border:1px solid #dfdfdf;
	-moz-box-shadow: 1px 1px 10px #888888; 
box-shadow: 1px 1px 10px #888888;line-height:58px;text-align:center;padding:0px;margin:0px;}
#suckertree1  h3 a {font-weight:normal;font-size:20px;color:#000}
#suckertree1  h3.hover a {color:#397dcf}
#suckertree1   ul.level1 {margin-left:-33px;width:175px;margin-top:5px}
#suckertree1   ul.level1 li h4 {text-align:center;height:35px;font-size:16px;font-weight:normal;text-align:center;padding:0px;margin:3px 0px 0px;}
#suckertree1   ul.level1 li h4 a {color:#666;display:block;height:35px;line-height:35px}
#suckertree1   ul.level1 li h4 a:hover {background:#73a4de;color:#fff}
#suckertree1   ul.level1 li ul.level2 {line-height:25px;text-align:center;margin-left:-30px}
#suckertree1   ul.level1 li ul.level2 a {font-size:14px;color:#bfbfbf;display:block;}
#suckertree1   ul.level1 li ul.level2 a:hover {background:#f1f1f1;color:#444}
#suckertree1 ul {display:none}

.product_div1 {width:920px}
.p_list,.new_detail {width:693px;overflow:hidden}
.p_list dl {float:left;width:295px;margin:0px 25px}
.p_list dl dt {text-align:center}
.p_list dl dt a.a_img {width:292px;height:180px;border:1px solid #ccc;display:block}
.p_list dl dt img {height:180px}
.p_list dl dt a.a_img:hover {border:1px solid #397dcf}
.p_list dl dt span{height:17px;border:1px solid #ccc;text-align:center;display:inline-block;border-radius:2px;color:#67695b;margin:10px 2px 0px;padding:1px 3px}
.p_list dl dt:hover span {border:1px solid #397dcf;color:#397dcf}
.p_list dl dt h2 a {font-size:18px;color:#222;font-weight:normal}
.p_list dl dt:hover h2 a {color:#397dcf;font-weight:normal}
.p_list dl dd {border-top:1px solid #dbdbdb}
.p_list dl dd ul {padding-top:10px}
.p_list dl dd ul li {background:url(../images/dot.gif) no-repeat 3px 10px;color:#898989;line-height:22px;text-indent:2px;}


.new_detail h1{ text-align:center;font-size:24px;margin-bottom:0px;}
.new_content {padding-top:0px;line-height:24px;font-size:14px;color:#444;}
.new_content  img {width:100%}
.new_content p {padding:10px 0px 0px;letter-spacing:1px}
.next_news {padding-top:50px;}
.next_news p {font-size:14px;}
.next_news p span {color:#999}
.b_hr {border:0px;border-top:1px solid #ccc;margin-top:20px}

.overf_h {overflow:hidden}

.l {float:left}
.r {float:right}


ul.server {}
ul.server li {border-bottom:1px dashed #ccc;line-height:35px;}
ul.server li span {float:right}

.v_p {padding-bottom:5px;border-bottom:1px dashed #ccc;text-indent:15px}
.tab_div {width:100%;overflow:hidden;padding-bottom:5px;}
.tab  {padding:15px 0px 0px}
.tab li {float:left;list-style:none;margin-right:10px;display:block;color:#397dcf;font-size:16px;cursor:pointer;padding:8px 15px}
.tab li.hover {background:#397dcf;color:#fff;border-radius:5px;}

.SN,.security,.verify {border-radius:3px;height:35px;overflow:hidden;width:580px;border:1px solid #ccc;margin-bottom:5px}
.SN input,.security input,.verify input {width:535px;line-height:35px;text-indent:15px;float:left;border:0px;}
.security {display:none}
.SN span,.security span,.verify span {display:block;width:40px;float:left;height:35px;border-right:1px solid #ccc}
.SN span{background:#eee url(../images/snbg.gif) no-repeat 10px 8px; background-size:20px 20px;}
.security span{background:#eee url(../images/verify.gif) no-repeat 10px 8px; background-size:20px 20px;}
.verify span {background:#eee url(../images/key.gif) no-repeat 10px 8px; background-size:20px 20px;}
.verify input {width:422px}
.verify p {float:left;background:#eee;width:114px;border-left:1px solid #ccc;height:35px;margin-top:0px}
.button1 {display:block;color:#fff;font-size:16px;cursor:pointer;padding:8px 15px;background:#5547de;border:0px;border-radius:5px;margin-top:8px;}
.result {border:1px solid #ccc;width:581px;padding:5px;line-height:20px;min-height:50px;margin-top:8px;}


.serverstable {border:1px solid #000;border-collapse: collapse}

.form-control {width:60%; float:left;padding:5px 0px}
#querylgs {width:30%;padding:3px;border:0px;background:#397dcf;border-radius:3px;color:#fff;height:28px;cursor:pointer}

.weixinshow {background:#fff;border:1px solid #ccc;padding:3px;width:140px;text-align:center;position:absolute;top:170px;right:130px;display:none}
.weixinshow span {font-size:12px;}
.pic_divs {width:100%;overflow:hidden;padding:20px 0px}
.pic_imgs {width:600px;height:600px;border:1px solid #ccc;text-align:center;overflow:hidden;display: table-cell;vertical-align: middle;}
.pic_imgs img {max-width:600px;_width:expression(this.width > 600 ? "600px" : this.width);}
.pic_guige {margin-top:20px}
.pic_guige dd,.pic_guige dt {float:left}
.pic_guige dt {padding-top:4px}
.pic_guige dd {height:17px;border:1px solid #999;text-align:center;display:inline-block;border-radius:2px;padding:0px 15px;color:#666;margin:4px 5px 0px;padding:1px 10px;cursor:pointer}
.pic_guige dd.hovers,.pic_guige dd:hover {border:1px solid #000;color:#000}
.banner {width:100%;height:auto}
.banner img {width:100%}
@media (max-width: 1199px){
	
	.aboutus {height:auto;background:#fff;overflow:hidden;padding-bottom:20px}
	.aboutus img {width:100%;padding-top:15px;}
	.aboutus_c {float:left;margin-left:14px;padding-top:20px;width:90%}
	.aboutus h2 {color:#222;letter-spacing:3px;font-size:22px;font-weight:normal;margin-top:10px;padding-bottom:4px}
	.aboutus h3 {font-size:16px;color:#333;letter-spacing:1px;font-weight:normal;padding:0px 0px;margin-top:-10px}
	.aboutus p {line-height:20px;color:#555;font-size:14px;letter-spacing:1px;padding:0px 0px;}
	.aboutus a {color:#397dcf;display:block;margin-top:10px;height:30px;width:150px;border:1px solid #397dcf;line-height:30px;font-size:14px;
					border-radius: 10px;text-indent:25px;background:url(../images/more.gif) no-repeat 198px 12px;letter-spacing:2px
				}
	.div_cont {width:100%;margin: 0 auto;}
	.advantage_cont {width:28%;float:left;margin-left:3%;}
	.advantage_cont p {width:99%}

	.index_news {height:auto}
   	.index_news h3 {
	margin:25px 0px;
	text-align:center;
	height:auto;
	width:99%;

overflow:hidden;
}

.index_news h3 img{ width:95%;height:auto;text-align:center;padding-top:10px}
.index_news h3 a  {text-indent:0px;}
.index_news h3 a.title {color:#8c8c8c;display:block;line-height:25px;font-weight:normal}
.index_news h3:hover {background:#397dce;
		
	}
.index_news h3:hover  a {color:#fff}
.index_news h3 .title {font-size:16px;text-indent:20px;padding-top:8px;text-align:left;width:350px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;color:#444}
.index_news p a{text-align:left;text-indent:20px;font-size:14px;line-height:20px;margin-top:0px;width:350px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

	.tm-section-color-2 { background: #397dcf; height:auto;}
	.uk-panel p{text-align:left}
	.am-slider-carousel li {margin-right:0px}
	#customer img{ cursor: pointer;}
	#customer img:hover{ transform: scale(1); z-index:999;}
	#customer .am-direction-nav,#index_new .am-direction-nav{display:none}
	#customer img {width:96%;padding-left:2%}
		.footer_nume {display:none}
.contact {font-size:14px;width:90%;margin-left:10px}
.contact h2 {padding-top:15px}
.contact h2 a {margin-left:15px}
.weixinshow {background:#fff;border:1px solid #ccc;padding:3px;width:140px;text-align:center;position:absolute;top:50px;right:70px;display:none}
.contact ul {padding-left:5px}
footer {height:auto;padding-bottom:20px;width:100%;overflow:hidden}
/*** 二级页面***/
.banner {width:100%;height:auto}
.banner img {width:100%}
.product_div1,.new_div {width:100%;overflow:hidden}
.p_categary {display:none}
.new_detail,.p_list {width:99%;}
.mobile-yz {padding:0px 0px}
.new_content {width:99%;}
.new_content img {width:100%;height:auto}
.p_categary h2 {color:#2c2d32;font-size:22px;font-weight:normal;letter-spacing:2px;text-indent:10px}

.new_detail h1{ text-align:center;font-size:18px;margin-bottom:0px;}

#suckertree1 li {margin:0px;padding:0px 0px 0px 5px;width:120px;list-style:none}
#suckertree1  h3 {width:120px;background:#fff;height:38px;border:1px solid #dfdfdf;
	-moz-box-shadow: 1px 1px 10px #888888; 
box-shadow: 1px 1px 10px #888888;line-height:38px;text-align:center;padding:0px;margin:0px;}
#suckertree1  h3 a {font-weight:normal;font-size:16px;color:#000}
#suckertree1  h3.hover a {color:#397dcf}
#suckertree1   ul.level1 {margin-left:-33px;width:175px;margin-top:5px}
#suckertree1   ul.level1 li h4 {text-align:center;height:35px;font-size:14px;font-weight:normal;text-align:center;padding:0px;margin:3px 0px 0px;}
#suckertree1   ul.level1 li h4 a {color:#666;display:block;height:35px;line-height:35px}
#suckertree1   ul.level1 li h4 a:hover {background:#73a4de;color:#fff}
#suckertree1   ul.level1 li ul.level2 {line-height:25px;text-align:center;margin-left:-30px}
#suckertree1   ul.level1 li ul.level2 a {font-size:12px;color:#bfbfbf;display:block;}
#suckertree1   ul.level1 li ul.level2 a:hover {background:#f1f1f1;color:#444}
#suckertree1 ul {display:none}
.pic_divs {width:98%;}
.pic_imgs {width:40%;height:auto;border:1px solid #ccc}
.pic_imgs  img {width:90%;height:auto}
.new_content p {padding:0px 0px 0px;letter-spacing:1px}
 /***newlist***/
 .new_list,.product_div1 {overflow:hidden;width:100%;margin:0px auto;}
.new_list ul li .view {margin-top:-50px;font-size:14px;display:none}

.new_div {width:95%;position:relative;background:#fff;margin:0px auto;top:0px;}
.news_categary {padding-top:50px;width:100%;margin:0px auto;position:relative;}
.news_categary h2 {color:#2c2d32;font-size:26px;font-weight:normal;letter-spacing:2px;text-indent:10px;width:150px}
.newall_cate  {color:#777;cursor:pointer;background:url(../image/n_icon.gif) no-repeat 64px 5px;height:14px;width:78px;font-size:14px;margin-top:10px}
.newall_cate:hover,.newall_catehover {background:url(../image/n_icon.gif) no-repeat 64px -15px;}
.n_categary {position:absolute;top:90px;width:78px;z-index:1000;left:125px;width:144px;background:#fff;height:148px;display:none;
	-moz-box-shadow: 1px 1px 10px #888888; 
box-shadow: 1px 1px 10px #888888;
}
.newsdate {margin-top:0px;height:32px;width:100px;border-radius:2px;border:1px solid #222;color:#777;}
.footer {height:auto;padding-bottom:20px;width:100%;overflow:hidden} 
.contact ul li {float:left;width:420px;color:#515151;font-size:14px;letter-spacing:0px;line-height:25px;list-style:none}
.product_div1 {overflow:hidden;width:100%;margin:0px auto;}
.p_list {width:99%;}
.p_list dl {float:right;width:100%;margin:0px }
.p_list dl dt a.a_img {width:98%;height:180px;border:1px solid #ccc;display:block}
.p_list dl dt img {height:180px}
.next_news .r {float:left}
.websize {display:none}
.mobilesize {display:block}

.brand-slides {list-style:none;margin:0px;padding:0px}
.brand-slides li {float:left;width:50%}
.brand-slides li a {color:#fff}
.brand-slides li img {float:left;width:99%;height:auto}
.customer {height:auto;background:#435569;color:#fff;overflow:hidden;padding:0px 0px 40px}



}

.case_img {width:100%;height:auto}

.uk-nav .nav2 {display:none;margin-left:15px;font-size:16px}
.uk-nav-offcanvas > li > span {font-size:22px;color:#ccc;float:right;margin-top:-30px;margin-right:50px}
.uk-nav .nav2 .nav3 {display:none;margin-left:15px;font-size:14px}
.uk-nav li > a  {width:100px}