/*公共样式*/
p,br{margin-bottom:10px}
a:hover{color:#0099FF}
a {transition:color 0.2s ease-in}
pre{white-space:pre-wrap;word-wrap:break-word;}

.float-nav-toggle{display:block;text-align:center;position:fixed;left:20px;bottom:60px;color:#fff;font-size:18px;width:40px;height:40px;line-height:40px;background-color:#076bdd;border-radius:20px;}
/*遮罩层*/
.mask-bg{position:fixed;width: 100%;height:100%;display:none;height:100vh;background-color: rgba(0, 0, 0, .7);overflow:hidden;z-index:99;top: 0;left: 0;}
.mask-bg.active{display:block;}

/*顶部*/
.header{top:0px;position:fixed;z-index:5;width:100%;margin:0px auto;z-index:2147483648;}
.header .container{position:relative;line-height:70px;z-index:2147483648;}
.header .container .logo{display:block;position:absolute;max-width:50%}
.header .container .logo img{height:100%;}
.header .login-box{position:absolute;font-size:16px;z-index:1}
.header .login-box a{color:#ffffff;padding-left:20px;}
.header .login-box a:hover{color:#00c1de}
.header .login-box a.denglu {background: url(../images/denglu.png) no-repeat left center;margin-right:20px;}
.header .login-box a.zhuce {background: url(../images/zhuce.png) no-repeat left center;}
.header.header-small{background-color:rgba(0,0,0,.7)!important}

/*自定义导航动画，也可以用animater.css中的动画，需要在script.js中修改*/
.nav .animated,.sub-nav .animated{-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.navSlide{-webkit-animation-name:navSlide;animation-name:navSlide}
@keyframes navSlide{0%{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:visible}100%{-webkit-transform:translateY(0);opacity:1;transform:translateY(0)}}

/*主菜单*/
@media (min-width:1000px) /*pc端*/
{
.header .nav-toggle{display:none}
.header .login-box{right:15px;}
.nav>ul>li{float:left;text-align:center;line-height:70px;}
.nav>ul>li>ul{position:absolute;}
.nav>ul>li>a{padding:0px 25px;color:#fff;font-size:17px}
.nav >ul>li.current1 >a,.nav >ul>li> a:hover{color:#00c1de;}
.nav li:hover> ul{display:block;}
.nav> ul > li > ul::before {display:block;margin:0px auto;text-align: center;position:absolute;top:-8px;left:45%;content: "";width: 0;height: 0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom: 8px solid rgba(0,0,0,.7);}
.nav> ul > li > ul li ul::before{display:block;margin:0px auto;text-align: center;position:absolute;top:20px;left:-10px;content: "";width: 0;height: 0;border-bottom:5px solid transparent;border-right:5px solid transparent;border-top: 5px solid transparent;border-left: 5px solid #fff;}

.nav li a{font-size:17px;color:#ffffff;display:block;padding:0px 25px;}
.nav ul li ul li a{display:block;width:100%;text-align:center;color:#fff;font-size:15px;line-height:40px} 
.nav ul li ul li a:hover{text-decoration:none;color:#00c1de;}

.nav ul li{position:relative;}
.nav ul li .arrow{display:none}
.nav ul li ul{background-color:rgba(0,0,0,.7);display:none;left:calc((100% - 150px) / 2);position:absolute;z-index:2;width:150px;padding-top:10px;padding-bottom:10px} /*二级ul样式*/
.nav ul li ul li ul{left:100%;top:0px; display:none;}/*三级以后ul样式*/
.header-small .nav> ul > li > ul::before{display:none}
}

@media (max-width:1000px) /*手机端*/
{
.header{position:relative}
.header{background-color:rgba(0,0,0,0.9)!important;height:70px;}
.header .login-box{position:absolute;right:80px;line-height:30px;display:none}
.header .logo img{height:70px;}
.header .nav-toggle{position:absolute;right:0px;top:0px;font-size:25px;color:#eee;min-width:60px;height:70px;line-height:70px;text-align:center;cursor:pointer;z-index:1;}
.header .nav-toggle.active{color:#ccc;}
.nav{position:fixed;width:300px;max-width:65%;top:0px;right:-100%;background:#fff;height:100%;height:100vh;transition:all 0.2s linear;overflow-y:auto;z-index:2147483648;}
.nav.active{right:0px}
.nav ul li{line-height: 45px;text-align:left}
.nav ul li ul{display:none;} /*二级ul样式*/
.nav ul li a{padding-left:30px;display:block;color:#333;font-size:16px;line-height:3.5;border-bottom: 1px solid #dcdcdc}
.nav ul li ul li a{padding-left:60px;font-size:15px;background-color:#eeeeee}
.nav ul li ul li ul li a{padding-left:90px;}
.nav ul li ul li ul li li a{padding-left:120px;}
.nav ul li{position:relative;}
.nav ul li .arrow{position:absolute;right:0px;top:0px;width:50px;height:50px;line-height:50px; text-align:center;transition-duration:0s}
.nav ul li .arrow:after{font-family:FontAwesome;content:"\f105";display:block;font-weight:bold;font-size:18px}

.nav ul li.current > a{color:#666;}
.nav ul li.active > ul{display:block}
.nav ul li.active > .arrow{transform:rotate(90deg)}
}

/*banner样式*/
.banner{padding-top:120px;padding-bottom: 30px;color: #fff;}
.banner .text-intro {color: #ffffff}

@media (max-width: 992px)
{
  .banner {display: none}
}

a.btn-link {display: inline-block;border: 1px solid #fff;padding-left:30px;padding-right:30px;color: #ffffff;transition: background .15s linear,color .15s linear;}
a.btn-link:hover, a.btn-link:focus {background-color: #fff;color:#0099FF;text-decoration: none;}

a.btn-zdy {display: inline-block;border: 1px solid #fff;border-radius: 4px;padding: 8px 45px 10px;color: #ffffff;font-size: 22px; transition: background .15s linear,color .15s linear;}
 a.btn-zdy:hover {background-color: #fff;color: #2589ff;text-decoration: none; }

@media (max-width: 992px)
{
a.btn-zdy {display: inline-block;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 5px 10px 5px;
    color: #ffffff;
    font-size:14px;
    transition: background .15s linear,color .15s linear;}
}


 /*网站模块通用样式*/
.location-container{padding:20px 0px}
.breadcrumb li a{font-size:14px}
.page-content p {line-height: 2;}
.pagination {border-radius: 0px}
.pagination > li:first-child > a {border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
.pagination > li:last-child > a { border-top-right-radius: 0px;border-bottom-right-radius: 0px;}
.pagination > li.active a,.pagination > li.active a:hover{background-color:#0099FF;border-color:#0099FF;}
.pagination > li a:hover{color:#0099FF}

    .module-box {
        padding: 20px 0px 60px 0px
    }

    .module-box-gray {
        background-color: #EDEDED
    }

    .module-box .title-box {
        padding-bottom: 20px
    }

        .module-box .title-box span {
            display: block;
        }

        .module-box .title-box .en-title {
            font-size: 30px;
            color: #333
        }

        .module-box .title-box .cn-title {
            background: url(../images/titlebg.png) no-repeat center center;
            font-size: 25px;
        }

        .module-box .title-box .f-title {
            color: #999;
            font-size: 14px;
            line-height: 2
        }

    .module-box .module-content {
        padding-top: 30px;
        padding-left:15px;padding-right:15px;
    }

    /*底部样式*/
    .web-footer {margin-top: 40px;padding-top: 40px;background: #2a2a2a;line-height:2;color: #D9D9D9;}

        .web-footer .tel-icon {
            background: url(../images/bt_phone.png) no-repeat left center;
            width: 38px;
            height: 46px;
            margin: 0px auto
        }

        .web-footer .footer-nav {
            padding: 1rem 0 4.5rem 0;
        }

            .web-footer .footer-nav h4 {
                color: #FFF;
                line-height: 4rem;
            }

            .web-footer .footer-nav a:hover {
                color: #fff
            }

        .web-footer .footer-tel .font {
            color: #FFF;
            font-size: 20px;
            font-weight: bold
        }

        .web-footer .footer-tel .aniview {
            color: #D9D9D9
        }

        .web-footer .weixin {
            color: #D9D9D9;
        }

        .web-footer .copyright {
            color:#999;
            width: 100%;
            border-top: 1px solid #5a5a5a;
            padding: 5px 0px 20px 0px
        }

        .web-footer .ewm {
            background: url(../images/ewm.jpg) no-repeat left center;
            width: 98px;
            height: 98px;
            margin: 10px auto;
        }
        /*手机*/
@media (max-width: 992px)
{
    .web-footer .ewm {margin-left:0px}
}

/*新闻类样式*/
.news-list{padding-top:20px}
.news-list .item{position:relative;padding-right:100px;font-size:16px;line-height:4;border-bottom:1px solid #efefef;}
.news-list .item .title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-list .item .title a .fa{margin-right:5px;}
.news-list .item .date{position:absolute;right:0px;color:#999;top:0px}
.news-list .item .intro{display:none;}

.news-content-box{padding:30px 0px;border-top:1px solid #efefef}
.news-content-box .title{text-align:center;padding:15px 0px}
.news-content-box .info{color:#999;text-align:center}
.news-content-box .info .clicks-box{margin-left:20px;display:inline-block}
.news-content-box .content{padding-top:40px;}

.module-box .module-content .news-list{padding-top:10px}
.module-box .module-content .news-list .item{line-height:3;font-size:14px}
.module-box .module-content .news-list .item .title {white-space: nowrap;text-overflow: ellipsis;overflow: hidden}

.page-content a.link,.news-content-box .content a{color:#0099FF;text-decoration:underline;}
.page-content a.link:hover,.news-content-box .content a:hover{color:#ff6a00}
.page-content p,.news-content-box .content p{font-size:16px;line-height:2;}
.page-content p{font-size:15px;line-height:2.2;}

/*相关文档*/
.relativeNews{padding-top:20px;}
.relativeNews .sign{font-size:16px;line-height:2}
.relativeNews .title{display:block;line-height:2.5;font-size:15px}

/*右侧快捷菜单*/
.service-online {position: fixed;top:55%;right: 10px;}
.service-online .btn{display:block;width:50px;height:50px;margin-bottom:1px;vertical-align:middle;font-size:22px;background-color: #5bc0de}
.service-online .btn .fa{vertical-align:top;line-height:40px;}
.service-online .btn:last-child {margin-bottom: 0px}
@media (max-width:760px)
{
 body{padding-bottom:50px}
 .service-online{top:auto;bottom:0px;right:auto;width:100%}
 .service-online .btn{float:left;width:25%;margin-bottom:0px;font-size:25px;background-color:#2a2a2a}
}