/**
 * @ seasys.css
 * @ Author: seasys.es
 * @ keep 'Author: seasys.es' for use
 */
/* common css */
@font-face {
    font-family: 'fjalla_oneregular';
    src: url('fjallaone-regular-2.woff2') format('woff2'),
         url('fjallaone-regular-2.woff') format('woff');
}
body{
    color:#000;  
    font-size:14px;  
}
a,a:hover{
    text-decoration: none;    
}
a:hover{
    color: #2788ED!important;    
}
ul,ol{
    list-style: none;
}  
.text-shadow{
    text-shadow: 2px 3px black;
}
.strong{
    font-weight: 600; 
}
.icon-size{
    color: #3289da;
    font-size: 22px;    
}

.ml-5{margin-left:3rem!important}
.ml-3{margin-left:2rem!important}
.ml-2{margin-left:.5rem!important}
.pl-3{padding-left:1rem!important}
.pl-4{padding-left:2rem!important}
.pl-5{padding-left:3rem!important}
.pt-2{padding-top:1rem!important}
.pt-5{padding-top:3rem!important}
.mr-2{margin-right:.5rem!important}
.mr-3{margin-right:1rem!important}
.mr-5{margin-right:4rem!important}
.mb-4{margin-bottom:2rem!important}

.pr-3{padding-left:-1rem!important}
.media-body{flex: 1;} 
.text-right{text-align: right;}  
.text-left{text-align: left;}  
.media-round{
    border: 1px solid #afafaf;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ff0000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

/* pagination */
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
/* pagination end*/
/* common css end */


/* header */
#se_header .top-bar{
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
#se_header .top-bar-1 span{    
    margin-right:1.5rem;
}

#se_header .top-bar-2 i{    
    color:#3289da;
    font-size: 22px;
}
#se_header .top-bar-2 i:hover{    
    color:#7590aa!important;
}
#se_header .top-right-b i{
    font-size: 16px!important;
    color:#3289da;
    cursor:pointer;
}

/* nav */
#se_header .navbar-se{
    z-index: 2;  
}

#se_header nav .nav-item{
    padding:0 14px;
    text-transform: uppercase;
}
#se_header nav .nav-item a{
    color:#000;
    font-size: 15px;    
}
#se_header .dropdown-item{
    padding: 0 10px;
    font-size: 13px!important;
    line-height: 40px;
    height: 40px;
}
#se_header .dropdown-item:hover{
    background: #0d6efd;
    color:#fff!important;
}

#se_header .navbar-se .top-right-b i{
    color:#000;
}
/* nav end*/
/*inbannerCarousel*/
#inbannerCarousel .carousel-caption{
    text-transform: uppercase;
    padding-top: 5.25rem;
    padding-bottom: 8.25rem;
    font-family: fjalla_oneregular,Arial,myanmar_font;
}
#inbannerCarousel .carousel-caption a{
    color: #ffffff;    
}

/* header end */

/* banner */
#se_banner .carousel-item{
    background: no-repeat center center;
    -webkit-background-size:cover;
    background-size:cover;
}
#se_banner .carousel-item img{
    width:100%;
}

/* banner效果切换时间 */
.carousel-fade .carousel-item {
    transition-duration: 3s;
}
/* banner end */

/*index common*/
.home-title{
    font-size: 2.5rem;
    color: #2c2c2c;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}
/*index common*/

/* WHAT WE OFFER*/
#se_history{
    padding-bottom: 4rem;
}
#se_history .who-left{
    line-height: 2.0;
}
#se_history .who-left h5{
    font-family: fjalla_oneregular,Arial,myanmar_font;
}
#se_history .who-left img{
    width:60px;
    padding-top:15px;
}
#se_history .who-left .media-round:hover{
    background: #000;
    cursor: pointer;
}
#se_history .who-right{
    line-height: 2.0;
}
#se_history .who-right h5{
    font-family: fjalla_oneregular,Arial,myanmar_font;
}
#se_history .who-right img{
    width:60px;
    padding-top:15px;
}
#se_history .who-right .media-round:hover{
    background: #000;
    cursor: pointer;
}
/* WHAT WE OFFER end */

/* FAQ News*/
#se_faq .card{
    border:none;
}

#se_faq .card-header{
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: none;
}
#se_faq .card-header .btn{
    background-color: #f8f8f8;
}
#se_faq .card-body{
    padding: 0rem 2rem;
}
#se_faq .card-body p{
    margin-bottom: 2px;
} 
/* FAQ end*/

