/* banner 开始 */
.fullSlide { width: 100%; position: relative; height: 600px;  overflow:hidden; }

.fullSlide .bd { height: 600px; margin: 0 auto; position: relative; z-index: 1; overflow: hidden; }
.fullSlide .bd ul { width: 100% !important; }
.fullSlide .bd li { width: 100% !important; height: 600px; overflow: hidden; text-align: center; }
.fullSlide .bd li a { display: block; height: 600px; }

.fullSlide .hd { width: 100%; position: absolute; z-index: 2; bottom: 10px; left: 0; height:40px; text-align: center; }
.fullSlide .hd ul { text-align: center; }
.fullSlide .hd ul li { cursor: pointer; display: inline-block; zoom: 1; width:12px; height:12px; margin:7px; background-color:#bfbfbf; overflow: hidden; line-height: 99px; border-radius:50%; 
 -webkit-transition: all .3s ease-out; transition: all .3s ease-out; }
.fullSlide .hd ul .on { width: 40px;  background:#fff; border-radius:6px; -webkit-transition: all .3s linear; transition: all .3s linear; }

.fullSlide .prev, .fullSlide .next { width: 40px; height: 60px; position: absolute; top: 50%; margin-top:-30px; z-index: 2; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; 
filter: alpha(opacity=30); -moz-opacity: .3; opacity: .3;  -webkit-transition: all .5s linear; transition: all .5s linear;  }

.fullSlide .prev { background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat; left:10%; }
.fullSlide .next { background-position:-6px -137px;  right: 10%; }      

/* banner 结束 */
/* aboutUs S */
.about_us{
    position: relative;
    height: 525px;
}
.about_bg{
    position: absolute;
    top: 115px;
    right: 0;
    width: 998px;
    height: 360px;
}
.about_bg > img{
    width: 998px;
    height: 360px;
}
.about_title{
    position: absolute;
    top: 50px;
    right: 0;
    width: 936px;
    height: 65px;
    color: #fff;
    padding-right: 88px;
    background-color: #0e64ff;
    box-sizing: border-box;
}
.about_title>h4{
    width: 300px;
    height: 34px;
    margin-left: 600px;
    font-size: 23px;
    font-weight: bolder;
    overflow: hidden;
    line-height: 46px;
}
.about_title>p{
    width: 300px;
    height: 18px;
    margin-left: 600px;
    overflow: hidden;
    font-size: 10px;
    line-height: 24px;
}
.we_are{
    position: absolute;
    top: 115px;
    left: 0;
    width: 287px;
    height: 179px;
}
.cover{
    position: absolute;
    top: 50px;
    left: 244px;
    width: 536px;
	height: 399px;
	background-color: #ffffff;
	opacity: 0.9;
}
.intro_title{
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}
.intro_conten{
    position: absolute;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
    width: 393px;
    height: 91px;
    font-size: 14px;
    line-height: 26px;
    color: #7e7e7e;
}
.about_add{
    position: absolute;
    top: 282px;
    left: 244px;
    width: 50px;
    height: 50px;
}
.about_add>a{
    display: block;
    width: 100%;
    height: 100%;
}
.about_add>a:hover img{
    transform: rotateX(180deg);
    transition: all .5s;
}
/* sboutUs E */
/* product S */
.product{
    width: 100%;
    height: 653px;
    background-color: #ececec;
}
.product_center{
    height: 100%;
    overflow: hidden;
}
.product_center .title{
    width: 100%;
    height: 115px;
    padding-top: 30px;
    box-sizing: border-box;
    text-align: center;
}
.product_center .title>h3{
    font-size: 24px;
    line-height: 28px;
    color: #0e64ff;
}
.product_center .title>p{
    font-size: 28px;
    line-height: 33px;
    color: #9e9e9e;
}
.pro_view{
    width: 100%;
    height: 495px;
}
.proview_list{
    width: 865px;
    height: 42px;
    margin: 0 auto;
}
.proview_list>li{
    float: left;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 21px;
    background-color: #ffffff;
    border: solid 1px #dadada;
    overflow: hidden;
}
.proview_list>li>a{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 14px;
    padding: 0 10px;
    box-sizing: border-box;
    overflow: hidden;
    color: #b4b4b4;
}
.proview_list>li>a:hover{
    color: #fff;
    background-color: #0e64ff;
}
.product_img{
    width: 100%;
    height: 430px;
}
.pro_left{
    position: relative;
    float: left;
    width: 590px;
    height: 100%;
    margin-top: 20px;
}
.pro_left>a{
    display: block;
    width: 100%;
    height: 100%;
}
.pro_left > a >img{
    width: 570px;
    height: 410px;
}
.pro_left>.hover{
    position: absolute;
    display: none;   
    top: 10px;
    left: 10px;
    width: 570px;
    height: 410px;
    color: #fff;
    text-align: center;
    background-color: rgba(14, 100, 255, .9);
}
.pro_left>.hover>span,
.proright_view li .hover>span{
    display: block;
    width: 111px;
    height: 30px;
    margin: 160px auto 0;
    overflow: hidden;
}
.pro_left>.hover>a,
.proright_view li .hover>a{
    display: block;
    width: 111px;
    height: 30px;
    line-height: 30px;
    color: #0e64ff;
    margin: 0 auto;
    background-color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
}
.pro_left:hover .hover{
    display: block;
}
.pro_left:hover .left_cover{
    display: none;
}
.left_cover{
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 570px;
    height: 30px;
    line-height: 30px;
    color: #e0e0e0;
    padding: 0 10px;
    box-sizing: border-box;
    background: rgba(14,100,255,.5);
}
.left_cover>span:nth-of-type(1){
    float: left;
}
.left_cover>span:nth-of-type(2){
    float: right;
}
.pro_left>a>img{
    border: 10px solid #fff;
}
.pro_right{
    float: right;
    width: 580px;
    height: 100%;
    margin-top: 20px;
}
.proright_view{
    width: 590px;
}
.proright_view li{
    position: relative;
    float: left;
    width: 285px;
    height: 210px;
    text-align: center;
    margin: 0 10px 10px 0;
}
.proright_view li:hover .hover{
    display:block;
}
.proright_view li:hover .right_cover{
    display:none;
}
.proright_view li .hover{
    position: absolute;
    display: none;
    top: 10px;
    left: 10px;
    width: 265px;
    height: 190px;
    color: #fff;
    background: rgba(14,100,255,.9);
}
.proright_view li .hover>span{
    margin: 70px auto 0;
}
.right_cover{
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 265px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    color: #e0e0e0;
    box-sizing: border-box;
    background: rgba(14,100,255,.5);
}
.right_cover>span:nth-of-type(1){
    float: left;
}
.right_cover>span:nth-of-type(2){
    float: right;
}
.proright_view li>a{
    display: block;
    width: 100%;
    height: 100%;
}
.proright_view li>a>img{
    width: 265px;
    height: 190px;
    border: 10px solid #fff;
}
/* product E */
/* zixun S */
.meaasge{
    position: relative;
    height: 270px;
    background-color: #0e64ff;
    margin-top: 50px; 
    overflow: hidden;
}
.zixun_intro{
    float: left;
    width: 450px;
    height: 200px;
    color: #fff;
    margin: 30px 250px 36px 67px;
    padding: 18px;
    box-sizing: border-box;
    background: url(../images/zixun_bg.png) center no-repeat;
}
.zixun_intro>h3{
    font-size: 28px;
    font-weight: bold;
    margin: 30px 99px 15px 20px;
}
.zixun_intro>.intro_content{
    width: 400px;
    height: 65px;
    font-weight: bold;
    font-size: 22px;
    margin-left: 20px;
}
.intro_content>span{
    font-size: 20px;
    font-weight: normal;
}
.eng_intro{
    position: absolute;
    top: 221px;
    left: 79px;
    height: 13px;
    color: #dcdcdc;
    font-size: 14px;
}
.zixun_right{
    float: right;
    width: 400px;
    height: 200px;
}
.zixun_phone{
    width: 100%;
    height: 55px;
    padding-left: 60px;
    margin: 79px 183px 0 0;
    box-sizing: border-box;
    background: url(../images/zixun_phone.png) left no-repeat;
}
.zixun_phone>p{
    font-size: 14px;
    color: #e1e1e1;
}
.zixun_phone>h5{
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
}
.btn>a{
    display: block;
    width: 150px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    color: #0e64ff;
    margin: 25px 0 0 42px; 
	background-color: #ffffff;
}
.btn>a:hover{
    border-radius: 15px;
    transition:all .5s;
}
/* zixun E */
/* case S */
.case{
    width: 100%;
    height: 555px;
    margin-top: 50px;
}
.case_title{
    width: 100%;
    height: 74px;
    text-align: center;
    border-bottom: 1px solid #eaeaea;
}
.case_title>h3{
    font-size: 24px;
    color: #0e64ff;
}
.case_title>p{
    font-size: 28px;
    color: #9e9e9e;
    line-height: 22px;
}
.case_view_list{
    width: 1200px;
    margin-top: 20px; 
}
.case_view_list>li{
    position: relative;
    float: left;
    width: 288px;
    height: 450px;
    margin-right: 10px;
    box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.07);
}
.case_view_list>li>a{
    display: block;
    width: 100%;
    height: 340px;
}
.case_view_list>li img{
    width: 288px;
	height: 340px;
}
.case_view_text{
    width: 288px;
    height: 110px;
    padding: 0 35px 10px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}
