#loader-wrapper {
    position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000;
}
#loader-wrapper:before{
    position: absolute;top: 50%;left: 50%;height: 50px;width: 50px;background: red;transform: translate(-50%, -50%);
}
#loader{display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border-radius: 50%;border: 3px solid transparent;border-top-color: #37b721;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;z-index: 1001;}
#loader:before {content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border-radius: 50%;border: 3px solid transparent;border-top-color: #f15b5c;-webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite;}
#loader:after {content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border-radius: 50%;border: 3px solid transparent;border-top-color: #2f2f2f;-webkit-animation: spin 1.5s linear infinite;animation: spin 1.5s linear infinite;}

@-webkit-keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes spin {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
@keyframes images {
    0%   { 
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(-360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(-360deg);  /* IE 9 */
        transform: rotate(-360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}
#loader-wrapper .loader-section {
    position: fixed;top: 0;width: 51%;height: 100%;background: #ffffff;z-index: 1000;-webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left{left: 0;}
#loader-wrapper .loader-section.section-right{right: 0;}
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%);

    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
            transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateX(100%);  /* IE 9 */
            transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}

.loaded #loader {
    opacity: 0;-webkit-transition: all 0.3s ease-out;  
            transition: all 0.3s ease-out;}
.loaded #loader-wrapper {
    visibility: hidden;

    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: translateY(-100%);  /* IE 9 */
            transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

    -webkit-transition: all 0.3s 1s ease-out;  
            transition: all 0.3s 1s ease-out;}

/* JavaScript Turned Off */
.no-js #loader-wrapper {
    display: none;}
