@charset "utf-8";
html,body { min-height: 100%}
.minWidth { max-width: 1260px; margin: 0 auto;}
table { width: 100%;}
body { font-family: "微软雅黑";overflow-x:hidden;}
img { float: none;}


a,a img {transition:.3s;}
.switchBox,.noBlock { display: none;}
.ovnow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*.txt-c { text-align: center;}*/
.fz14 { font-size: 14px !important;}.fz16 { font-size: 16px !important;;}.fz18 { font-size: 18px !important;;}
.txtIndent2em { text-indent: 2em;}
.voHide { overflow: hidden;}
.borderNot { border: none !important;}

.positionRel{ position: relative;}
.image img { max-width: 100%;}

.notPadding { padding: 0;}

.cWhite { color: #fff;}

.whiteBg { background: #fff;}

.txt-c { text-align: center;}

.aaa { display: block; width:0;height:0;border-width:12px; border-style: dashed solid dashed dashed;border-color: transparent #DFF1FF transparent transparent;}

.lng{float: right;font-size: 14px;color: #424242;background: url(/static/images/phone.png) no-repeat left center;background-size: 23px;padding-left: 25px;margin-left: 11px;}




/*.tit-t1 .s1 { text-align: center; font-size: 50px; color: #333;}*/
.tit-t1 .s1 {width: 1250px;margin: 0 auto; text-align: left; font-size: 50px; color: #333;}
.tit-t1 .s1 i {color: #031007;font-weight: 700;}
.tit-t1 .cszn1 {color: #031007;font-size: 24px;font-weight: 700;}

/*.tit-t1 .s1 em { color: #c0c0c0; font-size: 24px; padding-left: 15px; font-family: arial;}*/
.moreT1 {display: inline-block; width: 170px; height: 38px; margin-top: 40px; background: #69f; color: #fff; font-size: 14px; text-align: center; line-height: 38px;border: none;}
.moreT1:hover { background: #5D90FC; color: #fff;}

.embed-responsive {position: relative;display: block; width:100%; height: 800px;overflow: hidden;}
.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: #36f;border-color: #36f;}
.mouesMove {position: absolute;bottom: 10px; left: 50%;width: 60px; height: 60px;margin-left: -30px;background: url(/static/images/home-next.png) no-repeat;z-index: 2;animation: changeY 2s ease-in-out infinite;transform: translateY(0);}
.video-back {background: url(/static/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);} }

.cszn-h2-font{padding:30px 0;font-size: 50px;color: #333;}
.cszn-h2-font i{color: #000;font-weight: 700;}
.cszn-h2-font .s1 {padding:20px 0 10px 0;}
.cszn-h2-font p{font-size: 24px;font-weight: 700;}
.cszn-index-product{width:1250px;height:700px;margin: 0 auto;}
.cszn-index-product .cszn-product li{float: left;width: 390px;height: 440px;margin-right: 40px;}
.cszn-index-product .cszn-product li:nth-child(2){height: 560px;}
.cszn-index-product .cszn-product li:last-child{margin-right:0;}
.cszn-index-product .cszn-product li>a>img{width:390px;height: 280px;}
.cszn-index-product .cszn-product .product-title{height: 80px;padding: 10px 0;}
.cszn-index-product .cszn-product .product-title>h4{font-size: 20px;font-weight: 700;line-height: 60px}
.cszn-index-product .cszn-product p{font-size: 18px;line-height: 20px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cszn-index-product .cszn-product .product-more{margin: 50px auto;text-align: center;}
.cszn-index-product .cszn-product .product-more a{display: inline-block; width: 150px; height: 48px; line-height: 46px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;background-color: #36f;}

.cszn-index-solution {width:1250px;height:760px;margin: 0 auto;}
.cszn-index-solution .cszn-solution {width: 1250px;height:600px;}
.cszn-index-solution .cszn-solution .cszn-solution-1{width: 1250px;height: 80px;position: relative;}
.cszn-solution-1 .swiper-button-prev:after,.cszn-solution-1 .swiper-button-next:after{color: #000000;}
.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: 20px;text-align: center;line-height: 60px;}
.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 .cszn-solution-img{width: 850px;height: 520px;padding-top: 20px;display: inline-block;}
.cszn-solution .cszn-solution-img>img{width: 850px;height: 480px;}
.cszn-solution .cszn-solution-text{width:400px;height: 520px;display: inline-block;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: 48px; line-height: 46px; color: #fff; border-radius: 24px; font-size: 20px;border: 1px solid #fff;background-color: #36f;}

.cszn-index-video {width:1250px;height:820px;margin: 0 auto;}
.cszn-video{width: 1250px;height: 660px;position: relative;}
.cszn-video-display{width: 250px;height: 660px;}
.cszn-video-display .swiper-video{width: 250px;height: 560px;position: absolute;top:50px;left: 0;}
.cszn-video-display .video-top{top: 22px;left:110px;transform: rotate(90deg);color: #000000;}
.cszn-video-display .video-bottom{top:632px;left: 110px;transform: rotate(90deg);color: #000000;}
.cszn-video-display .swiper-video>ul{width: 250px;height: 560px;}
.cszn-video-display .swiper-video>ul>li{display: inline-block;width: 250px;height: 140px;border:1px solid #fff;}
.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: 210px;height: 115px;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: 1000px;height: 630px;position: absolute;top:0;left: 250px;}
.cszn-video-1 p{font-size: 20px;line-height: 50px;text-align: center;}
.cszn-video-1 video{width: 1000px;height:610px;}
.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-index-partners{width:1250px;margin: 0 auto;}
.cszn-index-partners .cszn-partners{width: 1250px;height:360px;position: relative;}
.cszn-index-partners .cszn-partners .partners-display{width:1150px;height:360px;position: absolute;top: 0;left: 50px;}
.partners-display .swiper-slide{text-align: center;width: 230px;height: 120px;}
.partners-display .swiper-slide img{width:210px;height: 110px;}
.cszn-partners .partners-pag{width: 1250px;text-align: center;position: absolute;bottom: 0;}
.swiper-pagination-bullet {margin-left: 5px;}
.swiper-button-next:after, .swiper-button-prev:after{color: #000000}

.cszn-index-robots{width:1250px;margin: 0 auto;}
.cszn-index-robots .cszn-robots{width: 1250px;height:360px;position: relative;}
.cszn-index-robots .cszn-robots .robots-display{width:1150px;height:360px;position: absolute;top: 0;left: 50px;}
.robots-display .swiper-slide{text-align: center;width: 230px;height: 120px;}
.robots-display .swiper-slide img{width:210px;height: 110px;}
.cszn-robots .robots-pag{width: 1250px;text-align: center;position: absolute;bottom: 0;}

.h-contact { padding-bottom: 80px;}
.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;}
.msgBox .form-control { min-height: 40px; -webkit-appearance: none;box-shadow: none; border-color: #E1E7EE;}
.msgBox .code { position: relative; padding-right: 148px;}
.msgBox .code .ycode img {position: absolute; top: 10px; right: 10px; width: 126px; height: 38px; border: 1px solid #E1E7EE;}
.h-contact .moreT1 { margin-top: 20px; border: none; cursor: pointer;}
.h-contact .mapBox { height: 378px; border: 1px solid #E6E6E6}



/*内页 start*/
.common_warp .top.s1 {position: relative; z-index: 2; height: 98px; background: #fff; box-shadow: 2px 0 15px rgba(0,0,0,.05);}
.common_warp .top.s1 .logoMenu .menu .lng,.common_warp .top.s1 .logoMenu .menu .lng a {  color: #fff;}
.common_warp .top.s1 .logoMenu .menu > ul > li h4 a { color: #858585;}
.common_warp .top.s1 .logoMenu .menu > ul > li h4 a.on { color: #6799FD;}

.common_warp .top.s1 .logoMenu .menu > ul > li h4 a:after { background-color: #6799FD;}
.common_warp .top.s1 .logoMenu .menu li .sub li a { background: rgba(0, 0, 0, 0.8);}
.common_warp .top.s1 .logoMenu .menu li .sub li a:hover { background: #6799FD;}

.common_warp .top{ height: 480px;background: rgba(0,0,0,.5) url(../images/banner-1-1.jpg) no-repeat center 0;  }
.common_warp .product_top { height: 480px; background-image: url(../images/banner-1-3.jpg);}
.common_warp .coop_top { height: 560px; background-image: url(../images/banner-1-5.jpg);}
.common_warp .about_top { height: 560px; background-image: url(../images/banner-1-6.jpg);}
.common_warp .job_top { height: 420px; background-image: url(../images/banner-1-7.jpg);}

.common_warp .banner-ps { display: table; width: 100%; height: 100%;}
.common_warp .banner-ps p { display: table-cell; padding-top: 100px; text-align: center; vertical-align: middle; color: #fff; font-size: 20px;line-height: 32px;}
.common_warp .path { height: 60px; line-height: 60px; background: #ECECEC; color: #999; font-size: 14px;}
.common_warp .path a { color: #999;}
.common_warp .path a:hover { color: #69f;}

.common_main { min-height: 600px; padding: 15px 0;}
.common_main .l_nav { width: 20%; min-height: 300px; padding: 0;}
.common_main .l_nav ul { padding: 30px 15px;}
.common_main .l_nav ul li a { display: block; padding: 20px 0; text-align: center; color: #001920; font-size: 20px; border-bottom: 1px solid #F6F6F6;}
.common_main .l_nav ul li a.on,.common_main .l_nav ul li a.on:hover { font-weight: 700; color: #001920;}
.common_main .l_nav ul li a:hover { color: #69f;}

.common_main .mainbox { width: 80%; padding-right: 0;}
.common_main .ListsBox .item { padding: 8px;}
.common_main .ListsBox .item a { display: block; border-bottom: 1px solid #E3E3E3;}
.common_main .ListsBox .item a span { display: block; position: relative; height: 188px; overflow: hidden;}
.common_main .ListsBox .item a span i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; background: rgba(0,0,0,.6); color: #fff; font-size: 14px; line-height: 24px; opacity: 0; transition: .6s;}
.common_main .ListsBox .item a span i:after { content: ""; position: absolute; left: 15px; right: 15px; bottom: 15px; top: 15px; border: 1px solid #A0A0A2;}
.common_main .ListsBox .item a span i em { text-align: center; display: block; font-size: 16px; padding-bottom: 10px; font-weight: 700;}
.common_main .ListsBox .item a span i em.more { margin-top: 15px;}
.common_main .ListsBox .item a span i em.more b { display: inline-block; font-weight: 500; padding: 0 12px; height: 26px; line-height: 26px; background: #fff; color: #333; font-size: 12px; border-radius: 12px;}
.common_main .ListsBox .item a span img { width: 100%; transition: .8s;}
.common_main .ListsBox .item a strong { display: block; padding: 15px 10px; text-align: center; color: #373737; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.common_main .ListsBox .item a:hover span img { transform: scale(1.06);}
.common_main .ListsBox .item a:hover i { opacity: 1;}


.job_main { padding-top: 0;}
.job_main .item { padding: 8px;}
.job_main .item a { display: block; padding: 15px; border: 1px solid #EAEEED; color: #888; font-size: 14px; transition: 1.2s;}
.job_main .item a strong { display: block; font-size: 18px; font-weight: 500; color: #333; transition: .8s;}
.job_main .item a strong i{float: right; font-size: 16px; color: #fa6041;}
.job_main .item a span { display: block; padding: 10px 0;}
.job_main .item a span i { padding: 0 10px;}
.job_main .item a span i:first-child { padding-left: 0;}
.job_main .item a em { display: block; margin-top: 5px; padding-top: 10px; font-size: 16px; border-top: dashed 1px #EFEFEF; color: #333;transition: 1s;}
.job_main .item a em i { float: right; color: #888; font-size: 14px; transition: 1s;}
.job_main .item a strong:after,.job_main .item a em:after { content: ''; display: block; clear: both;}
.job_main .item a:hover { background: #222; color: #fff;}
.job_main .item a:hover strong,.job_main .item a:hover em,.job_main .item a:hover em i { color: #fff;}

.job_info_main .main_box { padding: 30px; color: #373737}
.job_info_main .main_box .t { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #E8E8E8; font-size: 14px;}
.job_info_main .main_box .t h4 { padding: 5px 0 20px; font-size: 24px; font-weight: 700; color: #000; line-height: 32px;}
.job_info_main .main_box .t h4 em { font-size: 20px; color: #fa6041; font-weight: 700;}
.job_info_main .main_box .t h4:after {content: ''; display: block; clear: both;}
.job_info_main .main_box .t p { color: #888;}
.job_info_main .main_box .t p i { padding: 0 10px; }
.job_info_main .main_box .t p i:first-child { padding-left: 0;}
.job_info_main .main_box .b dl { font-size: 14px}
.job_info_main .main_box .b dl dt { margin: 30px 0 15px; padding-left: 15px; font-size: 18px; line-height: 24px; border-left: 4px solid #6799FD;}
.job_info_main .main_box .b dl dd { line-height: 26px;}
.job_info_main .main_box .b dl dd h5 { font-size: 16px; padding: 10px 0;}
.job_info_main .main_box .b dl dd p { padding-bottom: 10px;}

.common_main.news_main .ListsBox .item a span { height: 300px;}
.pdf-size {padding:0 0 0 0;text-align: right;}
.common_warp > .tab-switch { height: 98px; line-height: 98px; text-align: center; background: #ECECEC;}
.common_warp > .tab-switch a { display: inline-block; width: 200px; font-size: 20px; color: #001920; text-align: center;}
.common_warp > .tab-switch a.on { font-weight: 700;}

.about_main .itemBox .tit-t1 .s1 { padding: 80px 0 60px; font-size: 40px; line-height: 40px;}
.about_main .itemBox .tit-t1 .s1 em { position: relative; top: -9px; font-size: 18px; font-family: "微软雅黑"; color: #c0c0c0;}
.about_main .company p { font-size: 14px; color: #666; line-height: 26px;}
.about_main .timeZ { height: 276px; position: relative; padding: 0 35px; overflow-y: hidden; }
.about_main .timeZ:after { content: ""; position: absolute; left: 0; right: 0; top: 138px; height: 1px; background: #ddd;}
.about_main .timeZ > span { position: absolute; top: 138px; width: 34px; height: 34px; margin-top: -17px; background: url(../images/ico-1-4.png) no-repeat; z-index: 3; cursor: pointer; transition: .3s;}
.about_main .timeZ > span.lBtn { left: 0; }
.about_main .timeZ > span.rBtn { right: 0; background-position: -48px 0;}
.about_main .timeZ > span.lBtn:hover { background-position: 0 -45px;}
.about_main .timeZ > span.rBtn:hover { background-position: -48px -45px;}
.about_main .timeZ ul { width: 100%; height: 300px; overflow: hidden; overflow-x: auto; white-space: nowrap; z-index: 2; position: relative;padding-left: 80px;}
.about_main .timeZ ul li { display: inline-block; width: 250px; height: 138px}
.about_main .timeZ ul li .item { position: relative; width: 250px; height: 138px; text-align: center; margin-left: -80px;}
.about_main .timeZ ul li .item i { position: absolute; left: 50%; margin-left: -7px; display: block; width: 14px; height: 14px; border: 1px solid #69f; border-radius: 50%; background: #fff;}
.about_main .timeZ ul li .item i:after { content: ""; position: absolute; top: 3px; right: 3px; bottom: 3px; left: 3px; background: #69f; border-radius: 50%;}
.about_main .timeZ ul li .item em { display: inline-block; height: 34px; margin: 20px 0 10px; line-height: 34px; padding: 0 15px; background: #D3E6FC; color: #519bf2; font-size: 16px; font-weight: 700; border-radius: 17px;}
.about_main .timeZ ul li .item span { display: block; height: 72px; white-space: normal; font-size: 14px; color: #000; line-height: 24px; overflow: hidden;}
.about_main .timeZ ul li:nth-child(odd) .item{ top: 138px; }
.about_main .timeZ ul li:nth-child(odd) .item i { top: -7px;}
.about_main .timeZ ul li:nth-child(even) .item { top: -30px;}
.about_main .timeZ ul li:nth-child(even) .item i { bottom: -7px; }
.about_main .timeZ ul li:nth-child(even) .item em { margin: 10px 0 20px;}

.about_main .team .item { margin-bottom: 20px;} 
.about_main .team .item a { display: block; height: 256px; position: relative; padding-left: 332px; background: #F6F6F6; border-radius: 10px; color: #373737;}
.about_main .team .item a i.img { position: absolute; left: 0; top: 0;  width: 332px; height: 256px; border-radius: 10px; overflow: hidden;}
.about_main .team .item a i.img img {  height: 256px; margin-left: -42px; transition: 1s;}
.about_main .team .item a:hover i.img img { transform: scale(1.08);}
.about_main .team .item a strong { display: block; padding: 70px 30px 20px; font-size: 24px; font-weight: 500;}
.about_main .team .item a strong em.z { padding-left: 20px; font-size: 14px; color: #666;}
.about_main .team .item a span { display: block; padding: 0 30px; font-size: 14px; color: #666; line-height: 24px;}

.about_main .contact .mapBox { height: 460px; margin-top: 30px; padding: 10px; box-shadow: 0 0 6px rgba(0,0,0,.08); position: relative;}
.about_main .contact .mapBox .info { position: absolute; top: 30px; bottom: 30px; width: 500px; padding: 30px; background: #fff; box-shadow: 0 0 10px rgba(0,40,50,.4); border-radius: 10px;}
.about_main .contact .mapBox .info.t1 { right: 30px;}
.about_main .contact .mapBox .info.t2 { left: 30px;}
.about_main .contact .mapBox .info h4 { font-size: 24px; color: #03468a; padding: 50px 0; font-weight: 700;}
.about_main .contact .mapBox .info ul li { position: relative; margin-bottom: 20px; padding-left: 30px; color: #333; font-size: 14px;}
.about_main .contact .mapBox .info ul li i { position: absolute; left: 0; top: 0;}
.about_main .contact .mapBox .info ul li a {display: inline-block; color: #333; margin-right: 10px;}
.about_main .contact .mapBox .map_i {height: 100%;}


.about_main .contact .msgBox { margin-top: 30px; box-shadow: 0 0 6px rgba(0,0,0,.05); border: none;}


.coop_main { padding: 65px 0;}
.coop_main .coopBox { position: relative; padding: 60px 0;}
.coop_main .coopBox .cAxis { position: absolute; top: 0; left: 50%; bottom: 0; width: 1px; background: #ddd;}
.coop_main .coopBox .cAxis:after,.coop_main .coopBox .cAxis:before { content: ""; display: block; width: 10px; height: 10px; margin-left: -5px; background: #fff; border-radius: 50%; border:1px solid #ddd}
.coop_main .coopBox .cAxis:before { position: absolute; bottom: 0;}
.coop_main .coopBox .item {padding: 20px 0 20px 50%;}
.coop_main .coopBox .item:nth-child(even) { padding-left:0; padding-right: 50%;text-align: right;} 
.coop_main .coopBox .item:nth-child(even) dl { display: inline-block; }
.coop_main .coopBox .item dl { max-width: 500px; padding: 0 30px;}
.coop_main .coopBox .item dl dt { font-size: 26px; color: #333; font-weight: 700; padding-bottom: 15px; position: relative;}
.coop_main .coopBox .item dl dt:after,.coop_main .coopBox .item dl dt:before { position: absolute; left: -31px; top: 19px; content: "";display: block; width: 12px; height: 12px; margin-left: -5px; background: #fff; border-radius: 50%; border:1px solid #76A3FF}
.coop_main .coopBox .item dl dt:before { top: 22px; left: -28px; border: none; width: 6px; height: 6px; background: #76A3FF; z-index: 1;}
.coop_main .coopBox .item:nth-child(even) dl dt:after { left: auto; right: -36px;}
.coop_main .coopBox .item:nth-child(even) dl dt:before { left: auto; right: -33px;}
.coop_main .coopBox .item dl dt i { display: inline-block; width: 48px; height: 48px; margin-right: 15px; line-height: 36px; background: #69f; border:4px solid #DDE9FF; border-radius: 50%; text-align: center;}
.coop_main .coopBox .item dl dd { text-align: left;}
.coop_main .coopBox .item dl dd p { position: relative; padding-left: 15px; font-size: 16px; color: #666; line-height: 24px; margin-bottom: 8px;} 
.coop_main .coopBox .item dl dd p:after { content: ""; display: block; width: 7px; height: 7px; position: absolute; left: 0; top: 9px; background: #69f; border-radius: 50%;}
.coop_main .upsutmit a { display: inline-block; height: 46px; line-height: 46px; background: #69f; color: #fff; font-size: 16px;padding: 0 40px; border-radius: 23px;}
.coop_main .upsutmit a img { margin-right: 10px; position: relative; top: -3px;}
.coop_main .upsutmit a:hover { background: #5083ED;}

.product_main .itemBox{ background: #fff; padding: 30px 0;}
.product_main .itemBox:nth-child(even){ background: #F5F5F5;}
.product_main .itemBox .item dl {padding: 30px 0; font-size: 14px; color: #666; line-height: 24px;}
.product_main .itemBox .item dl dt { font-size: 24px;}
.product_main .itemBox .item dl dt a { color: #000;}
.product_main .itemBox .item dl dt a:hover { color: #6898fd;}
.product_main .itemBox .item dl dd h6 { padding: 30px 0 20px; font-size: 16px;}
.product_main .itemBox .item dl dd a.more { display: inline-block; height: 40px; margin-top: 30px; line-height: 38px; font-size: 16px; padding: 0 35px; border: 1px solid #ccc; color: #666; border-radius: 8px;}
.product_main .itemBox .item dl dd a.more:hover {border-color:#6898FD; background: #6898FD; color: #fff;}
.pro_info_main .p_box .item_i{ height: 438px; border: 1px solid #CDCDCD;}
.pro_info_main .p_box .item-t dl { padding-left: 20px;}
.pro_info_main .p_box .item-t dl dt { font-size: 22px; padding-bottom: 30px; color: #000; font-weight: 500;}
.pro_info_main .p_box .item-t dl dd h6 { font-size: 16px; color: #444; padding-bottom: 20px; font-weight: 700;}
.pro_info_main .p_box .item-t dl dd .td_t { height: 140px; overflow: hidden;}
.pro_info_main .p_box .item-t dl dd p { line-height: 28px; font-size: 14px; color: #666;}
.pro_info_main .p_box .item-t dl dd .btnT1 { margin: 15px 0;}
.pro_info_main .p_box .item-t dl dd .btnT1 a { display: inline-block; margin-right: 12px; height: 38px; padding: 0 28px; line-height: 38px; background: #6799FD; border-radius:6px; font-size: 16px; color: #fff;}
.pro_info_main .p_box .item-t dl dd .btnT1 a img { margin-right: 5px;}
.pro_info_main .p_box .item-t dl dd .btnT1 a.a2 { background: #09A3DF;}
.pro_info_main .p_box .item-t dl dd .btnT1 a.a3 { background: #08BD88;}
.pro_info_main .p_box .item-t dl dd .t-m em { display: inline-block; min-width: 48%; padding-left: 30px; font-size: 16px; color: #373737;background: url(../images/ico-p-2-1.png) no-repeat 0 4px;}
.pro_info_main .p_box .item-t dl dd .t-m em.t a { font-size: 20px; color: #09a3df;} 
.pro_info_main .p_box .item-t dl dd .t-m em a { display: inline-block; width: 100%; color: #444; margin-top: 10px;}
.pro_info_main .p_box .item-t dl dd .t-m em.m { background-image: url(../images/ico-p-2-2.png);}
.pro_info_main .parameter_box h4 { padding: 60px 0 30px;font-size: 22px; font-weight: 700;}
.pro_info_main .parameter_box .item_tit { display:table; width: 100%}
.pro_info_main .parameter_box .item_tit a { display: table-cell; height: 50px; border-left: 1px solid #fff; line-height: 50px; font-size: 16px; color: #444; text-align: center; background: #eee;}
.pro_info_main .parameter_box .item_tit a.on {  font-weight: 700; color: #6799FD; background: #6799FD; color: #fff;}
.pro_info_main .parameter_box .itemBox { display: none; }
.pro_info_main .parameter_box .itemBox p { padding: 15px 0; font-size: 14px; line-height: 24px; color: #666;}
.pro_info_main .parameter_box .itemBox table { background: #F7F7F7;font-size: 16px;} 
.pro_info_main .parameter_box .itemBox table td {border: 1px solid #fff; padding: 10px 15px;}
.pro_info_main .parameter_box .itemBox table tr:nth-child(odd) td { background: #eee;}
.pro_info_main .parameter_box .itemBox table td.s1 { background: #eee; text-align: center;}

.common_main.news_main .ListsBox .item a span i em {padding-bottom: 5px; }
.common_main.news_main .ListsBox .item a span i em.more {margin-top: 5px; }

/*内页 end*/

.footer { padding-top: 54px; background: #212121;}
.footer .box { padding-bottom: 40px; font-size: 14px; color: #a9a9a9;}
.footer .nav dl { float: left; padding-bottom: 30px; width: calc((100%) / 6);}
.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: 12px; background: #171717;}

.video-js { margin: 0 auto; width: 90%; max-width: 800px; height: 460px;}

.pages { padding: 20px; text-align: center;}
.pages span,.pages a { display: inline-block; height: 30px; margin: 0 2px; padding: 0 10px; line-height: 30px; border: 1px solid #E9E9E9; font-size: 14px; color: #373737;}
.pages a.on { background: #69f; color: #fff; border-color: #69f;}

.pagesT1 { margin-bottom: 20px; height: 56px; text-align: center;}
.pagesT1 tbody td { text-align: center; font-size: 15px;}

.popBox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.6); z-index: 9999; opacity: 0; transition: .3s;}
.popBox.on { opacity: 1;}
.popBox .info_warp { position: absolute; top: 20%; right: 20%; left: 20%; bottom: 20%;background: #fff; border-radius: 15px;  transform: scale(0); transition: .3s;}
.popBox.on .info_warp { transform: scale(1);}
.popBox .info_warp .colseBtn { position: absolute; top: -16px; right: -16px; padding: 8px; background: #fff; border-radius: 50%; transition: .6s; cursor: pointer;}
.popBox .info_warp .colseBtn:hover { transform: rotate(180deg);}
.info_warp .info_box { height: 100%; padding: 40px 15px;  font-size: 14px; color: #666; line-height: 26px;}
.info_warp .info_txt { height: 100%; padding: 0 15px; overflow-x: hidden; overflow: auto;}
.info_warp .info_txt p { padding-bottom: 30px;}
.info_warp .info_box .info_t { padding: 20px 15px; margin-bottom: 20px; border-bottom: 1px solid #E9EBED;}
.info_warp .info_box .info_t h3 { font-size: 28px; font-weight: 700; color: #333;}
.info_warp .info_box .info_t p.time { padding-top: 15px;}
.info_warp .info_box img { max-width: 100%;}

.fixBtn { position: fixed; bottom: 10%; right: 5%; width: 48px; opacity: 0; transition: .3s; z-index: 8;}
.fixBtn.on { opacity: 1;}
.fixBtn a {display: block; margin-bottom: 10px;}

@media screen and (min-width: 1700px) and (max-width: 2600px) {
	/*.logoMenu .menu ul { transform: translateX(-8%);}*/
	
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
	/*.logoMenu .menu ul { transform: translateX(0);}*/
	.logoMenu .menu > ul { padding-right: 10px;}
	
}

@media screen and (min-width: 1400px) and (max-width: 1500px) {
	.logoMenu .menu > ul { padding-right: 10px;}
	.logoMenu .menu > ul > li h4 a { padding:0 20px;}
	
}

@media screen and (min-width: 1250px) and (max-width: 1400px) {
	.logoMenu .menu > ul { padding-right: 10px;}
	.logoMenu .menu > ul > li h4 a { padding:0 10px;}
	.logoMenu .menu > ul > li h4 a:after { left: 0; right: 0;}
}

@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: 20px;}
.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: #424242;font-size: 16px;background: url(/static/images/phone.png) no-repeat left center;background-size: 23px;padding-left: 25px;margin-right:20px;line-height: 90px;}
.cszn_nav_wrap>ul>li>i{line-height: 90px;margin: 0;}
.cszn_nav_wrap>ul>li>a{color: #292929;}
.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 #00164b solid;height: 28px;display: block;margin-top: 32px;line-height: 18px;}
.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_2,#cszn_nav_subcon_14{display: none!important;}
#cszn_nav_subcon_1,#cszn_nav_subcon_34,#cszn_nav_subcon_7{width: 225px;padding-top: 40px;text-align: center;padding-bottom: 46px;left: 446px;}

#cszn_nav_subcon_34 {left: 660px !important;}
#cszn_nav_subcon_1{left: 790px !important;}

.cszn_case_menu,.support_vmenu{overflow: hidden;}
.cszn_case_menu>ul>li,.support_vmenu>ul>ul>li,.about_vmenu>ul>ul>li,.contact_vmenu>ul>ul>li{height: 47px;line-height: 47px;font-size: 16px;color: #333333;overflow: hidden;}
.cszn_case_menu>ul>li:hover,.support_vmenu>ul>ul>li:hover,.about_vmenu>ul>ul>li:hover,.contact_vmenu>ul>ul>li:hover{background:#69f;}
.cszn_case_menu>ul>li>a,.support_vmenu>ul>ul>li>a,.about_vmenu>ul>ul>li>a,.contact_vmenu>ul>ul>li>a{color: #333;}

#cszn_nav_subcon_4{width: 1250px;height: 397px;}
.cszn_case_menu{width: 310px;height: 397px;float: left;padding-top: 40px;text-align: center;}
.cszn_case_menu>ul>li{height: 47px;line-height: 47px;font-size: 16px;color: #333333;text-align: left;padding-left: 68px;}
.cszn_case_menu>ul>li:hover{background:#69f;}
.cszn_case_menuu>ul>li>ul{display: none!important;}
.cszn_case_menu>ul>li>a{color: #333;}
.case_vmenu{width: 890px;float: right;height: 397px;background: #F7F7F7;padding:65px 60px 75px 65px;}
.case_vmenu li{width: 100%;height: 100%;overflow: hidden;display: none;}
.case_vmenu li:first-child{display: block;}

#cszn_nav_subcon_25{width: 1250px;height: 397px;}
.cszn_solution_menu{width: 310px;height: 397px;float: left;padding-top: 40px;text-align: center;background: #F7F7F7;}
.cszn_solution_menu>ul>li{height: 47px;line-height: 47px;font-size: 16px;color: #333333;text-align: left;padding-left: 68px;}
.cszn_solution_menu>ul>li:hover{background:#69f;}
.cszn_solution_menu>ul>li>ul{display: none!important;}
.cszn_solution_menu>ul>li>a{color: #333;}
.solution_vmenu{width: 890px;float: right;height: 397px;background-color: #ffffff;padding:65px 60px 75px 65px;}
.solution_vmenu li{width: 100%;height: 100%;overflow: hidden;display: none;}
.solution_vmenu li:first-child{display: block;}
.compnav_listright{width: 319px;height: 258px;float: right;}
.compnav_listtit{width: 100%;height: auto;margin-top: 30px;padding-top:10px;padding-bottom:10px;line-height: 31px;background: url(/static/images/gang.png) no-repeat top left;color: #333;font-size: 24px;}
.compnav_listtit a{color: #333;}
.compnav_listcon{width: 100%;height: 200px;font-size: 16px;color: #757575;line-height: 29px;overflow: hidden;}
.compnav_listimg{width: 340px;height: 280px;float: left;}
.compnav_listimg img{width: 100%;height: 100%;}

#cszn_nav_subcon_3{width: 1250px;height: 397px;}
.pro_vmenu2{width: 360px;height: 397px;float: left;padding-top: 40px;text-align: center;}
.pro_vmenu2>ul>li{height: 47px;line-height: 23px;padding-left: 29px;text-align: left;font-size: 16px;color: #333333;}
.pro_vmenu2>ul>li:hover{background:#69f;}
.pro_vmenu2>ul>li>ul{display: none!important;}
.pro_vmenu2>ul>li>a{color: #333;}
.pro_vmenu{width: 890px;float: right;height: 397px;background: #F7F7F7;padding:40px 60px 75px 65px;}
.pro_vmenu li{width: 100%;height: 100%;overflow: hidden;display: none;}
.pro_vmenu li:first-child{display: block;}
.logoMenu{display: none;}
}

@media screen and (min-height: 500px) and (max-height: 700px) {
	.home_warp .top .h-banner .item .box img.t1 { height: 160px;}
	.home_warp .top .h-banner .item .box .info { font-size: 16px; margin-top: -15px; padding-bottom:0;}
	
}

@media screen and (max-width: 1250px) {
.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: 9; 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/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;}
.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;}
.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;}
.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;}


	
	.home_warp .top .h-banner .item .box { padding: 10px 15px 60px;}
	.home_warp .top .h-banner .item .box img.t1 { width: 100%; height: auto;}
	.home_warp .top .h-banner .item .box .info { padding: 10px; font-size: 14px; line-height: 24px;}
	.home_warp .top .h-banner .item .box .txtT1 { font-size: 50px; padding-top: 0;}
	.home_warp .top .h-banner .item .box .txtT2 { padding: 0 15px 20px; font-size: 24px;}
	.home_warp .top .h-banner .swiperBtn { bottom: 20%;}
	
	.home_warp .top .h-banner .picBox { width: 100% !important;}
	.home_warp .top .h-banner .picBox .infoT1 .txtT1 { margin-top: -60px; font-size: 28px; line-height: 30px;}
	.home_warp .top .h-banner .picBox .infoT1,.home_warp .top .h-banner .picBox .imgT1 { padding: 10px 20px; float: none;}
	.home_warp .top .h-banner .picBox .infoT1 .info { display: none;}
	.home_warp .top .h-banner .picBox .imgT1 img { width: 100%; top: 0 !important;}
	.home_warp .top .h-banner .picBox .btnT1 { margin-top: 30px; padding: 0; text-align: center;}
	

	.tit-t1 .s1 { font-size: 36px;}
	.tit-t1 .s1 em { display: block; line-height: 24px; font-size: 16px; padding-left: 0; font-weight: 500;}

	
	.h-news,.h-team,.h-contact { height: auto;}
	.h-news h2.s1,.h-team h2.s1,.h-contact h2.s1,.h-partners h2.s1 { padding: 20px 0;}
	.h-news .itemT1 a.s1 i { height: 188px;}
	.h-news .itemT1 a.s1 i img { width: 100%;}
	.h-news .itemT1 a.s2 { margin-bottom: 10px;}
	.h-news .moreT1 { margin: 5px 0 30px;}
	
	.h-contact { padding: 15px;}
	.msgBox { padding: 0;}
	.moreT1 { margin-top: 0;}
	.msgBox > div { padding: 10px 10px 0;}
	.h-contact .mapBox { height: 320px;}
	
	.h-partners { padding: 15px 15px 80px;}
	.h-partners .swiper-container { height: 320px;}
	
	
	.common_warp .top { height: 260px;background-size: cover;}
	.common_warp .job_top { height: 230px; background-position:30% center;}
	
	.common_warp .banner-ps p { padding-top: 60px;}
	.common_main { min-height: auto;}
	.common_main .l_nav,.common_main .mainbox { width: 100%; padding: 0 15px;}
	.common_main .l_nav { min-height: auto; margin-bottom: 15px;}
	
	
	.common_warp > .tab-switch .tabBtns {display: flex;}
	.common_warp > .tab-switch { height: 60px; line-height: 60px;}
	.common_warp > .tab-switch a { display: block; font-size: 16px;}
	.about_main .itemBox .tit-t1 .s1 { padding: 20px;}
	.about_main .itemBox .tit-t1 .s1 em { top: 0; font-size: 16px;}
	.about_main .team .item a { height: auto; padding: 10px;}
	.about_main .team .item a i.img { display: block; width: auto; height: auto; margin: 0 auto; position: inherit;}
	.about_main .team .item a strong { padding: 15px 0;}
	.about_main .team .item a span { padding: 0 0 15px;}
	.about_main .contact .mapBox .info { position: inherit; top: 0; left: 0!important; right: 0 !important; width: 100%; padding: 15px;}
	.about_main .contact .mapBox .info h4 { padding: 15px 0; font-size: 20px;}
	.about_main .contact .mapBox .info ul li { margin-bottom: 10px;}
	.about_main .contact .mapBox { height: auto;}
	.about_main .contact .mapBox .map_i { height: 300px; margin-top: 15px;}
	
	
	.footer { font-size: 12px;}
	.footer .nav { display: none;}
	.footer .qrCode { text-align: center;}
	
	
	.video-js {width: 100%; height: 200px;}
	.popBox.on .info_warp { top: 15%; bottom: 15%; left: 15px; right: 15px;}
	.info_warp .info_box { padding: 30px 0;}
	.info_warp .info_box .info_t h3 { font-size: 22px;}
	
	.fixBtn { width: 36px;}
	.fixBtn a img { width: 36px;}
	
	.common_warp .path { height: 46px; line-height: 46px;}
	
	.coop_main { padding: 15px 0 15px 15px;}
	.coop_main .coopBox .cAxis { left: 14px;}
	.coop_main .coopBox .item,.coop_main .coopBox .item:nth-child(even) { padding: 15px; text-align: left;}
	.coop_main .coopBox .item:nth-child(even) dl dt:before {left: -28px; right: auto;}
	.coop_main .coopBox .item:nth-child(even) dl dt:after {left: -31px; right: auto;}
	.coop_main .coopBox .item dl dt { font-size: 22px;}
	.coop_main .coopBox .item dl dd p { font-size: 14px;}
	
	.product_main .itemBox .item dl { padding-top: 0;}
	.pro_info_main .p_box { padding: 15px;}
	.pro_info_main .p_box .item_i { padding: 5px; height: auto;}
	.pro_info_main .p_box .item-t { padding: 15px 0;}
	.pro_info_main .p_box .item-t dl { padding: 0;}
	.pro_info_main .p_box .item-t dl dd .td_t { height: auto;}
	.pro_info_main .p_box .item-t dl dd .btnT1 { display: flex;}
	.pro_info_main .p_box .item-t dl dd .btnT1 a { margin-right: auto; padding: 0 20px; font-size: 12px;}
	.pro_info_main .p_box .item-t dl dd .btnT1 a img {width: 18px;}
	.pro_info_main .p_box .item-t dl dd .t-m em { padding-bottom: 20px;}
	.pro_info_main .parameter_box h4 { padding: 10px 15px 20px; font-size: 18px;}
	.pro_info_main .parameter_box .item_tit a { height: 40px; line-height: 40px; font-size: 12px}
	.pro_info_main .parameter_box .itemBox table { font-size: 12px;}
}

@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;}
}

::-webkit-scrollbar  { width: 6px; height: 6px; background: #fff;}  
::-webkit-scrollbar-track { border-radius: 3px; background-color: #F5F5F5;}   
::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ccc;}

@-webkit-keyframes changeY{0%{-webkit-transform:translateY(0px);}50%{-webkit-transform:translateY(-20px);}100%{-webkit-transform:translateY(0px);}}
/*动画 start*/
@keyframes enterMoveUp {
    0% {
        top:500px;
    }
    100%{
        top:0;
    }
}
@-webkit-keyframes enterMoveUp {
    0% {
        top:80px;
    }
    100%{
        top:0;
    }
}


@keyframes menu6 {
  0% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}