*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;font-variant: tabular-nums;color: rgba(0, 0, 0, .65);}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
table{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
.dt_clear{clear: both;}
.dt_main{max-width:1320px; margin: auto;}
.nav{width: 100%; height: 90px;position: fixed; top: 0px; left: 0px; z-index:9999; background: #fff;}
.nav .logo{float: left;}
.nav .logo img{width: 120px; height: auto;margin-top:16px;}
.nav .nav_menu{float: right;}
.nav .nav_menu ul{float:left; height: 48px; margin-top:20px;border-bottom: 1px solid #e8e8e8;}
.nav .nav_menu ul li{float:left; position:relative;}
.nav .nav_menu ul li a{line-height:48px; width: 100%;padding: 0 20px; height: 48px; display: inline-block;color:#34383d; font-size: 14px;transition:all 0.5s;border-bottom:0px solid #1890ff;}
.nav .nav_menu ul li >a:hover{border-bottom: 2px solid #1890ff;}
.nav .nav_menu ul li >a.on{border-bottom: 2px solid #1890ff;}
.nav .nav_menu ul li .t_menu{position: absolute; top:0px;left: 0px; background:#fff; width:160px;box-shadow: 0 2px 8px rgba(0, 0, 0, .15); height: 0px;opacity:0;border-radius: 5px;overflow: auto;transition:all 0.5s;}
.nav .nav_menu ul li .t_menu a:hover{color:#1890ff;}
.nav .nav_menu ul li:hover .t_menu{height:auto;top:48px;opacity:1;}
.nav .lang{float:left;vertical-align: middle; height: 48px; line-height: 48px; margin-top:20px;color:#1890ff;font-size: 14px; position: relative; margin-left: 20px; cursor: pointer;background: #fff;}
.nav .lang:hover .lang_menu{opacity:1;}
.nav .lang .lang_menu{position: absolute; left: 0px; top:48px;box-shadow: 0 2px 8px rgba(0, 0, 0, .15);width: 100%; border-radius: 5px;opacity:0;background: #fff;}
.nav .lang .lang_menu a{display: block;width: 100%; text-align: center; font-size: 14px;color:#34383d; line-height: 36px;}
.nav .lang .lang_menu a:hover{background:#d3f4fe;}
.nav .lang .ico{width: 18px;vertical-align: middle; float: left; margin-top:16px;}
.nav_menu .wap_menu{display:none;}
/**轮博器**/
.dt_banner{max-width:1320px; height: 740px; margin: auto; margin-top: 90px;}
.swiper-pagination-bullet-active{width:40px; border-radius:0px; background: #fff; height: 3px;}
.swiper-pagination-bullet{width: 40px; border-radius:0px;height: 3px;}
/**产品介绍**/
.dt_h{text-align:center; margin: 50px auto;}
.dt_h span{position:relative;font-size: 30px;font-weight:700; line-height: 50px; display: inline-block; padding-bottom:5px; color: #333;} 
.dt_h span:after{content: "";width: 80%;height: 2px;position: absolute;left: 50%;bottom: 0;min-width: 40px;transform: translateX(-50%); background:#1890ff;}
.dt_l4 .l{width: 25%; float: left; padding: 12px;}
.dt_l4 .l img{border-radius:10px; width: 100%;transition:all 0.5s; cursor: pointer;}
.cp_js .dt_l4 .l img:hover{transform: scale(1.05);-moz-box-shadow:0px 10px 20px #C2C2C2; -webkit-box-shadow:0px 10px 20px #C2C2C2; box-shadow:0px 10px 20px #C2C2C2;}
.cp_js .info{font-size:18px;text-indent: 2em;ine-height: 1.6;color:#34383d; margin-top: 20px;}
.cp_ys .l h2{font-size: 18px; font-weight: bold; padding:20px; padding-bottom: 10px;color:#34383d;}
.cp_ys .l .des{font-size: 16px;}
.cp_ys .dt_l4 .l img:hover{transform: scale(1.02);}
/**展示**/
.cp_zs .pc_adv_menu,.cp_case .cp_case_menu{border-bottom: 1px solid #e9e4e4; height: 54px; margin-bottom:15px;}
.cp_zs .pc_adv_menu a,.cp_case .cp_case_menu a{line-height: 54px; font-size:20px;padding: 12px 16px;}
.cp_zs .pc_adv_menu .on,.cp_case .cp_case_menu .on{color: #1890ff; border-bottom: 2px solid #1890ff; position: relative; bottom: -1px;}
.cp_zs .swiper-wrapper .swiper-slide div{width: calc(16.66% - 17px);float: left;margin-right: 20px;}
.cp_zs .swiper-wrapper .swiper-slide div:nth-child(6n){margin-right: 0px;}
.cp_zs .swiper-wrapper .swiper-slide div p{font-size: 20px; margin-top: 15px; text-align: center;}
.cp_zs .swiper-wrapper .swiper-slide img{width: 100%;border-radius:10px;transition:all 0.5s; cursor: pointer;}
.cp_zs .swiper-wrapper .swiper-slide img:hover{transform: scale(1.02);-moz-box-shadow:0px 20px 20px #C2C2C2; -webkit-box-shadow:0px 20px 20px #C2C2C2; box-shadow:0px 20px 20px #C2C2C2;}
.cp_zs .more{background:#5895f1; padding: 5px 10px; display:block;width:120px; margin:auto; margin-top:50px; text-align: center; height: 40px; line-height:30px; font-size: 14px; color: #fff; border-radius:5px; border:1px solid #0d6efd;}

.cp_case .case_dav .swiper-slide img{width:calc(50% - 10px); float: left; margin-right:20px; border-radius:5px;transition:all 0.5s;}
.cp_case .case_dav .swiper-slide img:hover{transform: scale(1.02);-moz-box-shadow:0px 10px 20px #C2C2C2; -webkit-box-shadow:0px 10px 20px #C2C2C2; box-shadow:0px 10px 20px #C2C2C2;}
.cp_case .case_dav .swiper-slide img:nth-child(2n){margin-right: 0px;}
.cp_case .more{background:#5895f1; padding: 5px 10px; display:block;width:120px; margin:auto; margin-top:50px; text-align: center; height: 40px; line-height:30px; font-size: 16px; color: #fff; border-radius:5px; border:1px solid #0d6efd;}
/**关于我们**/
.about .des p{font-size: 20px; text-align: center; line-height:50px;}
.about .video{margin-top:15px;}
.about .more{background:#5895f1; padding: 5px 10px; display:block;width:120px; margin:auto; margin-top:50px; text-align: center; height: 40px; line-height:30px; font-size: 16px; color: #fff; border-radius:5px; border:1px solid #0d6efd;}
.footer{background: #5895f1; width: 100%; margin-top:50px; padding: 50px 0px; color:#f4f4f4;}
.footer .footer_logo{width: 160px; float: left;}
.footer .dt_main .c1{border-bottom: 1px solid #f4f4f4; padding-bottom: 20px;}
.footer .code {float: left; width: 100px; text-align: center; margin-left:300px;}
.footer .code img{width: 100%;}
.footer .code p{font-size:14px;}
.footer .conpay_info{float:left; margin-left: 150px;}
.footer .conpay_info h2{font-size: 20px; }
.footer .conpay_info p{font-size: 14px; margin-top: 10px;}
.footer .dt_main .c2{border-bottom: 1px solid #f4f4f4; padding:30px 0px;}
.footer .dt_main .c2 h2{font-size:20px;margin-bottom:15px;}
.footer .dt_main .c2 .footer_menu p a{width:200px; display: inline-block; font-size: 14px;}
.footer .c3{padding-top: 20px; padding-bottom: 20px;}
.footer .c3 p{font-size:14px;}
.footer .c3 p a{color:#b2cdf4;font-size:14px;}
/**客服**/
.kf{position:fixed; right:0px; top:50%; z-index: 99999; margin-top: -110px; transition: all 0.5s;}
.kf >div{margin-bottom: 10px;background: #5895f1; line-height:60px;border-radius: 10px; overflow: hidden; cursor: pointer; width: 60px; height: 60px;transition: all 0.1s;}
.kf >div img{ float: left;}
.kf >div span{width:0px; transition: all 0.2s;color: #b2cdf4; font-size: 16px; font-weight: bold;}
.kf >div:hover span{color:#fff;}
.kf .kf_code{width: 180px;transition: all 1s;}
.kf .top2{padding:5px;background: #5895f1;height:60px;transition: all 0.15s;}
.kf:hover >div {width:180px;}
.kf:hover .top2{height:250px;}
.wap_kefu,.wap_nav,.wap_nav_main{display: none;}
@media (max-width: 980px){
.dt_main{width:96%; margin: auto;}
.nav_menu ul{display:none;}
.kf{display: none;}
.nav_menu .wap_menu{width: 58px; float: left; margin-top:20px;margin-left:20px; margin-right: 5px;}
.nav_menu .wap_menu img{border-radius:5px; }
.nav_menu .wap_menu{display:block;}
.dt_banner{height:230px!important;}
.swiper-pagination-bullet{width:40px; height:3px; border-radius:0px;background: #fff;opacity:.2;}
.swiper-pagination-bullet-active{opacity:1;}
.dt_l4 .l{width: 50%; padding: 5px;}
.cp_ys .dt_l4 .l{width: 100%;}
.cp_zs .swiper-wrapper .swiper-slide div{width:calc(50% - 10px); margin-right:15px; margin-bottom: 20px;}
.cp_zs .swiper-wrapper .swiper-slide div:nth-child(2n){margin-right:0px;}
.cp_zs .swiper-wrapper .swiper-slide div img{width: 100%;}
.cp_zs .more,.cp_case .more{margin-top:20px;}
.cp_case .case_dav .swiper-slide img{width: 100%; margin-bottom: 15px!important; margin: 0px; padding:2px; border-radius:10px;}
.about .des p{line-height: 26px; margin-bottom: 20px;}
.footer{width: 100%;overflow: hidden;}
.footer .footer_logo{width: 40%;}
.footer .code{margin-left: 10px;width:40%; text-align: center; float: right;}
.footer .code img{width: 100px; display: block; margin: auto;}
.footer .code p{text-align:center;}
.footer .conpay_info{width: 100%; float: left; margin-left: 20px;}
.footer .dt_main .c2 .footer_menu p a{width: 48%;}
.footer .dt_main{width: 96%;margin: auto;overflow: hidden;}
.wap_kefu{position: fixed; bottom: 0px; left: 0px; width: 100%; height: 60px; z-index: 99999;border-top: 1px solid #aedefc; display:block;}
.wap_code_info{-display: none;}
.wap_kefu ul li{width: 33.3%; float: left; background:#5895f1; text-align: center;border-left: 1px solid #aedefc;}
.wap_kefu ul li a img{display: block; width: 60px; margin: auto;}
.wap_kefu .wap_code{position: relative;}
.wap_kefu .wap_code .wap_code_info{position: absolute;top:-270px; left:-20%; background: #fff; width: 200px;box-shadow: 0 4px 12px 0 rgba(52, 73, 94, .1); border-radius: 10px; overflow: hidden; padding: 10px 0px; display: none; z-index: 99999;}
.wap_kefu .wap_code .wap_code_info .kf_code{width:200px; display:block; margin: auto;}
.wap_kefu .wap_code .wap_code_info p{font-size: 14px;}
.wap_nav{width: 100%; height: 100%; position: fixed; z-index:99998!important;background-color: rgba(0, 0, 0, .45); left: 0px;top:0px; display:none;}
.wap_nav_main{width: 170px; background: #fff; height: 100%; position:fixed; left:-170px; top: 0px; z-index:99999; display: block;}
.wap_nav_main .wap_logo{border-bottom: 1px solid #e8e8e8; padding:15px 0px;}
.wap_nav_main .wap_logo img{width: 120px; display: block; margin: auto;} 
.wap_nav_main .nav_lst{padding: 10px;}
.wap_nav_main .nav_lst ul li{border-right: 1px solid #e8e8e8;}
.wap_nav_main .nav_lst ul li a{line-height: 40px; font-size: 14px; padding-left: 24px; width: 100%; height: 100%; display: inline-block;}
.wap_nav_main .nav_lst .on{background-color: #e6f7ff;border-right: 3px solid #1890ff;color: #1890ff;}
.dt_h span{font-size:25px}
}