.cszn_body{position: relative;}

.embed-responsive {position: relative;display: block; width:100%; height: 800px;overflow: hidden;margin-top:90px;}
.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;object-position: center;object-fit: cover;}
.embed-responsive .cszn-box-1 {position: absolute;top: 300px;z-index: 3;color: #fff; width:100%; font-size: 20px;line-height: 32px;text-align: center;}
.embed-responsive .cszn-box-1 .txtT1 { font-size: 62px; font-weight: 700; line-height: 66px;}
.embed-responsive .cszn-box-1 .txtT2 { font-size: 34px; line-height: 40px; padding:30px 0;}
.embed-responsive .cszn-box-1 .info  { max-width: 900px; margin: 0 auto;padding-bottom: 30px;}
.embed-responsive .cszn-box-1 .cszn-more {padding-top: 20px;}
.embed-responsive .cszn-box-1 a{display: inline-block; width: 190px; height: 48px; line-height: 46px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;}
.embed-responsive .cszn-box-1 a:hover{background: #005f63;border-color: #005f63;}
.mouesMove {position: absolute;bottom: 10px; left: 50%;width: 60px; height: 60px;margin-left: -30px;background: url(/static/index/images/home-next.png) no-repeat;z-index: 2;animation: changeY 2s ease-in-out infinite;transform: translateY(0);}
.video-back {background: url(/static/index/images/videooverlay1.png) repeat;opacity: 1;min-height: 100%;min-width: 100%;position: absolute;top: 0;left: 0;height: auto;width: auto;z-index: 1;display: block;}
@-webkit-keyframes changeY{ 0%{-webkit-transform:translateY(0px);} 50%{-webkit-transform:translateY(-20px);} 100%{-webkit-transform:translateY(0px);}}
@keyframes menu6 { 0% {opacity: 0;transform: scale(2);} 100% {opacity: 1;transform: scale(1);} }

.t1{font-size: 38px;font-weight: 700;}
.t2{font-size: 22px;font-weight: 700;}
.t3{font-size: 16px;}

.cszn-index-product{max-width: 1250px;padding-top: 20px;margin: 0 auto;}
.cszn-index-product .product-swiper{width: 100%;}
.cszn-product{margin-top: 30px;width: 33%;}
.cszn-product a{color: #000000;display: block;text-align: center;}
.cszn-product a img{width:100%;height: auto;max-width: 386px;}
.cszn-product p{text-align: left;line-height: 22px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 10px 3% 0;}
.cszn-index-product .first-product{padding-left: 0;}
.cszn-index-product .product-swiper .product-pag{display: none;}
.cszn-index-product .product-more{margin: 30px auto;text-align: center;}
.cszn-index-product .product-more a{display: inline-block; width: 150px; height: 40px; line-height: 40px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;background-color:#005f63;}

.cszn-index-solution {max-width: 1250px;margin: 0 auto;}
.cszn-index-solution .cszn-solution {max-width: 1250px;}
.cszn-index-solution .cszn-solution .cszn-solution-1{width: 100%;height: 80px;position: relative;}
.cszn-solution .cszn-solution-2{width: 1160px;height: 80px;}
.cszn-solution .cszn-solution-2>ul{margin:0;padding:0;}
.cszn-solution .cszn-solution-2>ul>li{width: 290px;height: 80px;}
.cszn-solution .cszn-solution-2>ul>li>a{font-size: 22px;text-align: center;line-height: 40px;font-weight: 700;color: #333333;padding: 0;margin: 20px 0;border-radius: 24px; border: 1px solid #fff;}
.cszn-solution .cszn-solution-2>ul>li>a:hover{background-color: #005f63;color:#ffffff;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #555555;background-color: #fff;border:none;border-bottom-color: transparent;}
.cszn-solution-1 .nav .active a {background-color: #005f63;color:#ffffff;}

.cszn-solution .cszn-solution-img{width: 68%;display: inline-block;}
.cszn-solution .cszn-solution-img>img{width: 100%;height:auto;}
.cszn-solution .cszn-solution-text{width:32%;float: right;}
.cszn-solution-text .cszn-solution-font1{margin: 80px 0 20px 50px;font-size: 30px;font-weight: 700;line-height: 60px;}
.cszn-solution-text .cszn-solution-font2{margin: 30px 0 0 50px;font-size: 18px;}
.cszn-solution-text .cszn-solution-more { width: 190px; height: 48px; margin: 50px auto;text-align: center;}
.cszn-solution-text .cszn-solution-more a{display: inline-block; width: 150px; height: 40px; line-height: 40px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;background-color: #005f63;}
.solution-prev{position:absolute;top:17%;right:auto;left: 0;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_left.png");background-size: cover;}
.solution-next{position:absolute;top:17%;right:0;left: auto;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_right.png");background-size: cover;}


.cszn-index-video {max-width:1250px;margin: 30px auto 0;}
.cszn-video{max-width: 1200px;position: relative;margin: 0 auto; }
.cszn-video-display{width: 220px;margin-right: 20px;height: 590px;}
.cszn-video-display .swiper-video{width: 220px;height: 490px;position: absolute;top:50px;left: 0;}

.cszn-video-display .video-top{position:absolute;top:0;right:auto;left: 85px;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_top.png");background-size: cover;}
.cszn-video-display .video-bottom{position:absolute;top:540px;right:auto;left: 85px;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_bottom.png");background-size: cover;}

.cszn-video-display .swiper-video>ul{width: 220px;height: 490px;border:none;}
.cszn-video-display .swiper-video>ul>li{display: inline-block;width: 220px;height: 25%;border:none;}
.cszn-video-display .swiper-video>ul>li>a{text-align: center;position: relative;}
.cszn-video-display .swiper-video>ul>li>a .cszn-video-font{display:none;}
.cszn-video-display .swiper-video>ul>li>a>img{width: 185px;height: 104px;transition: all 1s ease;}
.cszn-video-display .swiper-video>ul>li>a:hover>img{transform: scale(1.17)}
.cszn-video-display .swiper-video>ul>li>a:hover .cszn-video-font{position: absolute;left: 0;bottom: 0;display: block;color: #fff;background-color: rgba(0,0,0,.8);font-size:13px}
.cszn-video-1 {width: 960px;position: absolute;top:0;left: 240px;}
.cszn-video-1 p{font-size: 20px;line-height: 50px;text-align: center;}
.cszn-video-1 video{width: 960px;height:540px; overflow: hidden; }
.cszn-video-1 video:hover{cursor: pointer;}
.swiper-video>ul, .cszn-video-display .swiper-video>ul>a, .cszn-video-display .swiper-video>ul>li.active>a{border: none;}

.cszn-yidong-video{display: none;}
.yidong-next{position:absolute;top:38%;right:0;left: auto;width:40px;height: 40px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_right.png");background-size: cover;}
.yidong-prev{position:absolute;top:38%;right:auto;left: 0;width:40px;height: 40px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_left.png");background-size: cover;}

.cszn-index-partners{max-width:1250px;margin: 30px auto 0;}
.cszn-index-partners .cszn-partners{max-width: 1250px;height: 480px;position: relative;padding-top: 20px;}
.cszn-index-partners .cszn-partners .partners-display{width:90%;height:480px;margin:0 auto;}
.partners-display .swiper-slide{height: calc((100% - 40px) / 5);overflow: hidden;}
.partners-display .swiper-slide img{width: 80%; height: auto;}
.cszn-partners .partners-pag{width: 100%;text-align: center;bottom: 10px;}
.swiper-pagination-bullet {margin-left: 5px;}
.partners-next{position:absolute;top:38%;right:0;left: auto;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_right.png");background-size: cover;}
.partners-prev{position:absolute;top:38%;right:auto;left: 0;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_left.png");background-size: cover}


.cszn-index-robots{max-width:1250px;margin: 30px auto 0;}
.cszn-index-robots .cszn-robots{max-width: 1250px;height:480px;position: relative;padding-top: 20px;}
.cszn-index-robots .cszn-robots .robots-display{width:90%;height:480px;margin:0 auto;}
.robots-display .swiper-slide{height: calc((100% - 40px) / 5);overflow: hidden;}
.robots-display .swiper-slide img{width: 80%; height: auto;}
.cszn-robots .robots-pag{width: 100%;text-align: center;bottom: 10px;}
.robots-next{position:absolute;top:38%;right:0;left: auto;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_right.png");background-size: cover;}
.robots-prev{position:absolute;top:38%;right:auto;left: 0;width:50px;height: 50px;z-index: 10;cursor: pointer;display: flex;align-items: center;justify-content: center;background-image: url("../images/cszn_left.png");background-size: cover}


.cszn-index-contact{max-width:1250px;margin: 30px auto 0;}
.msgBox .t h2 { font-size: 20px; color: #333; font-weight: 700;}
.msgBox .t p { font-size: 12px;}
.msgBox { padding: 50px 5% 30px; border: 1px solid #E6E6E6;}
.msgBox .item { padding: 10px;text-align: center;}
.msgBox .form-control { min-height: 40px; -webkit-appearance: none;box-shadow: none; border-color: #E1E7EE;}
.msgBox .moreT1{width: 150px; height: 40px; line-height: 40px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;background-color: #005f63;}

.footer { padding-top: 54px;background: #212121;}
.footer .box { padding-bottom: 40px; font-size: 14px; color: #a9a9a9;}
.footer .minWidth { max-width: 1250px; margin: 0 auto;}
.footer .nav dl { float: left; padding-bottom: 30px; width: 95px;}
.footer .nav #cpjs {width: 135px;}
.footer .nav dl dt { padding-bottom: 10px;}
.footer .nav dl dt a { color: #fff; font-weight: 700;}
.footer .nav dl dd a { display: block; margin-top: 10px; color: #a9a9a9;}
.footer .info dl dt { padding-bottom: 20px; color: #fff; font-size: 18px; font-weight: 500;}
.footer .info dl dd p { position: relative; padding:0 0 15px 45px;}
.footer .info dl dd p span { display: block; padding-top: 10px;}
.footer .info dl dd p i { position: absolute; left: 0; top: 0;}
.footer .qrCode { text-align: right;}
.footer .qrCode p { display: inline-block; text-align: center;}
.footer .qrCode p em { display: block; font-size: 18px; padding-top: 5px; color: #fff;}
.footer .copy { padding: 20px; color: #fff; font-size: 14px; background: #171717;}
.txt-c {text-align: center;line-height:40px;}
.txt-c a{text-decoration: none;color: #fff;}

.fixBtn { position: fixed; bottom: 10%; right: 5%; width: 48px; opacity: 0; transition: .3s; z-index: 11;}
.fixBtn.on { opacity: 1;}
.fixBtn a {display: block; margin-bottom: 10px;}

@media (min-width: 1250px){
.cszn_nav_top{position: fixed;top: 0;width: 100%;left: 0;z-index: 999;background: #fff;box-shadow: 0 0 10px -5px #000;}
.cszn_top{position: relative;width: 1250px;margin:0 auto;background: #fff;height: 90px;}
.cszn_logo{float: left;width: 160px;height: 55px;overflow: hidden;position: relative;z-index: 5;margin-top: 14px;margin-left: 30px;}
.cszn_logo img{height: 55px;display: block;width: auto;}

.cszn_main{width: 100%;height: 0;position: relative;margin:0 auto;}
.cszn_nav_wrap{width: 100%;height: 90px;}
.cszn_nav_wrap>ul{float: left;}
.cszn_nav_wrap>ul>li{float: left;margin-left: 55px;height: 90px;line-height: 90px;font-size: 16px;color: #292929;}
.cszn_nav_wrap>ul>li>img{width: 30px;height: 30px;margin-top: 27px;}
.cszn-phone{float: right;color: #000000;font-size: 16px;background: url(/static/index/images/phone.png) no-repeat left center;background-size: 23px;padding-left: 25px;margin-right: 30px;line-height: 90px;}
.cszn_nav_wrap>ul>li>i{line-height: 90px;margin: 0;}
.cszn_nav_wrap>ul>li>a{color: #000000;font-weight: 700;}
.cszn_nav_wrap>ul>li.mouseOverStyle>a,.cszn_nav_wrap>ul>li:hover>a,.index_body .cszn_nav_wrap>ul>li.cszn_navHome>a,.cszn_nav_wrap>ul>li.hove>a{color: #00164b;}
.cszn_nav_wrap>ul>li#cszn_navli4,.cszn_nav_wrap>ul>li#cszn_navli25,.cszn_nav_wrap>ul>li#cszn_navli3,.cszn_nav_wrap>ul>li#cszn_navli6,.cszn_nav_wrap>ul>li#cszn_navli25,.cszn_nav_wrap>ul>li#cszn_navli1,.cszn_nav_wrap>ul>li#cszn_navli34,.cszn_nav_wrap>ul>li#cszn_navli7{padding-right: 10px;box-sizing:border-box;}

.cszn_nav_cur span, #cszn_nav_ulid li span:hover {border-bottom: 2px  #e09314 solid;height: 28px;display: block;margin-top: 32px;line-height: 18px;color: #005f63;}
.complexnav_con{width: 1250px;margin:0 auto;position: relative;}
.cszn_nav_subcon{display: none;background: #fff;position: absolute;top: 0;z-index: 2;box-shadow:0 0 10px -5px #333;}
#cszn_nav_subcon_1,#cszn_nav_subcon_34,#cszn_nav_subcon_6{width: 225px;padding-top: 40px;text-align: center;padding-bottom: 46px;left: 446px;}


#cszn_nav_subcon_34 {left: 640px !important;}
#cszn_nav_subcon_1{left: 769px !important;}
#cszn_nav_subcon_6{left: 895px !important;}

#cszn_nav_subcon_4 {width:1250px;height: 330px;}
.cszn_industry_menu{width: 270px;height: 330px;float: left;text-align: center;background: #dadada91;}
.cszn_industry_menu>ul{margin-top: 30px;}
.cszn_industry_menu>ul>li{height: 50px;line-height: 50px;font-size: 16px;color: #333333;text-align: left;padding-left: 68px;}
.cszn_industry_menu>ul>li:hover{background:#005f63;}
.cszn_industry_menu>ul>li>ul{display: none!important;}
.cszn_industry_menu>ul>li>a{color: #000000;font-weight: 500;}
.cszn_industry_menu>ul>li:hover a{color:#ffffff;}

.industry_vmenu{width: 980px;float: right;background-color: #ffffff;padding:0;}
.industry_vmenu li{width: 100%;height: 100%;overflow: hidden;display: none;}
.industry_vmenu li:first-child{display: block;}
.industry_vmenu .compnav_listright{width: 440px;float: right;}
.industry_vmenu .compnav_listimg{width: 480px;height: 270px;float: left;margin:30px 20px 0 35PX;}
.industry_vmenu .compnav_listimg img{width: 100%;height: 100%;}
.industry_vmenu .compnav_listtit{width: 100%;height: auto;margin-top: 10px;padding-top:15px;padding-bottom:10px;line-height: 31px;background: none;color: #333;}
.industry_vmenu .compnav_listtit a{color: #005f63;font-weight: 500;font-size: 16px;}
.industry_vmenu .compnav_listtit h3 a{font-size: 17px;font-weight: 700;}
.industry_vmenu .case_menu_1{width: 260px;height: 140px;float:left;}
.industry_vmenu .case_menu_1 li{float: left;height: 30px;width:auto;display: inline-block;margin-right: 30px;}
.industry_vmenu .case_menu_1 li a{color:#000000;}
.industry_vmenu .case_menu_2{width: 140px;height: 120px;float:left;margin-left: 20px;}
.industry_vmenu .case_menu_2 li{float: left;height: 30px;width:auto;display: inline-block;}
.industry_vmenu .case_menu_2 li a{color:#000000;}
.industry_vmenu .case_menu_3{width: 260px;height: 95px;float:left;}
.industry_vmenu .case_menu_3 li{float: left;height: 30px;width:auto;display: inline-block;margin-right: 30px;}
.industry_vmenu .case_menu_3 li a{color:#000000;}
.industry_vmenu .case_menu_4{width: 140px;height: 120px;float:left;margin-left: 20px;}
.industry_vmenu .case_menu_4 li{float: left;height: 30px;width:auto;display: inline-block;}
.industry_vmenu .case_menu_4 li a{color:#000000;}

.about_vmenu>ul>ul>li,.contact_vmenu>ul>ul>li{height: 47px;line-height: 47px;font-size: 16px;color: #000000;overflow: hidden;font-weight: 500;}
.about_vmenu>ul>ul>li:hover{background:#005f63;}
.about_vmenu>ul>ul>li:hover a{color:#ffffff;}
.support_vmenu>ul>ul>li>a,.about_vmenu>ul>ul>li>a,.contact_vmenu>ul>ul>li>a{color: #000000;}

#cszn_nav_subcon_25{width: 1250px;height: 330px;}
.cszn_solution_menu{width: 270px;height: 330px;float: left;text-align: center;background: #dadada91;}
.cszn_solution_menu>ul{margin-top: 0;}
.cszn_solution_menu>ul>li{height: 50px;line-height: 50px;font-size: 16px;color: #333333;text-align: left;padding-left: 68px;}
.cszn_solution_menu>ul>li:hover{background:#005f63;}
.cszn_solution_menu>ul>li>ul{display: none!important;}
.cszn_solution_menu>ul>li>a{color: #000000;font-weight: 500;}
.cszn_solution_menu>ul>li:hover a{color:#ffffff;}

.solution_vmenu{width: 980px;height:300px;float: right;background: #ffffff;padding:0;}
.solution_vmenu li{width: 100%;height: 100%;overflow: hidden;display: none;}
.solution_vmenu li:first-child{display: block;}
.compnav_listright{width: 370px;float: right;}
.compnav_listtit{width: 100%;height: auto;margin-top: 60px;padding-top:10px;padding-bottom:10px;line-height: 31px;background: url(/static/index/images/gang-1.png) no-repeat top left;color: #333;font-size: 24px;}
.compnav_listtit a{color: #005f63;font-weight: 700;}
.compnav_listcon{width: 100%;height: 200px;font-size: 16px;color: #000000;line-height: 29px;overflow: hidden;padding-right: 20px;}
.compnav_listimg{width: 480px;height: 270px;float: left;margin: 30px 50px 0 50px;}
.compnav_listimg img{width: 100%;height: 100%;}

#cszn_nav_subcon_3{width: 1250px;height: 360px;}
.pro_vmenu2{width: 360px;height: 360px;float: left;text-align: center;background: #dadada91;}
.pro_vmenu2>ul>li{height: 50px;line-height: 50px;padding-left:30px;text-align: left;font-size: 16px;color: #333333;}
.pro_vmenu2>ul>li:hover{background:#005f63;}
.pro_vmenu2>ul>li:hover a{color: #ffffff;}
.pro_vmenu2>ul>li>ul{display: none!important;}
.pro_vmenu2>ul>li>a{color: #000000;font-weight: 500;font-size:16px;display: block;}

.pro_vmenu{width: 890px;float: right;background-color: #ffffff;padding:0;}
.pro_vmenu li{width: 100%;height: 100%;overflow: hidden;display: none;background-color: #ffffff}
.pro_vmenu li:first-child{display: block;}
.pro_vmenu .compnav_listimg{width: 480px;height: 300px;float: left;margin: 30px 60px 0 40px;}
.pro_vmenu .compnav_listright{width: 310px;float: right;}
.pro_vmenu .compnav_listright .compnav_listcon span{font-size: 18px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.logoMenu{display: none;}
}

@media (max-width: 1250px){
.cszn-index-partners .cszn-partners{max-width: 1250px;height: 260px;position: relative;padding-top: 10px;}
.cszn-index-partners .cszn-partners .partners-display{width:90%;height:260px;margin:0 auto;}

.cszn-index-robots .cszn-robots{max-width: 1250px;height:260px;position: relative;padding-top: 10px;}
.cszn-index-robots .cszn-robots .robots-display{width:90%;height:260px;margin:0 auto;}

.cszn-product .pro-dis{display: none;}
.cszn-index-product .product-swiper .product-pag{display: block;bottom: -9px;}
.cszn-product{margin:30px 0 20px;padding: 0 30px;}
.cszn-index-product .first-product {padding-left: 30px;}

.cszn_nav_top{display: none;}
.logoMenu { position: fixed; top: 0; left: 0; right: 0; height: 98px; background-color:rgb(0 0 0); border-bottom: 1px solid rgba(0,0,0,.8); z-index: 999; transition: .3s;}
.logoMenu.on {background-color:rgba(0,0,0,.8);border-bottom: 1px solid rgba(0,0,0,.5);}
.logoMenu.on .menu li .sub li a { background-color: rgba(0, 0, 0, 0.8)}
.logoMenu.on {background-color:rgba(0,0,0,.8);border-bottom: 1px solid rgba(0,0,0,.8);}
.logoMenu .logo {padding: 20px 0 0 80px;}
.logoMenu .menu{margin: 0 80px 0 0;line-height: 98px;}
.logoMenu .menu > ul { padding-right: 60px; margin-bottom: 0;}
.logoMenu .menu > ul > li { float: left; padding:0 10px; position: relative;}
.logoMenu .menu > ul > li h4 { margin: 0; line-height: 98px;}
.logoMenu .menu > ul > li h4 a { display: block; padding: 0 30px; color: #B8BCBE; font-size: 16px; position: relative;}
.logoMenu .menu > ul > li h4 a:after { position: absolute; bottom: 0; left: 20px; right: 20px; content: ""; height: 3px; background: #fff; opacity: 0; transition: .8s;}
.logoMenu .menu > ul > li h4 a.on:after{opacity: 1;}

.logoMenu .menu > ul > li:hover h4 a,.logoMenu .menu > ul > li h4 a.on { font-weight: 700; color: #fff;}
.logoMenu .menu li .sub { display: none; width: 160px; position: absolute; left: 50%; margin-left: -80px;}
.logoMenu .menu li .sub li {opacity: 0;transform-origin: top center;}
.logoMenu .menu li .sub li a {display: block; line-height: 32px; color: #fff; text-align: center;background-color: rgba(8, 8, 8, 0.4);padding: 10px 0;}
.logoMenu .menu li .sub li a:hover { background: #69f;}
.logoMenu .menu li:hover .sub { display: block;}
.logoMenu .menu li:hover .sub li:nth-of-type(1) {animation: menu6 0.3s ease-in-out forwards;animation-delay: 0.2s;}
.logoMenu .menu li:hover .sub li:nth-of-type(2) {animation: menu6 0.3s ease-in-out forwards;animation-delay: 0.4s;}
.logoMenu .menu li:hover .sub li:nth-of-type(3) {animation: menu6 0.3s ease-in-out forwards;animation-delay: 0.6s;}
.logoMenu .menu li:hover .sub li:nth-of-type(4) {animation: menu6 0.3s ease-in-out forwards;animation-delay: 0.8s;}
.logoMenu .menu li:hover .sub li:nth-of-type(5) {animation: menu6 0.3s ease-in-out forwards;animation-delay: 1s;}
.logoMenu .menu .lng {float: right;font-size: 14px;color: #fff;background: url(/static/index/images/phone-1.png) no-repeat left center;background-size: 23px;padding-left: 25px;margin-left: 11px;}
.logoMenu .menu .lng a { padding:0 15px; color: #fff; }

.logoMenu { background: #000; height: 60px;}
.common_warp .top.s1 { height: 98px;}
.common_warp .top.s1 .logoMenu.on .menu .icon_box i { background: #000;}
.common_warp .top.s1 .logoMenu .menu li .sub li a { background: none;}
.logoMenu .logo { padding: 10px 0 0 15px;}
.logoMenu .logo a img { height: 40px;position: absolute;top:10px;}
.logoMenu .menu .lng { position: absolute; top: 15px; left: 148px; line-height: 30px;}
.logoMenu .menu .lng a { padding: 0 10px;}
.logoMenu .menu > ul { position: absolute; top: 0; right: 0; padding: 0;}
.logoMenu .menu .icon_box { position: absolute; top: 10px; right: 10px; width:50px;height:50px; padding:8px; cursor:pointer;}
.logoMenu .menu .icon_box i {width:100%;height:3px;background:#fff;display:block;margin-bottom:8px;transition:all .5s;-webkit-transition:all .5s;transform-origin:20px center;}
.logoMenu .menu .icon1 {transform:translateY(13px)rotate(45deg)!important;}
.logoMenu .menu .icon2 {width:0!important; transform:translateX(20px)}
.logoMenu .menu .icon3 {transform:translateY(-13px) rotate(-45deg)!important;}

.logoMenu .menu > ul { position: fixed; float: none; top: 60px; right: -54%; bottom: 0; width: 54%; background: rgba(255,255,255,.98); border-left: 1px solid #F2F3F3; overflow: hidden; overflow-y: auto; opacity: 0; transition: .5s;}
.logoMenu .menu > ul.on { right: 0; opacity: 1;}
.logoMenu .menu > ul > li { float: none; padding: 0;}
.logoMenu .menu > ul > li h4 { line-height: 64px; text-align: center;}
.logoMenu .menu > ul > li h4 a { display: block; padding: 0 30px; color: #B8BCBE; font-size: 16px; position: relative;}
.logoMenu .menu > ul > li h4 a,.logoMenu .menu > ul > li:hover h4 a,.logoMenu .menu > ul > li h4 a.on { border-bottom: 1px solid #F2F3F3; color: #000; font-weight: 500;}

.logoMenu .menu li .sub {position: inherit; width: auto; top: 0; right: 0; left: 0; margin-left: 0; border-bottom: 1px solid #F0F1F1;}
.logoMenu .menu li .sub li { opacity: 1; overflow: hidden;}
.logoMenu .menu li .sub li a {display: block; line-height: 32px; color: #fff; text-align: center;background-color: rgba(8, 8, 8, 0.4);padding: 10px 0;}
.logoMenu .menu li .sub li a,.logoMenu.on .menu li .sub li a { color: #333; background: none; line-height: 24px;font-size: 14px;}
.logoMenu .menu li:hover .sub {display: none;}
.logoMenu .menu li.on .sub {display: block;}
.logoMenu .menu li .sub li a:hover { background: #69f; color: #fff;}
.logoMenu .menu > ul > li:hover h4 a { color: #000;}

.embed-responsive {position: relative;display: block;height: 0;padding-bottom: 56.25%;overflow: hidden;margin-top:60px;}
.embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0;}
.embed-responsive .cszn-box-1 {position: absolute;top: 2.2rem;z-index: 2;color: #fff; width:100%; font-size: 0.16rem;line-height: 0.35rem;text-align: center;}
.embed-responsive .cszn-box-1 .txtT1 { font-size: 0.5rem; font-weight: 700; line-height: 0.58rem;}
.embed-responsive .cszn-box-1 .txtT2 { font-size: 0.3rem; line-height: 0.36rem; padding:0.24rem 0;}
.embed-responsive .cszn-box-1 .info  { font-size: 0.18rem; line-height: 0.18rem;padding-bottom: 0.1rem;}
.embed-responsive .cszn-box-1 .cszn-more {padding-top: 0.15rem;}
.embed-responsive .cszn-box-1 a {display: inline-block; width: 1.8rem; height: 0.46rem; line-height: 0.4rem; color: #fff; border-radius: 0.3rem; font-size: 0.26rem;border: 1px solid #fff;}

.cszn-solution .cszn-solution-2{width: 90%;height: 80px;}
.cszn-solution .cszn-solution-2>ul>li{width: 45%;height: 80px;}
.cszn-solution-text .cszn-solution-font1{margin: 0.64rem 0 0.16rem 0.4rem;font-size: 0.24rem;line-height: 0.48rem;}
.cszn-solution-text .cszn-solution-font2{margin: 0.24rem 0 0 0.4rem;font-size: 0.144rem;}
.cszn-solution-text .cszn-solution-more { width: 1.52rem; height: 0.384rem; margin: 0.4rem auto;text-align: center;}
.cszn-solution-text .cszn-solution-more a{display: inline-block; width: 1.2rem; height: 0.384rem; line-height: 0.368rem; color: #fff; border-radius: 0.192rem; font-size: 0.16rem;border: 1px solid #fff;background-color: #005f63;}

.cszn-video-display{width: 1.76rem;margin-right: 0.16rem;height: 4.72rem;}
.cszn-video-display .swiper-video{width: 1.76rem;height:3.92rem;position: absolute;top:0.4rem;left: 0;}

.cszn-video-display .video-top{top:0;left: 0.68rem;}
.cszn-video-display .video-bottom{top:4.32rem;left: 0.68rem;}

.cszn-video-display .swiper-video>ul{width: 1.76rem;height: 3.92rem;border:none;}
.cszn-video-display .swiper-video>ul>li{display: inline-block;width:1.76rem;height: 25%;border:none;}
.cszn-video-display .swiper-video>ul>li>a{text-align: center;position: relative;}
.cszn-video-display .swiper-video>ul>li>a .cszn-video-font{display:none;}
.cszn-video-display .swiper-video>ul>li>a>img{width:1.48rem;height:0.832rem;transition: all 1s ease;}
.cszn-video-display .swiper-video>ul>li>a:hover>img{transform: scale(1.17)}
.cszn-video-display .swiper-video>ul>li>a:hover .cszn-video-font{position: absolute;left: 0;bottom: 0;display: block;color: #fff;background-color: rgba(0,0,0,.8);font-size:0.104rem}
.cszn-video-1 {width: 7.68rem;position: absolute;top:0;left:1.92rem;}
.cszn-video-1 p{font-size:0.16rem;line-height:0.4rem;text-align: center;}
.cszn-video-1 video{width:7.68rem;height:4.32rem; overflow: hidden; }


.footer { font-size: 12px;}
.footer .nav { display: none;}
.footer .qrCode { text-align: center;}

}

@media screen and (max-width: 991px) {
.t1{font-size: 26px;}
.t2{font-size: 20px;}
.cszn-h2-font {margin: 0 2%;}
}

@media screen and (max-width: 768px) {
.mouesMove{display:none;}
.embed-responsive .cszn-box-1 .info  { display:none;}
.embed-responsive .cszn-box-1 a{display: inline-block; width: 120px; height: 38px; line-height: 36px; color: #fff; border-radius: 18px; font-size: 16px;border: 1px solid #fff;}

/*.cszn-index-product .first-product{padding-left: 10px;}*/

.cszn-index-solution .cszn-solution .cszn-solution-1{width: 100%;height: 40px;position: relative;}
.solution-prev{width:30px;height: 30px;left: -5px;}
.solution-next{width:30px;height: 30px;right: -5px;}

.cszn-solution .cszn-solution-2{width: 90%;height: 40px;}
.cszn-solution .cszn-solution-2>ul>li{width: 45%;height: 40px;}
.cszn-solution .cszn-solution-2>ul>li>a{font-size: 20px;text-align: center;line-height: 20px;font-weight: 700;color: #333333;padding: 0 10px;margin: 10px 0;border-radius: 23px; border: 1px solid #fff;}
.cszn-solution .cszn-solution-img{width: 100%;}
.cszn-solution .cszn-solution-text{width:100%;}
.cszn-solution-text .cszn-solution-font1{margin: 10px 0 10px 20px;font-size: 20px;font-weight: 700;line-height: 30px;}
.cszn-solution-text .cszn-solution-font2{margin-top:10px;font-size: 16px;}
.cszn-solution-text .cszn-solution-more { width: 150px; height: 48px; margin: 30px auto;text-align: center;}
.cszn-solution-text .cszn-solution-more a{display: inline-block; width: 150px; height: 40px; line-height: 40px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;background-color:#005f63;}

.cszn-index-video{display: none;}
.cszn-yidong-video{display: block;width: 100%;}
.yidong-video{width: 100%;height: auto;position: relative;padding: 30px 0;}
.yidong-video .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
.yidong-video .swiper-slide video{width: 80%;height:auto;}
.yidong-video .swiper {margin-left: auto;margin-right: auto;}
.yidong-video .swiper-pagination{bottom: 0;}

.partners-next{top:41%;right: -5px;width:35px;height: 35px;}
.partners-prev{top:41%;left: -5px;width:35px;height: 35px;}

.robots-next{top:41%;right: -5px;width:35px;height: 35px;}
.robots-prev{top:41%;left: -5px;width:35px;height: 35px;}

}