.case_view_text>p:nth-of-type(1){
    width: 218px;
    height: 35px;
    overflow: hidden;
    margin-top: 10px;
}
.case_view_text>p:nth-of-type(2){
    height: 40px;
    margin-top: 10px;
    overflow: hidden;
}
.case_view_text>p:nth-of-type(1)>a{
    font-size: 16px;
    line-height: 35px;
    color: #818181;
}
.case_view_text>p:nth-of-type(2)>a {
    width: 211px;
    height: 40px;
    line-height: 22px;
    color: #b8b8b8;
    overflow: hidden;
}
.case_hover{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 288px;
    height: 340px;
    background: url(../images/case_view_add.png) center no-repeat rgba(14,100,255,.8);
}
.case_hover>a{
    display: block;
    width: 100%;
    height:100%;
}
.case_view_list>li:hover .case_hover{
    display: block;
    cursor: pointer;
    transition: all .5s;
}
.case_view_list>li:hover{
    transition: all .5s;
    margin-top: 10px;
}
.case_view_list>li:hover .case_view_text>p:nth-of-type(1)>a{
    color: #0e64ff;
}
/* case E */
/* news S */
.news_bg{
    width: 100%;
    height: 479px;
    margin-top: 50px;
    background: url(../images/news_bg.png) center no-repeat;
}
.news_title{
    width: 100%;
    height: 124px;
    text-align: center;
    overflow: hidden;
}
.news_title>h3{
    font-size: 24px;
    color: #0e64ff;
    margin-top: 30px;
}
.news_title>p{
    font-size: 28px;
    line-height: 22px;
    color: #9e9e9e;
}
.news_content{
    width: 100%;
    height: 355px;
    background: url(../images/news_linethrough.png) center 40px  no-repeat;
}
.news_list{
    width: 100%;
    height: 200px;
}
.news_list>li{
    float: left;
    width: 135px;
    height: 200px;
    margin:0 15px;
}
.news_list>li:hover span{
    background: url(../images/news_circle_02.png) center no-repeat;
}
.news_list>li:hover a{
    color: #0e64ff;
}
.news_list>li>a{
    display: block;
    width: 135px;
    height: 20px;
    overflow: hidden;
    color: #a5a5a5;
    text-align: center;
}
.news_list>li>span{
    display: block;
    width: 18px;
    height: 18px;
    margin: 10px auto 24px;
    background: url(../images/news_circle_01.png) center no-repeat;
}
.news_list>li>.news_view{
    position: relative;
    width: 100%;
    height: 110px;
}
.news_list>li:hover .blue_cover{
    display:block;
}
.news_view .blue_cover{
    position: absolute;
    display: none;
    top: 0;
    width: 135px;
    height: 80px;
    background: rgba(14,100,255,.8);
}
.news_view .blue_cover>a{
    display: block;
    width: 100%;
    height: 100%;
}
li>.news_view>a{
    display: block;
    width: 100%;
    height: 80px;
}
li>.news_view>a>img{
    width: 135px;
    height: 80px;
}
.news_view>.news_txt{
    width: 135px;
    height: 30px;
    line-height: 30px;
    padding: 0 20px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    box-shadow: 0px 6px 8px 1px rgba(0, 0, 0, 0.07);
}
.news_view>.news_txt>a{
    display: block;
    color: #b4b4b4;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}
.errow{
    position: relative;
    width: 100%;
    height: 90px;
    background: url(../images/news_dashed.png) center no-repeat;
}
.errow_left{
    float: left;
    width: 51px;
    height: 51px;
    cursor: pointer;
    margin-top: 20px;
    background: url(../images/news_a_left.png) center no-repeat;
}
.errow_left:hover{
    background: url(../images/news_b_left.png) center no-repeat;
}
.errow_right{
    float: right;
    width: 51px;
    height: 51px;
    cursor: pointer;
    margin-top: 20px;
    background: url(../images/news_a_right.png) center no-repeat;
}
.errow_right:hover{
    background: url(../images/news_b_right.png) center no-repeat;
}
.news_cover{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #ebebeb;
    width: 266px;
    height: 90px;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: rgba(27, 95, 221, .2);
}
/* news E */


/* contact S */
.contact{
    width: 100%;
    height: 442px;
    border-bottom: 1px solid #ececec;
}
.contact_title{
    width: 100%;
    height: 145px;
    text-align: center;
    overflow: hidden;
}
.contact_title h3{
    font-size: 24px;
    color: #0e64ff;
    margin-top: 50px;
}
.contact_title p{
    font-size: 28px;
    color: #9e9e9e;
}
.contatc_phone,
.contatc_address,
.contatc_qq{
    float: left;
    width: 33.333333%;
    height: 295px;
    text-align: center;
    color: #b8b8b8;
    background: url(../images/contact_line.png) center 205px no-repeat;
}
.contatc_phone>p:nth-of-type(1),
.contatc_address>p:nth-of-type(1),
.contatc_qq>p:nth-of-type(1){
    margin-top: 28px;
}
.tell_phone,
.address,
.qq{
    width: 116px;
    height: 116px;
    margin: 54px auto 0;
    margin-bottom: 7px;
}
.tell_phone{
    background: url(../images/contact_phone.png) center no-repeat;
}
.tell_phone:hover,
.address:hover,
.qq:hover{
    transform: rotateZ(360deg);
    transition: all .5s;
}
.address{
    background: url(../images/contact_address.png) center no-repeat;
}
.qq{
    background: url(../images/contact_qq.png) center no-repeat;
}
/* contact E */
/* links S */
.links{
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    overflow: hidden;
}
.links>span{
    color: #0e64ff;
}
.links>a{
    padding-left: 65px;
    color: #b8b8b8;
}
.links>a:hover{
    color: #0e64ff;
}
/* links E */


.videoBox{
    width: 100%; 
    margin-bottom: 60px;
}


.videoBox video{
    width: 100%;
    height: 100%;
    object-fit: contain;
}