@media screen and (min-width:768px){
html {overflow-y: auto;overflow-x: hidden;}
body, div, ul, ol, li, h1, h2, h3, h4,h5, p {margin:0;padding: 0;font-family: '微软雅黑','Microsoft YaHei';}
ul,li,ol{list-style:none;cursor: auto;}
a {outline: 0;}
a {color: #333;text-decoration: none;}
a:hover {color: #082646;text-decoration: none;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
.container{width:1200px;margin:0 auto;}
.pc-wrap{display:block;}
.mobile-wrap{display:none;}
body{background-color:#f7f7f7;}
header{display:block;width:100%;min-height:100px;}
header .top{height:35px;border-bottom:1px solid #efefef;line-height:35px;}
header .top .welcome{width:300px;font-size:1em;}
/*header .top .topbar{width:440px;}*/
header .top .topbar ul{display:flex;}
header .top .topbar ul li{padding:0 8px;font-size:1em;}
header .head{height:88px;}
header .head .logo{min-width:500px;margin-top:25px;}
header .head .logo .blink{margin-left:20px;float:left;}
:root{--hjcolor:#2e0099;;}
@keyframes blink{
  0%{opacity: 1;}

  100%{opacity: 0;}
}
/* 添加兼容性前缀 */
@-webkit-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-moz-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
@-ms-keyframes blink {
    0% {opacity: 1; }
    100% { opacity: 0;}
}
@-o-keyframes blink {
    0% { opacity: 1; }
    100% { opacity: 0; }
}
/* 定义blink类*/
.blink{
    color: red;
    font-size:18px;
    animation: blink 1s linear infinite;
    /* 其它浏览器兼容性前缀 */
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -ms-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}



header .head .logo .blink a{display:block;color:#082646;padding-top:15px;}
header .head .logo .img{margin-right:15px;}
header .head .logo .img img{height:48px;border-radius:5px;border:1px solid #dedede;}
/*header .head .logo .company{width:200px;}*/
header .head .logo .company{display:flex;}
header .head .logo .company img.litpic{height:50px;padding-right:15px;}
header .head .logo .company h4{font-weight:400;font-size:26px;padding-top:2px;color:#333;}
header .head .logo .company h4 a{color:333;}
header .head .logo .company h4 i{font-weight:100;}
header .head .logo .company .dorp{position: relative;display: inline-block;font-size:16px;}
header .head .logo .company .dorp_con{display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index:9;}
header .head .logo .company .dorp_con img{width:160px;}
header .head .logo .company .dorp_con p{font-weight:100;text-align:center;font-size:14px;padding-top:5px;}
header .head .logo .company .dorp:hover .dorp_con{display:block;}
header .head .logo .company h5{font-weight:300;font-size:.8em;padding-top:5px;}
header .head .logo .company h5 i.hy{color:#082646;font-size:1em;padding:0 5px 0 0;}
header .head .logo .company h5 i.dd{color:#082646;font-size:1em;padding:0 5px 0 10px;}
header .head .tel{margin-top:19px;}
// header .head .tel .tb i{font-size:2.5em;color:#082646;padding-right:5px;}
header .head .tel .tb img{margin-right:20px;}
header .head .tel .phone{margin-top:6px;}
header .head .tel .phone p{font-size:.8em;font-weight:400;}
header .head .tel .phone p i{padding-right:5px;}
header .head .tel .phone h3{color:#444;}

header nav ul{display:flex;height:50px;line-height:50px;}
header nav ul li{width:171px;text-align:center;}
header nav ul li a{color:#fff;font-size:18px;display:block;}
header nav ul li a:hover{color:#fff;}

.title{width:1200px;height:30px;line-height:30px;margin:30px auto;}
.title h2{border-left:10px solid #082646;padding-left:10px;font-weight:700;font-size:20px;}
.title span{font-weight:600;font-size:14px;}
footer{width:100%;min-height:100px;background:url(../image/footer-bg.png) center bottom no-repeat #333;margin-top:30px;}
footer .nav{width:1200px;height:75px;margin:0 auto;}
footer .nav ul{display:flex;padding-top:30px;}
footer .nav ul li{width:12.5%;}
footer .nav ul li a{display:block;font-size:.8em;text-align:center;color:#c4c4c4;}
footer .nav ul li a:hover{color:#082646;transition: .2s;}
footer .smallnav{width:1200px;height:145px;margin:0 auto;overflow:hidden;}
footer .smallnav .no{width:200px;float:left;text-align:center;}
footer .smallnav .no h3{margin-top:20px;font-weight:600;}
footer .smallnav .no h3 a{font-size:14px;color:#c4c4c4;}
footer .smallnav .no h3 a:hover{color:#082646;transition: .2s;}
footer .smallnav .no p{margin-top:15px;}
footer .smallnav .no p a{color:#c4c4c4;font-size:12px;}
footer .smallnav .no p a:hover{color:#082646;transition: .2s;}
footer .smallnav .no img{width:165px;height:165px;margin-top:20px;}
footer .copyright{width:1200px;margin:50px auto 0;}
footer .copyright p{color:#c4c4c4;line-height:2.2em;font-size:1em;}
footer .copyright p span{color:#FD5831;}
footer .copyright p a{color:#c4c4c4;}
footer .copyright p a:hover{color:#FD5831;transition: .2s;}
footer .copyright p img{padding-left:10px;}
.hr-line{height: 0;border: 0;padding: 0;margin: 0;border-top: 1px solid #262626;border-bottom: 1px solid #4b4b4b;}

.fenlei{width:1200px;min-height:50px;background-color:#fff;margin:25px auto;border: 1px solid #eee;}
.fenlei .fllist{padding:20px;}
.fenlei .fllist ul{display: flex;height:35px;line-height:35px;}
.fenlei .fllist ul h3{width:90px;font-weight:400;font-size:14px;color:#666;white-space: nowrap;}
.fenlei .fllist ul li{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.fenlei .fllist ul li a{font-size:14px;color:#333;margin: 16px 10px 0 0;}
.fenlei .fllist ul li a:hover{color:#082646;}

.pagers{width:1200px;margin:20px auto 30px;overflow:hidden;}
.pagers ul{display:flex;}
.pagers span.page-status{display:none;overflow:hidden;}
.pagers span a{display:block;float:left;min-width:20px;height:20px;padding:5px;border:1px solid #dedede;margin-right:10px;text-align:center;line-height:20px;font-size:.9em;}
.pagers span a:hover,.pagers span a.page-num-current{background-color:#082646;color:#fff;border:1px solid #082646;}
.pagers span.page-numbar span{display:none;}

.pagerss{width:100%;margin:20px 0 25px 25px;overflow:hidden;}
.pagerss span.page-status{display:none;overflow:hidden;}
.pagerss span a{display:block;float:left;min-width:20px;height:20px;padding:5px;border:1px solid #dedede;margin-right:10px;text-align:center;line-height:20px;font-size:.9em;}
.pagerss span a:hover,.pagerss span a.page-num-current{background-color:#082646;color:#fff;border:1px solid #082646;}
.pagerss span.page-numbar span{display:none;}

.fixnav {position: fixed;top: 0px;left: 0px;z-index:9999;}
.pfnav{background-color:#fff;width:100%;height:60px;border: 1px solid #eee;}
.pfnav .container{width:1200px;height:100px;margin:0 auto;}
.pfnav .container .logo{margin-top:6px;}
.pfnav .container .logo h4{font-weight:600;font-size:.94em;padding-top:2px;}
.pfnav .container .logo h4 i{font-weight:100;}
.pfnav .container .logo h5{font-weight:300;font-size:.8em;padding-top:5px;}
.pfnav .container .logo h5 i.hy{color:#082646;font-size:1em;padding:0 5px 0 0;}
.pfnav .container .logo h5 i.dd{color:#082646;font-size:1em;padding:0 5px 0 10px;}

.pfnav .container .cs{display: flex;border-bottom:1px solid #eee;margin-left:32px;}
.pfnav .container .cs li{width:120px;height:58px;text-align:center;line-height:58px;}
.pfnav .container .cs li.active,.content .main .cs li:hover{border-bottom:3px solid #082646;}
.pfnav .container .cs li.active a{color:#082646;}

.pfnav .container .anniu{display:flex;margin-top:10px;}
.pfnav .container .anniu a.xj{display:block;width:143px;height:40px;color:#fff;background-color:#082646;border:none;text-align:center;line-height:40px;border-radius:5px;margin-left:25px;}
.pfnav .container .anniu .dh{width:143px;height:40px;color:#082646;background-color:#ffeae9;border:1px solid #082646;text-align:center;line-height:40px;border-radius:5px;font-size:16px;outline: none;}

.fixnav {position: fixed;top: 0px;left: 0px;z-index:9999;}
.pfnav{background-color:#ffffff;width:100%;height:159px;}


.pfnav header{width:100%;min-height:100px;}
.pfnav header .top{height:35px;border-bottom:1px solid #efefef;line-height:35px;}
.pfnav header .top .welcome{width:300px;font-size:1em;}
/*.pfnav header .top .topbar{width:430px;}*/
.pfnav header .top .topbar ul{display:flex;}
.pfnav header .top .topbar ul li{padding:0 6px;font-size:1em;}
.pfnav header .head{height:88px;}
.pfnav header .head .logo{min-width:600px;margin-top:19px;}
.pfnav header .head .logo .blink{margin-left:20px;float:left;}
.pfnav header .head .logo .blink a{display:block;color:#082646;padding-top:15px;}
.pfnav header .head .logo .img img{height:48px;}
/*.pfnav header .head .logo .company{width:200px;}*/


.pfnav header .head .logo .company h4{font-weight:400;font-size:30px;padding-top:2px;}
.pfnav header .head .logo .company h4 i{font-weight:100;}
.pfnav header .head .logo .company .dorp{position: relative;display: inline-block;font-size:20px;}
.pfnav header .head .logo .company .dorp_con{display: none;position: absolute;background-color: #f9f9f9;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);padding: 12px 16px;z-index:9;}
.pfnav header .head .logo .company .dorp_con img{width:160px;}
.pfnav header .head .logo .company .dorp_con p{font-weight:100;text-align:center;font-size:14px;padding-top:5px;}
.pfnav header .head .logo .company .dorp:hover .dorp_con{display:block;}


.pfnav header .head .logo .company h5{font-weight:300;font-size:.8em;padding-top:5px;}
.pfnav header .head .logo .company h5 i.hy{color:#082646;font-size:1em;padding:0 5px 0 0;}
.pfnav header .head .logo .company h5 i.dd{color:#082646;font-size:1em;padding:0 5px 0 10px;}
.pfnav header .head .tel{margin-top:19px;}
// .pfnav header .head .tel .tb i{font-size:2.5em;color:#082646;padding-right:5px;}
.pfnav header .head .tel .phone p{font-size:.8em;font-weight:400;}
.pfnav header .head .tel .phone p i{padding-right:5px;}
.pfnav header .head .tel .phone h3{color:#444;}

.pfnav header nav ul{display:flex;height:50px;line-height:50px;}
.pfnav header nav ul li{width:171px;height: 50px;text-align:center;}
.pfnav header nav ul li a{color:#fff;font-size:18px;display:block;}
.pfnav header nav ul li a:hover{color:#fff;}

.gctj .gclist{padding-bottom:20px;}
.gctj .gclist ul{overflow:hidden;}
.gctj .gclist ul li{width:30%;float:left;margin-left:1.7%;margin-right:1.5%;height:40px;line-height:40px;border-bottom:1px dashed #dedede;}
.gctj .gclist ul li h3{font-size:14px;font-weight:400;color:#082646;}
.gctj .gclist ul li h3:hover{color:#FD5830;}
.gctj .gclist ul li h3 i{padding-right:10px;}

.svip{width:167px;height:50px;line-height:48px;margin-right:20px;border-radius:10px;overflow:hidden;border:1px solid black;}
.svip .nb{float:left;width:60px;height:50px;background-color:black;line-height:50px;}
.svip .nb i{color:gold;font-size:45px;position:relative;float:left;margin-left:5px;}
.svip .vipxx{width:90px;height:60px;margin-left:12px;float:left;}
.svip .vipxx p{color:black;line-height:18px;font-size:15px;padding-top:6px;letter-spacing:4px;font-weight:100;}
.svip .vipxx p span{color:#DD0542;font-weight:600;font-style:italic;font-size:22px;}
.svip .vipxx b{font-size:20px;letter-spacing:2px;}

header nav{width:100%;height:50px;background-color:var(--bgcolor);}
header nav ul li.active,header nav ul li:hover{background-color:var(--licolor);}
.pfnav header nav{width:100%;height:50px;background-color:var(--bgcolor);}
.pfnav header nav ul li.active,.pfnav header nav ul li:hover{background-color:var(--licolor);}
.lxxx .ly button{width:136px;height:46px;margin-top:20px;border:none;background-color:var(--bgcolor);color:#fff;border-radius:5px;}
li a.guan{background-color:rgba(0,0,0,.4);color:white;}
li:hover a.guan{background-color:rgba(0,0,0,.9);}
header nav.chaog{background-color:var(--hjcolor);}
.pfnav header nav.chaog{background-color:var(--hjcolor);}
.lxxx .ly button.chaog{background-color:var(--hjcolor);}
.lxxx .ly button.chaog:hover{background-color:#bd0646;}
}



@media screen and (max-width:767px){
.pc-wrap{display:none;}
.mobile-wrap{display:block;}
}