.active a{color: #000}

.active a:hover{color:#fff;}

.dropdown a{color: #000;}

.dropdown a:hover{color:#fff;}



/*服务*/

body{background: rgb(243, 243, 243)}

.test{background: rgb(153, 0, 0);color: #fff}

.header-bg{width: 100%;}

.page{border-left:4px solid rgb(153, 0, 0);height: 3vh;line-height: 3vh;}

.btn-20{margin-top: 5vh}

.page-list{font-size: 1.5vh;    border-bottom-width: 1px;

    border-bottom-style: dotted;

    border-bottom-color: rgba(221,221,221,1);}

.page-list a:last-child{color:rgb(153, 0, 0);padding-left: 1vh}

.fuwu-title{width: 12%;border-bottom: 2px solid rgb(153, 0, 0);margin-left: 44%;padding-top: 2vh;}

.wz{padding-top: 2vh}

.titleA p:first-child{font-size: 1.5vh;}

.hot-al{background: #fff;margin-bottom: 2vh}

.hot-title{width: 100%;display: block; border-left:3px solid rgb(153, 0, 0);margin:2vh 0;}

.hot-title p{font-size: 2vh;padding-left: 2vh;}

.hot-title a{float:right;line-height: 2.5vh;color:#444444;}

.hot-title a:hover{color:#1687CD;}

.news-tlt{background: #fff;margin-bottom: 2vh;padding-bottom: 2vh;}

.news-xq{color: #666;padding:1.5vh;border-bottom: 1px solid #CCC;}

.news-xq p span{padding-right: 1vh;float:left;}

.news-xq a{color: #666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.news-xq a:hover {color: #000;}

/*新闻*/

.button-0{margin-top: 1vh}

.button-0 ul li{display: inline-block;height: 3vh;margin-right: 1vh}

.button-1{border:1px solid rgb(153, 0, 0);color: rgb(153, 0, 0);padding:1.5vh;border-radius: 10px;}

.button-0 ul li:hover .button-1{border:1px solid #059FE9;color:#000;}

.news-lists{margin-top: 5vh;}

.news-lists ul li{width: 100%;margin-bottom: 3vh;border-bottom: 1 ;border-bottom-width: 1px;

    border-bottom-style: dotted;

    border-bottom-color: rgba(221,221,221,1);}

.news-dan{width: 35%;overflow: hidden;padding: 0;cursor: pointer;}

.news-dan img{width: 100%;transition: all 0.6s;object-fit: cover;}

.news-dan img:hover{transform: scale(1.1,1.1);}

.news-suan{width: 65%;overflow: hidden;padding-left: 1vh}

.news-suan p{padding-bottom: 4vh}

.news-suan p:nth-child(1){font-size: 1.5vh;cursor: pointer;}

.news-suan p a:hover{color:rgb(153, 0, 0);}

.news-suan p:nth-child(2){color: #ababab;}

.news-suan p:nth-child(3){color: #ababab;}

.news-suan p span{float: right;}

.news-suan p span i{padding-right: 1vh}

.btn-600{padding-bottom:2vh;}

/*案例*/
/*.btn-1100 img{height: 10vh;}*/
.big-header{background-color: rgb(238, 238, 238);}

.anli-title400{font-size:1vh;}

.anli-title400 ul{width: 100%;height: 100%; margin: 0 auto; display: table;}

.anli-title400 ul li{display: inline-block;height: 100%; text-align: center;font-weight: 400;line-height: 4vh;display: table-cell;cursor: pointer;}

.anli-title400 ul li:hover{background:rgb(153, 0, 0);}

.anli-title400 ul li a{color: #000;width: 100%;height: 100%;display: inline-block;}

.anli-title400 ul li a:hover{color: #fff;}

.caption p:nth-child(2){color:#999;font-size: 1vh;}

.caption p:nth-child(1):hover{color:rgb(153, 0, 0);text-decoration: underline }

#smv_tem_123_57{left: 70%;top: -1vh;z-index:19;}

.page{margin-bottom: 2vh;}

/*联系我们*/

.page-list span{padding-right: 1vh}

#text-lxwm{background:rgb(153, 0, 0);}

#text-lxwm a{color:#fff;}

.page-list a:hover{color:rgb(153, 0, 0) }

.page-list a{color: #ababab;opacity: 1;}

.glyphicon{color: #ababab;}

.anli-titleone{font-size:2.5vh;text-align: center;padding-top: 1vh;color: #000;}

.anli-titletwo{width: 12%; border-bottom:2px dotted rgb(153, 0, 0);margin-left: 44%;padding-top: 1vh;}

.lx-js{padding-top: 5vh}

.lx-js p{padding:1vh 0;}

.lx-js p:nth-child(1){font-size: 2vh;color: #333333;}

.img-ew{width: 70%}

.img-ew p{font-size: 1vh;text-align: center;}

#lx-js2 p{font-size: 1.5vh}

#lx-js2 p:nth-child(1){padding-bottom: 4vh}

#lx-js2 p:nth-child(2){padding-bottom: 6vh}

#lx-js2 p:nth-child(3){padding-bottom: 2vh}

/*关于我们*/

.test a{color: #fff}

.btn-60 img{object-fit: cover;margin-top: 2vh;}

.gs-js p{text-align: justify;color: #333333;line-height: 2;font-size: 1.5vh;}

.gs-js2 p{text-align: justify;color: #333333;line-height: 2;font-size: 1.5vh;}

.btn-60{padding-bottom: 2vh;border-bottom: 2px dotted rgba(221,221,221,1);}

/*定义一个名字为lefteaseinAnimate动画，实现从页面的左边淡入页面效果*/

@keyframes lefteaseinAnimate{

    0%{ transform: translateX(-2000px); opacity: 0;}   /*在0%时设置文字在想X轴-2000px位移处（左边），透明度为0，也就是看不见文字*/

    100%{ transform: translateX(0px); opacity: 1;}         /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/

}

@-webkit-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

@-o-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

@-ms-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

@-moz-keyframes lefteaseinAnimate{

    0%{ -webkit-transform: translateX(-2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}    

}

.gs-js2{

    animation: lefteaseinAnimate 1s ease 1;    /*调用已定义好的动画lefteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/

    -webkit-animation: lefteaseinAnimate 1s ease 1;

    -ms-animation: lefteaseinAnimate 1s ease 1;

    -o-animation: lefteaseinAnimate 1s ease 1;

    -moz-animation: lefteaseinAnimate 1s ease 1;

    

    /*规定动画的最后状态为结束状态*/

    animation-fill-mode:forwards;

    -webkit-animation-fill-mode: forwards;  

      -o-animation-fill-mode: forwards; 

      -ms-animation-fill-mode: forwards;   

      -moz-animation-fill-mode: forwards; 

}



/*定义一个名字为righteaseinAnimate动画，实现从页面的右边淡入页面效果*/

@keyframes righteaseinAnimate{

    0%{ transform: translateX(2000px); opacity: 0;}   /*在0%时设置文字在想X轴2000px位移处（右边），透明度为0，也就是看不见文字*/

    100%{ transform: translateX(0px); opacity: 1;}      /*在100%时设置文字在想X轴0px位移处，也就是原始布局的位置，透明度为1，也就是文字可以看见了*/

}

@-webkit-keyframes righteaseinAnimate{

    0%{ -webkit-transform: translateX(2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}

}

@-o-keyframes righteaseinAnimate{

    0%{ -webkit-transform: translateX(2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}

}

@-ms-keyframes righteaseinAnimate{

    0%{ -webkit-transform: translateX(2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}

}

@-moz-keyframes righteaseinAnimate{

    0%{ -webkit-transform: translateX(2000px); opacity: 0;}

    100%{ -webkit-transform: translateX(0px); opacity: 1;}

}

.gs-js{

    animation: righteaseinAnimate 1s ease 1;    /*调用已定义好的动画righteaseinAnimate，全程运行时间1S，进入的速度曲线为ease，只播放一次*/

    -webkit-animation: righteaseinAnimate 1s ease 1;

    -moz-animation: righteaseinAnimate 1s ease 1;

    -ms-animation: righteaseinAnimate 1s ease 1;

    -o-animation: righteaseinAnimate 1s ease 1;

    

    /*规定动画的最后状态为结束状态*/

    animation-fill-mode:forwards;

    -webkit-animation-fill-mode: forwards;  

      -o-animation-fill-mode: forwards; 

      -ms-animation-fill-mode: forwards;   

      -moz-animation-fill-mode: forwards; 

}



   @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/

            0%{

                transform: scale(0.05);  /*开始为原始大小*/

            }

			100%{

                transform: scale(1);

            }

        }



.gs-js3{ width: 100%;

            height: 300px;

            /*background: url("../picture/2009766.jpg");*/

            -webkit-animation-name: scaleDraw; /*关键帧名称*/

            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

            -webkit-animation-iteration-count: 1;  /*动画播放的次数*/

            -webkit-animation-duration: 1s; /*动画所花费的时间*/}

.gs-js3{ width: 100%;

            height: 300px;

            /*background: url("../picture/2009766.jpg");*/

            -webkit-animation-name: scaleDraw; /*关键帧名称*/

            -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/

            -webkit-animation-iteration-count: 1;  /*动画播放的次数*/

            -webkit-animation-duration: 1s; /*动画所花费的时间*/}



.about-anli{background:url(../picture/1984706.jpg);}

.about-anli p{text-align: center;font-size: 2vw}

.about-anli span{color:#ff6600;font-size: 5vw}

.about-anli .col-xs-3 p:nth-child(1){padding-bottom: 2vh;padding-top: 11vh;}

.about-anli .col-xs-3 p:nth-child(2){font-size: 1.5vw}

.about-anli .col-xs-3{padding-bottom: 5vh}

.btn-200{background: rgb(68, 68, 68);width: 100%;}

.btn-200 h1{color: #fff;font-size: 2.4vh}

.btn-200 h2{color: #fff;font-size: 2.4vh}

.btn-200 h2 span{color: #fff;font-size: 2vh}

/*新闻详情*/

.news-list-title h1{text-align: center;font-size: 3vh;padding-bottom: 1vh}

.news-list-title p{text-align: center;font-size: 1.5vh;padding-bottom: 5vh;color: #999999;padding-right: 1vh;}

.news-list-title p i{padding-left: 1vh;}

.news-list-title-content{width: 100%;height: auto;}

.news-list-title-content img{max-width: 100%;object-fit: cover;}

.news-list-title-content p{font-size: 1.5vh}

.news-list-title-left{float: left;padding-top:2vh;}

.news-list-title-right{float: right;padding-top:2vh;}

.news-list-title-left{color: #000;font-size:1.5vh }

.news-list-title-right{color: #000;font-size:1.5vh }

.news-list-title-left a:hover{color:rgb(153, 0, 0)  }

.news-list-title-right a:hover{color:rgb(153, 0, 0)  }

/*优势*/

.hot-title2 p{font-size: 1.5vh;line-height: 3vh;height: 10vh;overflow: hidden}

.anli-page p{font-size: 3vh}

.anli-page1{padding-bottom: 1vh}

.anli-page2{padding-bottom: 2vh}

.anli-page2 p{font-size: 2vh;color: #ababab;}

.anli-page2 p span{padding-left: 2vh}

.anli-page3 p{font-size: 1.5vh;}



/*案例详情*/

*{

    margin:0;

    padding:0;

    font-family:microsoft yahei,'黑体';

}

#youdaoBanner{

    height:20vh;

    width: 100%;

    position:relative;

}

#youdaoBanner .swiper-slide{

    width: 20vh;

    padding:0 30px;

    position:relative;

}

#youdaoBanner .swiper-slide .bg{

    height: 326px;

    background-repeat: no-repeat;

    background-position: center top;

    position:relative;

    overflow:hidden;

    }

#youdaoBanner .swiper-slide .white-top{

    background:url(../images/white-top.png);

    position:absolute;

    z-index:900;

    top:0;

    left:0;

    width:100%;

    height:8px;

}

#youdaoBanner .swiper-slide .white-bottom{

    background:url(../images/white-bottom.png);

    position:absolute;

    z-index:900;

    bottom:0;

    left:0;

    width:100%;

    height:8px;}

#youdaoBanner .bg .black-mask{

    width:480px;

    height:326px;

    position:absolute;

    z-index:1;

    top:0;

    left:0;

    background:url(../images/black-mask.png);}

#youdaoBanner .bg:hover .black-mask{

    display:none;

}

#youdaoBanner .swiper-button-prev,#youdaoBanner .swiper-button-next{

position: absolute;

z-index: 999;

top: 50%;

left: 1%;

margin-top: -10%;

width: 6.3vh;

height: 6.3vh;

    background:url(../images/swiper-btn.png);

    cursor:pointer;

    display:none;

}

#youdaoBanner .swiper-button-next{

    background-position:0 -60px;

    left:auto;

    right:10px;}

#youdaoBanner:hover .swiper-button-prev,#youdaoBanner:hover .swiper-button-next{

    display:block;

}





#youdaoBanner .swiper-slide .bg:hover{

    background: url(../images/fire.png) #fc6760 340px 210px no-repeat;

    }



#youdaoBanner .info{

    position: absolute;

    padding:30px;

    z-index:999;

    bottom: -149px;

    color:#fff;

    font-size:14px;

    padding-top:30px;

}

#youdaoBanner .info .date{

    font-size: 14px;

    margin-bottom: 16px;

}

#youdaoBanner .info h3{

    margin-bottom: 18px;

}

#youdaoBanner .info h3 a{

    color: #fff;

    font-size: 24px;

    font-weight: 500;

    text-decoration:none;

}

#youdaoBanner .info p{

    text-indent:2em;

}

#youdaoBanner .info .btn{

    margin-top: 40px;

    display:block;

    color: #fff;

    font-size: 16px;

    text-align:center;

    width:106px;

    height:42px;

    line-height: 40px;

    text-decoration:none;

    background:url(../images/link_bg.png) no-repeat;

}

#youdaoBanner .info .btn:hover{

    

    color:#000;

    background:url(../images/link_bg.png) no-repeat left -42px;

}

.anli-page4{width: 100%;overflow: hidden}

.slide1 p{text-align: center;font-size: 1.5vh;padding:1vh 0;}

#anli-page5{height: 10vh;overflow: hidden}

.slide1 a img{ transition: all 0.6s;object-fit: cover;}



.slide1 a img:hover{transform: scale(1.1,1.1);}

.x-video-title{display: none}