@media(min-width:768px){
    .container{
        max-width: 1400px;
        width:100% !important;
    }
    .mycol-md-65{
        width:45% !important;
        float:right;
    }
    .eng-pagination{
        visibility: hidden;
    }
    .navbar-brand img{
        width:166px;
    }
    .navbar-default{
        min-height:85px;
    }
    .negaitive-margin-top{
        margin-top:-110px;
    }
    .keywords-searching ul li a{
        line-height: 55px;
        padding: 30px 30px 20px 30px;
    }

    .search-form{
        border-radius:30px;
        margin-top:28px;
        margin-right:30px;
        padding:6px 10px 6px 60px;
       float:right !important;
    }
    .ks-section{
        margin-top:-5px;
    }
}
.engs a{
    display: block;
    overflow: hidden;
}

.engs img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.engs img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
@media(max-width: 768px){
    body{
        width:1920px !important;
    }
    .engs .btns{
        visibility: hidden;
    }
    .navbar-toggle{
        margin-top:1rem;
    }
    .navbar-brand img{
        width:120px;
    }
    .navbar-default{
        min-height:65px;
    }
    .negaitive-margin-top {
        margin-top: -52px;
    }
    .keywords-searching ul li{
        width: 50%;
    }
    .keywords-searching ul li a{
        text-align: center;
        display: block;
        padding: 20px 10px 20px 10px;
        color:#333333;
    }
    .search-form{
        border-radius:30px;
        margin-top:36px;
        margin-right:30px;
        padding:6px 10px 6px 60px;
    }
}
.hyper-text{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #777777 !important;
    font-size:14px;
    display: block;
    padding: 8px;
    text-align: center;
    width: 123px;
    height: 36px;
    border: 1px solid #dcdcdc;
}
.transition{

}
/*.swiper-container img{*/
    /*width:100px;*/
    /*height:auto;*/
/*}*/
.content-title h2{
    margin-top:0;
}
.content-title p,.content-title a{
    font-size:14px;
}
.content-title-a:hover{
    background-color: #005fc2 !important;
    color:white !important;
}
.content-title a:hover{
    background-color: #005fc2 !important;
    color:white !important;
}
.content-title a{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color:#777777;
    display: block;
    padding:8px;
    text-align: center;
    width:123px;
    height:36px;
    border:1px solid #dcdcdc;
}
.navbar-default{

    /*height:80px !important;*/
    /*padding:10px 0;*/
    background-color: transparent;
    border-color: transparent;
}
.navbar-brand{
    padding:5px 0;
}

.navbar-brand img{

    height:auto;
}

.header .navs{

    margin:0 0 0 169px !important;
}
.navs-numbers{
    padding-top:15px;
}

.navbar-nav>li.ub>a:after{
    background-color: #005fc2;
}
.navbar-nav>li>a:hover:after{
    background-color: #005fc2;
}
.navbar-nav>li>a:after{
    transition:background-color .5s;
    content:" ";
    width:10px;
    height:3px;
    position: absolute;
    bottom:-9px;
    left:43%;
    background-color: transparent;
}
ul{
    padding-left: 0;
    list-style-type: none;
}
.navbar-nav>li>a{
    padding:10px 20px 30px 20px;
}
.tels{
    font-weight: 900;
    margin-right:-30px;
    line-height: 35px;
    color:#005fc2;
}
.navbar{
    margin-bottom:0;
}
/*header ends here*/

