@charset "utf-8";  

html,body{font-family: "Arial","Microsoft YaHei";}

:root {

    --mainColor: #005cb6;

    --fontColorc:#cccccc;

    --fontColord:#dddddd;

    --fontColore:#eeeeee;

    --fontColorf:#ffffff;

    --fontColor2:#222222;

    --fontColor3:#333333;

    --fontColor6:#666666;

    --fontColor8:#888888;

    --fontColor9:#999999;

    --lineColor1: #f08630;

    --lineColor2: #1bb6e9;

    --lineColor3: #e78dc5;

    --lineColor4: #48cdff;

}

/* a{color: var(--mainColor);} */



.box {

    display: -webkit-flex;

    display: flex;

    width: 100%;

}



.box_con {

    box-sizing: border-box;

    max-width: 1200px;

    margin: 0 auto;

}



/*头部样式*/

header{margin:0 auto;text-align: center;}

.head_top{background: var(--fontColorf);height: 110px;}

.head_top .logo{line-height: 110px;padding:0 50px;max-width: 402px;}

.head_top .box{align-items: center;}

.head_right dl dt{width: 41px;height: 40px;margin: 0 10px 0 30px;}

.head_right dl dd{text-align: left;}

.head_right dl dd span{display: block;font-size: 14px;color: var(--fontColor9);text-transform: uppercase;}

.head_right dl dd b{font-size: 14px;color: var(--fontColor6);}

.head_nav{position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 9;}

.head_nav .box_con{background: rgba(0, 15, 29, 0.61);justify-content: space-between;    align-items: center;}

.head_nav .nav>ul>li{position: relative;}

.head_nav .nav>ul>li>a{display: block;padding: 0 30px;line-height: 70px;color: var(--fontColorf);position: relative;}

.head_nav .nav>ul>li>a::after{content: "";display: block;width: 0%;position: absolute;bottom: -4px;left: 0;right: 0;margin: 0 auto;height: 4px;background: var(--lineColor4);transition: ease-in 0.5s;}

.head_nav .nav>ul>li:hover>a,

.head_nav .nav>ul>li.active>a{color: var(--lineColor4);}

.head_nav .nav>ul>li:hover>a::after,

.head_nav .nav>ul>li.active>a::after{width: 80%;transition: ease-in 0.5s;}

.head_nav .nav>ul>li ul{display: none;position: absolute;top: 70px;left: 0;width: 200%;background: rgba(28, 117, 240, 0.7);border-radius: 0 0 5px 5px;}

.head_nav .nav>ul li:hover ul{display: block;text-align: left;padding: 20px;box-sizing: border-box;}

.head_nav .nav>ul li ul li a{font-size: 14px;line-height: 30px;color: var(--fontColorf);}

.head_nav .nav>ul li ul li a::before{content: "";display: inline-flex;height:10px;width: 1px;background: rgba(255,255,255,0.7);margin-right: 10px;}

.head_nav .lang dl{position: relative;cursor: pointer;}

.head_nav .lang dl dt{line-height: 70px;padding: 0 30px;background: var(--mainColor);font-size: 14px;color:var(--fontColorf);}

.head_nav .lang dl dt img{margin-right: 8px;}

.head_nav .lang dl dd{position: absolute;top: 70px;left: 0;background: rgba(0, 15, 29, 0.61);width: 100%;display: none;}

.head_nav .lang dl dd a{display: block;font-size: 14px;line-height: 40px;color: var(--fontColorf);}

.head_nav .lang dl dd a:hover{background: var(--mainColor);}

.head_nav .lang dl:hover dd{display: block;}



/*底部样式*/

footer{margin: 0 auto;background: url(../images/footer_bg.jpg) no-repeat center;background-size: cover;padding: 60px 0;}

.foot_left{width: 15%;}

.foot_right{width: 85%;justify-content: space-between;}

.foot_right dl{max-width: 33%;padding-left: 3.5%;}

.foot_right dl dt{font-size: 18px;color:var(--fontColorf);padding-bottom: 20px;}

.foot_right dl dd{font-size: 14px;color: var(--fontColor8);line-height: 30px;}

.foot_right dl dd a{color: var(--fontColor8);}

.foot_right dl dd a:hover{color: var(--fontColorf);}





.box_title{text-align: left;}

.box_title span{font-size: 16px;font-weight: bold;}

.box_title h3{font-size: 30px;color: var(--fontColor2);font-weight: bold;}

