body{
    margin: 0;
    padding: 0;
}
html{
    margin: 0;
    padding: 0;
}

.span-style{
    color: #898C8C;
    font-family: "Microsoft YaHei", "����", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
    font-size: 11pt;

}


.span-logo-style{
    font-family: "Microsoft YaHei", "����", "Segoe UI", "Lucida Grande", Helvetica, Arial, sans-serif, FreeSans, Arimo;
    font-size: 11pt;
    margin-left: 10px;

}


.div-patent-box{
    margin-top: 20px;
}



.main-slider {
    position: relative;
}

.no-margin {
    margin: 0;
    padding: 0;
}



.main-slider .carousel .slide-margin{
    margin-top: 60px;
}

.main-slider .carousel h2 {
    color: #fff;
}

.main-slider .carousel .btn-slide {
    padding: 8px 20px;
    background: #c52d2f;
    color: #fff;
    border-radius: 4px;
    margin-top: 25px;
    display: inline-block;
}

.main-slider .carousel .slider-img{
    text-align: right;
    position: absolute;
}


.main-slider .carousel .item {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    left: 0 !important;
    opacity: 0;
    top: 0;
    position: absolute;
    width: 100%;
    display: block !important;
    height: 730px;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
}

.main-slider .carousel .item:first-child {
    top: auto;
    position: relative;
}
.main-slider .carousel .item ul{
    top: auto;
    position: relative;
}

.main-slider .carousel .item.active {
    opacity: 1;
    -webkit-transition: opacity ease-in-out 500ms;
    -moz-transition: opacity ease-in-out 500ms;
    -o-transition: opacity ease-in-out 500ms;
    transition: opacity ease-in-out 500ms;
    z-index: 1;
}

.main-slider .prev,
.main-slider .next {
    position: absolute;
    top: 50%;
    background-color: #FF5F01;
    color: #fff;
    display: inline-block;
    margin-top: -25px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    z-index: 5;
}

.main-slider .prev:hover,
.main-slider .next:hover {
    background-color: #000;
}

.main-slider .prev {
    left: 10px;
}

.main-slider .next {
    right: 10px;
}

.main-slider .carousel-indicators li {
    width: 20px;
    height: 20px;
    /*background-color: #B4B4B4;*/
    margin: 0 15px 0 0;
    position: relative;
}

.main-slider .carousel-indicators li:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #ececec;
    /*border: 1px solid #FFF;*/
    left: -10px;
    top: -3px;
}

.main-slider .carousel-indicators .active{
    width: 20px;
    height: 20px;
    /*background-color: #c52d2f;*/
    margin: 0 15px 0 0;
    /*border: 1px solid #c52d2f;*/
    position: relative;
}

.main-slider .carousel-indicators .active:after {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #f29845;
    /*border: 1px solid #F69C47;*/
    left: -10px;
    top: -3px;
}

.main-slider .active .animation.animated-item-1 {
    -webkit-animation: fadeInUp 300ms linear 300ms both;
    -moz-animation: fadeInUp 300ms linear 300ms both;
    -o-animation: fadeInUp 300ms linear 300ms both;
    -ms-animation: fadeInUp 300ms linear 300ms both;
    animation: fadeInUp 300ms linear 300ms both;
}

.main-slider .active .animation.animated-item-2 {
    -webkit-animation: fadeInUp 300ms linear 600ms both;
    -moz-animation: fadeInUp 300ms linear 600ms both;
    -o-animation: fadeInUp 300ms linear 600ms both;
    -ms-animation: fadeInUp 300ms linear 600ms both;
    animation: fadeInUp 300ms linear 600ms both;
}

.main-slider .active .animation.animated-item-3 {
    -webkit-animation: fadeInUp 300ms linear 900ms both;
    -moz-animation: fadeInUp 300ms linear 900ms both;
    -o-animation: fadeInUp 300ms linear 900ms both;
    -ms-animation: fadeInUp 300ms linear 900ms both;
    animation: fadeInUp 300ms linear 900ms both;
}

.main-slider .active .animation.animated-item-4 {
    -webkit-animation: fadeInUp 300ms linear 1200ms both;
    -moz-animation: fadeInUp 300ms linear 1200ms both;
    -o-animation: fadeInUp 300ms linear 1200ms both;
    -ms-animation: fadeInUp 300ms linear 1200ms both;
    animation: fadeInUp 300ms linear 1200ms both;
}


.current:before{
    border-color: transparent rgba(74, 191, 238, 1) transparent transparent;
    border-style: solid;
    border-width: 1.5em 1.5em 1.5em 0;
    content: ' ';
    -webkit-filter: drop-shadow(-.2em 0 .05em rgba(0,0,0,.1));
    height: 0;
   /* margin-right: -1px;*/
    margin-top: 25px;
    position: absolute;
    margin-left: -20px;
    width: 0;
}

.yellow:before{
    border-color: transparent rgba(250, 196, 60, 1) transparent transparent;
    border-style: solid;
    border-width: 1.5em 1.5em 1.5em 0;
    content: ' ';
    -webkit-filter: drop-shadow(-.2em 0 .05em rgba(250, 196, 60, 1));
    height: 0;
    /* margin-right: -1px;*/
    margin-top: 25px;
    position: absolute;
    margin-left: -20px;
    width: 0;
}

.green:before{
    border-color: transparent rgba(10, 124, 180, 1) transparent transparent;
    border-style: solid;
    border-width: 1.5em 1.5em 1.5em 0;
    content: ' ';
    -webkit-filter: drop-shadow(-.2em 0 .05em rgba(0,0,0,.1));
    height: 0;
    /* margin-right: -1px;*/
    margin-top: 25px;
    position: absolute;
    margin-left: -20px;
    width: 0;
}

.blue:before{
    border-color: transparent #21B04F transparent transparent;
    border-style: solid;
    border-width: 1.5em 1.5em 1.5em 0;
    content: ' ';
    -webkit-filter: drop-shadow(-.2em 0 .05em rgba(0,0,0,.1));
    height: 0;
    /* margin-right: -1px;*/
    margin-top: 25px;
    position: absolute;
    margin-left: -20px;
    width: 0;
}

.r-box{
    /*float: left;*/
    margin-right: 15px;
    margin-top: 20px;
}

.item{
    /*padding-left: 100px;*/
}

.div-show{
    float: left;
    width: 120px;
    height: 40px;
    background: #f29944;
    display: table-cell;
    line-height: 40px;
    border: 1px solid #f29944;
    color: white;
    letter-spacing: 1em;
    padding-left: 0.5em;
}

.div-hidden{
    float: left;
    width: 120px;
    height: 40px;
    background: #ffffff;
    display: table-cell;
    line-height: 40px;
    border: 1px solid #f29944;
    color:#f29944 ;
    letter-spacing: 1em;
    padding-left: 0.5em;
}

.ca-hide{
    display: none;
}

.ca-show{
    display: block;
}

.company-show{
    display: block;
}

.company-hide{
    display: none;
}

/*.infoimg{margin-left: 32px;}*/

.rTop{ width:100px; 
    height:25px; 
    text-align:center; 
    font-size:small; 
    line-height:25px; 
    border:1px solid #999; 
    position:fixed; 
    right:0; 
    bottom:0;
    border-bottom-color:#333; 
    border-right-color:#333; 
    margin:5px; 
    cursor:pointer; 
    display:none
}


td{
    width: 500px;
}


#leftMarquee li{
    /*width: 370px;*/
}





iframe{width: 100%;height: 300px;float: left;margin-top: -20px;}

.company_shows:hover .company-hide{
    display: block;
}

.company_shows:hover .company-show{
    display: none;
}