@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.font.im/css?family=PT+Sans+Narrow'); */

@font-face {

    font-family: 'Calibri';
    src: url(../fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
    font-weight:normal;
    font-style:normal;

}
BODY
{
	background: #FFFFFF;
	margin: 0px;
    font-family: "Calibri","Helvetica","Arial",sans-serif !important;
	font-size: 14px;
	color:#333333;
}

ul{ margin:0; padding:0;}
A
{
	text-decoration: none;
	color: #333;
}
a, a:after, a:before {
    transition-duration: .2s;
    transition-timing-function: linear;
}
A:hover {
    color: #0073de;
	text-decoration:none;
}

IMG
{
	border: none;
}
header{
    display: table;
    width: 100%;
}
.nav-haed-top{
    background: #0073de;
    position: relative;
}
.dropdown-menu
{
    position: absolute;
    z-index: 100;
    width: 100%;
    display: none;
    left: 0;
    background: #6cadee;
    background: linear-gradient(#cbddef,#6cadee,#3889d1);
    background-size: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    min-height: 150px;
}
.dropdown-menud li{
    list-style: none;
    line-height: 33px;
}
.dropdown-menud li a:hover{
    color: #337ab7;
}
.dropdown-menud li a{
    color: #FFFFFF;
}
.navbar-brand {
    height: auto;
    padding: 15px 0;

}

.top-tel-fkd {
    display: table;
    float: left;
    width: 100%;
}
.top-right-contact-us {
    position: relative;
    float: right;
    display: flex;
    padding: 15px;
    color: #FFFFFF;

}
.loi-top li{
    float: left;
    margin-left: 25px;
    color: #000000;
    list-style: none;
    font-weight: bold;

    font-size: 18px;
}
.langs-tel span{
    float: left;
    margin-left: 25px;
    color: #000000;
    list-style: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin-right: 5px;
}
.loi-top {
    margin-top: 35px;
}
.tel-li-fax {
    padding: 0 15px;
    position: relative;
}
.olsd:after {
	content: '';
    right: 0;
    width: 1px;
    height: 40px;
    top: -9px;
    background: white;
    z-index: 0;
    position: absolute;

}
.mNav
{
    display: none;
}
.liotop-top-m {
    display: grid;
    grid: repeat(4, 1fr)/repeat(6, 1fr);
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    height: 50px;
    width: 70px;
    left: -21px;
    background: #4275a0;
}
.oppl span{
    margin-right: 5px;
}
.oppl {
    font-size: 14px;
    font-weight: bold;
}
.mun-top {
    display: table;
    float: left;
    width: 100%;

}
.nav>li {
    position: inherit;
}
.right-nav-p {
    float: left;
}
.right-nav-p li.dropdown:hover .dropdown-menu{
    display:block;
}
.right-search-l {
    float: right;
    margin-top: 13px;
    margin-left: 15px;
}
.from-input {
    position: relative;
}
.ap{
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 18px;
    background: #f0f8ffcc;
    width: 32px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 29px;
}
.from-input .sub{
    position: absolute;
    top: -2px;
    right: 0;
    opacity: 0;
    height: 30px;
    z-index: 1;
    width: 35px;
}
.from-input .w5{
    border: 0;
    border-radius: 30px;
    height: 30px;
    padding: 5px;
    width: 155px;
    margin-top: -2px;
    outline: none;
    background: #ffffff9c;
}
.from-input .w5::placeholder{
    color: #333333;
}
.navbar-nav>li>a {
    font-size: 16px;

    padding: 15px 12px;

    color: #FFFFFF;
    border-left: 2px solid #FFFFFF;
    text-transform: uppercase;
}

.nav>li>a:hover{
	background-color:#337ab7;

}
.lojs {
    margin-right: 15px;
    width: auto;
    animation: rotate 3s linear infinite;
}
@keyframes rotate{
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}
.position-relative {
    position: relative;
}
.fill {
    height: 570px;
}

.about-hai {
    padding-top: 65px;
    padding-bottom: 45px;
}
.about-h-title {
	position:relative;
}
.about-h-title h3 {
    font-size: 45px;
    font-weight: bold;
}
.about-h-title .title-about-1{
    color: #204289;
}
.title-about-2
 {
    color: #e1e1e1;
    position: absolute;
    top: -43px;
    left: 42px;
    z-index: -1;
 
 }
 .cont-lo p{
     line-height: 17px;
     font-size: 15px;
 }
 .about-right-img {
 	width:100%;
 }
 .pt-icon-left{
    display: flex;
    justify-content: space-between;
    width: 85%;
    margin-bottom: 25px;
	margin-left: -22px;
 }
 .icon-item {
    display: flex;
    flex-direction: column;
}
.icon-item .iconfont {

    font-size: 35px;
    text-align: center;
}
.icon-item span:nth-child(2) {
    text-align: center;
    font-size: 14px;
    color: #068cf7;
}
.about-right-img img{
	max-width:100%;
}

.more-pt-right {
    width: 35%;
    float: left;

}

.more-pt-right span {
    display: inline-block;
    width: 100%;
    background-color: rgb(229 0 18);
    height: 40px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
}

.size-selection {
    background-image: url(../images/search-bj.png);
    padding: 20px 0;
    background-size: 100%;
}
.size-title {
	text-align:center;
}
.size-title h3{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 36px;
}
.intr-d-search {
    display: flex;
  /*  padding: 5px; */
    background: white;
    border-radius: 35px 55px 0px 35px;
    line-height: 65px;
	    margin-top: 15px;
    margin-bottom: 15px;
}
.search-se-list {
    margin-top: 35px;
    display: flow-root;
}
.search-d-search {
	height: 40px;
    padding: 5px;
    width: 80px;
    border: 1px solid #4276a1;
    border-radius: 10px;
    margin-top: 12px;
}
.intr-d-search font {
	margin-right: 5px;
    margin-left: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #4276a1;
}
.intd-it-title {
    margin-top: 20px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}
.sele-a-sm {
text-align: center;
    margin-top: 35px;
}
.sele-a-sm a {
    padding: 15px 68px;
    border: 3px solid #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF;
	display: -webkit-inline-box;
}
.sele-a-sm a:hover{
    color: #b3a499;
}
.our-products {
    padding: 30px 0;
    padding-top: 0;
    background-image: url(../images/cpjj.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;

}
.vide-app{
    padding: 30px 0;
    background-image: url(../images/spbeij.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
    background-size: cover;
}
.fkd-title-bs {
    text-align: center;
    color: #e1e1e1;
    font-size: 33px;
    font-weight: 900;
    font-style: italic;
}
.img-li-pro {
    text-align: center;
    width: 100%;
 
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 310px;
}
.pro-title-a {
	text-align: center;
    padding: 10px;
    background: #0073de;
    margin-left: 5px;
    margin-right: 5px;
    color: #FFFFFF;

}

.fkd-pro-list {
    display: flow-root;
    margin-top: 25px;
}

.agr-being {
    margin-top: 15px;
    margin-bottom: 15px;
}
.vide-app video{

    width: 100%;
    height: auto;
}
.vide-app {
    display: table;
    width: 100%;
	    position: relative;
}
.vide-app img{
    width: 100%;
}
.play-videt {
    position: absolute;
    left: 49%;
    top: 48%;
    font-size: 50px;
    color: #FFFFFF;
    cursor: pointer;
}
.app-field-sel {
    position: relative;
    padding-top: 35px;
	padding-bottom:35px;
	background-image: url(../images/appbj.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}
.app-fieid-list {
    padding-top: 35px;
    position: relative;
    display: -webkit-inline-box;
}
.ex-app-li {
    background: #FFFFFF;
    padding: 12px;
    box-shadow: 0px 0px 10px #e4e4e4;
}
.ex-app-li img{
	width:100%;
}
.title-apps 
{
    font-size: 17px;
    font-weight: bold;
    padding-top: 35px;
}
.app-p{
    font-size: 14px;
    height: 50px;
}
.malt .listli {
    display: table;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.read-mord-exca {
    display: table;
    font-size: 12px;
    margin-top: 10px;
    color: #e72331;
}
.lijasf{
    background: #0073de;
}
.we-help-app {
    /* position: absolute; */
    right: 0;
    /* top: -366px; */
    /* width: 495px; */
    /* height: 385px; */
    /* background: #4275a0; */
    z-index: 10;
    padding: 40px 65px;
    text-align: center;
}
.we-title{
    color: #FFFFFF;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}
.we-have-p {
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 35px;
    display: table;
    text-align: center;
}

.scan-a{
    color: #FFFFFF;

    /* position: absolute; */
    bottom: 40px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.scan-a span{
    margin-right: 10px;
}
.we-help-app:before{
    content: '';
    position: absolute;
    width: 25px;
    height: 100%;
    background: #bcc4d1;
    z-index: -1;
    left: -25px;
    bottom: -25px;

}
.we-help-app:after{
	content: '';
    position: absolute;
    width: 100%;
    height: 25px;
    background: #bcc4d1;
    z-index: -1;
    left: -25px;
    bottom: -25px;
}

.com-news {
    padding-top: 35px;
    padding-bottom: 60px;
    background: #FFF;
}

.honor-news-com {
	margin-top:45px;
}
.zhen-list {
    margin-left: 17%;
    margin-right: 17%;
}
.zhen-list .owl-dots{
    display: none !important;
}

.zhen-list .owl-theme .owl-controls .owl-nav .owl-prev {
    position: absolute;
    left: -15%;
    top: 40%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    display: block !important;
}

.zhen-list .owl-theme .owl-controls .owl-nav .owl-next {
    position: absolute;
    right: -15%;
    top: 40%;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	    display: block !important;
}
.zhen-list .owl-theme .owl-controls .owl-nav .owl-prev:before {
    display: table;
    content: "\f104";
    color: #0073de;
    font-size: 60px;
}
.zhen-list .owl-theme .owl-controls .owl-nav .owl-next:before {
    display: table;
    content: "\f105";
    color: #0073de;
    font-size: 60px;
}
.zhen-list .owl-theme .owl-controls .owl-nav [class*=owl-] {
	color: #fff0;

    background: none;
}

.hon-new-title {
    margin-left: 15.333%;
}

.hon-new-title h3{

    color: #0073de;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 35px;
}
.hon-new-title2 {
	margin-left:15px;
}
.hon-new-title2 h3{
    color: #0073de;
    font-weight: bold;
    font-size: 32px;
    margin-bottom: 35px;
}

.sh-li-news {
    display: table;
    width: 100%;
    box-shadow: 0px 0px 10px #e4e4e4;
}
.aimg img{
    display: table;
    width: 100%;
    max-height: 274px;
}
.sh-ex-title
 {
    padding: 35px 15px;
    margin-bottom: 45px;
    height: 133px;
 
 }
 
 .sh-ex-title a{
    font-size: 20px;
    color: #6a6a6a;
 }
.sh-ex-title a:hover{
    color: #0073de;
}
 .sh-ex-time
  {
    padding: 35px 0px;
    border-top: 2px solid #828282;
    margin-left: 15px;
    margin-right: 15px;
  }
  
  .list-news-img-a {
  display: table;
    margin-right: 35px;
  }
  .foot-sect-fot
   {
      padding-top: 45px;
      background-image: url(../images/footbanner_13.png);
      /*background: #468fdc;*/
   }
   
   .w45-title-fot {
    float: left;
    width: 35%;
    color: #FFFFFF;

  }
  .w55-title-fot {
    float: left;
    width: 65%;
    list-style: none;
  }
  .w55-title-fot li{
      float: left;

    margin-right: 5px;
    color: #FFFFFF;
  }
   .w55-title-fot li a{
       color: #FFFFFF;
    	margin-right: 5px;
   }
   .w55-title-fot li a:hover{
       color:#bfbbbb;
   }
   .qui-lonk-left {
       display: flex;
    margin-bottom: 15px;
   }
   .w55-title-fot-com{
    float: left;
    width: 65%;
    color: #FFFFFF;

}
   .w55-title-fot-com p a{
       color: #FFFFFF;
   }
.w55-title-fot-com p a:hover{
    color: #333333;
}
.liko-fac {
	 display: flex;
}
.liko-fac a{
    text-align: center;
    font-size: 20px;
    margin-right: 20px;
    color: #FFFFFF;
}
.stay-tun h3{
    margin: 0 auto;
    color: #FFFFFF;
}
.dontmiss label{
    color: #FFFFFF;
}
.dontmiss {
    margin-top: 15px;
}
.dontmiss .btn-default {
    background: #468fdc;
    /* width: 125px; */
    border: 0;
    color: #FFFFFF;
    font-size: 16px;
    float: right;
    padding: 10px 45px;
}
.dontmiss .form-control {
    border-radius: 35px;
    padding: 21px 12px;
    background-color: #0073de;
    border: 1px solid #FFFFFF;
}

.footp-p {
    display: table;
    width: 100%;
    padding-bottom: 35px;
}
.lio-footp {
    border-top: 1px solid #FFFFFF;
    text-align: center;
    padding: 15px;
}
.lio-footp p{
    margin: 0;
    color: #FFFFFF;
    font-size: 17px;

}
.bannikoz {

    display: table;
    width: 100%;
}
.bannikoz img{
    width: 100%;
}
.com-from {
    margin-left: -15px;
    margin-right: -15px;

}
.com-from input,.com-from textarea{
    border: 3px solid #bcc4d1;
}
.cont-bts
{
    text-align: center;

}
.cont-us-pot .btn {
    background: #0073de;
    padding: 10px 15px;
    color: #FFFFFF;
}
.cont-us-pot h1{
    color: #0073de;
}
.cont-us-pot p{ color: #0073de;
}
.cont-us-pot
{
    padding: 35px 50px;
    box-shadow: 0px 0px 10px #e4e4e4;
    margin-bottom: 35px;
    margin-top: -100px;
    z-index: 1;
    background: white;
}
.img-app img,.img-li-pro img{
    -webkit-transition: opacity 1s,-webkit-transform 1s;
    transition: opacity 1s,-webkit-transform 1s;
    transition: opacity 1s,transform 1s;
    transition: opacity 1s,transform 1s,-webkit-transform 1s;
    width: 100%;
}

.img-app img:hover,.img-li-pro img:hover {
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
}
.zhengsub {
    padding: 15px;
    border: 1px solid #333;
}
.ujhides360{
    padding-top: 200px;
    text-align: center;
}
.ujhides360 h3{
	font-size: 36px;
    color: #FFFFFF;
	margin-bottom:15px;
}

.yuhuuio{
	padding: 10px;
    width: 260px;
    border-radius: 10px;
    border: 0;

}
.tjjissp {
    background: #0073de;
    padding: 10px;
    border: 0;
    color: #FFFFFF;
    width: 100px;
    border-radius: 10px;
}
.tjjissp:hover {
	    background: #0a6cc7;
}

@media (max-width: 1710px) {
    #myCarousel .fill {
        height: 520px;
    }

}

@media (max-width: 1600px) {
    #myCarousel .fill {
        height: 470px;
    }

}

@media (max-width: 1460px) {

    #myCarousel .fill {
        height: 430px;
    }

}
@media (max-width: 1400px) {

    #myCarousel .fill {
        height: 410px;
    }
    .about-h-title h3 {
        font-size: 36px;
    }
    .cont-lo p {
        line-height: 20px;
        font-size: 14px;
    }
    .size-title h3 {
        color: #FFFFFF;
        font-weight: bold;
        font-size: 36px;
    }
    .hon-new-title h3,.hon-new-title2 h3{
        font-size: 26px;
    }


}


@media (max-width: 1380px) {
    #myCarousel .fill {
        height: 405px;
    }

}

@media (max-width: 1200px) {


}

@media (max-width: 992px) {
    .right-nav-p{
        display: none;
    }
    .navbar-nav{

        margin-left: 6px;
    }
    .loi-top {
        margin-top: 0px;
    }
    .navbar-brand>img {

         width: 80px !important;
     }
    .langs-tel li:nth-child(3){
        display: none;
    }.from-input {
         position: relative;
         margin-bottom: 13px;
     }
     .mNav {
         display: block;
         float: left;
         font-size: 38px;
         color: #FFFFFF;
     }
    .right-nav-p {

        position: relative;
    }
    .row {
        margin-right: 0;
        margin-left: 0;
    }
    .ex-app-li{
        padding: 0;
    }
    #myCarousel .fill {
        height: 300px;
    }
    .cont-ousel img{
        max-width: 100%;
    }
    .sh-li-news {

        margin-bottom: 15px;
    }
}