@charset "utf-8";
html,body{font-family: "思源黑体 CN";font-weight: 400;}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:var(--lineColor3);}
::-webkit-scrollbar {width:3px;height:10px;}
::-webkit-scrollbar-thumb {background:var(--mainColor);background-clip:padding-box;min-height:28px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:var(--mainColor);} 
::-webkit-scrollbar-button {
    width: 3px;
    height: 10px;
}

:root {
    --mainColor: #007bcf;
    --fontColor: #1e1e4c;
    --fontColora:#aaaaaa;
    --fontColorb:#bbbbbb;
    --fontColorc:#cccccc;
    --fontColord:#dddddd;
    --fontColore:#eeeeee;
    --fontColorf:#ffffff;
    --fontColor0:#000000;
    --fontColor1:#111111;
    --fontColor2:#222222;
    --fontColor3:#333333;
    --fontColor4:#444444;
    --fontColor5:#555555;
    --fontColor6:#666666;
    --fontColor7:#777777;
    --fontColor8:#888888;
    --fontColor9:#999999;
    --lineColor: #002c7d;
    --lineColor2: #eef2f6;
    --lineColor3: #f8f8f8;
}

.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_con {
    box-sizing: border-box;
    width: 1200px;
    margin: 0 auto;
}
.box_cons {
    justify-content: space-between;
    align-items: flex-start;
}
img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}
html,
body,
header,
footer,
.lg_wrap{margin:0 auto;min-width: 1200px;}

/* header */
/* background: rgba(255, 255, 255, 0.96); */
header{background: var(--mainColor);padding: 10px 0 0;}
.head_con{justify-content: space-between;align-items: center;}
header h1 a{font-size: 26px;color: var(--fontColorf);font-weight: 500;display: inline-flex;align-items: center;}
header h1 a img{margin-right: 20px;max-width: 55px;}
.head_right{width: 440px;justify-content: flex-end;align-items: center;}
.search{width: 180px;line-height: 40px;border: 1px solid rgba(255, 255, 255, 0.8);background: rgba(255, 255, 255, 0.2);border-radius: 5px;}
.search form{display: inline-flex;align-items: center;}
.search input{line-height: 40px;background: none;border:none;width: calc(100% - 60px);text-indent: 1em;font-size: 14px;}
.search input::placeholder{color: var(--fontColorc);}
.search .btn{width: 60px;height: 40px;background: url(../search_cion.png) no-repeat center;border:none;}
.log ul li a{font-size: 18px;color: var(--fontColorf);font-weight: 500;margin-left: 30px;display: inline-flex;align-items: center;}
.log ul li a img{filter: brightness(0) invert(1);margin-right: 5px;max-width: 18px;}

nav{background: var(--fontColorf);margin-top: 10px;}
nav ul li{width: calc(100% / 8);text-align: center;}
nav ul li a{display: block;font-size: 20px;font-weight: 500;color: var(--fontColor2);line-height: 90px;margin: 0 30px;}
nav ul li.active a,
nav ul li:hover a{color: var(--lineColor);border-bottom: 2px solid var(--lineColor);box-sizing: border-box;}

footer{background: url(../footer_bg.jpg) no-repeat center;background-size: cover;padding: 30px 0;}
.foot_con{justify-content: space-between;}

.foot_left p{font-size: 16px;line-height: 24px;color: var(--fontColorf);}
.foot_left p a{color: var(--fontColorf);}
.foot_right ul li a{display: inline-block;font-size: 16px;line-height: 24px;color: var(--fontColorf);}
.foot_right p{text-align: right;position: relative;}
.foot_right p span{border-radius: 5px;display: inline-flex;overflow: hidden;}
.foot_right p em{display: block;width: 100px;height: 0px;overflow: hidden;position: absolute;bottom: 24px;right: 0;transition: all 0.5s;z-index: 2;}
.foot_right p:hover em{height: 100px;transition: all 0.5s;}
.foot_left p:nth-child(2),
.foot_right p:nth-child(2){margin-top: 10px;}