.carousels{
    /*margin-left:auto;*/
    /*margin-right:auto;*/
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.swiper-pagination-bullet-active{
    padding:8px;
}
.carousels-pagination{
    bottom: 121px !important;

}
.carousels ul li{
    height:auto !important;
}
.carousels img{
    max-width:1920px;
    width:100%;
    display: block;
    height:auto;
}
.carousel-numbers{
    margin-right:0;
}
.carousel-numbers li{
    float:left;
    margin-left:15px;
}
.carousel-numbers li:first-child span{
   margin-top:-5px;
   font-size:18px;
}
.carousel-numbers span{
    display: block;
    color:white;
    padding: 0 0 3px 0;
    border-bottom:1px solid white;
}
/*carousel ends here*/
.negaitive-margin-top{
   ;
    z-index:3;
    position: relative;
}

.keywords-searching ul{
    margin-bottom:0;
}
.keywords-searching ul li{
    float:left;
}

.keywords-searching ul li a{

    display: block;

    color:#333333;
}
a:hover{
    text-decoration:none;
}
.keywords-searching ul li a:hover{
    color:black;
}
.search-form{
    border:1px solid #333333;
}
.ks-section{
    background-color: #e8e9ec;
}
.search-form .input-text{
    font-size:12px;
    outline:none !important;
    background-color: transparent;
    border:0;
}
.search-form .btn{
    border:0;
    background-color: transparent;
}
/*search bar ends here*/
.eng-container{
    margin-top:100px;
}
.eng-container .content-title{
    margin-bottom:20px;
}
.engs{
   height:500px;
}
.engs img{
    width:100%;
    height:auto;
}
.engs h5{
    padding:15px;
    text-align: center;
}

.engs .btns{
    width:110%;
    position: absolute;
    top:65%;
    left:-70px;
    z-index:99;
}
.engs .btns span:hover{
    background-color: #005fc2;
    cursor:pointer;
}
.engs .btns span{
    background-color: darkgray;
    color:white;
    padding:14px 20px;
    border-radius:30px;
}
.engs .btns .eng-prev{
    position: absolute;
    left:-10px;
}
.engs .btns .eng-next{
    position: absolute;
    right:-10px;
}

.graybg{
    padding: 50px 0;
    background-color: #f5f5f5;
}
/*eng ends here*/
.gray-bacoground{
    margin-top:30px;
    padding-top:55px;
    padding-bottom:20px;
    background-color: #f5f5f5;
}

.product-container .product-categories{
    background-color: #0b66c5;
    padding-bottom:65px;
}
.product-container .products a{
    -webkit-transition:  all .3s;
    -moz-transition:  all .3s;
    -ms-transition:  all .3s;
    -o-transition:  all .3s;
    transition:  all .3s;
    display: block;
}
.product-container .products a:hover{

    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.product-title{
    color:white;
    padding-top:50px;
    padding-left: 53px;
    margin-bottom:85px;
}
.product-category{

    margin-left:-15px;
    margin-right:-15px;
}
.product-category-index li:first-child a{
    border-left:10px solid #fe7600;
    background-color: rgba(255,255,255,.3);
}
.product-category li a{
    display: block;
    padding: 15px 0 15px 85px;
    color:white;
    border-left:4px solid transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.product-category li a:hover{
    border-left:10px solid #fe7600;
    background-color: rgba(255,255,255,.3);
}
.sup-txt{
    color:#333333;
    font-size:18px;
    padding-top:20px;
    margin-bottom:10px;
}
.products img{
    width:100%;
    height:auto;
}
.products h5{
    font-size:16px;
    padding: 15px 0;
    text-align: center;
}
.background{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.index-about{
    background-image:url("../images/about.jpg");
    height:700px;
}
.index-about .content-title{
    margin-top:195px;
    margin-bottom:195px;
    color:white;
}
.company-info{
    max-width:1920px;

    width:1460px;
    height:400px;
    max-height:400px;
    margin-right:-150px;
}
.company-info .col-md-6{
    padding: 0 30px;
}
.company-info .info-one{
    padding:80px 120px 25px 80px;
    background-color: white;
}
.company-info .info-two{
    color:white;
    padding:70px 200px 85px 100px;
    background-image:url("../images/about.jpg");
}
.company-info .info-two h2{
    margin-top:0;
    margin-bottom:50px;
}
.company-info .info-two p{
    margin-bottom:55px;
}
.company-info .info-two a{
    color: white;
    font-size:12px;
    display: block;
    padding: 10px;
    text-align: center;
    width: 123px;
    height: 36px;
    border: 1px solid white;
    overflow: hidden;
    position: relative;
    z-index:2;
}

.company-info .info-two a span{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
    width:126px;
    height:36px;
    margin-left:-210px;
    margin-top:-10px;
    background-color: #105FBB;
    z-index:-1;
}
.company-info .info-two a:hover span{
    margin-left:-89px;
}

.company-info .info-one h3{
    margin-top:0;
    margin-bottom:35px;
    padding-bottom: 40px;
    border-bottom:1px dashed #aaaaaa;
    background-color: white;
}
.company-info .info-one p{
    font-size:12px;
    line-height: 25px;
}

/*ends here*/
.advantage-container .container{
    padding-top:300px;
}
.advantage-container{
    height:750px;
    background-image: url("../images/advantage1.jpg");
}
.advantage{
    padding-top:30px;
    background-color: white;
    margin-bottom:20px;
    height:186px;
}
.advantages h3{
    padding-left:20px;

    margin-top:0;
    margin-bottom:30px;
    border-left:10px solid #005fc2;
}
.advantage p{
    font-size:12px;
    color:#777777;
}
.ad-txt{
    padding: 10px 10px 20px 15px;
}

/*endss here*/
.news-center{
    padding-top:100px;
    padding-bottom:50px;
}
.news-center .content-title{
    margin-bottom:60px;
}
.news-category-links{
   padding-top:20px;
}
.news-category-links  li{
    float:left;
    margin-left:10px;
}

.main-news img{
    width:100%;
    height:auto;
    display: block;

}
.main-news a{
    margin-bottom:15px;
    overflow: hidden;
    display:block;
}
.main-news a img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.main-news a img:hover{
    transform:scale(1.1);
}
.main-news .main-news-date{
    width:10%;
    min-width:67px;
}
.main-news .main-news-content{
    width:85%;
}
.main-news .main-news-content h5{
    margin-top:15px;
    margin-bottom:20px;
}
.main-news .main-news-content p{
    font-size:12px;
    color:#333333;
}
.news-center .news-list li{
    margin-bottom:20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-center .news-list li:hover .news-date{
    background-color:#0099CC;
}
.news-center .news-date{
    width:15%;
    padding:10px;
    background-color:#005fc2;
    color:white;
    height:124px;
    text-align: center;
}
.news-content a{
    color:#333333;
}
.news-content a:hover{
    color:#666666;
}
.news-center .news-content{
    width:80%;
}
.news-center .news-content h5{
    margin-top:0;
    font-size:18px;
    color:#333333;
}
.clearfix{
    clear:both;
}
.news-center .news-content p{
    font-size:12px;
    color:#666666;
    line-height: 30px;
}
/*ends here*/
.footer{
    padding-top:80px;
    color:#666666;
    background-color: #2c2d2f;
}
.footer .row{
    margin-left:-30px;
    margin-right:-30px;
}
.footer h4{
    margin-bottom:35px;
}
.footer .nav-link{
    margin-bottom:45px;
}
 .nav-link li{
    display: inline-block;
}

.footer .page-link li a:after{
    content:" | ";
    margin-left: 15px;
}
.footer .page-link li:last-child a:after{
    color:transparent;
}
.footer .page-link li a{
    display: block;
    padding-right: 20px;
    color:#666666;
}

.footer .sell-number span.numbers{
    font-size:22px;
    color:#fe7600;
    font-weight:bold;
}
.footer .glyphicon-phone{
    margin-right:15px;
    font-size:18px;
}
.footer .sell-number{
    padding-bottom:10px;
    border-bottom:1px solid #666666;
    margin-bottom:10px;
}

.footer-info{
    padding: 10px;
    background-color: #262424;
}
.footer-info ul,.footer-info p{
    color: #9f9f9f;
    margin-bottom:0;
}

/*footer css ends here*/

/*about page css*/
.company-introduction{
    padding:155px 0 200px 0;
    background-image: url("../images/about22.jpg");
    height:675px;
    max-height: 675px;
    width:100%;
    max-width:1920px;
}
.company-introduction h2{
    margin-bottom:65px;
}
.company-introduction ul{
    padding-left:15px;
    list-style-type: circle;
}
.company-introduction ul p{
    font-size:14px;
}
.page-banner{
    width:100%;
    height:auto;
    max-width: 1920px;
    display: block;
}
.company-calturels{
    margin-top:50px;
    width:440px;
    height:90px;
}
.company-calturels div{
    float:left;
}
.company-calturels .cc-one,.company-calturels .cc-two{
    width:50%;
    height:inherit;
}
.company-calturels h5{
    margin-left:15px;
    margin-top:15px;
    color:white;
}
.company-calturels .cc-one{
    background-image: url("../images/c1.jpg");
}
.company-calturels .cc-two{
    background-image: url("../images/c2.jpg");
}

.about-container img{
    width:100%;
    height:auto;
}
.about-container{
    margin-top:130px;
    margin-bottom:50px;
}
.about-content-row{
    margin-left:0;
    margin-right:0;
}
.content-one{
    width:500px;
}
.content-one h3{
    margin-top:0;
    margin-bottom: 30px;
}
.content-one span.shor-line{
    display: block;
    width:25px;
    height:4px;
    margin-bottom: 30px;
    background-color:#999999;
}
.content-one p{
    line-height:22px;
    font-size:14px;
    color:#999999;
    margin-bottom:30px;
}
.content-two{
    margin-left:100px;
    width:437px;
}
.content-three{
    width:235px;
}
.content-three h3,.content-three p{
    text-align: right;
}

.content-three p{
    font-size:20px;
    color:#999999;
}
.content-three ul li{
    margin-bottom:75px;
}

.message-title{
    padding-top:25px;
    background-color: white;
    position: relative;
    margin-bottom:50px;
    z-index:99;
    margin-top:-35px;
    -webkit-box-shadow: 0 1px 5px #666666 ;
    -moz-box-shadow: 0 1px 5px #666666;
    box-shadow: 0 1px 5px #666666;
    height:70px;
}
.news-categories li{
    display: inline-block;
    margin-left:15px;
    margin-right:15px;
}
.news-categories li a{
    color:#333333;
}
.message-title span{
    margin-top:10px;
    border-style: solid;
    width:5px;
    height:7px;
    margin-right:20px;
    margin-left:20px;
    display: block;
    border-color:transparent transparent transparent #0964c3;
}
.message-title p{
    font-size:18px;
}
.message-title span,.message-title p{
    float:left;
}
.news-link{
    width:100%;
    height:203px;
    overflow: hidden;
}
.newspage-box .news-url{
    height:200px;
}
.paginations{
    margin:50px auto 35px auto;
    /*width:366px;*/
    text-align: center;
}
.paginations li{
    margin-left:10px;
    /*float:left;*/
    display: inline-block;
}
.paginations li:first-child{
    margin-left:0;
}
.paginations li a{
    color: black;
    padding: 15px;
    background-color: #d6d6d6;
}
.paginations li a.page-prev,.paginations li a.page-next{
    padding:15px 20px;
    color:white;
    background-color: #333333;
}
.product-page-css{
    margin-top:0;
    padding-bottom: 70px;
}

.produtpage-route{
    padding-top:27px;
    height:70px;
    background-color: #005fc2;
}
.produtpage-route *{
    color:white;
    font-size:12px;
}
.produtpage-route a:hover{
    color:white;
    text-decoration:underline;
}
.produtpage-route ul{

}
.produtpage-route ul li{
    position: relative;
    float:left;
    margin-right:25px;
}
.produtpage-route ul li:after{
    content:">>";
    position: absolute;
    right:-16px;
    bottom:0;
}
.produtpage-route ul li:first-child:after{
    color:transparent;
}
.produtpage-route ul li:first-child{
    margin-right:10px;
}
.produtpage-route ul li:last-child:after{
    color:transparent !important;
}

.product-content-excerpt{
    padding:70px 0;
    width:100%;
    max-width:1920px;
    height:565px;
    background-image: url("../images/productpage5.jpg");
}
.product-content-excerpt img{
    width:100%;
    height:auto;
    display: block;
}
.product-content-excerpt p{
    font-size:12px;
    color:#666666;
    line-height:30px;
}
.product-content-excerpt a{
    display: block;
    margin-top:50px;
    width:160px;
    height:45px;
    padding: 12px 50px;
    color:white;
    background-color:#005fc2;
    border-radius:10px;
}
.product-content-excerpt hr{
    background-color: #666666;
}

.product-info-tabs{
    border-bottom:1px solid #737373;
    height:55px;
    margin-bottom:30px;
}
.product-info-tabs ul{
    width:266px;
    margin: 0 auto;
}
.product-info-tabs ul li:first-child{
    margin-right:50px;
}
.product-info-tabs ul li{
    display: inline-block;
}
.product-info-tabs ul li span:hover{
    cursor:pointer;
}
.product-info-tabs ul li span{
    display: block;
    padding:15px 25px;
}
.product-info-tabs ul li.li-tabbed span{
    border-bottom:5px solid #005fc2;
}
.product-info-tabs ul li.clicked{
    border-bottom:5px solid #005fc2;
}
.product-details p{
    font-size:12px;
    color:#666666;
    margin-bottom:0;
    line-height: 25px;
}
/*product page css ends here*/



.engpage-container img{
    width:100%;
    height:auto;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.engpage-container a{
    overflow: hidden;
    display: block;
}
.engpage-container a img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.engpage-container h5{
    padding:10px 0;
    text-align: center;
}
.engpage-container{
    padding: 0;
}
.engpage-container .col-md-4{
    margin-bottom:10px;
}
.dlc-container ul.dlc-source{
    margin:0  -15px 50px ;
}
.dlc-container ul.dlc-source li p{
    display: inline-block;
}
.dlc-container ul.dlc-source li{
    background-position: 16px 13px;
    background-repeat: no-repeat;
    background-image: url("../images/pdf.jpg");
    padding:15px 15px 15px 50px;
}
.dlc-container ul.dlc-source li p{
    padding-left:15px;
}
.dlc-container ul.dlc-source li:nth-of-type(even){
    background-color: #f2f4f5;
}
.dlc-container ul.dlc-source li a{
    line-height: 35px;
    float:right;
    text-align: right;
}

.dlc-container .glyphicon-download-alt{
    padding-right:5px;
}


/*dlc page css */

.newscenterpage-container .newspage-content{
    padding:25px;
    background-color: white;
    margin-bottom: 20px;

}
.newspage-box{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;

}
.newspage-box a{
    display: block;
    overflow: hidden;
}
.newspage-box img{
    -webkit-transition: all 5s;
    -moz-transition: all 5s;
    -ms-transition: all 5s;
    -o-transition: all 5s;
    transition: all 5s;
}
.newspage-box:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.newspage-box:hover{
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.3);
    box-shadow: 0 0 10px rgba(0,0,0,.3);
}
.newscenterpage-container img{
    width:100%;
    height:auto;
    display: block;
}
.newscenterpage-container .newspage-content a{
    color:#666666;
}
.newscenterpage-container .newspage-content a{
    display: block;
    position: relative;
}
.newscenterpage-container .newspage-content .news-text{
    color:#666666;
    font-size:12px;
}
.newscenterpage-container .newspage-content a span:last-child{
    position: absolute;
    right:0;
    bottom:0;
}



/* news page csssssssss*/
.contactpage-row{
    background-color: white;
    height:610px;
}
.contact-info,.message-submit{
    padding-top:100px;
    padding-left:70px;
}
.contactpage-container .contact-info{
    width:40%;
}
.contactpage-container .message-submit{
    width:60%;
}
.contactpage-container .contact-title{
    margin-bottom:70px;
}
.contact-info{
    height:inherit;
    border-right:1px solid rgba(0,0,0,.3);
}
.contact-info p{
    line-height: 35px;
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    height:35px;
    padding-left:55px
}
.contact-info ul li{
    margin-bottom:25px;
}
.contact-info ul li:nth-child(1) p{
    background-position: -5px -3px;
}
.contact-info ul li:nth-child(2) p{
    background-position: -5px -58px;
}
.contact-info ul li:nth-child(3) p{
    background-position: -5px -114px;
}
.contact-info ul li:nth-child(4) p{
    background-position: -5px -170px;
}

.form{
    position: relative;
}
.form input[type=text],.form .submit-btn{
    outline:none;
    border:none;
}
.forms .form-name,.forms .form-tel{
    width:45%;
    display: inline-block;
}
.forms .form-name,.forms .form-tel,.forms .form-message{

    border-bottom:1px solid rgba(0,0,0,.2);
}
.forms .form-tel{
    margin-left:5%;
}
.forms span{
    color:red;
}
.messate-title{
    margin-bottom: 70px;
 }
.forms .form-message{
    margin-top:50px;
    width:95%;
}
.forms p{
    margin-bottom:25px;
}
.form .submit-btn{
    position: absolute;
    padding: 18px 25px 18px 25px;
    color: white;
    border-radius: 45px;
    font-size: 28px;
    right: 39px;
    bottom: -110px;
    background-color: #0f64bc;
}
.map{
    margin-top:60px;
}
.map img{
    width:100%;
    height:auto;
}
.product-img img,.product-img{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.product-img{
    overflow: hidden;
    background-color: white;

}
.product-img:hover{

    -webkit-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 1px 10px rgba(0,0,0,.3);
    box-shadow: 1px 1px 10px rgba(0,0,0,.3);
}
.product-img:hover img{
    transform:scale(1.1);
}
.product-category li.procate-selected a {
    border-left: 10px solid #fe7600;
    background-color: rgba(255,255,255,.3);
}

.search-results{
    text-align: center;
}
.search-results img{
    width:100%;
    height:auto;
}

.bg-gray{
    padding-top:50px;
}
.page-banner-container{
    overflow: hidden;
}
.page-banner-container img{
    animation-name:page-banner-container;
    animation-duration: 2.5s;
}

@keyframes  page-banner-container{
    from{transform:scale(1.3);}
    to{transform:scale(1);}
}

/*.content-one{*/
    /*color:transparent !important;*/
    /*background-color: transparent !important;*/
/*}*/
.content-one .shor-line{
    animation-name:shor-line-color-fadeIn;
    animation-duration: 2.5s;
}
.content-one p{
    animation-name:font-color-fadeIn;
    animation-duration: 2.5s;
}
.content-one h3{
    animation-name:h3-color-fadeIn;
    animation-duration: 2.5s;
}
.company-introduction{
    animation-name:bg-fadein;
    animation-duration: 4.5s;
    animation-timing-function: ease-out;
}
@keyframes bg-fadein {
    from{background-position:300px 300px;}
    to{background-position:center;}
}
@keyframes  h3-color-fadeIn{
    from{color:transparent}
    to{color: black;}
}
@keyframes  font-color-fadeIn{
    from{color:transparent}
    to{color: #999999;}
}
@keyframes  shor-line-color-fadeIn{
    from{background-color:transparent;}
    to{background-color:#999999;}
}