html {
        font-size: 62.5%;
      }
body {
        font-size: 1.4em;
        background-color: #FFFFFF;
      }

pre {color:#333; background-color: rgba(0,0,0,0); padding:0; height:auto; overflow:hidden; font-size:.8em; line-height: 1.5em;
  white-space: pre-wrap;
word-wrap: break-word; border:none;
word-break: normal;
}

hr{border-top: .1em solid rgba(136, 136, 136, 0.3);}
.application_field .section-title{color: #2bb200}
.application_field .row .col-md-3 h1{color: #ffffff;}
.application_field .row .col-md-3 p{color: #ddd}
.linegreen{ height: 1em; width: 100%;margin-bottom: 2em;}
.application_field .row .col-md-3 a.zoomimg{width: 100%;min-height: 8em;border-radius: .8em;}
.zoomimg{display: block; overflow: hidden;}
.zoomimg img{  
                cursor: pointer;  
                transition: all 0.6s; 
            }  
.zoomimg img:hover{  
                cursor: pointer; 
                transform: scale(1.4);  
            }  
.application_field .btn{border-radius: .4em; margin-top: 1em;}
.navbar-default{
  margin-bottom: 0;
border-bottom: 1px solid #e6ebed;
background-color: #fff;
width: 100%
}
.navbar-default:hover{background-color: rgba(255, 255, 255,1);
}
.navbar-default .navbar-nav > li > a{
    color: #000;
}
.sy-slide{
    background-size: auto 100%;
    background-position: center;
    width: 100%;
    height: 500px;
}
.threed{
color: #fafafa;
letter-spacing: 0;
text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135 }
.sy-slide .caption-wraper {
        position: absolute;
        left: 20%;
        top: 30%;
        color: #fff;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 0 30px rgba(0, 0, 0, .075);
  }
.sy-slide .caption-wraper .caption {
        padding: 0.2em 0;
        font-size: 4em;
        font-weight: bolder;
    }
.sy-slide .caption-wraper .description,.sy-slide .caption-wraper p {
        padding: 0.2em 0;
        
        font-size: 1.4em;
    }
.section .container{
  padding-top: 3rem;
}
@media (max-width: 767px) {
  .section .container {
    padding-top: 1rem;
}
  .sy-slide,.sy-slide > a{height: 200px;}

  .sy-slide .caption-wraper .caption {
        padding: 0.1em 0;
        font-size: 2em;
        font-weight: bolder;
    }
  }
.sy-slide .caption-wraper .description,.sy-slide .caption-wraper p {
        padding: 0.1em 0;
        
        font-size: 1.8em;
    }

}
#home-slider > li:nth-child(1).sy-active > div > div.caption,#home-slider > li:nth-child(4).sy-active > div > div.caption{
        animation:bounceInDown 2s;
        animation-fill-mode : forwards;
        -webkit-animation:bounceInDown 2s; 
    }
#home-slider > li:nth-child(1).sy-active > div > div.description,#home-slider > li:nth-child(1).sy-active > div > p,#home-slider > li:nth-child(4).sy-active > div > div.description,#home-slider > li:nth-child(4).sy-active > div > p{
        animation:bounceInUp 2s;
        animation-fill-mode : forwards;
        -webkit-animation:bounceInUp 2s; 
    }
#home-slider > li:nth-child(2).sy-active > div > div.caption,#home-slider > li:nth-child(5).sy-active > div > div.caption{
        animation:bounceInLeft 2s;
        animation-fill-mode : forwards;
        -webkit-animation:bounceInLeft 2s; 
    }
#home-slider > li:nth-child(2).sy-active > div > div.description,#home-slider > li:nth-child(5).sy-active > div > div.description{
        animation:bounceInRight 2s;
        animation-fill-mode : forwards;
        -webkit-animation:bounceInRight 2s; 
    }
#home-slider > li:nth-child(3).sy-active > div > div.caption,#home-slider > li:nth-child(6).sy-active > div > div.caption{
        animation:zoomInLeft 2s;
        animation-iteration-count:1;
        -webkit-animation:zoomInLeft 2s; 
    }
#home-slider > li:nth-child(3).sy-active > div > div.description,#home-slider > li:nth-child(6).sy-active > div > div.description{
        animation:zoomInRight 2s;
        animation-fill-mode : forwards;
        -webkit-animation:zoomInRight 2s; 
    }