/* banner */
.swiper-container-banner{position: relative;overflow: hidden;}
.swiper-container-banner .swiper-slide{height: 460px;overflow: hidden;position: relative;}
.swiper-container-banner .swiper-slide img{transition: all 0.5s;}
.swiper-container-banner .swiper-slide p{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;text-align: center;padding: 15px;box-sizing: border-box;background: linear-gradient(to top, #222, transparent);font-size: 18px;color: var(--fontColorf);}
.swiper-container-banner .swiper-slide:hover img{transform: scale(1.1);transition: all 0.5s;}

/* box1 */
.box_tit{display: inline-flex;width: 100%;justify-content: space-between;align-items: center;color: var(--fontColor3);border-bottom: 1px solid var(--fontColord);box-sizing: border-box;}
.box_tit h3{font-size: 20px;font-weight: 500;line-height: 51px;display: inline-flex;align-items: center;width: 160px;text-align: center;background: linear-gradient(rgba(0,123,207,0.1), transparent);justify-content: center;position: relative;border-right: 1px solid var(--fontColord);border-top: 3px solid var(--mainColor);box-sizing: border-box;}
.box_tit h3::after{content: "";display: block;width: 100%;height: 1px;background: var(--fontColorf);position: absolute;bottom: -1px;left: 0;}
.box_tit h3 img{display: inline-block;max-width: 22px;margin-right: 10px;margin-left: 0;}
.box_tit span{display: block;font-size: 14px;line-height: 20px;margin-right: 20px;}
.box_tit span a{display: inline-flex;}
.box_tit span em{display: block;width: 20px;height: 20px;background: var(--mainColor) url(../box_tit_icon.png) no-repeat center;margin-left: 10px;border-radius: 4px;}
.box_tit span a:hover{color: var(--mainColor);}
.boxs{padding-top: 40px;}

.notice{width: 660px;height: 430px;overflow: hidden;background: var(--fontColorf);border:1px solid var(--fontColord);box-sizing: border-box;border-radius: 0 4px 4px 4px;}
.notice .notice_item{padding: 20px;box-sizing: border-box;}
.notice .notice_item ul li{margin-bottom: 16px;}
.notice .notice_item ul li:last-child{margin-bottom: 0;}
.notice .notice_item ul li .time{width: 70px;text-align: center;}
.notice .notice_item ul li .time span{display: block;font-size: 14px;line-height: 26px;color: var(--fontColorf);background: var(--mainColor);}
.notice .notice_item ul li .time span em{display: block;background: var(--fontColorf);border:1px solid var(--fontColord);color: var(--mainColor);box-sizing: border-box;}
.notice .notice_item ul li .txt{width: calc(100% - 90px);margin-left: 20px;border-bottom: 1px dashed var(--fontColord);box-sizing: border-box;padding-left: 20px;background: url(../notice_item_icon.png) no-repeat left 10px;}
.notice .notice_item ul li h3{font-size: 18px;line-height: 24px;color: var(--fontColor2);}
.notice .notice_item ul li p{font-size: 14px;line-height: 24px;color: var(--fontColor9);}
.notice .notice_item ul li:hover h3,
.pallet_item ul li:hover p,
.download_item ul li:hover p,
.box_right_list ul li:hover p{color: var(--mainColor);}

.notice_items{width: 520px;}
.notice_items ul li{background: url(../notice_items_bg1.jpg) no-repeat;width: calc(100% / 2 - 5px);margin-right: 10px;margin-bottom: 10px;height: 210px;}
.notice_items ul li:nth-child(2){background: url(../notice_items_bg2.jpg) no-repeat;}
.notice_items ul li:nth-child(3){background: url(../notice_items_bg3.jpg) no-repeat;margin-bottom: 0;}
.notice_items ul li:nth-child(4){background: url(../notice_items_bg4.jpg) no-repeat;margin-bottom: 0;}
.notice_items ul li:nth-child(2n){margin-right: 0;}
.notice_items ul li a{padding: 40px;box-sizing: border-box;display: inline-flex;flex-direction: column;width: 100%;height: 100%;justify-content: center;align-items: center;}
.notice_items ul li em{font-size: 20px;color: var(--fontColorf);opacity: 0.3;}
.notice_items ul li h3{font-size: 24px;font-weight: bold;color: var(--fontColorf);background: url(../notice_items_icon.png) no-repeat right;}
.notice_items ul li span{max-width: 38px;margin: 40px 0 5px;transition: all 0.5s;}
.notice_items ul li:hover span{margin: 20px 0 5px;transition: all 0.5s;}

/* box2 */
.pallet_item{width: 590px;height: 370px;overflow: hidden;background: var(--fontColorf);border:1px solid var(--fontColord);box-sizing: border-box;border-radius: 0 4px 4px 4px;}
.pallet_item ul,
.download_item ul,
.expert_item ul{padding: 20px;box-sizing: border-box;}
.pallet_item ul li a{justify-content: space-between;border-bottom: 1px dashed var(--fontColord);padding: 10px 0;align-items: center;}
.pallet_item ul li p,
.download_item ul li p{width: calc(100% - 100px);padding-left: 15px;box-sizing: border-box;font-size: 18px;line-height: 27px;color: var(--fontColor2);background: url(../notice_item_icon.png) no-repeat left;}
.pallet_item ul li span,
.download_item ul li span{display: block;width: 90px;font-size: 14px;color: var(--fontColor3);text-align: right;}
.pallet_item ul li:last-child a,
.download_item ul li:last-child a{border-bottom: 0;padding-bottom: 0;}

/*  */
.download_item{width: 100%;height: 370px;overflow: hidden;background: var(--fontColorf);border:1px solid var(--fontColord);box-sizing: border-box;border-radius: 0 4px 4px 4px;}
.download_item ul{justify-content: space-between;}
.download_item ul li{width: calc(100% / 2);border-right: 1px solid var(--fontColord);box-sizing: border-box;padding-right: 30px;}
.download_item ul li:nth-child(2n){margin-right: 0;padding-right: 0;border-right: 0;padding-left: 30px;}
.download_item ul li a{width: 100%;justify-content: space-between;padding: 9px 0;align-items: center;}

/*  */
.expert_item{width: 100%;height: 410px;overflow: hidden;background: var(--fontColorf);border:1px solid var(--fontColord);box-sizing: border-box;border-radius: 0 4px 4px 4px;margin-bottom: 40px;}
.expert_item ul li{width: calc(100% / 6 - 16.99px);margin-right: 20px;}
.expert_item ul li:nth-child(6n){margin-right: 0;}
.expert_item ul li span{display: block;width: 178px;overflow: hidden;margin-bottom: 10px;height: 208px;border: 1px solid var(--fontColord);box-sizing: border-box;}
.expert_item ul li span img{transition: all 0.5s;}
.expert_item ul li p{font-size: 14px;line-height: 30px;color: var(--fontColor3);}
.expert_item ul li:hover span img{transform: scale(1.1);transition: all 0.5s;}


/* 内页 */
.box_left{width: 200px;background: var(--fontColorf);}
.box_left h3{background: url(../box_left_tit.jpg) no-repeat;height: 80px;line-height: 80px;text-align: center;font-size: 26px;font-weight: bold;color: var(--fontColorf);border-radius: 4px 4px 0 0;}
.box_left ul li{margin: 10px 0;}
.box_left ul li a{font-size: 18px;line-height: 60px;color: var(--fontColor3);font-weight: 400;display: block;text-indent: 1.5em;padding-right: 30px;box-sizing: border-box;}
.box_left ul li.active a{color: var(--mainColor);border-left: 3px solid var(--mainColor);background: var(--lineColor2);}

.box_right{width: calc(100% - 230px);padding: 30px;box-sizing: border-box;background: var(--fontColorf);margin-left: 30px;border-radius: 4px;margin-bottom: 40px;box-shadow: 0 5px 10px rgba(0,123,207,0.1);}
.box_right_tit{justify-content: space-between;align-items: center;border-bottom: 2px solid var(--fontColord);padding-bottom: 20px;}
.box_right_tit h3{font-size: 26px;font-weight: bold;color: var(--fontColor3);position: relative;}
.box_right_tit h3::after{content: "";display: block;width: 100%;height: 3px;background: var(--mainColor);position: absolute;bottom: -22px;left: 0;}
.box_right_tit dl{width: calc(100% - 30%);text-align: right;justify-content: flex-end;align-items: center;}
.box_right_tit dl dt{width: 24px;height: 24px;background: url(../home.png) no-repeat center;}
.box_right_tit dl dd a{font-size: 14px;color: var(--fontColor9);margin-right: 5px;}
.box_right_tit dl dd:last-child a{margin-right: 0;}

.box_right_list ul{padding: 15px 0;border-bottom: 1px dashed var(--fontColord);}
.box_right_list ul li a{width: 100%;justify-content: space-between;align-items: center;padding: 5px 0;}
.box_right_list ul li p{width: calc(100% - 200px);font-size: 18px;line-height: 34px;color: var(--fontColor3);padding-left: 25px;box-sizing: border-box;position: relative;}
.box_right_list ul li p::before{content: "";display: block;width: 10px;height: 10px;border-radius: 10px;border:1px solid var(--fontColord);position: absolute;left: 0;top: 50%;margin-top: -5px;}
.box_right_list ul li span{width: 100px;text-align: right;font-size: 16px;line-height: 34px;color: var(--fontColor3);}
.box_right_list ul li span:nth-child(2){padding-right: 20px;background: url(../download_icons.png) no-repeat right;box-sizing: border-box;}
.box_right_list ul:last-child{border-bottom: none;}
.box_right_list ul li:hover span:nth-child(2){color: var(--mainColor);}

.download_top{margin: 20px auto 0;}
.download_top ul li{width: calc(100% / 2 - 10px);margin-right: 20px;}
.download_top ul li:last-child{margin-right: 0;}
.download_top ul li h3{font-size: 18px;line-height: 24px;color: var(--fontColor3);font-weight: bold;border-left: 2px solid var(--mainColor);margin: 20px 0;padding-left: 15px;box-sizing: border-box;}
.download_top ul li p{background: var(--lineColor3);text-align: center;padding: 20px;box-sizing: border-box;}
.download_top ul li p img{max-width: 100px;}

/*  */
.pages{margin: 30px auto;}
.pages_con{justify-content: center;align-items: center;}
.pages_con ul{width: 410px;justify-content: center;}
.pages ul li{width: 50px;height: 50px;margin: 0 3px;font-size: 20px;color: var(--fontColor);line-height: 48px;text-align: center;}
.pages ul li a{display: block;color: var(--fontColor);transition: all 0.5s;border:1px solid var(--fontColord);border-radius: 4px;box-sizing: border-box;}
.pages ul li.active a,
.pages ul li:hover a{color: var(--fontColorf);transition: all 0.5s;background: var(--mainColor);color: var(--fontColorf);border:1px solid var(--mainColor);transition: all 0.5s;}
.pages p{font-size: 14px;color: var(--fontColor3);}

.expert_list{padding: 0 0 20px;}
.expert_list ul li{width: calc(100% / 2 - 10px);margin-right: 20px;background: var(--lineColor3);margin-top: 30px;}
.expert_list ul li:nth-child(2n){margin-right: 0;}
.expert_list ul li .pic{width: 180px;height: 210px;overflow: hidden;}
.expert_list ul li .tct{width: calc(100% - 200px);padding: 20px;box-sizing: border-box;overflow-y: auto;max-height: 210px;}
.expert_list ul li .tct h3{font-size: 20px;line-height: 36px;color: var(--fontColor3);font-weight: bold;margin-bottom: 0px;}
.expert_list ul li .tct p{font-size: 14px;line-height: 28px;color: var(--fontColor3);}

.info_title{text-align: center;padding: 30px 30px 0;border-bottom: 1px solid  var(--fontColord);box-sizing: border-box;}
.info_title h3{font-size: 38px;line-height: 45px;color: var(--fontColor3);font-weight: bold;}
.info_title p{padding: 20px;}
.info_title p span{font-size: 16px;color: var(--fontColor9);line-height: 1;padding: 0 20px;}

.mains_text{margin: 30px auto;}

.return{background: #f3f3f3;padding: 20px 30px;margin: 50px auto;}
.return dl{justify-content: space-between;align-items: center;}
.return dl a{font-size: 18px;line-height: 30px;color: var(--fontColor3);}
.return dl dt{padding-left: 25px;background: url(../return_icon.png) no-repeat left;}
.return dl dd{font-size: 12px;display: inline-flex;align-items: center;}
.return dl dd a{padding:0 15px;}

.registe{height: 660px;}
.registe .box_cons{height: 660px;align-items: center;justify-content: flex-end;}
.registe_con{width: 480px;height: 460px;background: var(--fontColorf);border-radius: 10px;overflow: hidden;}
.registe_tit ul{justify-content: center;background: #f4f4f4;}
.registe_tit ul li{width: calc(100% / 2);font-size: 24px;font-weight: bold;color: var(--fontColor3);text-align: center;line-height: 60px;}
.registe_tit ul li.active{color: var(--mainColor);}
.registe_items{padding: 30px 40px 40px;box-sizing: border-box;}
.registe_items .item p{width: 100%;height: 60px;border: 1px solid var(--fontColord);border-radius: 8px;box-sizing: border-box;margin: 0 0 20px;display: inline-flex;    align-items: center;position: relative;}
.registe_items .item p span{width: 22px;display: block;height: 22px;padding: 0 14px;border-right: 1px solid var(--fontColord);}
.registe_items .item p span img{display: block;}
.registe_items .item p input{width: calc(100% - 55px);text-indent: 1em;background: none;border: none;line-height: 60px;font-size: 16px;}
.registe_items .item p .yzm_img{width: auto;height: 58px;position: absolute;right: 0;top: 0;border-radius: 8px;}
.registe_items .item p.p1{height: auto;padding: 0;justify-content: space-between;border:none;}
.registe_items .item p.p1 em{font-size: 16px;color: var(--mainColor);cursor: pointer;}
.registe_items .item p.p1 button{font-size: 18px;color: var(--fontColorf);background: var(--mainColor);border: none;width: 100%;line-height: 50px;border-radius: 8px;}
.registe2,
.registe3{display: none;}

.team .team_tit,
.team .team_tit2{justify-content: space-between;align-items: center;}
.team .team_tit{border-bottom: 1px solid var(--fontColord);padding-bottom: 20px;margin: 30px auto 20px;}
.team .team_tit span a{display: inline-flex;font-size: 14px;line-height: 35px;padding: 0 25px;background: var(--mainColor);border-radius: 5px;color: var(--fontColorf);}
.team .team_tit h3{font-size: 22px;line-height: 22px;color: var(--fontColor3);font-weight: bold;padding-left: 15px;border-left: 3px solid var(--mainColor);}
.team .team_tit a,
.team .team_tit2 a{font-size: 14px;line-height: 22px;color: var(--fontColor3);}
.team .team_tit2{margin: 20px auto;}
.team .team_tit2 h3{font-size: 18px;line-height: 22px;color: var(--fontColor3);font-weight: bold;}
.team_info .pic{width: 280px;height: 360px;overflow: hidden;}
.team_info .pic img{height: 100%;}
.team_info .tct{width: calc(100% - 280px - 30px);margin-left: 30px;}
.team_info .tct h3{font-size: 22px;font-weight: bold;line-height: 36px;color: var(--fontColor3);}
.team_info .tct p{font-size: 14px;line-height: 30px;color: var(--fontColor3);}
.team .mains_text{margin-top: 20px;border-top: 1px solid var(--fontColord);padding: 10px 15px;box-sizing: border-box;overflow-y: auto;font-size: 14px;line-height: 30px;color: var(--fontColor9);border-radius: 5px;}