/*头部开始*/
.top{ min-height: 625px;
    height: 625px;
    height: -webkit-calc(100vh - 1px);
    height: -moz-calc(100vh - 1px);
    height: calc(100vh - 1px); width: 100%; overflow: hidden; z-index: -2;
    transition: all 0.3s ease-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.top .top-inner{ position: fixed; overflow: hidden; width: 100%; height: 100px; background-color: rgba(0,0,0,0); z-index: 99;}
.top .top-inner .top_in_nav{ height: 100%;}
.top .top-inner .top_in_nav .top_in_nav_b{ height: 52px;padding-top: 46px;}
.top .top-inner .top_in_nav .top_in_nav_b .top_in_nav_l{ height: 55px; float: left;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_1{ width: 204px; margin-right: 48px;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2{ width:628px; position: relative;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2 ul li{ float: left; width: 64px; height: 55px; margin-right: 30px; text-align: center;}
.top .top-inner .top_in_nav .top_in_nav_b .top_in_nav_l a{color:#ccc; font-size: 18px;  line-height: 38px; }
.top .top-inner .top_in_nav .top_in_nav_b .top_in_nav_l a:hover{color:#fff;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2 .cur a{color:#fff;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_2 .curBg{ position: absolute;bottom: 6px; left:0; width: 64px; height: 2px; background-color: #fff;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_3{ width: 98px; margin-left: 40px;}
.top .top-inner .top_in_nav .top_in_nav_b .nav_l_3 a{ font-size: 16px; margin-left: 15px;}
/*.top .hdp .video{position:absolute;top:0;height:auto;width: 100%; display: inline;z-index:1; left: 0}*/
.hdp{
    min-height: 625px;
    height: 625px;
    height: -webkit-calc(100vh - 1px);
    height: -moz-calc(100vh - 1px);
    height: calc(100vh - 1px);width:100%; position: relative;overflow:hidden;
    transition: all 0.3s ease-out;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    /*background: url("../images/black.gif") repeat;*/
}
.hdp .video{position:absolute;top:0;height:auto;width: 100%; display: inline;z-index:1; left: 0}

.banner-txt{
    vertical-align: top;
    position: relative;z-index: 90; padding: 28vh 10px;

    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-transition-delay: 0.6s;
    -moz-transition-delay: 0.6s;
    transition-delay: 0.6s;
    text-align: center;
    /*transform: scale(1.4);*/
}
.banner-txt h1{
    color: #fff;
    margin: 0;
    text-shadow: 0 0 1px rgba(0,0,0,0.6);
    font-size: 40px; margin-bottom: 20px; font-family: 	SimHei;}
.banner-txt h2{ font-size: 16px;color: #fff;
    margin: 0;
    text-shadow: 0 0 1px rgba(0,0,0,0.6);
    font-family: Verdana, Arial, Helvetica, sans-serif; 
}
/*头部结束*/

/*第二屏优势版块*/
 .warp_inner1{ padding: 50px 0 50px 0; text-align: center; background-color: #fff;}
.warp_inner1 h1{line-height: 50px; text-align: center; font-size: 26px;font-weight: normal; color:#2182ff;font-family: Helvetica, TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif; }
.warp_inner1 p{ color:#90a0b0; }
.youShiB{ overflow: hidden; margin-top: 10px;}
.youShiB ul{ width: 1250px;}
.youShiB ul li{ padding: 33px 18px 27px 18px; width: 241px; height: 222px;/* background-color: #fbfbfb;*/ float: left; margin-right: 25px; text-align: center;}
.youShiB ul li:hover{ background-color: #f8f8fc;}
.youShiB ul li img{ margin-bottom: 10px;}
.youShiB ul li p{ color:#020918; font-size: 16px;line-height: 30px;}
.youShiB ul li span{ color:#646a78;}
.youShiB ul li .btn{ color:#5fa2ff; display: block; background-color: #fbfbfb; width: 124px; height: 35px; border:1px solid #5fa2ff; border-radius: 16px; margin: 20px 0 0 55px; cursor: pointer;}
.youShiB ul li .btn:hover{ background: linear-gradient(to right,#52d9fc,#2f87ff); color:#fff; }
/*客户案例*/
.warp_inner2{ position: relative;}
.warp_inner h1{ font-size: 1.2vw; line-height: 100px; text-align: center; }
.warp_inner ul li{ float: left; }
.warp_inner2 ul li{ /*margin: 0 10px;*/}
.warp_inner2 span{position: absolute; bottom: 2px; width: 24px; height: 24px; cursor: pointer; top:22px; }
.box-show{ width: 1200px; height: 350px;  margin:auto 30px; position: relative;  }
.box-show ul{ width: 100%;height: 350px; margin: 0 auto;  position: absolute; top: 0; left: 0; }
.box-show ul li{ }
.box-show ul a{ display: inline-block; width: 252px; height: 70px;margin: 14px 14px; box-shadow: 0 1px 2px rgba(0,0,0,0.07); }


/*客户评价*/
 .warp_inner3{height: 420px;margin-top: 30px; }
 .warp_inner3 .pathBox{ }
 .warp_inner3 .pathBox ul li{ width:288px; margin:0px 0 0 85px; text-align: center;}
 .warp_inner3 .pathBox ul li img{display: inline-block;margin: 0 0 15px 0;}
 .warp_inner3 .pathBox ul li p{ font-size: 18px; color: #666;}
 .warp_inner3 .pathBox ul li h2{font-size: 18px; line-height: 35px;}
 .warp_inner3 .pathBox ul li span{color:#666;line-height: 25px;  text-overflow: ellipsis; /*显示的省略文字由省略号代替！*/  overflow: hidden;}
/*新闻公告*/
 .warp_inner4{ height: 420px; position: relative;}
.warp_inner4 .warp_inner4-inner{position: absolute; width: 100%; height: 100%; }
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f{float: left; height: 580px; width: 550px;}
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .hd{ height: 38px; margin: 50px 0 10px 0;}
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .hd h1{font-size: 20px; color:#fff; line-height: 38px; position: relative;}
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .hd h1::after{ content: ""; position: absolute; width: 1px; height: 20px; background-color: #eee; left: 98px; top:9px; }
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .hd h1 img{position: absolute; right:30px; top:9px; cursor: pointer;}
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .bd{width: 520px; padding-right:30px;}
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .bd ul li{ height: 35px; text-overflow: ellipsis;white-space:nowrap;overflow:hidden; color: #fff; position: relative}
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .bd ul li a{  color:#eee; font-size: 15px; line-height: 35px; }
.warp_inner4 .warp_inner4-inner .warp_inner4-inner-f .bd ul li a:hover{color:#fff; text-decoration: underline;}
.warp_inner4 .warp_inner4-inner .inner4-txt-r .bd ul li a p{ width: 440px; text-overflow: ellipsis;white-space:nowrap;overflow:hidden; }
.warp_inner4 .warp_inner4-inner .inner4-txt-r .bd ul li i{position: absolute; right: 0; top: 9px;}
/*作品展示*/
 .warp_inner5{ text-align: center;}
 .warp_inner5 .bd ul{width: 1220px; overflow: hidden;overflow: inherit; padding:0 0 50px 0;}
 .warp_inner5 .bd ul li{padding:10px;width:204px; height: 225px; background-color:#fff; margin: 0 20px 20px 0; position: relative; top:0;  -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 2px rgba(0,0,0,0.07);}
 .warp_inner5 .bd ul li:hover{  -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.2) ;  -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);  box-shadow: 0 15px 30px rgba(0,0,0,0.1);  top:-5px;}
 .warp_inner5 .bd ul li:hover .pathBox .tx-txt a{}
.agd{  -webkit-transform: all 0.3s ease-out;  -moz-transform: all 0.3s ease-out;  -ms-transform: all 0.3s ease-out;  -o-transform: all 0.3s ease-out;  transition: all 0.3s ease-out;  }
 .warp_inner5 .bd ul li .pathBox{height: 80px; padding: 5px;}
 .warp_inner5 .bd ul li .pathBox div{float: left;}
 .warp_inner5 .bd ul li .pathBox .tx{width: 55px; height: 55px; background: url("../images/icon.png") 0 -776px;}
 .warp_inner5 .bd ul li .pathBox .tx-txt{ padding: 8px; text-align: left;}
 .warp_inner5 .bd ul li .pathBox .tx-txt a{color:#4f92d4;}
 .warp_inner5 .bd ul li .pathBox .tx-txt a:hover{color:#2c3e50;}
 .warp_inner5 .bd ul li .pathBox .tx-txt span{color:#8899a8; font-size: 12px;}
/*底部*/
 .footer{}
 .footer .footer-hd{height: 40px; background-color: #202228;}
 .footer .footer-hd h1{color:#eee;}
 .footer .footer-hd h1 a{color:#b0bcd0; line-height: 40px; margin-right: 10px;}
 .footer .footer-hd h1 a:hover{color:#fff;}
 .footer .footer-bd{ text-align: center; background-color: #2e3238; color:#b0bcd0; padding: 0 0 50px 0; }
 .footer .footer-bd .footer-bd-t ul{width: 350px; height: 30px; margin: 0 auto; padding: 50px 0 5px 0;}
 .footer .footer-bd .footer-bd-t ul li{ float: left;}
 .footer .footer-bd .footer-bd-t ul li a{color:#b0bcd0; margin-right: 10px; line-height: 30px;}
 .footer .footer-bd .footer-bd-t ul li a:hover{color:#fff;}
 .footer .footer-bd p{line-height: 25px;font-size: 12px;  }
 .footer .footer-bd p img{vertical-align: middle; margin-right: 5px;}


/*客服*/
.kf{ position: fixed; right: 0; bottom: 30px; z-index: 100; cursor: pointer;}
.position-r{ position: relative; opacity: 0.8;}
.kf-show{position: absolute; right: 0; bottom: 460px; }
.kf-show .kf-inner{ width: 45px; height: 98px; background-color: #3585ff; border-radius:10px 0 0 10px; font-size: 16px; color:#fff; text-align: center; padding: 10px 0 0 0;}
.kf-hide{right: -167px; bottom: 264px; position: absolute;}
.kf-hide ul li{ width: 165px; height: 46px; background-color: #3585ff; margin-bottom: 3px; border-radius: 4px; color:#fff; font-size: 16px;line-height: 46px; }
.kf-hide ul li img{ margin: 0 10px 0 10px; vertical-align: middle;}