#home-slider > li:nth-child(1) >.caption-wraper{
    left: 10%;
}
#home-slider > li:nth-child(2) >.caption-wraper{
    left: 50%;
}
#home-slider > li:nth-child(3) >.caption-wraper{
    left: 10%;
}
#home-slider > li:nth-child(4) >.caption-wraper{
    left: 50%;
}
#home-slider > li:nth-child(5) >.caption-wraper{
    left: 10%;
}

#home-slider > li:nth-child(6) >.caption-wraper{
    left: 10%;
}

.fp-controlArrow.fp-prev:hover,.fp-controlArrow.fp-next:hover {
  opacity: 0.8;
}
.fp-controlArrow.fp-prev {
  content: "";
  background-image: url(../image/arrows.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  left: 5%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 0;
  opacity: 0.4;
  outline: none;
}
.fp-controlArrow.fp-next{
	content: "";
  background-image: url(../image/arrows.png);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  text-align: center;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #fff;
  width: 2.8em;
  height: 2.8em;
  right: 5%;
  top: 50%;
  margin-top: -1.4em;
  margin-left: -1.4em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border-width: 0;
  opacity: 0.4;
  outline: none;
  background-position: 105% 0;
}
 
    .fp-tooltip{
        color: #AAA;
    }
    #fullPage-nav span, .fp-slidesNav span{
        border-color: #AAA;
    }
    #fullPage-nav li .active span, .fp-slidesNav .active span{
        background: #AAA;
    }
    .tc-gridbox {
        margin: 0;
        min-height: 210px;
    }

    @media (max-width: 767px) {
        .caption-wraper {
            left: 0;
            bottom: 0.4em;
        }

        .caption-wraper .caption {
            left: 0;
            padding: 0.2em 0.4em;
            font-size: 0.92em;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border-radius: 0;
        }

        .tc-gridbox .header h3 a{
          
        display: block;
        width: 100%;
        text-overflow: clip;
      }
    }
.tc-gridbox .header h3 a{ font-size: 1em; }
@media(max-width: 767px){
  .tc-gridbox .header h3 a{ font-size: .8em; }
}

.bt_index{ margin-bottom:1em; position:relative;}

.about h1,.bt_index h1{ height:2em; line-height:2em; margin-bottom:.2em; font-size:1.2em;margin-top: 0;
-webkit-transform: translate3d(em,-10em, 0);
-moz-transition: translate3d(em, -10em, 0);
-o-transition: translate3d(em, -10em, 0);
transition: translate3d(em, -10em, 0);}
.bt_index p{height:1em; line-height:1em; margin-bottom:.5em; font-size: .8em;
-webkit-transform: translate3d(em,30em, 0);
-moz-transition: translate3d(em, 30em, 0);
-o-transition: translate3d(em, 30em, 0);
transition: translate3d(em, 30em, 0);}
.about p{font-size: .8em}

