/*首页头部*/
.head{width: 100%;min-width:1210px;height: auto;overflow: hidden;position: fixed;z-index: 100;padding-top: 50px;transition: all 0.3s;max-width: 1920px;}
.headon{margin-top: 0;padding: 20px 0;background-color: rgba(0, 0, 0, 0.6);}
.head .show{/*max-width: 1720px;*/min-width:1210px;margin: 0 auto;}
.head .logo{float: left;margin-left: 5%}
.head .nav{float: right;line-height: 48px;margin-right: 5%;}
.head .nav li{float: left;margin-left: 42px;}
.head .nav li a{font-size: 16px;font-weight: bold;color: #ffffff;padding-bottom: 5px;position: relative;overflow: hidden;}
.head .nav li a:after{position: absolute;background-color: #ffffff;width: 0;height: 1px;right: 0%;bottom: -1px;z-index: -1;transition: all 0.3s ease-in-out;content: ''}
.head .nav li a:hover:after{width: 100%;left: 0%;}
.head .nav .on a{border-bottom: 1px solid #ffffff;}


.banner{position: relative;height: 100%;z-index: 11;overflow: hidden;}
.flexslider{position:relative;height:100%;overflow:hidden;transition: all 0.3s;}
.slides{position:relative;z-index:1;}
.slides li{height:640px;text-align: center;position: relative;}
.slides li a{display: block;height:100%;}
.slides li img{/*margin: 0 auto;*/display: none;position: absolute;margin: auto;left: 0;right: 0;top: 0;bottom: 0;}
.flex-direction-nav{position:absolute;z-index:10;width:100%;top:47%;opacity: 0;transition: all 0.3s;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;z-index: 10;border-radius: 25px;opacity: 0.5;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;transition: all 0.5s;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;transition: all 0.5s;}
.flex-direction-nav li a:hover{width: 60px;height: 50px; opacity: 1;}

.flexslider:hover .flex-direction-nav{opacity:1;}
.flex-control-nav{position: absolute;z-index: 11;width:60px;bottom: 0;right: 108px;height: 90px;display: none;}
.flex-control-nav li{position: absolute;z-index: 2;width: 60px;height: 90px;}
.flex-control-nav li a{color: #ffffff;width: 60px;line-height: 90px;text-align: center;display: none;}
.flex-control-nav li .flex-active{display: block;font-size: 28px;color: #15843b;font-weight: bold;font-family: te2;}
.flexslider .flex-pauseplay{position: absolute;z-index: 10;width: 100px;height: 100px;background-color: #0D6A28;top: 50%;right: 0;text-align: center;line-height: 100px;}

.banner .show{width: 210px;line-height: 40px;text-align: center;background-color: #000000;color: #ffffff;font-size: 16px;border-radius: 20px;margin: 30px auto;cursor: pointer;
position: absolute;z-index: 20;left: 50%;bottom: 200px;margin-left: -105px;}
.banner .show:hover{background-color: rgba(0, 0, 0, 0.8);}

.video{position: fixed;z-index: 100;text-align: center;width: 100%;height: 100%;min-width: 1210px;overflow: hidden;background-color: #000000;}
.video video{width: 100%;}

.stay{position: absolute;z-index: 12;width: 1px;bottom: 0;left: 50%;height:150px;background-color: rgba(255, 255, 255, 0.3);}
.stay p{width: 1px;background-color: #ffffff;animation: chang ease-in-out 2s infinite;height: 0;margin-top: 0;}
@keyframes chang{
    0% {height: 0;margin-top: 0;}
    60% {height: 150px;margin-top: 0;}
    100% {height: 150px;margin-top: 150px;}
}

.video-show{width: 1210px;background-color: #000000;text-align: center;display: none;}
.video-show video{max-width: 100%;margin: 0 auto;}


    /*关于*/
.about{margin-top: 90px;}
.about .title{text-align: center;}
.about .title .p1{font-size: 60px;color: #3e3e3e;line-height: 80px;font-family: Avan;font-weight: bold;}
.about .title .p2{color: #3e3e3e;font-size: 40px;}
.about .title .p3{width: 50px;border-bottom: 4px solid #000000;margin: 32px auto 0 auto;}
.about .des{font-size: 16px;color: #3e3e3e;line-height: 45px;margin-top: 25px;text-align: center;}
.about .des:hover{color: #0D47B3;}

.about .service{position: relative;overflow: hidden;}
.about .line{width: 1px;height: 502px;position: absolute;left: 50%;z-index: 2;background-color: #ffffff;margin-top: 125px;}
.about .left{width: 50%;float: left;min-width: 605px;background: url("../images/ab1.jpg") no-repeat center right;height: 502px;margin-top: 125px;}
.about .left .show{float: right;width: 430px;margin-right: 130px;}
.about .left .show .p1{font-size: 30px;color: #ffffff;font-weight: bold;line-height: 40px;margin-top: 120px;text-align: center;}
.about .left .show .p2{line-height: 34px;font-size: 16px;color: #ffffff;margin-top: 20px;}
.about .left .show .p3{width: 20px;border-bottom: 3px solid #ffffff;margin: 50px auto;transition: all 0.5s;}
.about .left:after{position: absolute;background-color: #0D47B3;width: 0;height: 100%;right: 0%;z-index: -1;transition: all 0.8s ease-in-out;}
.about .left:hover:after{width: 100%;left: 0%;}
.about .left:hover .p3{width: 430px;transition-delay: 0.5s; }

.about .right{width: 50%;float: right;min-width: 605px;background: url("../images/ab2.jpg") no-repeat center right;height: 502px;margin-top: 125px;}
.about .right .show{float: left;width: 430px;margin-left:  130px;}
.about .right .show .p1{font-size: 30px;color: #ffffff;font-weight: bold;line-height: 40px;margin-top: 120px;text-align: center;}
.about .right .show .p2{line-height: 34px;font-size: 16px;color: #ffffff;margin-top: 20px;}
.about .right .show .p3{width: 20px;border-bottom: 3px solid #ffffff;margin: 50px auto;transition: all 0.3s;}
.about .right:after{position: absolute;background-color: #0D47B3;width: 0%;height: 100%;right: 0;z-index: -1;transition: all 0.8s ease-in-out;}
.about .right:hover:after{width: 100%;left: 0;}
.about .right:hover .p3{width: 430px;transition-delay: 0.5s;}
/*解决方案*/
.solution{margin-top: 110px;}
.solution .title{line-height: 70px;height: 70px;overflow: hidden;}
.solution .title .s1{float: left;font-size: 40px;color: #333333;font-weight: bold;}
.solution .title .s2{float: left;font-size: 16px;color: #000000;margin:8px 10px; }
.solution .title .s3{float: right;width: 22px;height: 22px;text-align: center;line-height: 22px;color: #ffffff;background-color: #004DB9;margin-top: 30px;}
.solution ul{width: 1210px!important;}
.solution ul li{text-align: center;width: 288px;border: 1px solid #CCCCCC;padding: 25px 0;float: left;margin-right: 16px;position: relative;overflow: hidden; }
.solution ul li img{margin: 5px auto;transition: all 0.2s;}
.solution ul li p{color: #333333;font-size: 20px;line-height: 30px;transition: all 0.3s;}
.solution ul li:after{position: absolute;background-color: #0D47B3;width: 0;height: 100%;right: 0;top: 0;z-index: -1;transition: all 0.5s ease-in-out;}
.solution ul li:hover:after{width: 100%;left: 0;}
.solution ul li:hover img{filter: grayscale(100%) brightness(5)}
.solution ul li:hover p{color: #ffffff;}

.news{margin-top: 70px;}
.news .title{text-align: center;font-size: 40px;color: #333333;font-weight: bold;line-height: 70px;}
.news ul{margin-top: 50px;padding-bottom: 36px;}
.news ul li{width: 270px;padding: 30px;border: 1px solid #ccc;float: left;margin: 0 35px;transition: all 0.3s;}
.news ul li .p1{line-height: 35px;height: 35px;font-weight: bold;font-size: 18px;color: #2c2c2c;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news ul li .p2{line-height: 30px;height: 90px;color: #2c2c2c;transition: all 0.3s;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.news ul li img{width: 270px;height: 150px;margin: 10px 0;}
.news ul li:hover{  box-shadow: 0px 22px 22px 0px rgba(0, 0, 0, 0.11);;margin-top: -5px;}
.news ul li:hover .p1{color: #0D47B3;}
.news ul li:hover .p2{color: #0D47B3;}

.news2{margin-top: 20px;}
.news2 ul{height: auto;overflow: hidden;}
.news2 ul li{width:330px;margin:0 35px;float: left; }
.news2 ul li .p1{line-height: 25px;height: 25px;color: #2c2c2c;font-weight: bold;font-size: 12px;
 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.news2 ul li .p2{line-height: 25px;color: #2c2c2c;font-size: 12px;}
.news2 ul li:hover .p1{color: #0D47B3;}
.news2 ul li:hover .p2{color: #0D47B3;}