.page-box {position: relative;z-index: 2;}
.page-back{position: absolute;z-index: 1;width: 100vw;left: 0;top: 0;}
.top-box { height: 35px; line-height: 35px; background-color: rgba(0, 0, 0,.349); }
.top-left { font-size: 12px; color: #fff; }
.top-left span { margin-right: 10px; }
.top-right>a {  font-size: 12px; color: #fff; position: relative; }
.top-right>a:hover{color: #fff;font-weight:700;}
.top-right span{margin:0 10px;color: #fff;}

.head-box{width: 100%;height: 125px;}
.head-box .logo{height: 125px; line-height: 125px;}
.head-box .form{ float: right;position: relative;overflow:hidden; padding-top: 40px; }
.head-box .form .input-box {float: left; width: 260px;  line-height: 40px;  background:#fff; color: #000; outline: none; border-radius: 20px;margin-right: 10px;
padding: 0 20px;}
.head-box .form .input-box input{width:100%;height: 40px;}
.head-box .form .sou { width: 40px; height: 40px; background: #007dfa; color: #fff; text-align: center; line-height: 40px; font-size: 24px;border-radius: 50%;}
.head-box .form  input::-webkit-input-placeholder{ color: #bebebe; font-size: 14px; }
.nav-box { width: 100%; background-color: #007dfa;margin-bottom: 10px; }
.nav-box .nav-list>li { position: relative; height: 65px;width: 109px; }
.nav-box .nav-list>li>a { width: 100%; height: 65px; text-align: center; line-height: 65px; cursor: default; color: #fff; font-size: 16px;   font-weight: bold; }
.nav-box .nav-list>li.active>a, .nav-box .nav-list>li:hover>a { background-color: #016edb; }
.nav-box .nav-list>li .sub { position: absolute; left: 0; top: 65px; width: 100%; background: #016edb; z-index: 2; border-top: 2px solid #fff; display: none; }
.nav-box .nav-list>li .sub a { display: block; width: 100%; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #fff;}
.nav-box .nav-list>li .sub li a:hover{ background:#fff; color:#016edb;}
.nav-box .nav-list>li:hover .sub{display: block;}

.part1{margin-bottom: 10px;}
.part1 .left-box{width: 587px;}
.part1 .left-box .swiper-container{width: 100%;height:400px;}
.part1 .left-box .swiper-container .swiper-slide a{display: block;}
.part1 .left-box .swiper-container .swiper-slide img{width: 100%;}
.part1 .left-box .swiper-container .swiper-slide .cont-box{position: absolute;left: 0; bottom: 0; width: 100%;height: 51px;background-color: rgba(71, 71, 71,0.78);}
.part1 .left-box .swiper-container .swiper-slide .cont-box p{line-height: 50px; font-size: 16px;color: #fff;width: 355px;padding-left: 15px;}
.part1 .left-box .swiper-container .swiper-pagination{text-align: right;padding-right: 15px;bottom: 15px;}
.part1 .left-box .swiper-container .swiper-pagination-bullet{background: #fff;opacity: 1;width: 9px; height: 9px;}
.part1 .left-box .swiper-container .swiper-pagination-bullet-active{background-color: #007dfa;}
.part1 .right-box{width:613px;padding:0 15px;background-color: #fff;}
.tab-box{width: 100%;border-bottom: 1px solid #016edb;padding-top: 20px;}
.tab-box .tab-item{ width: 125px;font-size: 16px;color: #007dfa;font-weight: bold;line-height: 33px;text-align: center;border-radius: 5px 5px 0 0; cursor: default;}
.tab-box .tab-item.active{background-color: #007dfa;color: #fff;}
.box2 .news-box ul{display: none;}
.tab-box .more{font-size: 16px;color: #999;}
.tab-box .more:hover{color: #016edb;}
.part1 .right-box .news-box{height:345px;padding-top: 20px; overflow: hidden;}
.part1 .right-box .news-box ul{display: none;}
.part1 .right-box .news-box li{margin-bottom: 20px;}
.part1 .right-box .news-box .news-top{margin-bottom:15px;border-bottom: 1px dashed #dcdcdc;padding-bottom: 5px;}
.part1 .right-box .news-box .news-top .title-line{font-size: 22px;color: #333;font-weight: bold;text-align: center;margin-bottom: 10px;}
.part1 .right-box .news-box .news-top .cont-box{font-size: 14px;color: #999; line-height: 2;text-indent: 2em;}
.part1 .right-box .news-box .news-item{line-height:18px;}
.part1 .right-box .news-box .news-item .iconfont{color: #999;margin-right: 5px;}
.part1 .right-box .news-box .news-item .title{font-size: 16px;color: #333;}
.part1 .right-box .news-box .news-item .time{font-size: 16px;color: #999;width: 105px;}
.part1 .right-box .news-box .news-item:hover .title{color: #0162b3;text-decoration: underline;}
.part1 .right-box .news-box .news-item:hover .time{color: #0162b3;}

.part2{margin-bottom: 10px;background-color: #fff;}
.part2 .part2-box{width: 600px;padding: 0 20px;}
.part2 .part2-box .news-box{padding-top: 20px; overflow: hidden;}
.part2 .part2-box .news-box ul{display: none;}
.part2 .part2-box .news-box li{margin-bottom: 20px;}
.part2 .part2-box .news-box .news-item{line-height:36px;border-bottom: 1px dashed #d4d4d4;}
.part2 .part2-box .news-box .news-item .dian{background-color: #007dfa;  width: 5px;height: 5px;margin-right: 10px;margin-top: 15px;}
.part2 .part2-box .news-box .news-item .title{font-size: 16px;color: #333;}
.part2 .part2-box .news-box .news-item .time{font-size: 16px;color: #999;width: 105px;}
.part2 .part2-box .news-box .news-item:hover .title{color: #0162b3;text-decoration: underline;}
.part2 .part2-box .news-box .news-item:hover .time{color: #0162b3;}

.ad-banner img{width: 100%;margin-bottom: 10px;}

.part3 .left-box{width: 785px;}
.part3 .left-box .lishi-box{width: 100%;height:253px; background-color: #fff;padding:0 15px;margin-bottom: 10px;}
.part3 .left-box .lishi-box .item{padding: 15px 0;border-bottom: 1px dashed #bebebe;}
.part3 .left-box .lishi-box .item img{width: 156px;}
.part3 .left-box .lishi-box .item .cont-box{width: calc(100% - 156px);padding-left: 40px;}
.part3 .left-box .lishi-box .item .cont-box a{width: 100%;font-size: 16px;color: #333; line-height: 2;}
.part3 .left-box .lishi-box .item .cont-box a:hover{color: #0162b3;}
.part3 .left-box .lishi-box .item:last-of-type{border-bottom: none;}
.part3 .box{background-color: #fff;padding: 0 20px;margin-bottom: 10px;}
.part3 .left-box .box:nth-child(2){height: 364px;}
.part3 .left-box .box:nth-child(3){height: 340px;} 
.part3 .tab-box .title{font-size: 16px;color: #0162b3; line-height: 33px;margin-left: 35px;}
.part3 .news-box{padding-top: 20px; overflow: hidden;}
.part3 .news-box .news-item{line-height:40px;border-bottom: 1px dashed #d4d4d4;}
.part3 .news-box .news-item .dian{background-color: #007dfa;  width: 5px;height: 5px;margin-right: 10px;margin-top: 15px;}
.part3 .news-box .news-item .title{font-size: 16px;color: #333;}
.part3 .news-box .news-item .time{font-size: 16px;color: #999;width: 105px;}
.part3 .news-box .news-item:hover .title{color: #0162b3;text-decoration: underline;}
.part3 .news-box .news-item:hover .time{color: #0162b3;}
.part3 .news-box .news-item:last-of-type{border-bottom: none;}
.part3 .right-box{width: 405px;}
.part3 .right-box .box:nth-child(1){height: 300px;}
.part3 .right-box .box:nth-child(2){height: 666px;}
.part3 .right-box .fuwu-box{padding-top: 20px;}
.part3 .right-box .fuwu-item{width: 173px;height: 60px;text-align: center; border-radius: 5px;margin-right: 19px;margin-bottom: 10px;display: flex;align-items: center;
    justify-content: center;color: #fff;font-size: 18px;font-weight: 700;}
.part3 .right-box .fuwu-item img{margin-right: 10px;}
.part3 .right-box .fuwu-item:nth-of-type(2n){margin-right: 0;}
.part3 .right-box .fuwu-item:nth-of-type(1){background-color: #38afb6;}
.part3 .right-box .fuwu-item:nth-of-type(2){background-color: #fcb93d;}
.part3 .right-box .fuwu-item:nth-of-type(3){background-color: #319ee7;}
.part3 .right-box .fuwu-item:nth-of-type(4){background-color: #f5614c;}
.part3 .right-box .fuwu-item:nth-of-type(5){background-color: #adc2e4;}
.part3 .right-box .fuwu-item:nth-of-type(6){background-color: #56beef;}
.part3 .right-box .fengcai-box{padding-top: 20px;}
.part3 .right-box .fengcai-box .swiper-container{height: 600px;}
.part3 .right-box .fengcai-item{background-color: #f9f9f9;margin-bottom:15px;display: flex;align-items: center;justify-content: center;}
.part3 .right-box .fengcai-item .pic-box{width: 129px; height: 129px;background-color: #fff;border: 1px solid #eaeaea;display: flex;align-items: center;
    justify-content: center;}
.part3 .right-box .fengcai-item .pic-box img{max-height:100%;}
.part3 .right-box .fengcai-item .cont-box{width: calc(100% - 129px);padding:0 20px;}
.part3 .right-box .fengcai-item .cont-box .title{font-size: 16px;color: #333;font-weight: bold;margin-bottom: 10px;}
.part3 .right-box .fengcai-item .cont-box .cont{ font-size: 14px;color: #999;line-height: 1.571;}

.part4{padding: 25px 20px;background-color: #fff;margin-bottom: 10px;}
.part4 .tab-box{margin-bottom: 35px;padding-top: 0;}
.part4 .swiper-box{padding:0 35px;position: relative;}
.part4 .swiper-box .swiper-container{width: 100%;}
.part4 .swiper-box .swiper-slide{height: 85px;border: 1px solid #eaeaea;display: flex;align-items: center; justify-content: center;}
.part4 .swiper-box .swiper-button-prev, .part4 .swiper-box  .swiper-button-next{ width: 20px;height: 85px;background-color: #dddddd;color: #fff;top: 0;margin-top: 0;}
.part4 .swiper-box .swiper-button-prev::after, .part4 .swiper-box  .swiper-button-next::after{font-size:16px;}
.part4 .swiper-box .swiper-button-prev{left: 0;}
.part4 .swiper-box .swiper-button-next{right: 0;}

.part5{background-color: #ebe9e9;display: flex;margin-bottom: 95px;}
.part5 .select-box{flex: 1;position: relative;}
.part5 .select-box .select{width: 100%; height: 43px;display: flex;align-items: center;justify-content: center;cursor: default;}
.part5 .select-box .select .iconfont{font-size: 18px;color: #bcbbbb;margin-left: 15px;}
.part5 .select-box .down-box{position: absolute;top: 43px;left: 0;width: 100%;text-align: center;background-color: #efefef;max-height: 200px;overflow-y: scroll;display: none;}
.part5 .select-box .down-box li{line-height: 40px;border-bottom: 1px dashed #bebebe;}

.foot-box{width: 100%;padding-top: 135px;background-image: url(../images/foot-back.png);}
.foot-box .foot-top{display: flex; display: flex; justify-content: space-between;padding-bottom: 40px;border-bottom: 1px solid #2784e0; }
.foot-box .foot-top ul{ display: flex; justify-content: space-between;  width: 1080px;}
.foot-box .foot-top ul li{ line-height: 1.857;}
.foot-box .foot-top ul li h1{margin-bottom: 5px;}
.foot-box .foot-top ul li h1 a{ font-size: 14px; color: #ffffff; }  
.foot-box .foot-top .line{ font-size: 14px; color: rgba(251, 251, 251, 0.8);display: flex;}
.foot-box .foot-top .line .cont{width:170px;}
.foot-box .foot-top ul li a{ display:block; font-size: 14px; color: rgba(251, 251, 251, 0.8);}
.foot-box .foot-top ul li a:hover{ color: #fff; }
.foot-box .foot-top .code-box{width: 110px;text-align: center;color: #fff;}
.foot-box .foot-top .code-box p{font-size: 14px;color: rgba(251, 251, 251, 0.42);line-height: 1.857;}
.foot-box .foot-bottom{ text-align: center;}
.foot-box .foot-bottom a { font-size: 14px; color: #fbfbfb; line-height: 50px;}

.list-box{background-color: #fff;padding:0 20px;margin-bottom: 45px;}

.breadcrumbs{padding:20px 0;}
.breadcrumbs .iconfont{vertical-align:1px; margin-right:5px;font-size:14px;color:#868686;}
.breadcrumbs span,.breadcrumbs a,.breadcrumbs{color:#666; font-size:14px; }
.breadcrumbs a:hover,.breadcrumbs span{color:#007dfa;}

.subtitle{padding:40px 30px 35px; background: #007dfa; margin-bottom: 3px;}
.subtitle .cn-tit{color:#fff;font-size:20px;margin-bottom:2px;}
.subtitle .en{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:1px;}
.menulist{border-right: 1px solid #F1F1F1;width:227px;min-height:920px;float:left;}
.menulist h2{color:#333;font-size:26px;padding:84px 30px 30px;}
.menulist li,.menulist h2{border-bottom:1px solid #F1F1F1;}
.menulist li>a{display:block;color:#4c4c4c;font-size:16px;padding:20px 28px;}
.menulist li>a img{float:right;font-weight:bold;vertical-align:middle; display: block; margin-top: 5px;}
.menulist .dlmenu{display:none;}
.menulist .dlmenu dd a{display:block;padding:14px 50px;border-top:1px solid #F1F1F1;font-size:14px;color:#666;text-transform: uppercase;}
.menulist li:hover>a,.menulist li.active>a{background:#007dfa;color:#fff;}
.menulist .dlmenu dd:hover a,.menulist .dlmenu dd.on a{color:#007dfa;}
.menulist li.active .dlmenu{display:block;}
.second-menu dd{padding:15px 0 15px 38px;border-top:1px solid #F1F1F1;}
.second-menu dd a{color:#4c4c4c;font-size:15px;}
.second-menu dd.active a,.second-menu dd:hover a{color:#007dfa;}

.rigCon{padding: 0 30px; float: right; width: calc(100% - 227px);}
.main-title {padding: 40px 0 25px;text-align: center;overflow: hidden;}
.main-title h2 {text-transform: uppercase;color: #333;font-size: 14px;line-height: 1.5;position: relative;}
.main-title h2 i{font-style: normal; font-size: 24px; }
.main-title2 h2 span{font-size: 14px;color: #555; }
.main-title2 .line-l,.main-title2 .line-r{top: 14px;}
.line-l,.line-r {position: absolute;left: 0;top: 29px;width: 100px;height: 1px;background:#666666;}
.line-r {right: 0;left: initial;}
.line-l::after,.line-r::after {content: '';position: absolute;right: -14px;top: -6px;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #666666;}
.line-r::after {left: -14px;right: initial;}
.right-form .input-box {float: left; width: 360px; line-height: 40px;  background:#fff; color: #000; outline: none; border-radius: 10px;margin-right: 10px;padding: 0 20px;border:1px solid #999;}
.right-form .input-box input{width:100%;height: 40px; }
.right-form .sou { width: 60px; height: 42px; background: #007dfa; color: #fff; text-align: center; line-height: 42px; font-size: 16px;border-radius: 10px;border:1px solid #007dfa;}
.right-form input::-webkit-input-placeholder{ color: #999; font-size: 14px; }
.inside-page{padding-bottom: 125px;}
.pages{text-align:center;padding:65px 0 70px;}
.pages a,.pages p{ display: inline-block; padding:6px 14px; color: #635E5E; font-size: 14px; border:1px solid #ddd;margin: 0 2px;}
.pages a:hover, .pages a.current{color: #fff;background:#007dfa; border-color: #007dfa;}

/*图文列表*/
.pic-words{margin-top: -15px;}
.pic-words li{padding: 25px 0;border-bottom: 1px dashed #C9C9C9;}
.pic-words li .img,.pic-words li .img img{width: 240px; height: 150px;}
.pic-words li .text{width: calc(100% - 240px);padding-left: 15px;}
.pic-words li .text h3 a{display: block; font-size: 18px; color: #333; font-weight: bold;width:90%;}
.pic-words li .text h3 span{color:#007dfa;}
.pic-words li .text p{font-size: 14px; color: #777; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
 -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-top: 20px;}
.pic-words li .text .time-line{ margin-top: 38px;}
.pic-words li .text .time{font-size: 14px; color: #999;}
.pic-words li .text .time img{vertical-align: middle; margin: -3px 5px 0 0;}
.pic-words li .text .btn{width:70px;line-height:34px;font-size:12px;border-radius:5px;text-align:center;color:#fff;}
.pic-words li .text .btn.edit{background-color:#007dfa;margin-right:10px;}
.pic-words li .text .btn.del{background-color:red;}
.pic-words li:hover .text h3 a{color: #007dfa;}

.rigCon .details-box{padding: 50px 0 60px;}
.rigCon .details-box .title{font-size: 28px; color: #333; font-weight: bold; line-height: 34px;  text-align: center; border-bottom: 1px dashed #DBDBDB; padding-bottom: 15px;}
.rigCon .details-box .text { margin-top: 25px; line-height: 26px;    font-size: 14px; font-family: SimSun; color: #000;} 


.fanpian{margin-top: 50px;background: #F7F7F7; padding: 10px 2%; width: 96%;}
.fanpian a{color: #666; line-height: 30px; display: block;}
.fanpian a:hover{color: #007dfa;}

/* 登录 */
.login-box{  width: 100vw; height: 100vh;background: #F0F6F9 url(../images/login-back.png) 100% 100%;}
.login-box .form-box{position: fixed;top: 50%; left: 50%;transform: translate(-50%,-50%); width: 600px;border-radius: 5px;background-color: #fff;padding:45px;}
.login-box .form-box h1{text-align: center;}
.login-box .form-box .title{font-size: 24px;color: #333;font-weight: bold;text-align: center; padding-bottom: 35px;}
.input-line{  width:100%;margin-bottom: 25px;position: relative;display: flex;align-items: center;}
.input-line .tit{width: 100px;font-size: 18px;}
.input-line .tit i{color: red;}
.input-line input{ width:calc(100% - 100px); height: 46px; border-radius: 5px;padding-left: 15px;border: 1px solid #EBEBF0;
    line-height: 43px;}
.input-line input::-webkit-input-placeholder { color: rgba(136, 136, 136, 0.588); font-size: 16px; }
.upload-box{width:80px ;height: 80px; border: 1px dashed #dbdbdb;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 3px;
    color: #dbdbdb;margin-right: 10px;margin-bottom: 10px;}
.upload-box .iconfont{font-size: 36px;}
.input-line .pic-box{width:80px ;height: 80px;margin-right: 9px;margin-bottom: 9px;position: relative;border-radius: 3px;overflow: hidden;}
.input-line .pic-box::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1);position: absolute; left: 0;top: 0;z-index: 1;}
.input-line .pic-box img{width:80px ;height: 80px;}
.input-line .pic-box video{width:80px ;height: 80px;}
.input-line .pic-box .iconfont{color: #fff;position: absolute;right: 5px;top: 5px;font-size: 18px;z-index: 2;}
.input-line.code{margin-bottom: 44px;}
.input-line.code input{ width:calc(100% - 230px);margin-right: 15px;}
.input-line.code img {display: block; width: 115px; height: 100%; }
.login-box .form-box .tips{display: block;width: 100%;color: #777777;font-size: 14px;text-align: right;padding-top: 25px;}
.login-box .form-box .tips a{color: #19ADF4;}
.login-box .form-box .submit{background-image: -moz-linear-gradient( 180deg, rgb(0,190,238) 0%, rgb(72,140,255) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(0,190,238) 0%, rgb(72,140,255) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(0,190,238) 0%, rgb(72,140,255) 100%);
    width:100%; height: 50px;border-radius: 5px;text-align: center;line-height: 50px;font-size: 18px; color: #fff;}


/* 编辑 */

.logo-box{width: 100%;height: 160px; background: #fff;box-shadow: 1px 1px 5px 1px rgba(72,140,255, 0.1); margin-bottom: 13px;position: relative;}
.logo-box .name-box{position: absolute;left: 50%;top: 50%; transform: translate(-50%,-50%);}
.logo-box .logo{width: 100px;height: 100px;border-radius: 50%;}
.logo-box .name-box .name{text-align: center;color: #000;margin-top: 10px;}
.edit-line{margin-bottom: 20px;}
.edit-line .title{text-align: right;width: 100px;padding-top: 7px;padding-right: 15px;font-size: 13px;color: #676a6c;font-weight: 700;}
.edit-line  select,.edit-line  input{background-color: #FFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 5px !important; display: block;
    padding: 6px 12px;font-size: 14px;color: #666;}
.edit-line  select,.title-input input{ width: 550px; }
.time input{background:url(../images/WdatePicker.jpg) no-repeat 97% center}
.edit-line .pic-box{width:80px ;height: 80px;margin-right: 9px;margin-bottom: 9px;position: relative;border-radius: 3px;overflow: hidden;}
.edit-line .pic-box::after{content: "";width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.1);position: absolute; left: 0;top: 0;z-index: 1;}
.edit-line .pic-box img{width:80px ;height: 80px;}
.edit-line .pic-box video{width:80px ;height: 80px;}
.edit-line .pic-box .iconfont{color: #fff;position: absolute;right: 5px;top: 5px;font-size: 18px;z-index: 2;}
.btn-box{padding-left: 115px;}
.btn-box .btn { padding: 5px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle;
    -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    background-image: none; border: 1px solid transparent; border-radius: 4px; }
.btn-blue { background-color: #00B7EE; color: #fff; }
.btn-blue:hover { background-color: #05B2E6; }
.btn-red { background-color: #ed5565; color: #fff; }
.btn-orange { background-color: #f8ac59; color: #fff; }