/*banner*/
.flexslider{border:none!important;background-color:rgba(0,0,0,0);margin: 0;border-radius: 0;margin-top:112px;}
.flex-direction-nav{display: none;}
.flexslider .slides li{height: 830px;}
.flexslider .slides li img{max-width: 100%;width:100%;float: left;cursor: pointer;}
.flex-control-nav{top: 18px;width: 38%;    right: 0;}
.flex-control-paging li a{background: #a82020!important;width: 100%!important;height: 10px!important;border-radius: 0;}
.flex-control-paging li a.flex-active{background: #10325a!important;}
.flexslider .slides>li{position: relative;}
.flex-control-nav li{width: 9%;}

/*.banner_box{background: url(../images/banner1_bg.png) no-repeat center/cover;position: absolute;height: 298px;width: 613px;padding: 40px 65px;opacity: 0;}*/
.banner_box{position: absolute;height: 350px;width:740px;padding: 40px 0;opacity: 0;}
.banner_box1{top: 13%;right: 12%;z-index: 999;}
.banner_box h2,.banner_box h3{font-size: 24px;color: #a82020;margin-bottom: 15px;}
.banner_box h3{text-align:center;margin-bottom: 50px;}

.in-video{    padding: 0 5%;margin: 25px 0;}
.in-video li{background: #f2f2f2;width: 23.8%;margin-right: 1.5%;float: left;text-align: center;padding: 20px 20px 5px 20px;}
.in-video li:last-of-type{margin-right:0}
.in-video li div{width: 100%;height:203px; overflow: hidden;}
.in-video li div img{width: 100%;height:100%; transition: all .3s;}
.in-video li p{font-size: 18px;margin-top:10px;line-height: 1.8;height: 56px;overflow: hidden;}
.in-video li:hover div img{    -webkit-transform: scale(1.1);-ms-transform: none;transform: scale(1.1);}

.banner_box2{top: 13%;right: 12%;}
.banner_box2 h2{text-align: center;}
.banner_box2 h3{text-align: center;}
.banner_box2 p,.banner_box3 p,.banner_box4 p,.banner_box1 p{font-size: 18px;color: #333;margin-bottom: 15px;}

.banner_box3{top: 13%;right: 12%;}
.banner_box4{top: 13%;right: 12%;}
.banner_box5{top: 13%;right: 12%;}
.banner_box6{top: 13%;right: 12%;}

.banner_box ul li{width: 14%;float: left;}
.banner_box ul li p{font-size: 14px;color: #333;}
.banner_box ul li:before {background: url(../images/sprint.png) no-repeat center 0;display: block;content: "";width: 52px;height: 40px;  }
.banner_box5 ul li:nth-of-type(1):before{background-position: -16px -28px;}
.banner_box5 ul li:nth-of-type(2):before{background-position: -96px -24px;}
.banner_box5 ul li:nth-of-type(3):before{background-position: -182px -24px;}
.banner_box5 ul li:nth-of-type(4):before{background-position: -265px -24px;}
.banner_box5 ul li:nth-of-type(5):before{background-position: -349px -24px;}
.banner_box5 ul li:nth-of-type(6):before{background-position: -426px -24px;}
.banner_box5 ul li:nth-of-type(7):before{background-position: -516px -24px;}

/*service*/
.container{width: 100%;padding: 10px  5%;position: absolute;bottom: -20px;}
.container article{width: 20%;display: inline-block;
    zoom: 1;float: left;
    letter-spacing:0.035em;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;}
.container article:first-of-type .cp-box{padding-left: 0;}
.container article:last-of-type .cp-box{padding-right: 0;}
.container article:nth-of-type(2n) .cp-mark .p_1{background: #11345b;}


.cp-service-box {
    position: relative;
    z-index: 1;
    /*background: #fff;*/
    margin: 10px 0 0 0;
    height: auto!important;
    min-height: 262px;
    overflow: hidden;
}
.cp-service-box .img{width: 100%;height: 310px;}
.cp-service-box h2 {
    border: none;
    text-align: center;
    font-weight:normal;
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 10px;
    color: #fff;
    padding-bottom: 10px;z-index: 99;
background-color: rgba(0,0,0,.4);
    position: relative;
    bottom: 41px;
}
.cp-service-box:hover .cp-mark{margin-top: 0;}
.cp-mark {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    transition-duration: .5s;
    margin-top: 430px;
    background: #f5f5f5;
    height: auto!important;
    min-height: 310px;
    width: 100%;
    display:block;
}
.cp-mark .p_1{padding: 10px 10px 15px; background: #a82020;position: relative;}
.cp-mark .p_1 p {
    color: #fff;
    overflow: hidden;

    font-size: 14px;

    height: 60px;
}
.cp-mark .p_1:before {
     content: '';
     width: 0;
     height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #eee;
    position: absolute;
    bottom: 0;
    right: 50px;
 }
.cp-mark ul {
    padding: 0 24px 0;
    position: relative;
}
.cp-mark li {
    padding: .3rem 0;
}
.cp-mark li a{color: #082d5c;font-size: 14px;}

/*.news*/
.news{padding:0 5%;}
.news .r1{width: 50%;display: inline-block;padding: 30px 20px;vertical-align: top;zoom: 1;float: left;height: 412px;}
.news .r2{height: 412px;}
.news .r3{width: 26%;display: inline-block;vertical-align: top;zoom: 1;padding: 30px 20px;min-height:412px;padding-right: 0;height: 412px;}

.news .r3 img{width: 100%;}
.news .r1 h3,.news .r3 h3{font-size: 20px;margin-bottom: 20px;  height:26px;}
.news .r1 h3 span,.news .r3 h3 span{font-weight: normal;text-transform: uppercase;}
.news .r1 ul li{padding: 16px 0;}
.news .r3 ul li{padding: 10px 0;}
.news .r3 ul li p{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.news .r1 ul li p{padding-bottom: 10px;/* white-space: nowrap;overflow: hidden;text-overflow: ellipsis; */}
.news .r1 ul li p:nth-of-type(2){height: 42px;overflow: hidden;}

.news ul li:hover a{color: #56a7ff!important;}

@media (min-width: 2000px){
    .in-video li div{height:276px;}

}
@media only screen and (max-width: 1680px){
    .flexslider .slides li{height: 773px;}
  
}


@media only screen and (max-width: 1540px){
    .banner_box1{right: 7%;}
    .banner_box2{right: 7%;}
    .banner_box3{right: 7%;}
    .banner_box4{right: 7%;}
}
@media only screen and (max-width: 1460px){
    /*.cp-mark{min-height: 273px;}
    .cp-service-box img{height: 273px;}*/
	    .cp-service-box img{height: 205px;}
    .cp-mark{min-height: 205px;}
	.cp-service-box {min-height: 244px;}
    .in-video li div{height:147px;}
}
@media only screen and (max-width: 1367px){
    .banner_box1{right: 4%;}
    .banner_box2{right: 4%;}
    .banner_box3{right: 4%;}
    .banner_box4{right: 4%;}
    .in-video li div{height:138px;}

}