/*------------------------------- 侧边栏 -------------------------------------*/
.aside-nav {
    position: fixed;
    right: 7px;
    top: 50%;
    transform:translateY(-50%);
    z-index: 10000;
}
.aside-nav-close {
    margin: 0 auto;
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #e75c1e;
    border-radius: 50%;
    text-align: center;
    visibility: visible;
    cursor: pointer;
}
.aside-nav-in.close {
    transform: translateX(100px);
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one {
    position: relative;
    margin-top: 6px;
    margin-bottom: 6px;
    height:54px;
    width:54px;
    line-height: 52px;
    text-align: right;
}

.aside-nav-one-img {
    position: absolute;
    left: 0;
    top: -1px;
    z-index: 10;
    width: 54px;
    height: 54px;
    text-align: center;
    transition: .3s;
    padding-top: 18px;
}
.aside-nav-one-img img{
    width: 22px;
}
.more-width:hover .aside-nav-one-img {
    left: -73px;
}
.more-width-call:hover .aside-nav-one-img {
    left: -102px;
}
.aside-nav-one-desc {
    position: absolute;
    right: 0;
    padding-right: 16px;
    width: 54px;
    height: 54px;
    font-size: 14px;
    line-height: 52px;
    background: #49baa8;
    color: #49baa8;
    border-radius: 50px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: .3s, color .1s;
}

.aside-nav-one-desc .qq-name{
    display: inline-block;
    margin-right: 15px;
}

.aside-nav-one-desc .qq-name i{
  width: 22px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

.aside-nav-one-desc .qq-name span{
  font-size: 14px;
  color: #D10F44;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
}

.qq-name-box{
    position: absolute;
    left: 0px;
}
.more-width:hover .aside-nav-one-desc {
    width: 125px;
    color: #fff;
    transition: .3s;
}
.more-width-qq.more-width:hover .aside-nav-one-desc{
    width: 54px;
}

.more-width-call:hover .aside-nav-one-desc {
    width: 156px;
}

.more-width-qq:hover .aside-nav-one-desc {
    /*width: 281px;*/
}

.more-width-qq:hover .aside-nav-one-desc span{
    transition:.3s .1s;
    color: #fff;
}

.more-width-qq:hover .aside-nav-one-img{
    left: inherit;right: 0;
}
.ewxs{
    position: absolute;right: 70px; top: 0;display: none;
}
.ewxs img{
    width: 150px;
}
.more-width-qq:hover .ewxs{
    display: block;
}
.aside-nav-one-qrcode {
    position: absolute;
    left: -200px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .3s;
}
.aside-nav-one:hover .aside-nav-one-qrcode {
    left: -140px;
    opacity: 1;
    visibility: visible;
}

/*------------------------------- 侧边栏end -------------------------------------*/



.more-width-qq:hover .ewxs{display:block;}
@media (max-width: 768px){
.aside-nav{display:none;}
}
/*! CSS Used from: https://www.shgowin.cn/skin/css/case.css */
a:focus{outline:none;}

.trans{



    -webkit-transition: all .5s ease;

    -moz-transition:all .5s ease;

    -o-transition:all .5s ease;

    -ms-transition:all .5s ease;

    transition:all .5s ease;

}



/* page animation  */



.ani-view {

    -webkit-animation-duration:1s;

    -moz-animation-duration:1s;

    -o-animation-duration:1s;

    animation-duration:1s;

    -webkit-animation-fill-mode:forwards;

    -moz-animation-fill-mode:forwards;

    -o-animation-fill-mode:forwards;

    animation-fill-mode:forwards;

}



@-webkit-keyframes fadeInDown {

    0% {

        opacity:0;

        -webkit-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateY(0)

    }

}

@-moz-keyframes fadeInDown {

    0% {

        opacity:0;

        -moz-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -moz-transform:translateY(0)

    }

}

@-o-keyframes fadeInDown {

    0% {

        opacity:0;

        -o-transform:translateY(20px)

    }

    100% {

        opacity:1;

        -o-transform:translateY(0)

    }

}

@keyframes fadeInDown {

    0% {

        opacity:0;

        transform:translateY(20px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}



.ani-view.fade-in-down{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateY(20px);

    -moz-transform:translateY(20px);

    -o-transform:translateY(20px);

    transform:translateY(20px);

    -ms-transform:translateY(0)\0/IE9;

}

.ani-view.fadeInDown {

    -webkit-animation-name:fadeInDown;

    -moz-animation-name:fadeInDown;

    -o-animation-name:fadeInDown;

    animation-name:fadeInDown;



}





@-webkit-keyframes fadeInLeft {

    0% {

        opacity:0;

        -webkit-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInLeft {

    0% {

        opacity:0;

        -moz-transform:translateX(-100px)

    }

    100% {

        opacity:1;

        -moz-transform:translateX(0)

    }

}

@-o-keyframes fadeInLeft {

    0% {

    opacity:0;

    -o-transform:translateX(-100px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInLeft {

    0% {

    opacity:0;

    transform:translateX(-100px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.ani-view.fade-in-left{



    opacity:0;

    opacity:1\0/IE9;

    



    -webkit-transform:translateX(-100px);

    -moz-transform:translateX(-100px);

    -o-transform:translateX(-100px);

    transform:translateX(-100px);

    -ms-transform:translateX(0)\0/IE9;

}

.ani-view.fadeInLeft {

    -webkit-animation-name:fadeInLeft;

    -moz-animation-name:fadeInLeft;

    -o-animation-name:fadeInLeft;

    animation-name:fadeInLeft;

}





@-webkit-keyframes fadeInRight {

    0% {

    opacity:0;

    -webkit-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateX(0)

    }

}

@-moz-keyframes fadeInRight {

    0% {

    opacity:0;

    -moz-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -moz-transform:translateX(0)

    }

}

@-ms-keyframes fadeInRight {

    0% {

    opacity:0;

    -ms-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -ms-transform:translateX(0)

    }

}

@-o-keyframes fadeInRight {

    0% {

    opacity:0;

    -o-transform:translateX(100px)

    }

    100% {

    opacity:1;

    -o-transform:translateX(0)

    }

}

@keyframes fadeInRight {

    0% {

    opacity:0;

    transform:translateX(100px)

    }

    100% {

    opacity:1;

    transform:translateX(0)

    }

}

.ani-view.fade-in-right{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateX(100px);

    -moz-transform:translateX(100px);

    -o-transform:translateX(100px);

    transform:translateX(100px);

    -ms-transform:translateX(0)\0/IE9;

}

.ani-view.fadeInRight {

    -webkit-animation-name:fadeInRight;

    -moz-animation-name:fadeInRight;

    -o-animation-name:fadeInRight;

    animation-name:fadeInRight;

}







/*首页第2屏载入特效*/

@-webkit-keyframes indCon2fadeInDown {

    0% {

    opacity:0;

    -webkit-transform:translateY(167px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateY(0)

    }

}

@-moz-keyframes indCon2fadeInDown {

    0% {

    opacity:0;

    -moz-transform:translateY(167px)

    }

    100% {

    opacity:1;

    -moz-transform:translateY(0)

    }

}

@-ms-keyframes indCon2fadeInDown {

    0% {

    opacity:0;

    -ms-transform:translateY(167px)

    }

    100% {

    opacity:1;

    -ms-transform:translateY(0)

    }

}

@-o-keyframes indCon2fadeInDown {

    0% {

    opacity:0;

    -o-transform:translateY(167px)

    }

    100% {

    opacity:1;

    -o-transform:translateY(0)

    }

}

@keyframes indCon2fadeInDown {

    0% {

        opacity:0;

        transform:translateY(167px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}



.ani-view.indCon2-fade-in-down{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateY(167px);

    -moz-transform:translateY(167px);

    -o-transform:translateY(167px);

    transform:translateY(167px);

    -ms-transform:translateY(0)\0/IE9;

}

.ani-view.indCon2fadeInDown {

	-webkit-animation-name:indCon2fadeInDown;

    -moz-animation-name:indCon2fadeInDown;

    -o-animation-name:indCon2fadeInDown;

    animation-name:indCon2fadeInDown;

}



@-webkit-keyframes indCon2fadeInUp {

    0% {

    opacity:0;

    -webkit-transform:translateY(-167px)

    }

    100% {

    opacity:1;

    -webkit-transform:translateY(0)

    }

}

@-moz-keyframes indCon2fadeInUp {

    0% {

    opacity:0;

    -moz-transform:translateY(-167px)

    }

    100% {

    opacity:1;

    -moz-transform:translateY(0)

    }

}

@-ms-keyframes indCon2fadeInUp {

    0% {

    opacity:0;

    -ms-transform:translateY(-167px)

    }

    100% {

    opacity:1;

    -ms-transform:translateY(0)

    }

}

@-o-keyframes indCon2fadeInUp {

    0% {

    opacity:0;

    -o-transform:translateY(-167px)

    }

    100% {

    opacity:1;

    -o-transform:translateY(0)

    }

}

@keyframes indCon2fadeInUp {

    0% {

        opacity:0;

        transform:translateY(-167px)

    }

    100% {

        opacity:1;

        transform:translateY(0)

    }

}



.ani-view.indCon2-fade-in-up{

    opacity:0;

    opacity:1\0/IE9;

    

    -webkit-transform:translateY(-167px);

    -moz-transform:translateY(-167px);

    -o-transform:translateY(-167px);

    transform:translateY(-167px);

    -ms-transform:translateY(0)\0/IE9;

}

.ani-view.indCon2fadeInUp {

	-webkit-animation-name:indCon2fadeInUp;

    -moz-animation-name:indCon2fadeInUp;

    -o-animation-name:indCon2fadeInUp;

    animation-name:indCon2fadeInUp;

}


.wrapper_new.wrapper-intro{
	width: 95%
}
.wrapper_new.wrapper-intro .text_left{
	text-align: left;
}
.float_right{
	float: right;
}
.wrapper_new.wrapper-intro.index_son{
	padding: 0
}







.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clear{zoom:1;}
.left{float:left;}
.right{float:right;}
.footer{background:#333;padding:45px 0;position:relative;z-index:10;}
.footer-in{width:1180px;margin:0 auto;color:#6a6a6a;}
.footer1{width:390px;}
.footer1-1{width:102px;font-size:12px;text-align:center;color:#6a6a6a;}
.footer1-2{width:225px;font-size:12px;color:#6a6a6a;}
.footer1-2 img{display:block;margin-bottom:20px;}
.footer2{width:380px;margin-left:75px;}
.footer2 dl{float:left;margin-right:60px;margin-top:-15px;}
.footer2 dl dt{font-size:24px;border-bottom:1px solid #6a6a6a;margin-bottom:14px;color:#999;}
.footer2 dl dd{height:24px;}
.footer2 dl dd a{color:#6a6a6a;transition:all .3s ease;font-size:12px;display:block;line-height:24px;}
.footer2 dl dd a:hover{color:#fff;}
.footer3{width:255px;font-size:12px;color:#757575;}
@media screen and (max-width:1920px){
div,dl,dt,dd{font-size:14px;}
}
@media screen and (max-width:750px){
.footer{display:none;}
.footer{display:none;}
}