.box_title p{font-size: 14px;line-height: 24px;}



/*banner样式*/

.banner,

.swiper-container-banner{position: relative;height:820px;overflow: hidden;}

.swiper-container-banner .swiper-slide a{display: block;height: 820px;}

.swiper-container-banner .swiper-button-prev{left: 5%;}

.swiper-container-banner .swiper-button-next{right: 5%;}

.swiper-container-banner .swiper-button-prev::after,

.swiper-container-banner .swiper-button-next::after{font-size: 36px;color:var(--fontColorf);}

.swiper-container-banner .swiper-pagination-banner{bottom: 25px;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 5;text-align: center;display: none;}

.swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 15px;height: 15px;}



.about{padding: 60px 0;height: 660px;box-sizing: border-box;}

.about .box{justify-content: space-between;}

.about_left{width: 49%;}

.about_right{width: 47%;}

.about_left .items{width: 100%;height: 600px;position: relative;}

.about_left .items .item{display: inline-block;position: absolute;width: 174px;height: 185px;overflow: hidden;border-radius: 5px;box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.1), -2px -3px 5px rgba(0, 0, 0, 0.1);}

.about_left .items .item span{display: block;width: 100%;height: 185px;line-height: 185px;text-align: center;}

.about_left .items .item span img{display: block;object-fit: cover;transition: ease-in 0.5s;}

.about_left .items .item p{font-size: 14px;line-height: 24px;padding: 5px;background: rgba(255,255,255,0.9);position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;text-align: center;}

.about_left .items .item:nth-child(1){left: 0;right: 0;margin: 0 auto;z-index: 3;}

.about_left .items .item:nth-child(2){top: 90px;right: 15px;z-index: 2;}

.about_left .items .item:nth-child(3){top: 115px;left: 0;}

.about_left .items .item:nth-child(4){top: 255px;left: 240px;z-index: 1;}

.about_left .items .item:nth-child(5){top: 350px;left: 85px;}

.about_left .items .item:hover span img{transform: scale(1.1);transition: ease-in 0.5s;}

.about_left .items .item:hover p{color: var(--mainColor);}

.about_right .box_title span{text-transform: uppercase;writing-mode: vertical-rl;text-orientation: sideways;opacity: 0.21;font-size: 14px;color: var(--fontColor2);}

.about_right .box_title h3{line-height: 40px;padding-left: 15px;width: 100%;box-sizing: border-box;}

.about_right .mains_text{margin: 30px auto;}

.about_right .items{width: 100%;} 

.about_right .items .item{width: 33%;}

.about_right .items .item a{justify-content: flex-start;align-items: center;}

.about_right .items .item span{width: 68px;height: 68px;border-radius: 68px;overflow: hidden;background: url(../images/items_bg.png) no-repeat center;background-size: cover;}

.about_right .items .item p{font-size: 14px;line-height: 24px;font-weight: bold;color: var(--mainColor);text-transform: uppercase;padding-left: 10px;transition: ease-in 0.5s;width: 115px;}

.about_right .items .item:hover span{background: var(--fontColorc);}

.about_right .items .item:hover p{color: var(--fontColorc);transition: ease-in 0.5s;}



.device{padding: 60px 0;}

.device .box_title span{color: var(--fontColorf);font-weight: normal;position: relative;z-index: 1;padding-left: 7px;}

.device .box_title span::before{content: "";display: block;width: 17px;height: 17px;background: var(--mainColor);position: absolute;left: 0;top: 0;z-index: -1;}

.device .box_title h3{color: var(--fontColorf);margin: 20px auto;padding-left: 20px;}

.device .box_title p{color: var(--fontColorf);padding-left: 20px;}

.swiper-container-device{margin: 30px auto; position: relative;overflow: hidden;}

.swiper-container-device .swiper-slide{position: relative;}

.swiper-container-device .swiper-slide .pic{width: 99%;height: 434px;overflow: hidden;text-align: center;line-height: 434px;}

.swiper-container-device .swiper-slide .pic img{display: block;object-fit: cover;}

.swiper-container-device .swiper-slide .tct{width: 480px;height:284px;background: url(../images/device_tct_bg.jpg) no-repeat;position: absolute;right: 0;top: 80px;border-radius: 0 0 35px 0;padding: 40px;box-sizing: border-box;    flex-direction: column;justify-content: center;}