.no-js h1{color: #222222;}
#content{margin: 0 auto;padding-bottom: 50px;width: 80%;max-width: 978px;}
.mean-container .mean-bar::before {background: url("http://www.qdhaoyuesheng.com/templets/default/static/css/%7Bdede:global.cfg_weblogo/%7D") no-repeat center center / cover!important;}
.sign-link > button{}
.sign-link a{height:60px;position:relative;margin:0 auto;overflow:hidden;border-radius:45px;cursor:pointer;display:block;}
/*.sign-link .avater img{width:100%;}*/
.sign-link:hover #user{display:block;}
#user{background-color:#ffffff;position:absolute;border:1px solid #eeeeee;width:100%;/*display:none;*/float:left;}
#user li{line-height:30px;text-align:center;border-top:1px dashed #eeeeee;}
#user li:nth-child(1){border-top:none;}
/*头部*/

header {position:fixed;top:0px;left:0px;width:100%;z-index:100;background-color:#ffffff;}
header>.headTop{width:100%;height:40px;background-color:#555555;}
header>.headTop>.floor{width:1200px;height:100%;margin:0 auto;line-height:40px;}
header>.headTop>.floor>span{color:#ffffff;margin-right:10px;}
header>.headTop>.floor>span>i{margin-right:5px;}
header>.headTop>.floor>a{float:right;color:#ffffff;}


/* header > .layui-row{} */
header > .layui-row .login{text-align:center;}

header > .layui-row .menu{position:relative;}
header > .layui-row .main-menu{float:right;overflow-y:auto;z-index:99;display:inline-block;}
header > .layui-row .main-menu>li{float:left;padding:0 15px;box-sizing:border-box;position:relative;}
header > .layui-row .main-menu>li>a{position: relative;}
header > .layui-row .main-menu>li>img{position:absolute;right:30px;}
header > .layui-row .main-menu>li.active a {color: #15456f;font-weight: 600;}
header > .layui-row .main-menu>li.active a:before {width:100%;opacity: 1;visibility: visible;bottom: -10px;}
    .main_nav.sticky {position: none;top: 0;-webkit-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;width: 100%;z-index: 99;}
header > .layui-row .main-menu>li>a:before{position: absolute;width:0;height: 2px;background: #15456f;content: '';left: 0;right: 0;margin: 0 auto;bottom: -10px;text-align: center;-webkit-transition: all ease-in-out .5s;transition: all ease-in-out .5s;opacity: 0;visibility: hidden;}
header > .layui-row .main-menu>li:hover > a{color: #15456f;}
	header > .layui-row .main-menu>li:hover > a:before{opacity: 1;visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);width: 100%;bottom: -10px;}


header > .layui-row .main-menu>li.search{position:static;}
header > .layui-row .main-menu>li.search>form{display:none;}
header > .layui-row .main-menu>li.search>button{color:#333333;}
header > .layui-row .main-menu>li.search>form{height:40px;width:300px;border:1px solid #b2b2b2;line-height:0px;overflow:hidden;background-color:#ffffff;}
header > .layui-row .main-menu>li.search>form input{height:100%;width:calc(100% - 40px);border:none;display:inline-block;vertical-align:top;padding-left:5px;box-sizing:border-box;}
header > .layui-row .main-menu>li.search button{height:30px;width:30px!important;padding:0px;background:none!important;color:#B2B2B2;line-height:30px;white-space: nowrap;display: inline-block;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;outline:none;}
header > .layui-row .login{text-align:center;height:100%;}
header > .layui-row .login>a{display: block;background: #15456f;width: 70%;height: 40px;margin: 30px auto;line-height: 40px;color: #ffffff;border-radius: 20px;}
header > .layui-row .mlogin{text-align:center;height:100%;}
.simu{border-bottom: 1px #eee solid;background-color:#ffffff}
.simu .item{text-align:center;}
.simu .fa-stack{font-size:40px;color:#15456f;border-radius:50%;width:80px;height:80px;display:inline-block;border:2px solid #15456f;text-align:center;line-height:80px;-webkit-transition:-webkit-transform .9s linear;-moz-transition:-moz-transform .9s linear;-ms-transition:-ms-transform .9s linear;-o-transition: all .9s linear;transition:transform .9s linear;}
.simu .item a{color:#15456f;display:block;}
.simu .item a h3{font-size:18px;display:block;width:100%;text-align:left;height:20px;}
.simu .item a p{display:block;font-size:14px;text-align:left;line-height:27px;color:#999999;margin-top:6px;vertical-align:bottom;}
.simu .item a:hover p{color:#15456f;}
.simu .layui-col-md3{position:relative;}
.simu .layui-col-md3:hover >.item>span{-webkit-transform: rotateY(360deg);-moz-transform: rotateY(360deg);-ms-transform: rotateY(360deg);-o-transform: rotateY(360deg);transform: rotateY(360deg);}
.simu .layui-col-md3:nth-child(2){cursor:pointer;}



/* .container>.title{margin:0px auto 60px;height:30px;border-bottom:1px solid #15456f;box-sizing:border-box;text-align:center;} */
/* .container>.title>h4{font-size:30px;padding:0 20px;background-color:#ffffff;z-index:99;height:60px;line-height:50px;color:#15456f;box-sizing:border-box;display:inline-block;} */
/* .container>.title>hr{width:150px;z-index:0;float:left;margin-top:-15px;margin:10px auto 0;height:2px;background-color:;} */
.container>.title{height:80px;line-height:80px;background-color:#ffffff;}
.container>.title>.text{height:80px;position:relative;width:500px;margin:0 auto;}
.container>.title>.text>h4{height:100%;line-height:80px;font-weight:600;font-size:25px;margin:0 auto;text-align:center;color:#15456f;background-color:#ffffff;position:absolute;z-index:80;transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);-o-transform:translate(-50%,0%);margin-left:50%;box-sizing:border-box;display:inline-block;padding:0 10px;}
.container>.title>.text>hr{position:absolute;width:100%;margin:0 auto!important;top:50%;background-color:#15456f;z-index:70;}



#module1,#module2{background-color:#ffffff;}
#module1>div{padding:0 20px!important;box-sizing:border-box;/* margin-bottom:50px; */}
#module1>div.layui-col-md2{border-right:1px solid #EEEEEE;box-sizing:border-box;}
#module1>div.layui-col-md5>.moduleTitle{border-bottom:1px solid #EEEEEE;}
.moduleTitle{width:100%;height:40px;line-height:40px;padding:0 10px;}
.moduleTitle>span{font-size:16px;float:left;}
.moduleTitle>a{font-size:16px;float:right;}
.moduleContent{padding:20px 0px 0px;}
#module1 .moduleContent.wechat{text-align:center;}
#module1 .moduleContent>img{width:80%;margin-bottom:20px;}
#module1 .moduleContent>button,.more>a{z-index:50;display: block;overflow: hidden;position: relative;margin: 0px auto 0;border: 1px solid #15456f;border-radius: 5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;-o-border-radius: 5px;display: block;width:180px;height: 40px;font-size: 16px;line-height: 40px;text-align: center;color:#15456f;transition: color .2s ease-in-out;cursor: pointer;outline:none;background-color: #ffffff}
#module1 .moduleContent>button>em,.more>a>em{height:0;background: #15456f;-webkit-transform: translateY(-50%) rotate(45deg);-moz-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}
#module1 .moduleContent>button>i,#module1 .moduleContent>button>em,.more>a>i,.more>a>em{display: block;overflow: hidden;position: absolute;top: 0;left: 0; width: 100%;font-style: normal;-webkit-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
#module1 .moduleContent>button:hover,.more>a:hover >em{height:230px!important;}
#module1 .moduleContent>button:hover,.more>a:hover >i{color:#ffffff;}
.moduleContent>li{width:100%;height:40px;overflow-y:hidden;}
.moduleContent>li>a{width:calc(100% - 100px);float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.moduleContent>li>span{width:100px;float:right;}
.moduleContent>li:hover >a{padding: 2px 8px;color: red;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;box-shadow: 2px 2px 2px 3px #d1d1d1;-webkit-box-shadow: 2px 2px 2px 3px #d1d1d1;-moz-box-shadow: 2px 2px 2px 3px #d1d1d1;-o-box-shadow: 2px 2px 2px 3px #d1d1d1;}

@media screen and (min-width: 992px){
    #module1>.layui-col-md2 {
        width: 20%!important;}
    #module1>.layui-col-md5 {
        width: 40%!important;}
}


#module2>div.layui-col-md4{padding:20px 20px 0;box-sizing:border-box;border-left:1px solid #EEEEEE;height:480px}
#module2>div.layui-col-md4:nth-child(1){border-left:none;}
#module2 .moduleImg{height:120px;overflow:hidden;width:100%;}
#module2 .moduleImg img{width:100%;}

#module2 .moduleImg{height:120px;overflow:hidden;width:100%;}
#module2 .jqtzr{width:100%;height:60px;line-height:60px;padding:0 10px;font-size:30px;border-bottom:1px dashed #eeeeee;}
#module2 #jqtzr{height:400px;padding:20px 0 0;box-sizing:border-box;}
#module2 #jqtzr .swiper-slide{line-height:40px;}
#module2 #jqtzr .swiper-slide>span{display:inline-block;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#module2 #jqtzr .swiper-slide>span:nth-child(1){width:18%;}
#module2 #jqtzr .swiper-slide>span:nth-child(2){width:25%;}
#module2 #jqtzr .swiper-slide>span:nth-child(3){width:32%;}
#module2 #jqtzr .swiper-slide>span:nth-child(4){width:25%;}
#module2 #jqtzr .swiper-slide:hover >span{color:red;cursor:pointer;}






/* PC端 */
@media only screen and (min-width:1200px){
    body>.body{margin-top:130px;}
    body>.body .slide-item{height:500px;}
    header > .layui-row{width:1200px;margin:0px auto;font-size:16px;line-height:90px;}
    header > .layui-row .navBtn{display:none;}
    header > .layui-row .main-menu{height:90px;}
    header > .layui-row .main-menu>li{display:inline-block;}
	header > .layui-row .main-menu>li>img{top:15px;}
    footer > .container > .row >.col-md-2.pcDis{display:none;}
    .simu .item{height:80px;}
    header > .layui-row .main-menu>li.search>form{position:absolute;top:90px;right:0px;border-radius:20px;padding-left:10px;box-sizing:border-box;}
    .container{width:1200px;margin-top:0 auto;}
}
/* PC端 */
@media only screen and (min-width:1000px){
    header > .layui-row .gifby{height:100%;}
    header > .layui-row .gifby>img{width:100%;}
    .simu .item{height:80px;}
    .simu .fa-stack{float:left;margin-right:20px;}
    .simu a{float:left;width:calc(100% - 100px);height:100%;}
}


/*ipad设备*/
@media screen and (max-width: 1200px) and (min-width: 420px){
    body>.body .slide-item{height:300px;}
    header>.headTop>.floor{width:100%;padding:0 10px;box-sizing:border-box;}
    header > .layui-row{width:100%;margin:0px auto;font-size:16px;line-height:80px;}
    header > .layui-row .navBtn{display:none;}
    header > .layui-row .main-menu>li{display:inline-block;}
    header > .layui-row .main-menu>li>img{top:15px;}
    header > .layui-row .login>a{display: inline-block;background: #15456f;width:90%;height: 40px;margin:20px auto;line-height: 40px;color: #ffffff;border-radius: 20px;}
    .simu .layui-col-md3{width:25%;float:left;display:inline-block;}
    .simu .fa-stack{font-size:30px;color: #15456f;}
    .simu p{display: inline;font-size: 14px;display:block;}
    footer > .container > .row >.col-md-2.pcDis{display:none;}
    header > .layui-row .main-menu>li.search>form{position:absolute;top:80px;right:0px;border-radius:20px;padding-left:10px;box-sizing:border-box;}

}
/*ipad设备（）*/
@media screen and (max-width: 1200px) and (min-width:1000px){
    body>.body{margin-top:120px;}
    header > .layui-row .gifby{width:13.3333333%;}
    header > .layui-row .memu{width:70%;}
}

/*ipad设备*/
@media only  screen and (max-width: 1000px){
    header {background-color:rgba(255,255,255,1)}
    body>.body{margin-top:80px;}
    header > .headTop{display:none;}
    header > .layui-row{width:100%;line-height:80px;margin:0px auto;font-size:15px;}
    header > .layui-row>.logo{height:80px;padding:0 15px;}
    header > .layui-row>.logo>.logo-area{width:30%;float:left;}
    header > .layui-row>.logo>.navBtn{width:70%;float:left;line-height:80px;display:block!important;}
    header > .layui-row>.logo>.navBtn>.mlogin{width:70%;float:left;text-align:center;}
    /*header > .layui-row>.logo>.navBtn>.mlogin>a{color:#ffffff;}*/
    header > .layui-row>.logo>.navBtn>button{height:30px;width:30px!important;padding:0px;background:none!important;color:#ffffff;line-height:30px;white-space: nowrap;display: inline-block;text-align: center;font-size:18px;border: none;border-radius: 2px;cursor: pointer;outline:none;float:right;margin-top:25px;}
    header > .layui-row>.logo>.navBtn>button>i{color:#292929;line-height:30px;font-size:25px;}
    header > .layui-row .login{text-align:center;}
    header > .layui-row .main-menu li{width:100%;background-color:rgba(0,0,16,0.8);height:50px;border-top:1px solid #b2b2b2;display:none;}
    header > .layui-row .main-menu>li.search{padding:5px;box-sizing:border-box;}
    header > .layui-row .main-menu li>a{color:#ffffff;display:block;width:100%;height:100%;}
    header > .layui-row .main-menu li>a:before{opacity:0!important;visibility:hidden!important;}
    header > .layui-row .main-menu>li>img{top:15px;}
    header > .layui-row .main-menu{position:absolute;display:none;width:70%;line-height: 50px;right:0;}
    header > .layui-row>.layui-col-md2.login{display:none;}
    header > .layui-row .main-menu>li.search>button{display:none;}
    header > .layui-row .main-menu>li.search>form{display:inline-block;position:static;width:100%;}
    .simu .item{height:100px;}
    .simu .fa-stack{margin:0px auto; width:50px;height:50px;line-height:50px;}
    .simu a{width:100%;text-align:center;margin-top:10px}
    .simu a>h3{text-align:center!important;color:#333333;}
    .simu a>p{text-align:center!important;display:none!important;}

    header > .layui-row .gifby{display:none;}
    #module1>div.layui-col-md2{display:none;}
    .container{padding:0px!important;}
}





/*手机设备*/
@media screen and (max-width: 420px){
    body>.body{margin-top:50px;}
    body>.body .slide-item{height:150px;}
    header > .layui-row{width:100%;line-height:50px;margin:0px auto;font-size:15px;}
    header > .layui-row>.logo{height:50px;padding:0 15px;}
    header > .layui-row>.logo>.navBtn{width:70%;float:left;line-height:50px;display:block!important;}
    header > .layui-row>.logo>.navBtn>button{margin-top:10px;}
    .simu .layui-col-md3{width:25%;float:left;display:inline-block;}
    .simu .fa-stack{font-size:25px;color: #15456f;}
    .simu .container{padding:0px!important;}
    .simu p{display: inline;font-size:13px;display:block;box-sizing:border-box;padding:10px 14px;}
    .simu .layui-col-md3:nth-child(4) .item>p{padding:10px 0;}
    .simu{position:relative;}
    .simu .layui-col-md3{position:static;}
    .simu .layui-col-md3>.wechatCode{width:90%;height:200px;}
    .simu p>span{display:inline-block;width:100%;}
    footer{margin-bottom:52px;}
    footer > .container > .row >.col-md-2{display:inline-block;width:33.33333%;float:left;}
    footer > .container > .row .mDis{display:none;}
    footer > .container > .row >.col-md-3{text-align:center;}
    footer > .container > .row >.col-md-2>.single-footer{padding:0px;text-align:center;}
    .footer-area .single-footer {padding: 30px 0 40px;}
    .container>.title>.text{width:100%!important;}

}

.flex-fill{text-align:center;}

/*项目内容页按钮样式*/
.case-btn>a:hover .wechat{display:block;}
.case-btn>a>.wechat{position:absolute;width:400px;height:267px;top:45px;left:calc(0% + 62px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);transform:translate(-50%,0%);-o-transform:translate(-50%,0%);z-index:200;display:none;}
.case-btn>a>.wechat>.arrow{
        width: 15px;height: 15px;bottom: 50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);margin-left: 50%;border-top: none;border-left: none;}
.case-btn>a>.wechat>img{width:100%;height:100%;position:absolute;top:0px;left:0px;}
.case-btn>a:nth-child(1) .wechat>.arrow{border: 1px solid #cd4b6f;background-color: #cd4b6f;}
.case-btn>a:nth-child(2) .wechat>.arrow{border: 1px solid #b43e32;background-color: #b43e32;}
.case-btn>a:nth-child(3) .wechat>.arrow{border: 1px solid #dc7318;background-color: #dc7318;}

@media only screen and (min-width:1200px){
    .case-btn>a{position:relative;}
}
@media screen and (max-width: 1200px) and (min-width: 420px){
    .case-btn>a{position:relative;}
    .case-btn>a>.wechat{position:absolute;width:400px;height:267px;top:45px;left:0px;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;-webkit-transform:translate(0%,0%);-moz-transform:translate(0%,0%);transform:translate(0%,0%);-o-transform:translate(0%,0%);z-index:200;display:none;}
    .case-btn>a>.wechat>.arrow{
        width: 15px;    height: 15px;    bottom: 0%;    -webkit-transform: translate(0%,-50%) rotate(45deg);    -moz-transform: translate(0%,-50%) rotate(45deg);    transform: translate(0%,-50%) rotate(45deg);    left:-40%;    position:relative;}
}
@media screen and (max-width: 420px){
    .case-btn>a>.wechat{position:absolute;width:90%;height:240px;top:45px;left:50%;background-size:100% 100%;background-repeat:no-repeat;background-position:center center;-webkit-transform:translate(-50%,0%);-moz-transform:translate(-50%,0%);transform:translate(-50%,0%);-o-transform:translate(-50%,0%);z-index:200;display:none;}
    .case-btn>a>.wechat>.arrow{display:none;}
}