.bt_index .line{ height:1px; width:10em; background:#dddddd; position:absolute;top:1.5em;}

.bt_index .line-1{  left:30%;}
.bt_index .line-2{  right:30%;}
@media(max-width: 767px){
.bt_index .line{ height:1px; width:6em; }
.bt_index .line-1{  left:10%;}
.bt_index .line-2{  right:10%;}
.features .container .row .col-sm-12{
  display: block;
  padding: 0 30px;
}
.features .container .row .col-sm-12 h2.font-large,.features .container .row .col-sm-12 p{
  text-align: left; 
}

.features .container .row .col-sm-12 p{
  padding-bottom: 20px;
  border-bottom: 1px solid #f8f8f8;}
}
.section.active .bt_index>*{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);}

.section.active .bt_index h1,.section.active .bt_index p{
transition-delay:400ms;
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms; }
.section.active .bt_index .more,.section.active .bt_index .ico{
transition-delay:600ms;
-o-transition-delay:600ms;
-moz-transition-delay:600ms;
-webkit-transition-delay:600ms; }
.section.active .bt_index .line{ width:5em;
transition-delay:500ms;
-o-transition-delay:500ms;
-moz-transition-delay:500ms;
-webkit-transition-delay:500ms; }


.case-box{position: relative; display: block; height:14em; overflow: hidden; background-size:cover;}

.case-box .case-text b {display:block; width:100%; height:14em; position:absolute; left:0; top:11em; background:rgba(0,0,0,0.6);}

.case-box .case-text {width:100%; height:14em; padding-top:11em; position:absolute; left:0; top:0;}
.case-box .case-text span {position:relative; z-index:500;}
.case-box .case-text h1{font-size:1em; color:#ffffff; line-height:3em; text-align:center; margin:0; padding:0;}
@media(max-width: 767px){
  .case-box .case-text h1{font-size:1em; color:#ffffff; line-height:3em;min-height: 3em;margin:0 0 1em 0; padding:0; text-align: center; vertical-align: middle;}
}
.case-box pre{color:#fff; background-color: rgba(0,0,0,0); padding:1em; height:auto; overflow:hidden; font-size:.8em; line-height: 1.5em;
  white-space: pre-wrap;
word-wrap: break-word;}
h2{font-size: 1.5em;}
p.article-info {color: #DDD; font-size: .8em; padding: 1em;}
.ablout a {color: #eee}


.txt-en{ font-family: "Times New Roman", Times, serif; font-weight:normal;}
.txt-l{ text-align:left;}
.txt-c{ text-align:center;}
.txt-r{ text-align:right;}
.txt-green{ color:#60c10a;}
.txt-red{ color:#e32530;}
.txt-orange{ color:#ff6600;}
a.txt-green{ color:#60c10a;}
a.txt-green:hover{ color:#9ee65f;}
.btn_green{ background:#60c10a; color:#fff;}
.btn_green:hover{ background:#4ea600; color:#fff;}
.btn_orange{ background:#ff8a00; color:#fff;}
.btn_orange:hover{ background:#df7900; color:#fff;}
.btn_black{ background:#333; color:#888;}
.btn_black:hover{ background:#111; color:#fff;}





.ease-1 {
    transition: all 0.1s ease 0s;
}
.ease-3 {
    transition: all 0.3s ease 0s;
}
.service{margin-top: 2em;}
.service .inner{ height:100%; width:100%; position:absolute; left:0; right:0; top:0; bottom:0;}
.canvas_bg{ width:100%; height:auto;}
.service .kwicks{ height:100%; width:100%;}
.service li{ height:100%; }
.service .item{ display:block; width:100%; height:100%;overflow:hidden; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center;
-webkit-transition-timing-function:cubic-bezier(.6,.08,.29,.98);
-moz-transition-timing-function:cubic-bezier(.6,.08,.29,.98);
-o-transition-timing-function:cubic-bezier(.6,.08,.29,.98);
transition-timing-function:cubic-bezier(.6,.08,.29,.98);
-webkit-transform: translate3d(em, 50%, 0);
-moz-transition: translate3d(em, 50%, 0);
-o-transition: translate3d(em, 50%, 0);
transition: translate3d(em, 50%, 0);
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;}
.service li:nth-child(1) .item{ background-color:#71c428; background-image:url(../image/service_bg_01.jpg); }
.service li:nth-child(2) .item{background-color:#9d2bd1; background-image:url(../image/service_bg_02.jpg);
transition-delay:200ms; 
-o-transition-delay:200ms;
-moz-transition-delay:200ms;
-webkit-transition-delay:200ms; }
.service li:nth-child(3) .item{ background-color:#d35828; background-image:url(../image/service_bg_03.jpg); 
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.service li:nth-child(4) .item{ background-color:#2882ce ; background-image:url(../image/service_bg_04.jpg);
transition-delay:400ms; 
-o-transition-delay:400ms;
-moz-transition-delay:400ms;
-webkit-transition-delay:400ms;}
.service .item .wrapper{ padding-top:10em;}
.service .item .circle{ display:block; width:2em; height:2em; border:.1em #fff solid; color:#fff; font-size:4em; line-height:1.8em; position:absolute; left:50%; margin-left:-1em; top:25%; margin-top:-1em;
-webkit-border-radius:50%;
-moz-border-radius: 50%;
border-radius: 50%;
behavior: url(404.png); z-index:2;}

.service .item .circle .txt{ display:block; overflow:hidden;}
.service .item .circle .icon{ display:none; overflow:hidden;}
.service .item .title,.service .item .desc{ position:absolute;  right:0; left:0;text-align:center; color:#fff; padding:0 1em; font-weight:normal; }
.service .item .title{top:25%; margin-top:5em;font-size:1.8em;}
.service .item .desc{top:25%; margin-top:15em;font-size:1em; line-height:2.6em;}
.service .item .line{ position:absolute; right:40%; left:40%; top:25%; margin-top:12em; height:1px; width:auto; background:#fff;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5; 
opacity:0.5;}
.service .item .title_2,.service .item .desc_2{position:absolute; top:35%; right:5%; left:5%; bottom:auto; color:#fff;
filter: alpha(opacity=0);
-khtml-opacity: 0;     
-moz-opacity: 0; 
opacity:0;
-webkit-transform: translate3d(-10em, 0, 0);
-moz-transition: translate3d(-10em, 0, 0);
-o-transition: translate3d(-10em, 0, 0);
transition: translate3d(-10em, 0, 0);}
.service .item .title_2{margin-top:-2em; font-size:24px;}
.service .item .desc_2{margin-top:2em; font-size:14px; line-height:26px;}
.service .item .service_case{position:absolute;top:100%; bottom:-30em; left:0; right:0; width:100%; background:url(../image/alpha_white80.png) repeat;}
.service .item .service_case ul{ height:100%; padding:0 1em;}
.service .item .service_case li{ float:left; display:inline; width:33.3%; height:50%;}
.service .item .service_case .service_case_item{ width:90%; height:90%; margin:2em auto; background-color:#fff; background-size:cover; background-position:top center;}
.service .item .btns{ position:absolute; top:100%; bottom:-30em; left:0; right:0; width:100%; height:5em; line-height:5em; text-align:center;}
.service .item .btns .btn{ padding:1em 3em; margin:0 1em; color:#fff; font-size:1.8em; border-width:em; border-bottom-width:1px; border-style:solid; cursor:pointer;
-webkit-border-radius:5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(404.png); z-index:2;}
.service li:nth-child(1) .btns .btn{ background:#71c428; border-color:#53a00f;}
.service li:nth-child(2) .btns .btn{ background:#9d2bd1; border-color:#7e0db2;}
.service li:nth-child(3) .btns .btn{ background:#e85319; border-color:#a5360a;}
.service li:nth-child(4) .btns .btn{ background:#2882ce; border-color:#0c60a6;}
.service .item .btns .btn:hover{
filter: alpha(opacity=80);
-khtml-opacity: 0.8;     
-moz-opacity: 0.8;
opacity: 0.8;}
.service.active .item{
filter: alpha(opacity=100);
-khtml-opacity: 1;     
-moz-opacity: 1;
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-moz-transition: translate3d(0, 0, 0);
-o-transition: translate3d(0, 0, 0);
transition: translate3d(0, 0, 0);} 
.service .kwicks-collapsed{
filter: alpha(opacity=50);
-khtml-opacity: 0.5;     
-moz-opacity: 0.5;
opacity: 0.5;}
@media(max-width: 767px){
  .service{margin-top: 10px;}
}
.section{clear: both;}
.features .col-md-4:hover{
-webkit-transform: translate3d(em,1em, 0);
-moz-transition: translate3d(em, 1em, 0);
-o-transition: translate3d(em, 1em, 0);
transition: translate3d(em, 1em, 0);
transition-delay:300ms; 
-o-transition-delay:300ms;
-moz-transition-delay:300ms;
-webkit-transition-delay:300ms;}
.sy-box{position: relative;}
.sy-pager{position: absolute; bottom: 20px;z-index: 10;}
.app-item{ margin:0;padding: 0 5px;}

.app-item a{display: block;height:auto;width: 100%; text-align:left; position: relative; overflow: hidden;}
.app-item a img{width: 100%;height: auto;transition: all 0.8s ease-in-out 0s;}
.app-item a:hover img{transform: scale(1.1);}
.app-item a h2{position: absolute;top: 40%}
.show_word1{
  width:100%;
  position:absolute;
  top:42%;
  left:8%;
  font-weight:bolder;
  font:18px/20px "微软雅黑";
  color:rgba(62,58,57,0.9);
  }

.show_word2{
  width:100%;
  position:absolute;
  top:42%;
  left:8%;
  margin-top:25px;
  font-size:14px;
  font-weight:lighter;
  color:rgba(62,58,57,0.9);
}
.link-list{padding: 0 2.8em;}

.btn-outline-success {
    color: #28a745;
    background-color: transparent;
    background-image: none;
    border-color: #28a745
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745
}

.btn-outline-success.focus, .btn-outline-success:focus {
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}

.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #28a745;
    background-color: transparent
}

.btn-outline-success:not([disabled]):not(.disabled).active, .btn-outline-success:not([disabled]):not(.disabled):active,
.show > .btn-outline-success.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .5)
}



.last_news > .row .col-sm-6,.last_news > .row .col-xs-6{padding-left: .4em; padding-right: .4em;}
@media(max-width: 726px;){
  .last_news > .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.last_news > .row > .col-sm-6 .tc-gridbox .header h3,.last_news > .row > .col-xs-6 .tc-gridbox .header h3{
    min-height: 54px;
}
.last_news > .row > .col-sm-6,.last_news > .row > .col-xs-6 {
    display: flex;
    flex-direction: column;
}
}