.swiper-container-device .swiper-slide .tct h3{font-size: 30px;font-weight: bold;color: var(--fontColorf);padding-bottom: 20px;}

.swiper-container-device .swiper-slide .tct p{font-size: 14px;line-height: 24px;color: var(--fontColorf);}

.swiper-container-device .swiper-button-prev::after,

.swiper-container-device .swiper-button-next::after{font-size: 36px;color:var(--fontColorf);}





.product .items{}

.product .items .item{padding: 70px 30px 20px;box-sizing: border-box;width: 25%;align-items: stretch;position: relative;overflow: hidden;background: #03397b;display: flex;
    flex-direction: column;
    justify-content: space-between;}

.product .items .item:nth-child(1){background: #1a73ed;}

.product .items .item:nth-child(2){background: #116adb;}

.product .items .item:nth-child(3){background: #1560bd;}

.product .items .item:nth-child(4){background: #064796;}

.product .items .item .tct .ico{width: 45px;height: 36px;margin-right: 10px;opacity: .8;transition: ease-in 0.5s;}

.product .items .item .tct .txt{width: 305px;}

.product .items .item .tct .txt h3{font-size: 30px;line-height: 30px;font-weight: bold;color: var(--fontColorf);padding-bottom: 10px;min-height: 60px;}

.product .items .item .tct .txt p{font-size: 14px;line-height: 18px;color: var(--fontColorf);}

.product .items .item .pic{width: 100%;height: 470px;line-height: 470px;text-align: center;margin: 0px auto 0;display: inline-flex;align-items: center;}

.product .items .item .show{position: absolute;bottom: 0;right: 0;width: 97%;background: rgba(28, 117, 240, 0.88);padding: 35px 50px;border-radius: 35px 0 0 0;box-sizing: border-box;transform: translateX(100%);transition: ease-in 0.5s;}

.product .items .item .show a{display: block;font-size: 14px;line-height: 28px;color: var(--fontColorf);}

.product .items .item:hover .show{transform: translateX(0);transition: ease-in 0.5s;}
.product .items .item:hover .tct .ico{opacity: .5;transition: ease-in 0.5s;}




.news{padding: 70px 0;}

.news .box_con{justify-content: space-between;}

.news_left{width:815px;}

.news_left .items{justify-content: space-between;}

.news_left .items .item{width: 390px;}

.news_left .items .item .pic{width: 100%;height: 285px;line-height: 285px;text-align: center;overflow: hidden;}

.news_left .items .item .pic img{display: block;object-fit: cover;transition: ease-in 0.5s;}

.news_left .items .item .tct{padding: 30px 20px;box-sizing: border-box;width: 92%;background: var(--fontColorf);box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);margin: -50px 0 0 auto;position: relative;z-index: 1;position: relative;border-radius: 0 0 30px 0;transition: ease-in 0.5s;}

.news_left .items .item .tct span{display: inline-block;font-size: 14px;line-height: 35px;text-align: center;padding: 0 15px;background: var(--mainColor);border-radius: 10px 0 0 0;color: var(--fontColorf);position: absolute;top: -35px;left: 0;}

.news_left .items .item .tct h3{font-size: 24px;color: var(--fontColor3);margin: 10px 0;}

.news_left .items .item .tct p{font-size: 14px;line-height: 24px;color: var(--fontColor6);min-height: 72px;}

.news_left .items .item .tct em{display: block;font-size: 14px;line-height: 32px;text-align: center;width: 110px;border:1px solid var(--fontColor6);color: var(--fontColor6);border-radius: 0 0 20px 0;margin: 15px 0 0 auto;}

.news_left .items .item:hover .tct{transform: translateY(10px);transition: ease-in 0.5s;}

.news_left .items .item:hover .tct h3{color: var(--mainColor);}

.news_left .items .item:hover .tct em{background: var(--mainColor);color: var(--fontColorf);}

.news_left .items .item:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}

.news_right{width: 350px;}

.news_right .items .item{width: 100%;margin-bottom: 35px;}

.news_right .items .item:last-child{margin-bottom: 0;}

.news_right .items .item h3{font-size: 14px;color: var(--fontColorf);background: var(--lineColor1);display: inline-block;width: 110px;text-align: center;line-height: 30px;border-radius: 20px 0 0 0;}

.news_right .items .item span{display: block;border:1px solid var(--lineColor1);border-radius: 0 0 30px 0;overflow: hidden;box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);width: 100%;height: 100px;overflow: hidden;line-height: 100px;text-align: center;}

.news_right .items .item span img{display: block;object-fit: cover;transition: ease-in 0.5s;}

.news_right .items .item:nth-child(2) h3{background: var(--lineColor2);}

.news_right .items .item:nth-child(3) h3{background: var(--lineColor3);}

.news_right .items .item:nth-child(2) span{border: 1px solid var(--lineColor2);}

.news_right .items .item:nth-child(3) span{border: 1px solid var(--lineColor3);}

.news_right .items .item:hover span img{transform: scale(1.1);transition: ease-in 0.5s;}



/* 内页 */

.bar{height: 258px;}

.bar .box_con{align-items: center;height: 258px;}

.bar .box_con h3{font-size: 36px;font-weight: bold;color: var(--fontColorf);text-transform: uppercase;}



.crumbs{border-bottom: 1px solid var(--fontColore);padding: 10px 0;}

.crumbs dl{text-align: right;}

.crumbs dl dt,

.crumbs dl dd{display: inline-flex;font-size: 16px;line-height: 30px;color: var(--fontColor6);}

.crumbs dl dt a,

.crumbs dl dd a{color: var(--fontColor6);}

.crumbs dl dt a{position: relative;z-index: 1;padding-left: 7px;}

.crumbs dl dt a::before {content: "H";display: block;width: 12px;height: 20px;line-height: 22px;background: var(--mainColor);position: absolute;left: 0;top: 5px;z-index: 1;color: var(--fontColorf);padding-left: 7px;}

.crumbs dl dt a::after,

.crumbs dl dd a::after{content: "";display: inline-flex;height: 10px;width: 1px;background: var(--fontColorc);margin: 0 15px;}

.crumbs dl dd:last-child a::after{display: none;}



.main{margin: 40px auto;}

.main .box_con{justify-content: space-between;}

.main_left{width: 250px;}

.main_left .menu>ul>li{font-size: 14px;color: var(--fontColor3);border:1px solid #eee;background: #f7f7f7;margin-bottom: 10px;position: relative;}

.main_left .menu>ul>li>a{display: block;color: var(--fontColor3);position: relative;padding: 10px 20px;line-height: 30px;}

.main_left .menu>ul>li>a::before{content: "";display: none;width: 5px;height: 100%;background: var(--mainColor);position: absolute;left: 0;top: 0;z-index: 1;}

.main_left .menu>ul>li>span{display: block;width: 20px;height: 20px;position: absolute;right: 0px;top:0%;margin-top: 15px;cursor: pointer;}

.main_left .menu>ul>li>span::before,

.main_left .menu>ul>li>span::after{content: "";display: block;width: 8px;height: 1px;background: var(--mainColor);transform: rotate(40deg);margin-top: 8px;}

.main_left .menu>ul>li>span::after{transform: rotate(-40deg);margin-top: 4px;}

.main_left .menu>ul>li.active>a,

.main_left .menu>ul>li:hover>a{font-weight: bold;color: var(--mainColor);}

.main_left .menu>ul>li.active>a::before,

.main_left .menu>ul>li:hover>a::before{display: block;}

.main_left .menu>ul>li ul{background: #f2f4fb;display: none;}

.main_left .menu>ul>li.active ul{display: block;}

.main_left .menu>ul>li ul li{border-bottom: 1px solid var(--fontColorf);padding: 10px 20px;}

.main_left .menu>ul>li ul li.active a,

.main_left .menu>ul>li ul li:hover a{color: var(--mainColor);}



.main_right{width: 865px;}

.main_right .main_title span{display: inline-block;width: 18px;height: 18px;background: var(--fontColore);margin-bottom: 10px;position: relative;}

.main_right .main_title span::after{content: "";display: block;width: 5px;height: 5px;background: var(--mainColor);position: absolute;left: 18px;bottom: -5px;}

.main_right .main_title h3{font-size: 30px;font-weight: bold;color: var(--mainColor);}

.main_right .mains_text{margin: 30px auto;border-bottom: 1px solid var(--fontColore);padding-bottom: 30px;}
.main_right .mains_text p,
.main_right .mains_text p span{font-size: 14px !important;line-height: 3 !important;color: var(--fontColor6);}
.main_right .mains_text table{width: 100% !important;font-size: 14px;}



.contact_txt{margin: 30px auto;}

.contact_txt p{font-size: 16px;line-height: 30px;color: var(--fontColor3);}

.contact_bd dl{margin: 15px auto;border-bottom: 1px solid var(--fontColorc);justify-content: space-between;line-height: 45px;padding-bottom: 15px;}

.contact_bd dl:last-child{border-bottom: none;}

.contact_bd dl dt{width: 300px;justify-content: space-between;align-items: center;}

.contact_bd dl dt span{font-size: 16px;color: var(--fontColor6);}

.contact_bd dl dt em{font-size: 14px;background: #bb1111;line-height: 20px;display: inline-block;height: 20px;padding: 0 15px;color:var(--fontColorf)}

.contact_bd dl dd{width: 865px;}

.contact_bd dl dd input{height: 45px;line-height: 45px;border:1px solid var(--fontColord);padding:0 20px;width: 100%;box-sizing: border-box;border-radius: 5px;margin-left: 20px;}

.contact_bd dl dd textarea{border:1px solid var(--fontColord);padding:0 20px;line-height: 45px;width: 100%;box-sizing: border-box;border-radius: 5px;margin-left: 20px;}

.contact_bd dl:last-child{justify-content: flex-end;}

.contact_bd dl button{width: 230px;line-height: 60px;text-align: center;font-size: 18px;font-weight: bold;color: var(--fontColorf);background: var(--mainColor);border-radius: 5px;border:none;margin-right: 0;}



.news_top{border-bottom: 1px solid var(--fontColord);padding-bottom: 30px;}

.news_top a{align-items: center;}

.news_top .pic{width: 390px;height: 285px;line-height: 285px;text-align: center;overflow: hidden;border-radius: 30px 0 0 0;}

.news_top .pic img{display: block;object-fit: cover;width: 100%;height: 100%;transition: ease-in 0.5s;}

.news_top .tct{width: 570px;height: 220px;box-sizing: border-box;padding: 35px;position: relative;margin-left: -45px;background: var(--fontColorf);border-radius: 0 0 30px 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 -3px 10px rgba(0, 0, 0, 0.1);}

.news_top .tct span{display: inline-block;font-size: 14px;line-height: 35px;text-align: center;padding: 0 15px;background: var(--mainColor);border-radius: 10px 0 0 0;color: var(--fontColorf);position: absolute;top: -35px;right: 0;}

.news_top .tct h3{font-size: 24px;color: var(--fontColor3);margin: 10px 0;transition: ease-in 0.5s;}

.news_top .tct p{font-size: 14px;line-height: 24px;color: var(--fontColor6);}

.news_top .tct em{display: block;font-size: 14px;line-height: 32px;text-align: center;width: 110px;border:1px solid var(--fontColor6);color: var(--fontColor6);border-radius: 0 0 20px 0;margin: 15px 0;transition: ease-in 0.5s;}

.news_top:hover .tct em{background: var(--mainColor);color: var(--fontColorf);}

.news_top:hover .tct h3{color: var(--mainColor);}

.news_top:hover .pic img{transform: scale(1.1);transition: ease-in 0.5s;}

.news_list .item {line-height: 30px;padding: 25px 0;border-bottom: 1px solid var(--fontColord);}

.news_list .item span{font-size: 16px;color:var(--fontColor6);margin-right: 30px;}

.news_list .item em{font-size: 14px;background: #ddeeff;border-radius: 15px;color: var(--fontColor3);padding: 0 25px;margin-right: 30px;}

.news_list .item p{font-size: 18px;color: var(--fontColor3);}

.news_list .item:hover em{background: var(--mainColor);color: var(--fontColorf);}

.news_list .item:hover p{color: var(--mainColor);}



.news_title{text-align: center;border-bottom: 1px solid var(--fontColord);padding: 30px 0;}

.news_title h3{font-size: 24px;line-height: 36px;font-weight: bold;color: var(--mainColor);}

.news_title p{font-size: 14px;line-height: 30px;color: var(--fontColor6);}

.news_title p span{margin: 0 20px;}



.return dl dt{border-bottom: 1px solid var(--fontColord);padding-bottom: 30px;margin-bottom: 30px;}

.return dl dt a{display: inline-flex;font-size: 14px;line-height: 40px;border-radius: 0 0 15px 0;overflow: hidden;color: var(--mainColor);border:1px solid var(--mainColor);padding: 0 20px;}

.return dl dd{text-align: left;}

.return dl dd a{font-size: 16px;line-height: 36px;color: var(--fontColor3);}

.return dl dd a:hover{color: var(--mainColor);}

.return dl dt a:hover{background: var(--mainColor);color: var(--fontColorf);}

.return dl:last-child dt{border-bottom: none;margin-bottom: 0;}



.product_title{text-align: center;}

.product_title h3{font-size: 36px;font-weight: bold;color: var(--mainColor);text-transform: uppercase;padding-bottom: 30px;}

.product_title h3 span{display: inline-block;vertical-align: text-top;width: 18px;height: 18px;background: var(--fontColore);position: relative;margin-right: 10px;}

.product_title h3 span::after{content: "";display: block;width: 6px;height: 6px;background: var(--mainColor);position:absolute;right: -6px;bottom: -6px;}

.product_title p{font-size: 16px;line-height: 28px;color: var(--fontColor6);}





.product_list{margin: 30px auto;}

.product_list .items .item{padding: 30px 20px;margin: 0.5px;position: relative;}

.product_list .items .item .tct .txt h3{font-size: 20px;}

.product_list .items .item .pic{width: 100%;height: 367px;line-height: 367px;margin: 30px auto 80px;}

.product_list .items .item .tit{position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;background: #f2f2f5;font-size: 18px;text-align: center;color: var(--fontColor3);line-height: 80px;}

.product_list .items .item:hover .tit{color: var(--mainColor);}



.product_items .item{margin: 40px auto;border-bottom: 1px solid var(--fontColord);padding: 40px 0;}

.product_items .item a{justify-content: space-between;}

.product_items .item .pic{width: 205px;height: 262px;line-height: 262px;text-align: center;overflow: hidden;background: url(../images/product_items_bg.jpg) no-repeat center;}

.product_items .item .pic img{display: block;object-fit: cover;width:80%;margin: 0 auto;}

.product_items .item .tct{width: 585px;margin-right: 30px;}

.product_items .item .tct h3{font-size: 24px;font-weight: bold;color: var(--fontColor3);}

.product_items .item .tct p{font-size: 14px;line-height: 26px;color: var(--fontColor3);margin: 20px auto;height: 78px;}

.product_items .item .tct em{display: inline-flex;font-size: 14px;line-height: 50px;text-align: center;padding: 0 20px;border:1px solid var(--fontColord);color: var(--fontColor6);border-radius: 0 20px 0 0;}

.product_items .item:hover{box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);}

.product_items .item:hover .tct h3{color: var(--mainColor);}

.product_items .item:hover .tct em{background: var(--mainColor);color: var(--fontColorf);}

.swiper-container-devices{height:568px;position: relative;z-index: 0;margin: -60px auto 20px;}
.swiper-container-devices .swiper-slide a{display: block;height: 100%;}
.device{position: relative;}
.device .box_con{position: absolute;top: 60px;left: 0;right: 0;margin: 0 auto;z-index: 2;}

.download_tit{margin: 30px auto;}
.download_tit h3{font-size: 20px;line-height: 36px;font-weight: bold;color: var(--mainColor);padding-left: 45px;position: relative;}
.download_tit h3::before,
.download_tit h3::after{content: "";display: block;position: absolute;left: 0;top: 50%;}
.download_tit h3::before{width: 30px;height: 30px;border-radius: 30px;background: var(--mainColor);opacity: 0.5;margin-top: -15px;}
.download_tit h3::after{width: 14px;height: 14px;border-radius: 14px;margin-top: -7px;background: var(--fontColorf);margin-left: 8px;}
.download_item{display: inline-flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.download_item .item{border:1px solid var(--fontColord);inline-size: calc(100% / 2 - 15px);}
.download_item .item a{align-items: center;justify-content: space-between;}
.download_item .item .pic{width: 130px;height: 90px;text-align: center;}
.download_item .item .pic img{height: 100%;width: auto;object-fit: cover;display: block;margin: 0 auto;}
.download_item .item .tct{padding: 0 30px 0 0;box-sizing: border-box;width: calc(100% - 140px);position: relative;}
.download_item .item .tct p{font-size: 18px;font-weight: bold;color: var(--mainColor);}
.download_item .item .tct:after{content: "";display: block;background: url(../images/ndv_navi_ar01.png) no-repeat 1px;width: 16px;height:16px;border-radius: 16px;border:1px solid var(--mainColor);float: right;line-height: 16px;position: absolute;top: 50%;right: 20px;margin-top: -8px;}

.download_items{justify-content: center;}
.download_items .items{border:1px solid var(--fontColord);}
.download_items .items .tct{padding: 20px 50px;box-sizing: border-box;position: relative;text-align: center;}
.download_items .items .tct h3{font-size: 18px;font-weight: bold;color: var(--mainColor);}
.download_items .items .tct p{font-size: 16px;line-height: 36px;color: var(--fontColor6);}
.download_items .items .tct:after{content: "";display: block;background: url(../images/ndv_navi_ar01.png) no-repeat 1px;width: 16px;height:16px;border-radius: 16px;border:1px solid var(--mainColor);float: right;line-height: 16px;position: absolute;top: 50%;right: 20px;margin-top: -8px;}
.scroll table{width: 100%;}

#certify {
	position: relative;
	width: 1200px;
	margin: 30px auto;
}

#certify  .swiper-slide {
	width: 360px;
}
#certify  .swiper-slide .pic{height: 370px;max-width: 100%;padding: 20px 50px;box-sizing: border-box;border: 3px solid #506586;background-color: #fff;display: inline-flex;align-items: center;}
#certify  .swiper-slide img{
	display:block;
    max-height: 100%;
}
#certify  .swiper-slide p {
	line-height: 60px;
	padding-top: 0;
	text-align: center;
	color: #636363;
	font-size: 16px;
	margin: 0;
    opacity: 0;
}
#certify .swiper-slide-active p{opacity: 1;}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev,
#certify .swiper-button-next {
	background:none;
	width: 36px;
	height: 36px;
	border: 1px solid var(--fontColord);
}
#certify .swiper-button-prev::after,
#certify .swiper-button-next::after{font-size: 20px;color: var(--fontColor6);}
#certify .swiper-button-prev{
    left: 0px;
}
#certify .swiper-button-next {
	right: 0px;
}