/* why choose us */
#se_choose{
    background:#49247A;    
}
#se_choose .img-thumbnail{
    background-color: #49247a;
    border:none;
}
#se_choose .smallh4{
    font-size: 1.2rem;
}

/* why choose us end */

/* link */
#se_link{
    padding: 10px 0px;
    color: #000;
}
#se_link a{
    color: #000;
}
/* link end */

/* bigfoot */
#se_bigfoot{
    padding:3rem 0px;
    background-color: #1f1f1f;
}
#se_bigfoot .list-bottom .nav-link{
    padding: 0.1rem 1rem .5rem 0;
}
#se_bigfoot .list-bottom .flex-column{
    margin-top:  1rem;
} 
/* bigfoot */

/* footer end */
#se_footer,#se_footer a{
    color: #ffffff;
    background-color: #32353d;
}

/* footer end */

/* back to top */
.top_e{
    position: fixed;
    right: 1px;
    bottom: 40px;
    cursor: pointer;
    display: none;
    font-size: 35px;
}

.top_e:hover .top_e p i{
    color:white;
    background:#1296DB;
}

/* breadcrumbs page*/
.breadcrumbs h1{
    margin-top: .5rem;
}
.breadcrumbs ol{
    margin-top: 1.5rem;
}
/* new details */
#news_detail .fubiao{
    font-size: 0.2rem;
}

/* product sort*/
#se_product .row-1{
    position: relative;
}
#se_product .row-1 .sort-title{
    position: absolute;
    width:95%;
    top: 10%;
}
#se_product .row-1 .sort-title h5{
    font-size: 2rem;
}
#se_product .row-1 .sort-title p{
    font-size: 1rem;
}

#se_product .row-2 .col-md-6{
    position: relative;
}
#se_product .row-2 .sort-title{
    position: absolute;
    width:95%;
    top: 10%;
}
#se_product .row-2 .sort-title h5{
    font-size: 1.2rem;
}
#se_product .row-2 .sort-title p{
    font-size: 0.5rem;
}
/* product sort end */

/*home CERTIFICATES*/
#se_cert{
    padding-bottom: 4rem;
}
#se_cert h5{
    font-size: 40px;
    letter-spacing: 1px;
}
#se_cert .carousel-item img{
    padding-top: 1rem;
}
/*home CERTIFICATES end*/

/*SUCCESSFUL STORIES*/
#se_story h5{
    font-size: 40px;
    letter-spacing: 1px;
    padding:3rem 0 1rem 0;
}
#se_story .carousel-caption{
     right: 5%; 
     left: 5%; 
     top: 0px;
}
/*SUCCESSFUL STORIES end*/

/*inquiry */
#se_inquiry{
    padding-top:5rem;
}
#se_inquiry .emailTel{
    position: relative;
    font-size:16px;
}
#se_inquiry .emailTel span{
    position: absolute;
    left: 43px;
}
#se_inquiry .emailTel i{
    line-height:43px;
    height:43px;
    font-size:25px;
}
.bgwhite{
     background: #f8f8f8;
     padding-top: 2rem!important;
}
/*inquiry end*/

/*list_product*/
#list_product .list-left .top{
   box-shadow: 4px 3px 6px #d6caca;
}
#list_product .list-left .top h6{
    margin-bottom: 0px;
    font-size: 1.2rem;
    padding: 0.2rem 0;
}
#list_product .top a{
    color: #6b6b6b;
    font-size: .5rem;
    display: block;
}
#list_product .list-left .active a{
    color: #fff;
}
#list_product .list-left input,.list-left textarea{
    background: #f2f2f2;
    border: 1px solid #f0f0f0;
}
#list_product a h6:hover{
    color: #0881ed!important;
}

/*left -top*/
#list_product .left-top{
    box-shadow: 4px 3px 6px #d6caca;
    display: flex;
    flex-direction: column;    
    margin-bottom: 0;
    border-radius: .25rem;
    border: 1px solid #dedede;  
}
#list_product .left-top h6{
    padding: 0.7rem 1rem;  
    font-size: 1.2rem;
    border-bottom: 1px solid rgba(0,0,0,.125);      
}

#list_product .navbar-nav .nav-item{
    padding: 0rem 1rem; 
}
/*list_product*/

/*detail*/



/*中小屏幕*/
@media screen and (min-width:900px) { 
    #se_banner .carousel-item{
        /*height:530px;*/
        /*height:530px;*/
    }
    #se_banner .inBanner{
        /*height:350px;*/
        height:350px;
    }
    #se_story .carousel-item .bg-img{
        height: 300px;
    }

}

@media (min-width: 1026px){

}