.fakeimg {
    height: 200px;
     background: #aaa;
}
.maxTil{
    color:#333853;font-size:48px;text-align: center;
}
.navbar-inverse {
background-color: #222b3a;
border-color: #222b3a;
height:140px;
}
.fontbox{
    position: relative;
    height:50px;display: grid;
    

}
.slider-bg {
    background-position: center;
    background-size: cover;
    padding-top: 155px;
}
.mi60{
 margin-top:120px
}
/***************************/
/*Swiper*/
.swiper-container {
	width: 100%;
	height: 100vh;
    height:500px\0;
    display: block\0;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.main-slider .slider-bg-position {
	background-size: cover!important;
	background-position: left center!important;
}
.main-slider .swiper-button-prev, .main-slider .swiper-button-next {
	background-image: none!important;
	color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}
.main-slider h2 {
	color: #fff;
	font-size: 54px;
	line-height: 59px;
	padding: 0 19%;
	text-transform: uppercase;
}
.main-slider .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background: rgba(255,255,255,0.9)
}
.main-slider .swiper-pagination-bullet-active {
	background: #0297ff
}
.justify-content-center{

}
/***************************/
@media (min-width: 768px){
.navbar {
border-radius: 0px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
@media (min-width: 768px){
.navbar-nav {
float: left;
margin-top: 0px;
}
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
color: #fff;
background-color: #222b3a;
/* border-bottom:1px solid #fff; */
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 65px;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 0px; 
border: 1px solid transparent;
}
.bannerImg img{
width:100%;
height: auto;
}
.line{
width: 4px; 
height: 25px;
background-color: #ff9641;
margin-right: 20px;
display: inline-block;
line-height: 25px;
vertical-align: middle;
border-radius: 3px;
margin-top: -2px;
} 
.logo img{
    margin-top:15px;
}
.tilFont{
font-size:24px;
margin:20px auto;
color:#333;
}
.font18 p{
font-size:18px;
color:#333;
line-height: 40px;
margin-left: 30px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
margin-top:70px;
color: inherit;
background-color: #2a374a;
}
.list2 dt a{
color:#ffffff;
font-size: 16px;
font-weight: normal;
margin-bottom:10px;
display: block;

}
.shortLine{
width:34px;
border-bottom:1px solid #fff;
margin-left:23%;
margin-bottom: 20px;

}
.list2 dd a{
color:#8dccfc;
font-size: 14px;
font-weight: normal;
line-height: 28px;
}
.img3{
margin-top: 10px;
border-top: 1px dotted #fff;
padding-top: 15px;
}
@media (min-width: 1200px){
.container {
width: 1200px;

}
}
.loginFont{
    color: #fff;
    float: right;
    position: absolute;
    top: -10px;
    right: 0px;
    font-size:14px;
}
.loginFont a{
    color:#fff;
    text-decoration: none;
   margin-left:5px;
   margin-right: 5px;
}
.loginFont a:hover{
    color:#4173a0ff;
    text-decoration: none;
}
/*************bi**********/
.englishTil{
    font-size: 38px;
    font-family: Arial, Helvetica, sans-serif;
    color:#d5d5d5;
    text-align: center;
}
.chinaTil{
    font-size: 30px;
    color: #333333;
    text-align: center;
    background: #fff;
    width: 200px;
    position: absolute;
    top: 5px;
    left: 40%;
}
.grayLine{
    width: 100%;
    height: 1px;
    background: #d5d5d5;
    position: relative;
    margin-top: 25px;

}
.Bimg img{
    margin:0px auto;
    display: block;

}
.Bimg img:hover {
    -webkit-animation:bounce 1s .1s ease both;
    -moz-animation:bounce 1s .1s ease both;
    }
    @-webkit-keyframes bounce {
    0% {
    -webkit-transform:scale(1)
    }
    10%, 20% {
    -webkit-transform:scale(0.8) rotate(-2deg)
    }
    30%, 50%, 70%, 90% {
    -webkit-transform:scale(1.1) rotate(2deg)
    }
    40%, 60%, 80% {
    -webkit-transform:scale(1.1) rotate(-2deg)
    }
    100% {
    -webkit-transform:scale(1) rotate(0)
    }
    }
    
.Btil{
    text-align: center;
    font-size: 18px;
    color:#666; 
    margin:26px auto 19px;
}
.Btext{
    text-align: center;
    font-size: 14px;
    color:#999;
}
.Ptext{
    font-size:16px;
    color:#333;
    line-height: 30px;
}
.ideaBox{
    
    width:100%;
    height: 316px;
    box-shadow: 0 0 5px 1px #f2f2f2;
    border-radius: 4px;
    padding:20px 100px;
}
.submitOrange{
    border-radius: 20px;
    color: #fff;
    background-color: #ff9641;
    border: 0px;
    padding: 10px 50px;
    display: block;
    margin: 30px auto;
}
/************************/
.oneNav{
    margin-bottom:45px;
    text-align: center;
}
.oneNav ul{
    margin:0;
    padding:0
}
.oneNav ul li{
    width:160px;
    height: 50px;
    display: inline-block;
    margin:0px 10px;margin-bottom: 20px;
}
.oneNav .active a{
border:1px solid #569fc8;
font-size:14px;
text-align: center;
line-height: 50px;
width:160px;
color:#fff;
display: inline-block;
background: #569fc8

}
.oneNav .active a:hover{

    width:160px;
    color:#fff;
  
    
    }
.oneNav ul li a{

border:1px solid #d5d5d5;
font-size:14px;
text-align: center;
line-height: 50px;
width:160px;
color:#333;
display: inline-block;
}
.oneNav ul li a:hover{
    text-decoration: none;
    color:#569fc8;
  
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-box-shadow:0 3px 10px #888;
        -webkit-box-shadow:0 3px 10px #888;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;
        -ms-transition:.3s;
  
    
}
.triangle{
    width:0px;
    height: 0px;
    border-right:15px solid transparent;
    border-left:15px solid transparent;
    border-top:15px solid #569fc8;
    margin-left:65px;
}
.newsTil{
    color:#333;
    font-size: 24px;
    margin-bottom:10px;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.newsTil a{
    color:#4173a0;
    text-decoration: none;
}
.newsText a{
   color:#666;
   text-decoration: none;
}
.newsText a:hover{
    color:#4173a0;
    text-decoration: none;
 }
.newsTime{
    color:#999;
    font-size: 14px;
}
.newsText{
    color:#666;
    font-size: 16px;
    margin-top:10px;
}
.newsBox{
    display: block;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top:1px dotted #dddddd;
    border-bottom:1px dotted #dddddd;
 


}
.newsBox .col-sm-3{
    width: 266px;
    height: 177px;;
    overflow: hidden;
}
.newsBox .col-sm-3 img{
    width: 266px;
    height: 177px;
    transition: all 0.6s;
    overflow: hidden;
}
.newsBox .col-sm-3 img:hover{
    width: 266px;
    height: 177px;
    transform: scale(1.4);
    overflow: hidden;
}
/***********************/
.twoNav{

    background: #fff;
    height: 55px;
    line-height: 55px;

}
.twoNav ul {
margin:0px;
padding:0px;
}
.twoNav ul li{
    width: 150px;
    display:inline-block;
}
.twoNav ul li a{

    color:#333;
    font-size: 18px;
}
.twoNav ul li a:hover{

    color:#333;
    font-size: 18px;
}
.twoNav .active a{
    border-bottom: 2px solid #2a374a;
    color: #ff9641;
    padding-bottom: 14px;
    }
.twoNav .active a:hover{
    border-bottom:2px solid #2a374a;
    color:#ff9641;
    padding-bottom: 32px;
    text-decoration: none;
    
}
.btn-warning {
    height: 50px;
    color: #fff;
    background-color: #ff9641;
    border-color: #ff9641;
    width: 130px;
    font-size: 16px;
}
.cityS dl dt{
    font-size: 18px;
    color:#333;
    border-bottom:1px solid #ddd
}
.cityS dl dd{
    font-size: 16px;
    color:#666
}
.form-control{
    border: 1px solid #e6e6e6;
    height: 50px;
}
.trans{
width: 400px;
    }
    .trans ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    }
    
    .trans ul li{
    display: inline-block;
    float: left;
    position: relative;
    padding-bottom: 20px;
    }
    
    .left{
    width: 35%;
    text-align: center;
    }
    
    .right{
    width: 65%;
    box-sizing: border-box;
    border-left: 2px solid #19314b;
    }
    
    .time{
        color: #666;
        font-size: 14px;
    }
    .date{
        color:#333;
        font-size: 18px;
    }
    .right img{
    width: 25px;
    height: 25px;
    vertical-align: middle;
    position: absolute;
    left: -12.5px;
    }
    
    .status{
    display: inline-block;
    padding-left: 30px;
     color:#666;
     font-size:14px   
    }
    
    .transCon{
    display: inline-block;
    padding: 8px 0px 8px 30px;
    color:#666;
    font-size:14px 
    
    }
.circle{
    width:18px;
    height: 18px;
    border-radius: 10px;
    background: #19314b;
    position: absolute;
    left: -10px;

}
.active .circle{
    width:18px;
    height: 18px;
    border-radius: 10px;
    background: #19314b;
    position: absolute;
    left: -8px;
    padding:2px;
    border: 3px solid #748aa1;
}
.loginTop{
    width: 1200px;
    background:#fff;
    margin:20px auto;
}
.loginBg{
    height: 660px;
    width: 100%;
    background: #333853;
}
.loginright{
    margin-top:60px
   }

/*****************/
.signin-form{
    width:362px;
    height:470px;
    border-radius:5px;
    background: #fff;
    padding:30px;
}
.signin-form ul{
    margin:0;
    padding:0;
    margin-bottom:30px;
    padding-bottom:30px;
}
.signin-form ul li{
    width: 50%;
    float: left;
    list-style-type: none;
    line-height: 35px;
}
/*.signin-form  .form-control*/
.signin-form  .form-control {
    background: transparent;
    border: transparent;
    border-bottom: 1px solid #c3c6cf;
    border-radius: 0px;
    outline: 0!important;
    box-shadow: none;
    padding: 0px 0;
    height: 46px;
    -webkit-transition: linear .5s;
    -moz-transition: linear .5s;
    -ms-transition: linear .5s;
    -o-transition: linear .5s;
    transition: linear .5s;
}
.signin-form  .form-control:hover,.signin-form  .form-control:focus{
    border: 1px solid #474d5b;
    color:#464e60;
    box-shadow: 0px 5px 10px rgba(45,50,64,.2);
}

.signin-form label{
    color: #7c8089;
    font-size:16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.signin-form input[type="text"],.signin-form input[type="email"],.signin-form input[type="password"]{
    color: #464e60;
    font-size:16px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 0 18px;
}
.signin-form .form-col{
    width: 48.5%;
    float: left;
    
}
.signin-form .form-col1{
    width: 48%;
    float: right;
}
.btn-primary {
    color: #fff;
    height:40px;
    background-color: #2b3d52;
    border-color: #2b3d52;
    border-radius: 20px;
}
.regText{
    display:none;
}
.loginContent{
    border-bottom:1px solid #ddd;
}
.regContent{
    border-bottom:1px solid #ddd;   
}
.loginContent.active{
    border-bottom:2px solid #ff9641
}
.regContent.active{
    border-bottom:2px solid #ff9641
}
.newsindexBg{
    background: #f4f4f4;
    height:600px
}
.carImg{
    width:100%;
    height: auto;
}
.newsCont{
    width:989px;
    height: 600px;
    padding-top:80px;
    background:url(../images/newindexbg.png) no-repeat center center;
}


.nBG{
    background:#fff;
    background: none\0;
    opacity: 0.8;
    height:78px;
 
    position: absolute;
    position: relative\0;
    top:0px;
    width: 100%;
}
.Ntil{
   color:#333;
   font-size: 18px;
   margin-bottom: 5px; 
}
.Ntil a{
    color:#333;
    font-size: 18px; 
 }
 .Ntil a:hover{
    color:#333853;
    font-size: 16px; 
 }
.Ntext{
    color:#666;
    font-size: 14px;
}
.Ntext a{
    color:#666;
    font-size: 14px;
}
.Ntext a:hover{
    color:#333853;
    font-size: 14px;
}
.Ndate{
    font-size: 24px;
    color:#333;
    width:60px;
    text-align: right;
}
.Nyear{
    font-size: 16px;
    color:#666;
    width:60px;
    text-align: right;
}
.ps{
    position: relative;
    width:100%;
    height: 78px;
    margin-top:20px;
    padding-top:20px;

    
}
.ps:hover{

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
        -moz-box-shadow:0 3px 10px #888;
        -webkit-box-shadow:0 3px 10px #888;
        -webkit-transition:.3s;
        -moz-transition:.3s;
        -o-transition:.3s;
        -ms-transition:.3s;
    
}
.text1{
    font-size: 30px;
    margin-top:20px;
    text-align: center;
}
.tu{
  display: flex;
  flex-wrap: wrap;
}
.tu a{
    color:#333;
}
.tu a:hover{
    color:#fa5719;
    text-decoration: none;
}

/**************nav*****/
.imgCenter{
    width: calc(100% / 5);
    width:19%\0;
    display: inline-block\0;
}
.ie8BG{
    
}
.imgCenter img{
    display: block;
    margin:0px auto;
}
.imgCenter:hover {
    -webkit-animation:bounce 1s .1s ease both;
    -moz-animation:bounce 1s .1s ease both;
    }
    @-webkit-keyframes bounce {
    0% {
    -webkit-transform:scale(1)
    }
    10%, 20% {
    -webkit-transform:scale(0.8) rotate(-2deg)
    }
    30%, 50%, 70%, 90% {
    -webkit-transform:scale(1.1) rotate(2deg)
    }
    40%, 60%, 80% {
    -webkit-transform:scale(1.1) rotate(-2deg)
    }
    100% {
    -webkit-transform:scale(1) rotate(0)
    }
    }
    
@media screen and (min-width:640px) {
    .loginTop {
        width: 100%;
        background: #fff;
        margin: 20px auto;
    }
    .img-fluid{
        width:100%;
    }
    .newsTil{
    margin-top:20px
    }
    .newsCont {
        width: 100%;
        height: 600px;
        padding-top: 80px;
        background: url(../images/newindexbg.png) no-repeat center center;
    }
    .newsindexBg {
        background: #f4f4f4;
        height: 100vh;
    }
 
    .oneNav ul li a {
        border: 1px solid #d5d5d5;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
        width: 100%;
        color: #333;
        display: inline-block;
    }
   
    .oneNav .active a {
        border: 1px solid #569fc8;
        font-size: 14px;
        text-align: center;
        line-height: 50px;
        width: 100%;
        color: #fff;
        display: inline-block;
        background: #569fc8;
    }

   
    .englishTil {
        font-size: 38px;
        font-family: Arial, Helvetica, sans-serif;
        color: #d5d5d5;
        text-align: center;
        margin-top: 20px;
    }

}
/*客服按钮*/
.service {
    position: fixed;
    right: 0;
    top: 50%;
    width: 80px;
    height: 200px;
    z-index: 100;

}

.erviceBox {
    width: 80px;
    height: 80px;
    margin-bottom: 5px;
  
}

.serviceBox:last-child {
    width: 80px;
    height: 80px;
    margin-bottom: 0px;
}

.serviceBox a {
    display: block;
    width: 80px;
    height: 80px;
    background: #FFF;
    color: #333853;;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    margin-bottom:5px;
    border:1px solid #333853;
}

.serviceBox a:hover {
    background: #333853;
    color: #fff;
    transition: transform 0.3s;
}

.serviceBox span {
    font-size: 32px;
    display: block;
    text-align: center;
    padding-top: 20px;
    color:#333853;
}
.serviceBox :hover {

    display: block;
    text-align: center;

    color:#fff;
  
}
.serviceBox :hover span{
display: block;
text-align: center;
color:#fff;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgb(0 0 0 / 0%);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hideBox{
    display: none;position: absolute;right:120px;padding:10px;padding-right: 15px; top:-10px;z-index: 999;   
}
/* 侧边悬浮导航 */
.right_nav{ right:0; bottom:100px; position:fixed; text-align:left;overflow: hidden;z-index:999;}
.right_nav li{
   margin:4px 0;
    cursor:pointer;position:relative; right: 0px;}
.right_nav li .iconBox{
    
    text-align: center;
    overflow: hidden;
    display: flex;align-items: center;
    justify-content: space-between}
.right_nav li img{width: 30px;height:30px;}
.right_nav li h4{color: #fff;font-size:14px;margin:2px 0;margin-left: 15px;}
.right_nav li:hover{background:#cf1322}
.right_nav li .hideBox{
    width:200px;
   
    display: none;position: absolute;right:80px;padding:10px;padding-right: 5px; top:-10px;z-index: 999;}
.right_nav li .hideBox .hb{background-color: #fff; padding: 10px 20px; border:1px solid #ddd;}
.right_nav li .hideBox .hb h5{padding: 5px 0;font-size: 16px;font-weight: 400;display: block;white-space: nowrap;}
.right_nav li .hideBox .hb p {margin-top: 5px;font-size: 16px;font-weight: 700;}
.right_nav li:nth-child(3) .hideBox img{width:140px;height: 140px;margin-top: 0px;}













.modern_medium_light{
width:200px;
height: 100px;
background:#04307e;
border-radius: 10px;
color:#fff;
}
.slider-dashboard {
    margin: 40px auto -140px;
}
.newLeft{
    float:left;
    display: inline-block;
    margin-right: 10px;
    padding-right: 10px;
    padding-left:10px;
    margin-top:10px;
}
.newRight{
    margin-top:15px;
    padding-left: 10px;
}
.yazhengma{
   height:40px;
   width:100px;
}
@media (min-width: 1200px){
.col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}}

@media (max-width: 767px){
    
    .minHide{
        display: none;
    }
    .col-sm-3{
        width:30%;
    }
    .yazhengma{
        height:auto;
        width:20%;
     }
    .maxTil{
        color:#333853;font-size:36px;text-align: center;
    }
    .slider-dashboard {
        margin: 40px auto -110px;
    }
    .dashboard-active .slick-list {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 50px;
    }
    .single-dashboard img {
        width: 100%;
    }
    .t-slider-content {
        text-align: center;
    }
  
    .newsindexBg {
        background: #f4f4f4;
        height:auto;
    }
    .dashboard-active .slick-list {
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 50px;
    }
    .single-dashboard img {
        width: 100%;
    }
    .slider-dashboard {
        margin: 40px auto -110px;
    }
    .slider-bg {
        padding-top: 100px;
    }
    .loginTop {
        width: 100%;
        background: #fff;
        margin: 20px auto;
    } 
    .newsBox .col-sm-3 {
        width:26%;
        height:auto;
        overflow: hidden;
    }
    .newsBox .col-sm-12 img{
        width: 100%;
        height: auto;
        transition: all 0.6s;
        overflow: hidden;
    }
    .newsBox .col-sm-12 img:hover{
        width: 100%;
        height: auto;
        transform: scale(1.4);
        overflow: hidden;
    }
    .newsTil{
       margin-top:20px;
    }
    .newsCont {
        width: 100%;
        height: 100vh;
        display: contents;
        padding-top: 80px;
        background: url(../images/newindexbg.png) no-repeat center center;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    .minHide{
        display: none;
    }

}
/* small mobile :320px. */
@media (max-width: 767px) {
    .img-fluid{
        width:100%;
    }
    .minHide{
        display: none;
    }
    .menu-area {
        padding-bottom: 10px;
        padding-top: 25px;
    }
    .menu-area.sticky-menu {
        padding-bottom: 10px;
        padding-top: 25px;
    }
    .slider-bg {
        padding-top: 100px;
    }
    .slider-content h2 {
        font-size: 26px;
    }
    .slider-content p {
        font-weight: 600;
        color: #fff;
        font-family: 'Muli', sans-serif;
        font-size: 16px;
        margin-bottom: 0;
    }
    .slider-search-form {
        margin: 0;
        text-align: center;
    }
    .slider-search-form form {
        display: block;
        box-shadow: none;
    }
    .slider-search-form input {
        width: 100%;
        border-radius: 50px;
        margin-bottom: 15px;
    }
    .slider-search-form .nice-select {
        width: 100%;
        border-radius: 50px;
        margin-bottom: 15px;
    }
    .slider-search-form button {
        width: auto;
        padding: 15px 30px;
        border-radius: 50px;
    }
    .features-items-p {
        padding-top: 172px;
    }
    .product-thumb-wrap {
        padding: 0 10px;
    }
    .single-product-thumb {
        width: calc(100% / 2);
    }
    .product-menu button {
        padding: 6px 12px;
    }
    .testimonial-wrap, .plugin-wrap, .newsletter-wrap {
        padding: 0;
    }
    .single-services {
        padding: 0 12px;
        text-align: center;
    }
    .single-plugin {
        width: calc(100% / 1);
    }
    .imgCenter{
        width: calc(100% / 2);
        margin-bottom:20px;
    }
    .imgCenter img{
        width:50%;
        height: auto;
    }
    .text1 {
        font-size: 20px;
        margin-top: 10px;
        text-align: center;
    }
    
    }
    .contentMain{
        min-height: 450px;
        margin-top:20px;
    }
    
    .masonry {
        -moz-column-count:3; /* 火狐 */
        -webkit-column-count:3; /* Safari 和 谷歌 */
        column-count:3;
        -moz-column-gap: 1em;
        -webkit-column-gap: 1em;
        column-gap: 1em;
        width: 80%;
        margin:1em auto;
      }
      .item {
        padding: 1em;
        margin-bottom: 1em;
        -moz-page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
        break-inside: avoid;
        background: #ececec;
      }
       
      @media screen and (max-width: 800px) {
        .masonry {
          column-count: 2; 
        }
      }
      @media screen and (max-width: 500px) {
        .masonry {
          column-count: 1; 
        }
      }
    #btnSearch{
        width:130px;
        border-radius:20px;
    }
 #imgCode{
     margin-left:10px;
 }