/*头部*/
.header {position: relative;z-index: 99;}
.header .top{padding: 20px 0 18px;}
.header .container{display: flex;justify-content: space-between;align-items: center;}
.header .logo{display: block;width: 417px;}
.header .logo img{display: block;width: 100%;}
.header .left,
.header .right{display: flex;align-items: center;}
.header .provice{display: flex;align-items: center;font-size: 14px;line-height: 20px;color: #666;margin-left: 44px;}
.header .provice i{display: block;width: 20px;height: 20px;background: url(../images/addr.png) no-repeat;background-size: cover;margin-right: 8px;}
.header .login{display: block;font-size: 14px;line-height: 26px;background: #0372F4;padding: 0 19px;border-radius: 13px;color: #fff;margin-left: 13px;}
.header .register{display: block;font-size: 14px;color: #666;margin-left: 18px;line-height: 20px;}
.header .register:hover{color: #0372F4;}
.header .bot{background: url(../img/head_bg.jpg) no-repeat center;}
.header .bot .container{height: 60px;}
.header .nav{display: flex;}
.header .nav .item{position: relative;margin-right: 55px;height: 60px;}
.header .nav .link{display: block;box-sizing: border-box;height: 40px;line-height: 38px;font-size: 16px;color: #fff;margin-top: 10px;}
.header .nav .link:hover,
.header .nav .active{border-bottom: 2px solid #fff;}
.header .nav .erify{position: absolute;left: 50%;top: 60px;background: #0372F4;width: 100px;margin-left: -50px;display: none;}
.header .nav .erify a{display: block;font-size: 14px;line-height: 40px;text-align: center;color: #fff;}

.header .search{width: 258px;height: 42px;background: rgba(255, 255, 255, 0.2);border-radius: 21px;}
.header form{display: flex;align-items: center;justify-content: space-between;}
.header .text{display: block;box-sizing: border-box;width: 200px;height: 40px;border: none;background: none;padding: 0 25px;font-size: 14px;color: #fff;}
.header .text::-moz-placeholder{color: #fff;}
.header .text::-webkit-input-placeholder{color: #fff;}
.header .btn{display: block; width: 20px;height: 20px;background: url(../images/search.png) no-repeat;background-size: cover;margin-right: 25px;border: none;}

/*底部*/
.footer .top{background: #2270E9;padding: 25px 0;position: relative;z-index: 10;}
.footer .top .container{display: flex;align-items: center;justify-content: space-between;}
.footer .title{font-size: 16px;line-height: 22px;color: #fff;font-weight: bold;margin-right: 78px;}
.friend-select{position: relative;z-index: 10;width: 244px;height: 40px;background: rgba(255, 255, 255, 0.18);}
.friend-select p{cursor: pointer;font-size: 14px;line-height: 40px;padding: 0 10px;color: #fff;}
.friend-select p::after{content: '';width: 13px;height: 7.5px;background: url(../images/arrow_wb.png) no-repeat;background-size: cover;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);}
.friend-select ul{position: absolute;left: 0;top: 40px;width: 100%;max-height: 200px;overflow-y: auto;z-index: 20;display: none;background: rgba(255, 255, 255, 0.18);}
.friend-select a{display: block;font-size: 14px;color: #fff;padding: 0 10px;line-height: 40px;}
.friend-select a:hover{color: #0372F4;}
.footer .bot{background: #363C41;padding: 50px 0 76px;}
.footer .bot .container{display: flex;justify-content: space-between;}
.footer .left{display: flex;}
.beian{display: block;width: 60px;}
.beian img{display: block;width: 100%;}
.footer .info{margin-left: 15px;font-size: 14px;line-height: 30px;color: rgba(255, 255, 255, 0.7);}
.footer .info a{display: block;color: rgba(255, 255, 255, 0.7);}
.footer .info a:hover{color: #fff;}
.footer .right{display: flex;}
.footer .right .item:first-child{margin-right: 56px;}
.footer .right .name{font-size: 16px;line-height: 22px;font-weight: bold;color: #fff;}
.footer .right .list{margin-top: 26px;}
.footer .right .list a{display: block;font-size: 14px;line-height: 20px;color: rgba(255, 255, 255, 0.7);margin-bottom: 15px;}
.footer .right .list a:hover{color: #fff;}
.footer .right .txt{font-size: 14px;line-height: 30px;color: rgba(255, 255, 255, 0.7);margin-top: 26px;}
.footer .ewm{width: 119px;margin-left: 30px;margin-top: 18px;}
.footer .ewm img{display: block;width: 100%;}
.aside{position: fixed;left: 0;top: 50%;z-index: 101;width: 51px;height: 210px;background: url(../images/aside.png) no-repeat;box-sizing: border-box;padding: 25px 22px 0 12px;text-align: center;font-size: 16px;line-height: 18px;color: #fff;margin-top: -105px;}

/*首页*/

.home .lib-box{background: linear-gradient(148.2deg, #FFFFFF 1.74%, #F5F8FF 75.47%);padding: 48px 0 98px;}
.home .lib-box .title{position: relative;z-index: 10;font-size: 36px;line-height: 1;color: #333;font-weight: bold;}
.home .lib-box .en{font-size: 55px;color: rgba(197, 198, 199,0.16);font-weight: bold;line-height: 73px;margin-top: -40px;}
.home .lib-box .main{display: flex;align-items: center;justify-content: space-between;margin-top: 20px;}
.home .lib-box .arrow{width: 32px;height: 34px;background: url(../images/source_arrow.png) no-repeat;background-size: cover;}
.home .lib-box .item{width: 173px;height: 224px;background: url(../images/source_bg.png) no-repeat;background-size: cover;}
.home .lib-box .name{text-align: center;font-size: 16px;font-weight: bold;line-height: 29px;color: #fff;}
.home .lib-box .list{margin: 16px 18px 0 24px;}
.home .lib-box li{margin-bottom: 4px;position: relative;}
.home .lib-box .list .link{display: block;font-size: 13px;line-height: 18px;padding-left: 12px;color: #666;}
.home .lib-box .list li::before{content: '';width: 4px;height: 4px;background: #666;border-radius: 50%;position: absolute;left: 0;top: 7px;}
.home .lib-box .list li:hover::before{background: #FB9F15;}
.home .lib-box .list li:hover .link{color: #FB9F15;}
.home .lib-box .list .erify{background: #fff;box-shadow: 0px 0px 4px rgba(0,0,0,0.25);box-sizing: border-box;padding: 4px 12px;width: 90px;position: absolute;left: 56px;top: 50%;transform: translateY(-50%);display: none;}
.home .lib-box .list .erify::before{content: '';width: 0;height: 0;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-right: 4px solid #fff;position: absolute;left: -4px;top: 50%;transform: translateY(-50%);}
.home .lib-box .list .erify a{display: block;font-size: 12px;line-height: 18px;color: #888;}
.home .lib-box.list .erify a:hover{color: #FB9F15;}
.home .news-box{padding: 63px 0 78px;}
.home .news-box .container{display: flex;justify-content: space-between;}
.home .news-box .left{width: 372px;}
.home .news-box .title{font-size: 36px;line-height: 46px;color: #333;font-weight: bold;}
.home .news-box .link{display: block;margin-top: 40px;}
.home .news-box .link .pic{height: 214px;overflow: hidden;}
.home .news-box .link img{height: 214px;object-fit: cover;}
.home .news-box .link .box{padding: 14px 0 40px;}
.home .news-box .link .name{font-size: 17px;line-height: 26px;color: #333;}
.home .news-box .link .time{display: flex;align-items: center;margin-top: 8px;}
.home .news-box .link span{display: block;padding: 0 10px;font-size: 12px;line-height: 16px;color: #8A8A8A;border-left: 1px solid #8A8A8A;border-right: 1px solid #8A8A8A;}
.home .news-box .link i{display: block;width: 24px;height: 7px;background: url(../images/arrow_dr.png) no-repeat;background-size: cover;margin-left: 18px;}
.home .news-box .link .txt{font-size: 12px;line-height: 18px;color: #8D8D8D;margin-top: 10px;}
.home .news-box .link:hover .name{color: #2270E9;}
.home .news-box .link:hover img{transform: scale(1.1, 1.1);}
.home .news-box .right{width: 782px;position: relative;}
.home .news-box .nav{display: flex;justify-content: flex-end;margin-right: 90px;}
.home .news-box .nav .item{display: block;margin-left: 20px;padding: 0 10px;font-size: 16px;height: 50px;line-height: 48px;color: #454D58;}
.home .news-box .nav .item:hover{color: #2270E9;}
.home .news-box .nav .active{border-bottom: 2px solid #2270E9;font-weight: bold;}
.home .news-box .more{display: block;position: absolute;right: 0;top: 0;font-size: 16px;color: #2662BB;line-height: 48px;}
.home .news-box .tabs{margin-top: 30px;}
.home .news-box .tabs .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.home .news-box .tabs a{display: block;box-sizing: border-box;width: 383px;height: 111px;border: 1px solid #DDDFE1;margin-bottom: 18px;padding: 20px 30px 0 20px;}
.home .news-box .tabs .name{font-size: 16px;line-height: 23px;color: #333;}
.home .news-box .tabs .time{font-size: 12px;line-height: 1;color: #666;margin-top: 15px;}
.home .news-box .tabs a:hover{border-color: #2270E9;background: #2270E9;}
.home .news-box .tabs a:hover .name,
.home .news-box .tabs a:hover .time{color: #fff;}


/*省份导航*/
.map{padding: 50px 0 47px;}
.map .container{display: flex;justify-content: space-between;}
.map .title{font-size: 40px;line-height: 60px;color: #333;font-weight: bold;}
.map .en{font-size: 14px;line-height: 18px;color: rgba(0, 0, 0, 0.32);}
.map .list{display: flex;justify-content: space-between;width: 398px;margin-top: 40px;flex-wrap: wrap;}
.map .item{display: block;width: 192px;line-height: 84px;text-align: center;font-size: 18px;color: #333;background: #EAEAEA;margin-bottom: 15px;transition: all .3s;}
.map .item:hover{background: #2270E9;color: #fff;}
.map .pic{width: 746px;margin-top: 8px;}

/*关于我们*/
.about .sub-banner{height: 210px;background-position: center center;background-repeat: no-repeat;}
.about .sub-banner .container{padding-top: 92px;}
.about .sub-banner .line{width: 140px;height: 4px;background: #fff;}
.about .sub-banner .title{font-size: 34px;line-height: 44px;color: #fff;font-weight: bold;margin-top: 20px;}
.about .sub-banner .en{font-size: 12px;color: rgba(255, 255, 255, 0.64);line-height: 18px;}

.com-title{font-size: 23px;line-height: 26px;color: #333;font-weight: bold;padding-left: 9px;border-left: 17px solid #2270E9;}
.about .intro-box{padding: 65px 0 36px;}
.about .intro-box .main{display: flex;justify-content: space-between;margin-top: 18px;}
.about .intro-box .info{width: 630px;font-size: 16px;line-height: 31px;color: #666;}
.about .intro-box .info p{margin-bottom: 30px;}
.about .intro-box .info p:last-child{margin-bottom: 0px;}
.about .intro-box .pic{width: 500px;margin-top: 9px;}
.about .found-box{background: #1B66E6;padding: 26px 0 49px;position: relative;}
.about .found-box::before{content: '';width: 40.9896vw;height: 100%;background: #2270E9;position: absolute;left: 0;top: 0;}
.about .found-box .container{display: flex;justify-content: space-between;position: relative;z-index: 10;}
.about .found-box .title{display: flex;align-items: center;font-size: 16px;line-height: 30px;color: #fff;}
.about .found-box .title i{display: block;width: 30px;height: 30px;margin-left: 8px;background: url(../images/time_icon.png) no-repeat;background-size: cover;}
.about .found-box .title .union-icon{background-image: url(../images/union_icon.png);}
.about .found-box .date,
.about .found-box .txt{font-size: 36px;font-weight: bold;color: #fff;line-height: 79px;margin-top: 21px;}
.about .found-box span{margin: 0 18px;}
.about .team-box{padding: 67px 0 130px;}
.about .team-box .list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 45px;}
.about .team-box .item{display: block;width: 530px;line-height: 56px;font-size: 18px;color: #333;border-bottom: 1px solid #A7ADB7;}
.about .team-box .item:first-child,
.about .team-box .item:nth-child(2){border-top: 1px solid #A7ADB7;}
.about .team-box .item:hover{color: #2270E9;}