.contact_con{justify-content: space-between;flex-wrap: wrap;margin: 0px auto 60px;border-bottom: 1px dashed var(--fontColord);padding-bottom: 60px;}
.contact_left{width: 370px;}
.contact_left ul li{display: inline-flex;width: 100%;border-bottom: 1px dashed var(--fontColord);padding: 20px 0px;box-sizing: border-box;justify-content: space-between;}
.contact_left ul li em{width: 45px;display: block;}
.contact_left ul li p{width: calc(100% - 55px);}
.contact_left ul li p span{font-size: 15px;color: #666;display: block;}
.contact_left ul li p font{font-size: 15px;color: var(--fontColor6);display: block;margin-top: 10px;}
.contact_left ul li p font a{color: var(--mainColor);font-size: 14px;display: block;margin-top: 5px;}
.contact_left ul li p font a img{width: 5%;}

.contact_right{width: 735px;}
.contact_right ul{justify-content: space-between;flex-wrap: wrap;}
.contact_right ul li{width: calc(100% / 2 - 10px);display: inline-flex;justify-content: space-between;margin-bottom: 20px;}
.contact_right ul li span{display: inline-block;width: 110px;height: 110px;overflow: hidden;background: var(--fontColord);border-radius: 50%;}
.contact_right ul li p{width: calc(100% - 125px);font-size: 15px;color: var(--fontColor6);line-height: 30px;}
.contact_right ul li p font{display: inline-flex;width: 100%;}
.contact_right ul li p font img{width: 85px;height: 85px;margin: 0;}

.contact_pop{width: 100%;height: 100%;position: fixed;top: 0;left: 0;right: 0;margin: 0 auto;z-index: -99;background: rgba(0, 0, 0, 0.5);opacity: 0;}
.contact_pops{width: 80%;margin: 10% auto;position: relative;text-align: center;height: 100%;}
.colse{width: 40px;height: 40px;background: var(--mainColor);position: absolute;right: 0;top: 0;z-index: 100;padding: 8px;box-sizing: border-box;cursor: pointer;}
.colse::before,
.colse::after{content: "";display: block;width: 24px;height: 1px;background: var(--fontColorf);margin-top: 12px;transform: rotate(40deg);}
.colse::after{transform: rotate(140deg);margin-top: -1px;}
.contact_map{position: absolute;display: block;top: 0;left: 0;right: 0;margin: 0 auto;}
.contact_map p{position: absolute;top: 20%;left: 0;right: 0;z-index: 99;padding: 20px;box-sizing: border-box;background: var(--fontColorf);box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);max-width: 320px;margin: 0 auto;text-align: center;}