@charset "utf-8";
/* CSS Document */
html,body{ width:100%; height:100%;}
body{ font-family:'Source Han Sans CN',"Microsoft YaHei",arial,sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff;}
a{ text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent;}
*{ list-style:none; margin:0; border:none; outline:none; padding:0;}
.fl{ float:left;}
.fr{ float:right;}
.ov{ overflow:hidden;}
.dis{ display:block !important;}
.dn{ display:none;}
.clear{ clear:both;}
.clear:after{ content:""; display:block; clear:both;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{ color:#999;} 
input:-moz-placeholder,textarea:-moz-placeholder{ color:#999;} 
input::-moz-placeholder,textarea::-moz-placeholder{ color:#999;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{ color:#999;} 
input,select,textarea{ -webkit-appearance:none;}
input[type=checkbox]{ -webkit-appearance:checkbox;}
input[type=radio]{ -webkit-appearance:radio;}
body::-webkit-scrollbar{ width:5px; height:1px;}
body::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#333;}
body::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.3);}
/*@font-face {
	font-family:"SF Pro SC";
	font-style:normal;
	font-weight:100;
	src: url("pingfang.ttf");
  	src: url("pingfang.eot?#iefix") format("embedded-opentype"), 
	  url("pingfang.woff2") format("woff2"),
      url("pingfang.woff") format("woff"),
      url("pingfang.ttf") format("truetype"),
}
@font-face {
    font-family: 'Source Han Sans CN';
    src: url('SourceHanSansCN-Light.eot');
    src: url('SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'),
        url('SourceHanSansCN-Light.woff2') format('woff2'),
        url('SourceHanSansCN-Light.woff') format('woff'),
        url('SourceHanSansCN-Light.svg#SourceHanSansCN-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}*/
@font-face {
    font-family: 'Source Han Sans CN';
    src: url('SourceHanSansCN-Regular.eot');
    src: url('SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
        url('SourceHanSansCN-Regular.woff2') format('woff2'),
        url('SourceHanSansCN-Regular.woff') format('woff'),
        url('SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*右侧浮动*/
.m-tell-top{ display:none; position:fixed; z-index:100; bottom:50px; right:10px;}
.m-tell-top .top{ width:46px;}
.m-tell-top .top .top-tell{ box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); background-color:#fff; border-radius:6px; text-align:center; padding-bottom:5px; overflow:hidden;}
.m-tell-top .top .top-tell .tell-icon{ cursor:pointer; height:46px; text-align:center; background-color:#0033a9; margin-bottom:10px;}
.m-tell-top .top .top-tell .tell-icon img{ width:24px; height:24px; vertical-align:top; margin-top:10px;}
.m-tell-top .top .top-tell .tell-txt{ cursor:pointer; font-size:18px; writing-mode:vertical-rl; color:#333; line-height:24px; letter-spacing:3px;}
.m-tell-top .mobile-body{ display:none; position:absolute; right:46px; top:0; text-align:left;}
.m-tell-top .mobile{ margin-right:5px; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); bottom:50px; right:56px; width:225px; padding:10px 20px; border-radius:6px; background-color:#fff;}
.m-tell-top .mobile .line{ overflow:hidden; margin:8px 0;}
.m-tell-top .mobile .line > img{ float:left; width:25px; vertical-align:top; margin-top:5px;}
.m-tell-top .mobile .line .line-body{ float:left; width:190px; margin-left:10px;}
.m-tell-top .mobile .line .line-body .title{ font-size:16px; font-weight:400; color:#00102F; line-height:22px;}
.m-tell-top .mobile .line .line-body .info a{ font-size:14px; color:#626C77; line-height:20px;}
.m-tell-top .mobile .line .line-body .info a.bl{ color:#0033a9;}
.m-tell-top .top .top-top{ display:flex; align-items:center; box-shadow:0px 2px 10px 0px rgba(205, 208, 221, 0.5); width:100%; height:46px; background-color:#fff; border-radius:6px; margin-top:10px; text-align:center;}
.m-tell-top .top .top-top img{ width:24px; height:24px; display:block; margin:auto;}

/*header*/
.header{ width:100%; height:90px; position:fixed; left:0; top:0; z-index:990; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.header.pos{ height:80px; background-color:rgba(0,0,0,.7);}
.header .head{ width:80%; min-width:1200px; height:100%; display:flex; align-items:center; margin:auto;}
.header .head .logo{ height:50px;}
.header .head .logo img{ height:50px; display:block;}
.header .head .nav{ display:block; float:left; margin-left:1vw; height:100%; flex:1;}
.header .head .nav li{ margin-left:2vw; display:flex; float:left; height:100%; align-items:center; position:relative;}
.header .head .nav li>a{ padding:0 5px; color:#333; display:block; font-size:16px;}
.header .head .nav li.on>b,.header .head .nav li:hover>b{ width:100%; height:2px; display:block; position:absolute; left:0; top:50%; margin-top:13px; background-color:#333; overflow:hidden;}
.header .head .nav li p{ background-color:rgba(0,0,0,.7); position:absolute; left:-15px; top:100%; width:200px; height:auto; padding:10px 0; display:none; overflow:hidden;}
.header .head .nav li:hover p{ display:block;}
.header .head .nav li p a{ display:block; font-size:14px; height:40px; line-height:40px; padding:0 20px; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.header .head .nav li p a:hover{ background-color:#0033a9; color:#fff;}
.header .head .nav li p.ww{ width:600px;}
.header .head .nav li p.ww a{ width:200px; box-sizing:border-box; float:left;}
.header .head .yu{ height:24px; font-size:14px; line-height:24px; color:#333;}
.header .head .yu img{ display:block; float:left; margin:4px 10px; margin-left:0; height:16px;}
.header .head .yu img.img02{ display:none;}
.header .head .yu a{ color:#333;}
.header .head .ser{ width:calc(16% - 2vw); height:34px; border-radius:36px; border:1px solid #333; background-color:rgba(255,255,255,.1); margin-right:1.5vw; padding:0 1vw;}
.header .head .ser .text{ width:calc(100% - 26px); display:block; float:left; background-color:transparent; font-size:14px; line-height:34px; color:#333; height:34px; overflow:hidden;}
.header .head .ser .text::-webkit-input-placeholder{ color:#999;} 
.header .head .ser .text:-moz-placeholder{ color:#999;} 
.header .head .ser .text::-moz-placeholder{ color:#999;} 
.header .head .ser .text:-ms-input-placeholder{ color:#999;} 
.header .head .ser .sub{ width:16px; height:16px; margin:9px 0; float:right; background-color:transparent; background-image:url(../images/ss01.png); background-position:center; background-repeat:no-repeat; cursor:pointer;}
.header.pos .head .nav li>a,.header.white .head .nav li>a{ color:#fff;}
.header.pos .head .yu,.header.white .head .yu{ color:#fff;}
.header.pos .head .yu img.img01,.header.white .head .yu img.img01{ display:none;}
.header.pos .head .yu img.img02,.header.white .head .yu img.img02{ display:block;}
.header.pos .head .yu a,.header.white .head .yu a{ color:#fff;}
.header.pos .head .ser,.header.white .head .ser{ border:1px solid rgba(255,255,255,.5);}
.header.pos .head .ser .text,.header.white .head .ser .text{ color:#fff;}
.header.pos .head .ser .sub,.header.white .head .ser .sub{ background-image:url(../images/ss.png);}
.header.pos .head .ser .text::-webkit-input-placeholder{ color:#fff;} 
.header.pos .head .ser .text:-moz-placeholder{ color:#fff;} 
.header.pos .head .ser .text::-moz-placeholder{ color:#fff;} 
.header.pos .head .ser .text:-ms-input-placeholder{ color:#fff;} 
.header.white .head .ser .text::-webkit-input-placeholder{ color:#fff;} 
.header.white .head .ser .text:-moz-placeholder{ color:#fff;} 
.header.white .head .ser .text::-moz-placeholder{ color:#fff;} 
.header.white .head .ser .text:-ms-input-placeholder{ color:#fff;} 
.header.pos .head .nav li.on>b,.header.pos .head .nav li:hover>b{ background-color:#fff;}
.header.white .head .nav li.on>b,.header.white .head .nav li:hover>b{ background-color:#fff;}

/*banner*/
.banner{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-container{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-slide{ width:100%; height:100%; position:relative; z-index:1;}
.banner .swiper-slide img{ display:block; width:100%; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:1;}
.banner .swiper-pagination{ width:80%; position:absolute; left:10%; bottom:2vw; z-index:3;}
.banner .swiper-pagination span{ width:40px; height:4px; display:block; float:left; margin-right:10px; cursor:pointer; background-color:#fff; opacity:.5;}
.banner .swiper-pagination span.swiper-pagination-bullet-active{ opacity:1;}

/*探索首诺全系产品*/
.pbox{ width:80%; padding:4.95vw 10%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.pbox .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.pbox .title01{ width:100%; margin-top:1.5625vw; text-align:center; height:26px;}
.pbox .gallery-thumbs{ width:100%; margin:auto; overflow:visible;}
.pbox .gallery-thumbs .swiper-slide{ width:auto; font-size:16px; line-height:26px; height:26px; overflow:hidden; color:#999; cursor:pointer;}
.pbox .gallery-thumbs .swiper-slide a{ display:block; cursor:pointer; padding:0 1.3vw; color:#999;}
.pbox .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ color:#0033a8;}
.pbox .gallery-thumbs .swiper-slide.swiper-slide-thumb-active a{ color:#0033a8;}
.pbox .gallery-top{ width:100%; margin-top:2.34375vw; height:27.08vw; position:relative;}
.pbox .gallery-top .swiper-slide{ width:100%; height:27.08vw; display:flex; align-items:center; overflow:hidden;}
.pbox .gallery-top .swiper-slide a{ display:block; margin:auto;}
.pbox .gallery-top .swiper-slide img{ display:block; max-width:100%; max-height:27.08vw;}
.pbox .swiper-button-white{ position:absolute; top:50%; margin-top:-20px; height:40px; cursor:pointer; z-index:9; opacity:.9;}
.pbox .swiper-button-white img{ display:block; height:40px;}
.pbox .swiper-button-prev{ left:0;}
.pbox .swiper-button-next{ right:0;}
.pbox .swiper-button-white:hover{ opacity:1;}
.pbox .more{ margin-top:2.6vw;}
.pbox .more a{ width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; margin:auto; border:1px solid #333; border-radius:40px;}
.pbox .more a:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}

/*产品解决方案*/
.cbox{ width:80%; padding:4.95vw 10%; position:relative; z-index:1; background-color:#f5f5f5;}
.cbox .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.cbox .box{ width:100%; display:block; margin-top:2.34375vw;}
.cbox .box li{ width:41.17%; float:left; display:block; overflow:hidden;}
.cbox .box li .w01{ width:100%; height:31.36vw;}
.cbox .box li .w01 img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.cbox .box li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.cbox .box li .w02{ width:100%; margin-top:.78125vw; font-size:20px; line-height:30px; height:30px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box li .w03{ width:100%; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}
.cbox .box li:nth-child(2),.cbox .box li:nth-child(3){ width:26.8%; margin-left:2.615%;}
.cbox .box li:nth-child(4),.cbox .box li:nth-child(5),.cbox .box li:nth-child(6){ width:16.995%; margin-left:2.615%; margin-top:calc(4.96875vw - 56px);}
.cbox .box li:nth-child(2) .w01,.cbox .box li:nth-child(3) .w01{ height:15.68vw;}
.cbox .box li:nth-child(4) .w01,.cbox .box li:nth-child(5) .w01,.cbox .box li:nth-child(6) .w01{ height:9.93vw;}
.cbox .more{ margin-top:2.6vw;}
.cbox .more a{ width:238px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; margin:auto; border:1px solid #333; border-radius:40px;}
.cbox .more a:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}

/*关于首诺*/
.abox{ width:80%; padding:4.95vw 10%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.abox .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.abox .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px; display:none;}
.abox .box{ width:100%; margin:auto; margin-top:2.34375vw; position:relative; z-index:3; display:flex;}
.abox .box .left{ width:33.85vw; position:relative;}
.abox .box .left a{ width:100%; height:100%; display:block; overflow:hidden; background-size:cover; background-position:left center; background-repeat:no-repeat;}
/*.abox .box .left .wen{ padding:.78125vw; border-radius:100%; background-color:#f5f5f5; position:absolute; left:0; top:2.6vw; z-index:3;}
.abox .box .left .wen a{ width:168px; height:168px; border:1px solid #eee; border-radius:100%; background-color:#fff; overflow:hidden; display:flex; justify-content:center; align-items:center; flex-direction:column;}
.abox .box .left .wen a span{ font-size:16px; line-height:24px; display:block; color:#69a2f9;}
.abox .box .left .wen a b{ font-size:48px; line-height:54px; display:block; color:#0033a9;}
.abox .box .left .wen a p{ font-size:16px; line-height:24px; display:block; color:#333;}
.abox .box .left .tu{ width:28.64vw; height:28.64vw; padding-right:1.5625vw; float:right; position:relative; z-index:1;}
.abox .box .left .tu a{ width:100%; height:100%; display:block; position:relative; z-index:3; overflow:hidden; border-radius:100%;}
.abox .box .left .tu a img{ width:100%; display:block;}
.abox .box .left .tu b{ height:100%; display:block; position:absolute; right:0; top:0; z-index:1; overflow:hidden;}
.abox .box .left .tu b img{ height:100%; display:block;}*/
.abox .box .right{ width:calc(95% - 33.85vw); position:relative; margin-left:5%;}
.abox .box .right .w01{ font-size:16px; line-height:26px; color:#666; display:none;}
.abox .box .right .w01 img{ display:block; height:8px; margin:9px 10px; margin-left:0; float:left;}
.abox .box .right .w02{ font-size:24px; line-height:34px; font-weight:bold;}
.abox .box .right .w03{ width:50px; height:3px; margin-top:.78125vw; background-color:#0033a9;}
.abox .box .right .w04{ font-size:14px; line-height:30px; margin-top:1.14vw; max-height:150px;}
.abox .box .right .w05{ margin-top:1.9vw;}
.abox .box .right .w05 a{ width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; border:1px solid #333; border-radius:40px;}
.abox .box .right .w05 a:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}
.abox .box .right .w06{ margin-top:3.125vw; display:block;}
.abox .box .right .w06 li{ width:23%; margin-right:2%; display:block; float:left; overflow:hidden;}
.abox .box .right .w06 li span{ display:block; font-size:14px; overflow:hidden;}
.abox .box .right .w06 li span b{ font-size:20px; line-height:30px; margin-right:5px;}
.abox .box .right .w06 li p{ display:block; font-size:14px; line-height:24px; color:#999; overflow:hidden; margin-top:5px;}
.abox .tp{ width:100%; margin-top:1.5625vw; position:relative; height:16.72vw;}
.abox .tp .swiper-button-white{ width:40px; height:40px; cursor:pointer; border-radius:100%; background-color:#f5f5f5; background-position:center; background-repeat:no-repeat; overflow:hidden; position:absolute; top:50%; margin-top:-20px; z-index:3;}
.abox .tp .swiper-button-prev{ background-image:url(../images/prev.png); left:-20px;}
.abox .tp .swiper-button-next{ background-image:url(../images/next.png); right:-20px;}
.abox .tp .swiper-button-prev:hover{ background-color:#0033a9; background-image:url(../images/prev01.png);}
.abox .tp .swiper-button-next:hover{ background-color:#0033a9; background-image:url(../images/next01.png);}
.abox .swiper-container{ width:100%; height:16.72vw; position:relative; float:right;}
.abox .swiper-container .swiper-slide{ width:31.63%; height:16.72vw; margin-right:2.555%; overflow:hidden;}
.abox .swiper-container .swiper-slide img{ display:block; width:100%;}

/*专利展示*/
.zbox{ width:80%; padding:4.95vw 10%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#f5f5f5;}
.zbox .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.zbox .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px; color:#333;}
.zbox .box{ width:100%; margin:3.38vw auto; margin-top:2.34375vw; position:relative; z-index:3;}
.zbox .box .swiper-slide{ width:11.45%; height:12.95vw; margin-right:1.2%; overflow:hidden;}
.zbox .box .swiper-slide img{ display:block; width:100%;}
.zbox .box01{ width:100%; margin-top:2.34375vw; position:relative; z-index:3;}
.zbox .box01 .swiper-slide{ width:23.53%; height:13.38vw; margin-right:1.96%; overflow:hidden;}
.zbox .box01 .swiper-slide img{ display:block; width:100%;}

/*合作伙伴*/
.hbox{ width:80%; padding:4.95vw 10%; padding-bottom:5.2vw; position:relative; z-index:1; background-color:#fff;}
.hbox .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.hbox .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px; color:#333;}
.hbox .box{ width:100%; margin:auto; margin-top:2.34375vw; position:relative; z-index:3;}
.hbox .box .swiper-container{ width:100%; margin-top:-18px;}
.hbox .box .swiper-container .swiper-slide{ background-color:#fff; display:flex; align-items:center; overflow:hidden; position:relative; box-sizing:border-box; margin-top:18px !important;}
.hbox .box .swiper-container .swiper-slide:before{ width:100%; padding-top:50%; content:"";}
.hbox .box .swiper-container .swiper-slide img{ width:100%; display:block; position:absolute; left:0; top:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.hbox .box .swiper-container .swiper-slide:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.hbox .box .swiper-pagination{ width:100%; display:flex; justify-content:center; margin-top:2.6vw;}
.hbox .box .swiper-pagination span{ display:block; width:10px; height:10px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:10px; overflow:hidden;}
.hbox .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#0033a9,#69a2f9);}

/*footer*/
.footer{ width:80%; padding:0 10%; background-color:#909090; height:170px; position:relative; z-index:9;} 
.footer .ma{ width:110px; float:right; margin:30px 0;}
.footer .ma img{ width:100%; display:block;}
.footer .foot{ width:calc(100% - 160px); float:left; padding-top:5px;}
.footer .foot dl{ width:100%; border-bottom:1px solid #757575; display:block; height:90px;}
.footer .foot dl dt{ display:block; float:left; font-size:16px; line-height:90px; color:#fff;}
.footer .foot dl dd{ display:block; float:left; font-size:16px; line-height:90px; color:#fff; margin-left:5%;}
.footer .foot dl dd img{ height:20px; margin:35px 10px; margin-left:0; float:left; display:block;}
.footer .foot ul{ width:100%; display:block; height:74px;}
.footer .foot ul li{ display:block; float:right; font-size:14px; line-height:74px; color:#fff; margin-left:3.6%;}
.footer .foot ul li a{ color:#fff;}

/*内页*/
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform:scale(1);  /*开始为原始大小*/
    }
    25%{
        transform:scale(1.05); /*放大1.1倍*/
    }
    50%{
        transform:scale(1);
    }
    75%{
        transform:scale(1.05);
    }
}
.ban{ width:100%; height:460px; position:relative; overflow:hidden; z-index:1;}
.ban .bg{ width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0;}
.ban .box{ width:100%; height:100%; background-color:rgba(0,0,0,.0); display:flex; align-items:center; position:absolute; left:0%; bottom:0; z-index:1; padding-top:70px; box-sizing:border-box;}
.ban .box p{ width:80%; margin:auto; text-align:center;}
.ban .box p b{ display:block; color:#fff; font-size:36px; line-height:44px; margin-bottom:15px;}
.ban .box p span{ width:100%; margin:auto; display:block; color:#fff; font-size:16px; line-height:24px;}

.wei{ width:70px; border-bottom:1px solid #ddd; width:100%;}
.wei .box{ width:80%; margin:auto;}
.wei .box .left{ float:left; border-left:1px solid #ddd;}
.wei .box .left a{ display:block; padding:0 2vw; border-right:1px solid #ddd; float:left; font-size:16px; height:70px; line-height:70px; overflow:hidden;}
.wei .box .left a:hover{ color:#0033a9;}
.wei .box .left a.on{ background-color:#0033a9; color:#fff;}
.wei .box .right{ float:right; height:70px; display:flex; align-items:center; font-size:16px; line-height:24px;}
.wei .box .right svg{ display:block; height:24px; margin:0 10px;}

/*产品中心*/
.cp{ width:80%; margin:60px auto;}
.cp .lbar{ float:left; padding:35px 2.4vw; width:25%; box-sizing:border-box; background-color:#f5f5f5; border-radius:10px; max-height:calc(100vh - 130px); overflow:auto;}
.cp .lbar::-webkit-scrollbar{ width:5px; height:1px;}
.cp .lbar::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0033a9;}
.cp .lbar::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.cp .lbar .box{ width:100%;}
.cp .lbar .box .w01{ font-size:24px; line-height:32px; color:#999; font-weight:bold; display:none;}
.cp .lbar .box .w02{ font-size:24px; line-height:34px; color:#333; font-weight:bold;}
.cp .lbar .box .line{ width:70px; height:1px; background-color:#ddd; margin-top:15px;}
.cp .lbar .box01{ width:100%;}
.cp .lbar .box01 .bt{ width:100%; margin-top:20px; font-size:18px; line-height:28px; height:28px; padding-left:20px; box-sizing:border-box; background-image:url(../images/add01.png); background-position:left center; background-repeat:no-repeat; cursor:pointer; font-weight:bold;}
.cp .lbar .box01 .bt.cur{ background-image:url(../images/add.png);}
.cp .lbar .box01 .list{ display:none; padding-left:20px; padding-top:1px;}
.cp .lbar .box01 .list a{ display:block; font-size:16px; line-height:26px; margin-top:4px; color:#333;}
.cp .lbar .box01 .list a:hover{ color:#0033a9;}
.cp .lbar .box01 .list a.on{ color:#0033a9;}

.cp .rbar{ width:70%; float:right; min-height:calc(100vh - 130px);}
.cp .rbar .pro{ width:100%; display:block; margin-top:-30px;}
.cp .rbar .pro li{ display:flex; align-items:center; width:100%; overflow:hidden; margin-top:30px;}
.cp .rbar .pro li .tu{ width:30%; background-color:#f5f5f5;}
.cp .rbar .pro li .tu a{ width:100%; display:block; overflow:hidden; position:relative;}
.cp .rbar .pro li .tu a:after{ content:''; display:block; padding-top:80%;}
.cp .rbar .pro li .tu a img{ max-width:100%; max-height:100%; display:block; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%);}
.cp .rbar .pro li .wen{ width:66%; margin-left:4%;}
.cp .rbar .pro li .wen .w01 a{ display:block; font-size:20px; line-height:30px; font-weight:bold;}
.cp .rbar .pro li .wen .w01 a:hover{ color:#0033a9;}
.cp .rbar .pro li .wen .w02{ display:block; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:10px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;}
.cp .rbar .pro li .wen .w03{ margin-top:25px;}
.cp .rbar .pro li .wen .w03 a{ width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; border:1px solid #333; border-radius:40px;}
.cp .rbar .pro li .wen .w03 a:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}

.fanye{ width:100%; margin-top:30px; text-align:center;}
.fanye li{ margin:0 3px; display:inline-block; font-size:16px;}
.fanye li a{ min-width:24px; padding:0 5px; height:34px; line-height:34px; background-color:#f2f2f2; border-radius:3px; display:block;}
.fanye li span{ min-width:24px; padding:0 5px; height:34px; line-height:34px; border-radius:3px; display:block;}
.fanye li.active span{ color:#fff; background-color:#0033a9;}
.fanye li.disabled span{ color:#aaa; background-color:#f2f2f2; cursor:no-drop;}
.fanye li a:hover{ color:#0033a9;}

/*产品内页*/
.cp01{ width:80%; margin:60px auto;}
.cp01 .lbar{ width:50%; float:left;}
.cp01 .lbar .box{ width:100%; height:410px; background-color: #fff; z-index: 99;}
.cp01 .lbar .box .gallery-top{ width:calc(100% - 145px); height:408px; display:block; overflow:hidden; border:1px solid #eee; float:right;}
.cp01 .lbar .box .gallery-top .swiper-slide{ width:100%; height:408px; display:flex; align-items:center; overflow:hidden;}
.cp01 .lbar .box .gallery-top .swiper-slide img{ max-width:100%; max-height:408px; display:block; margin:auto;}
.cp01 .lbar .box .gallery-thumbs{ width:130px; height:374px; padding:18px 0; display:block; overflow:hidden; float:left; position:relative;}
.cp01 .lbar .box .gallery-thumbs .swiper-container{ width:100%; height:374px; overflow:hidden; position:relative; z-index:1;}
.cp01 .lbar .box .gallery-thumbs .swiper-slide{ width:100%; height:86px; display:flex; align-items:center; overflow:hidden; border:1px solid #eee; box-sizing:border-box;}
.cp01 .lbar .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active{ border:1px solid #0033a9;}
.cp01 .lbar .box .gallery-thumbs .swiper-slide img{ max-width:100%; max-height:86px; display:block; margin:auto;}
.cp01 .lbar .box .gallery-thumbs .swiper-button-white{ width:32px; height:32px; border:1px solid #ddd; border-radius:100%; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; margin-left:-17px; background-color:#fff; opacity:1 !important; z-index:9;}
.cp01 .lbar .box .gallery-thumbs .swiper-button-white.swiper-button-disabled{ border:1px solid #eee;}
.cp01 .lbar .box .gallery-thumbs .swiper-button-next{ background-image:url(../images/right.png); bottom:0; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.cp01 .lbar .box .gallery-thumbs .swiper-button-prev{ background-image:url(../images/left.png); top:0; transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg);}
.cp01 .lbar .box .gallery-thumbs .swiper-button-next:hover{ background-color:#0033a9; border:1px solid #0033a9; background-image:url(../images/right01.png);}
.cp01 .lbar .box .gallery-thumbs .swiper-button-prev:hover{ background-color:#0033a9; border:1px solid #0033a9; background-image:url(../images/left01.png);}
.cp01 .lbar .box01{ width:100%; margin-top:40px; border:1px solid #eee; box-sizing:border-box; position: relative; z-index: 1;}
.cp01 .lbar .box01 .titles{ padding:0 29px; background-color:#f1f1f1; font-size:18px; line-height:46px; height:46px; font-weight:bold;}
.cp01 .lbar .box01 .wen{ padding:20px 29px; font-size:14px; line-height:24px;}
.cp01 .lbar .box01 .table{ padding:25px 29px;}
.cp01 .lbar .box01 .table table{ border-collapse:separate; border-spacing:inherit; border-right:1px solid #F5F5F5; border-top:1px solid #F5F5F5; max-width:100%;}
.cp01 .lbar .box01 .table table th{ padding:13px; font-size:14px; background:#F5F5F5; border-left:1px solid #F5F5F5;}
.cp01 .lbar .box01 .table table td{ padding:10px; text-align:left; margin:10px; border-bottom:1px solid #F5F5F5; border-left:1px solid #F5F5F5;}

.cp01 .rbar{ width:45%; max-width:36vw; float:right;}
.cp01 .rbar .w01{ font-size:20px; line-height:30px; font-weight:bold; padding-top:15px;}
.cp01 .rbar .w02{ font-size:16px; line-height:26px; color:#999; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #eee;}
.cp01 .rbar .w03{ padding-top:15px; display:block; font-size:19px; line-height:29px; text-align:center; color:#0033a9; font-weight:bold;}
.cp01 .rbar .w04{ display:block; font-size:14px; line-height:24px;}
.cp01 .rbar .w04 img{ max-width:100%; height:auto; }
.cp01 .lbar .w05{ width:100%; overflow:hidden;}
.cp01 .lbar .w05 a{ width:126px; height:40px; line-height:40px; float:left; display:flex; align-items:center; justify-content:center; margin-top:25px; margin-right:16px; overflow:hidden; background-color:#f7f7f7; text-align:center; border-radius:5px; cursor:pointer;}
.cp01 .lbar .w05 a:hover{ background-color:#0033a9; color:#fff;}

/*视频弹框*/
.xuan{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none;}
.xuan .box{ padding:10px; padding-bottom:0; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); width:960px;}
.xuan .video{ width:100%;}
.xuan .video video{ width:960px; display:block; overflow:hidden;}
.xuan .video iframe{ width:960px; height:540px; display:block; overflow:hidden;}
.xuan .wen{ margin:10px auto;}
.xuan .wen b{ font-size:16px; line-height:26px; display:block; float:left; margin:0 10px; width:calc(100% - 80px); overflow:hidden;}
.xuan .wen a{ cursor:pointer; display:block; float:right; height:26px;}
.xuan .wen a img{ display:block; height:26px; -webkit-transition:1s linear; transition:1s ease-in;}
.xuan .wen a img:hover{ transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}

/*服务与支持*/
.main{ width:80%; padding:55px 10%; position:relative; z-index:1; background-color:#fff;}
.main .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.main .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px;}
.main .fw01{ width:100%; margin-top:20px;}
.main .fw01 .w01{ font-size:14px; line-height:24px;}
.main .fw01 .w01 img{ max-width:100%; height:auto;}
table{ border-collapse:collapse; max-width:100%; border:1px solid #333;}
td,th{ border:1px solid #333; padding:10px 15px;}
.main .fw01 .w02{ width:100%; display:flex; flex-wrap:wrap;}
.main .fw01 .w02 li{ width:22.75%; display:block; margin-top:25px; overflow:hidden; margin-left:3%;}
.main .fw01 .w02 li:nth-child(4n+1){ margin-left:0;}
.main .fw01 .w02 li img{ width:100%; display:block;}

.main .fw02{ width:100%; position:relative; display:block;}
.main .fw02 li{ width:calc(100% - 160px); overflow:hidden; display:block; padding:25px 0; border-bottom:1px solid #eee; position:relative; padding-right:160px;}
.main .fw02 li .bt{ padding-left:16px; background-image:url(../images/title01.png); background-position:left center; background-repeat:no-repeat;}
.main .fw02 li .bt:hover{ background-image:url(../images/title.png);}
.main .fw02 li .bt a{ font-size:18px; line-height:28px; display:block; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .fw02 li .bt a:hover{ color:#0033a9;}
.main .fw02 li .abstract{ width:calc(100% - 16px); font-size:14px; line-height:24px; height:24px; margin-left:16px; margin-top:5px; color:#666; text-overflow:ellipsis; white-space:nowrap;}
.main .fw02 li .xz{ position:absolute; right:0; margin-top:-20px; top:50%;}
.main .fw02 li .xz a{ width:140px; height:40px; line-height:40px; display:flex; align-items:center; justify-content:center; overflow:hidden; background-color:#f5f5f5; text-align:center; border-radius:5px; cursor:pointer;}
.main .fw02 li .xz a:hover{ background-color:#0033a9; color:#fff;}

/*文章页*/
.ny{ width:80%; padding:55px 10%; position:relative; z-index:1;}
.ny .lbar{ width:70%; float:left;}
.ny .lbar .bt{ color:#0033a9; font-size:24px; line-height:34px;}
.ny .lbar .sj{ color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee;}
.ny .lbar .wen{ font-size:14px; line-height:24px; margin-top:20px;}
.ny .lbar .wen img{ max-width:100%; height:auto;}
.ny .lbar .back{ margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative;}
.ny .lbar .back p{ width:780px; display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:5px;}
.ny .lbar .back p a:hover{ color:#0033a9;}
.ny .lbar .back span{ position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px;}
.ny .lbar .back span a:hover{ color:#0033a9;}

.ny .rbar{ width:25%; border:1px solid #eee; border-top:2px solid #0033a9; float:right; margin-top:5px; max-height:calc(100vh - 130px); overflow:auto;}
.ny .rbar::-webkit-scrollbar{ width:5px; height:1px;}
.ny .rbar::-webkit-scrollbar-thumb{ border-radius:10px; background-color:#0033a9;}
.ny .rbar::-webkit-scrollbar-track{ border-radius:10px; background:rgba(0,0,0,0.1);}
.ny .rbar .bt{ padding-left:24px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #eee;}
.ny .rbar ul{ display:block; padding:4px 24px; padding-bottom:15px;}
.ny .rbar ul li{ display:block; width:100%; margin-top:15px; overflow:hidden;}
.ny .rbar ul li strong{ width:100%; display:block; overflow:hidden;}
.ny .rbar ul li strong img{ width:100%; display:block;}
.ny .rbar ul li p{ display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px;}
.ny .rbar ul li span{ display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999;}
.ny .rbar ul li:hover p{ color:#0033a9;}

/*媒体中心*/
.main .news{ width:100%; display:block; margin-top:-5px;}
.main .news li{ display:flex; align-items:center; overflow:hidden; margin-top:30px;}
.main .news li .left{ width:350px; height:270px;}
.main .news li .left img{ width:100%; display:block;}
.main .news li .right{ width:calc(97% - 350px); margin-left:3%;}
.main .news li .right .w01{ font-size:20px; line-height:30px; font-weight:bold;}
.main .news li .right .w01 a{ display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main .news li .right .w01 a:hover{ color:#0033a9;}
.main .news li .right .w02{ font-size:14px; line-height:24px; color:#666; margin-top:5px;}
.main .news li .right .w03{ font-size:14px; line-height:30px; height:90px; margin-top:10px; padding-top:12px; border-top:1px solid #ddd; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.main .news li .right .w04{ margin-top:22px;}
.main .news li .right .w04 a{ width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; border:1px solid #333; border-radius:40px;}
.main .news li .right .w04 a:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}

.main .video{ width:100%; display:flex; flex-wrap:wrap; margin-top:-5px;}
.main .video li{ width:31.25%; display:block; overflow:hidden; margin-left:3.125%; margin-top:30px;}
.main .video li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .video li .tu{ width:100%; height:17.5vw; max-height:350px; position:relative;}
.main .video li .tu img{ width:100%; display:block;}
.main .video li .tu .cover{ background:rgb(0 0 0 / 60%); display:flex; justify-content:center; transition:all ease .3s; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.main .video li .tu .cover .playIco{ position:absolute; width:100px; height:100px; z-index:2; left:50%; top:50%; margin:-50px auto auto -50px; cursor:pointer; transform:scale(0); transition:all ease .3s;}
.main .video li:hover .tu .cover{ opacity:1;}
.main .video li:hover .tu .cover .playIco{ transform:scale(1)}
.main .video li .wen{ text-align:center; font-size:16px; line-height:24px; height:24px; text-align:center; margin-top:10px; text-overflow:ellipsis; white-space:nowrap;}
.main .video li:hover .wen{ color:#0033a9;}

.main .video01{ width:100%;}
.main .video01 video{ display:block; width:800px; margin:25px auto; margin-bottom:30px; background-color:#000;}
.main .video01 iframe{ display:block; width:800px; height:600px; margin:25px auto; margin-bottom:30px; background-color:#000;}
.main .video01 .back{ width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; margin:auto; border:1px solid #333; border-radius:40px;}
.main .video01 .back:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}

/*解决方案*/
.main .case{ width:100%; display:block;}
.main .case li{ width:31.33%; display:block; overflow:hidden; margin-left:3%; margin-top:25px; float:left;}
.main .case li:nth-child(3n+1){ clear:left; float:left; margin-left:0;}
.main .case li .w01{ width:100%; max-height:23.87vw;}
.main .case li .w01 img{ width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .case li:hover .w01 img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .case li .w02{ width:100%; margin-top:10px; font-size:20px; line-height:30px; height:30px; font-weight:bold; text-overflow:ellipsis; white-space:nowrap;}
.main .case li .w03{ width:100%; font-size:16px; line-height:26px; height:26px; text-overflow:ellipsis; white-space:nowrap;}

/*解决方案内页*/
.main .fw01 .back{ width:148px; height:38px; line-height:38px; text-align:center; font-size:14px; display:block; overflow:hidden; margin:auto; border:1px solid #333; border-radius:40px; margin-top:25px;}
.main .fw01 .back:hover{ background-color:#0033a9; border:1px solid #0033a9; color:#fff;}

/*首诺简介*/
.ab01{ width:80%; padding:55px 10%; position:relative; z-index:1; background-color:#fff;}
.ab01 .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.ab01 .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px;}
.ab01 .bg{ width:100%; height:60px; background-color:#f5f5f5; position:absolute; left:0; bottom:0; z-index:1;}
.ab01 .box{ width:100%; margin-top:25px; position:relative; z-index:3; display:flex;}
.ab01 .left{ width:50%; margin-bottom:5px;}
.ab01 .left .w01{ font-size:36px; line-height:44px; height:44px; color:#999; text-transform:uppercase;}
.ab01 .left .w02{ width:100%; margin-top:5px;}
.ab01 .left .w02 p{ display:flex; align-items:center; float:left; padding:8px 20px; font-size:16px; line-height:24px; color:#fff; background-color:#0033a9;}
.ab01 .left .w02 p img{ display:block; height:16px; margin-right:10px;}
.ab01 .left .w03{ width:100%; font-size:24px; line-height:32px; margin-top:25px; font-weight:bold;}
.ab01 .left .w03 span{ color:#0033a9;}
.ab01 .left .w04{ width:100%; font-size:14px; line-height:30px; margin-top:17px;}
.ab01 .right{ width:45%; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px; margin-left:5%; overflow:hidden;}
.ab01 .right .cover{ background:rgb(0 0 0 / 60%); display:flex; justify-content:center; transition:all ease .3s; opacity:0; position:relative; width:100%; height:100%;}
.ab01 .right:hover .cover{ opacity:1;}
.ab01 .right .cover .playIco{ position:absolute; width:100px; height:100px; z-index:2; left:50%; top:50%; margin:-50px auto auto -50px; cursor:pointer; transform:scale(0); transition:all ease .3s;}
.ab01 .right:hover .cover .playIco{ transform:scale(1)}
.ab01 .list{ width:100%; margin:30px auto; margin-bottom:0; position:relative; z-index:3; background-color:#fff; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,.1); display:flex; align-items:center;}
.ab01 .list ul{ width:88.125%; padding:50px 5.9375%; padding-bottom:45px; display:flex; justify-content:space-between;}
.ab01 .list ul li{ display:block; width:21.28%; text-align:center;}
.ab01 .list ul li strong{ display:block; overflow:hidden; position:relative; height:50px;}
.ab01 .list ul li strong img{ display:block; height:50px; position:relative; z-index:3; margin:auto;}
.ab01 .list ul li span{ width:50px; height:50px; border-radius:100%; overflow:hidden; display:block; background-color:#f7f7f7; position:absolute; left:50%; margin-left:-55px; top:0; z-index:1;}
.ab01 .list ul li b{ display:block; font-size:24px; line-height:34px; overflow:hidden; margin-top:15px;}
.ab01 .list ul li p{ display:block; font-size:14px; line-height:24px; overflow:hidden; margin-top:5px;}

/*视频弹框*/
.videoBox{ position:fixed; background:rgb(0 0 0 / 60%); left:0; top:0; bottom:0; right:0; display:flex; flex-direction:column; justify-content:center; pointer-events:none; opacity:0; z-index:-1;}
.videoBox.show{ opacity:1; pointer-events:auto; z-index:1990;}
.videoBox video{ display:block; width:800px; margin:0 auto;}
.videoBox iframe{ display:block; width:800px; height:600px; margin:0 auto;}
.closeVideo{ max-width:150px; background:#fff; margin:30px auto 0; border-radius:55px; padding:10px 30px; width:100%; text-align:center; font-size:15px; cursor:pointer; transition:all ease .3s;}
.closeVideo:hover{ background:#0033a9; color:#fff;}

.ab02{ width:80%; padding:0 10%; padding-bottom:60px; background-color:#f5f5f5; position:relative; z-index:1;}
.ab02 .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.ab02 .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px;}
.ab02 .box{ width:100%; margin-top:-5px; position:relative; z-index:3;}
.ab02 .box .list{ width:100%; display:flex; flex-wrap:wrap;}
.ab02 .box .list dt{ width:31.33%; background-position:center; background-repeat:no-repeat; background-size:cover; float:left; margin-left:3%; display:block; position:relative; overflow:hidden; margin-top:30px;}
.ab02 .box .list dt:nth-child(3n+1){ margin-left:0;}
.ab02 .box .list dt .wen{ width:70%; height:calc(100% - 120px); padding:20px; box-sizing:border-box; background-color:rgba(255,255,255,.8); margin:30px; margin-bottom:90px;}
.ab02 .box .list dt .wen a{ display:block; overflow:hidden; width:100%; height:100%; position:relative;}
.ab02 .box .list dt .wen .w01{ height:60px;}
.ab02 .box .list dt .wen .w01 img{ display:block; height:60px;}
.ab02 .box .list dt .wen .w02{ font-size:20px; line-height:30px; margin-top:2px; font-weight:bold;}
.ab02 .box .list dt .wen .w03{ font-size:14px; line-height:20px; margin-top:2px; color:#666;}
.ab02 .box .list dt .wen .w04{ width:30px; height:4px; background-color:#999; margin-top:10px;}
.ab02 .box .list dt:hover .wen .w02{ color:#0033a9;}
.ab02 .box .list dt:hover .wen .w04{ background-color:#0033a9;}

.ab03{ width:80%; padding:55px 10%; padding-bottom:60px; background-color:#fff; position:relative; z-index:1;}
.ab03 .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.ab03 .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px;}
.ab03 .box{ width:100%; margin-top:25px; position:relative; z-index:3;}
.ab03 .box .swiper-container{ width:100%;}
.ab03 .box .swiper-container .swiper-slide{ width:31.63%; height:16.72vw; margin-right:2.555%; overflow:hidden;}
.ab03 .box .swiper-container .swiper-slide img{ display:block; width:100%;}
/*.ab03 .box .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px;}
.ab03 .box .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab03 .box .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#0033a9,#69a2f9);}*/
.ab03 .box .swiper-button-white{ width:40px; height:40px; cursor:pointer; border-radius:100%; background-color:#f5f5f5; background-position:center; background-repeat:no-repeat; overflow:hidden; position:absolute; top:50%; margin-top:-20px; z-index:3;}
.ab03 .box .swiper-button-prev{ background-image:url(../images/prev.png); left:-20px;}
.ab03 .box .swiper-button-next{ background-image:url(../images/next.png); right:-20px;}
.ab03 .box .swiper-button-prev:hover{ background-color:#0033a9; background-image:url(../images/prev01.png);}
.ab03 .box .swiper-button-next:hover{ background-color:#0033a9; background-image:url(../images/next01.png);}

/*荣誉资质*/
.ab04{ width:80%; padding:55px 10%; padding-bottom:60px; position:relative; z-index:1; background-color:#fff;}
.ab04 .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.ab04 .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px;}
.ab04 .swiper-container{ width:100%; margin-top:25px; position:relative; z-index:3;}
.ab04 .swiper-container .swiper-slide{ width:11.45%; height:12.95vw; margin-right:1.2%; overflow:hidden;}
.ab04 .swiper-container .swiper-slide img{ display:block; width:100%;}
.ab04 .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px;}
.ab04 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab04 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#0033a9,#69a2f9);}

.ab05{ width:80%; padding:55px 10%; padding-bottom:60px; position:relative; z-index:1; background-color:#f5f5f5;}
.ab05 .title{ width:100%; font-size:30px; line-height:40px; text-align:center; font-weight:bold; color:#0033a8;}
.ab05 .titles{ width:100%; margin-top:0.5vw; text-align:center; font-size:16px; line-height:26px;}
.ab05 .swiper-container{ width:100%; margin-top:25px; position:relative; z-index:3;}
.ab05 .swiper-container .swiper-slide{ width:23.53%; height:13.38vw; margin-right:1.96%; overflow:hidden;}
.ab05 .swiper-container .swiper-slide img{ display:block; width:100%;}
.ab05 .swiper-pagination{ width:100%; display:flex; justify-content:center; flex-wrap:wrap; margin-top:30px;}
.ab05 .swiper-pagination span{ width:10px; height:10px; display:block; margin:0 5px; cursor:pointer; border-radius:10px; background-color:#999;}
.ab05 .swiper-pagination span.swiper-pagination-bullet-active{ width:60px; background:linear-gradient(to right,#0033a9,#69a2f9);}

/*合作伙伴*/
.main .hz{ width:100%; display:block; padding-top:5px;}
.main .hz li{ width:15.83%; float:left; height:6.332vw; background-color:#fff; display:flex; align-items:center; overflow:hidden; border:1px solid #eee; box-sizing:border-box; margin-left:1%; margin-top:20px;}
.main .hz li:nth-child(6n+1){ clear:left; float:left; margin-left:0;}
.main .hz li img{ max-width:100%; max-height:6.332vw; display:block; margin:auto; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s;}
.main .hz li:hover img{ transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}
.main .hz li:hover{ border:1px solid #0033a9;}

/*联系我们*/
.main .lx01{ width:100%; padding-top:25px; display:flex;}
.main .lx01 .left{ width:50%;}
.main .lx01 .left #map{ width:100%; height:100%;}
.main .lx01 .right{ width:45%; margin-left:5%;}
.main .lx01 .right dl{ display:block; overflow:hidden; margin-top:-10px;}
.main .lx01 .right dl dt{ margin-top:15px; overflow:hidden; display:flex; align-items:center;}
.main .lx01 .right dl dt strong{ width:60px;}
.main .lx01 .right dl dt strong img{ width:60px; display:block;}
.main .lx01 .right dl dt p{ width:calc(100% - 70px); display:block; margin-left:10px;}
.main .lx01 .right dl dt p span{ display:block; font-size:16px; line-height:26px; color:#999;}
.main .lx01 .right dl dt p a{ display:block; font-size:18px; line-height:26px; color:#333;}
.main .lx01 .right dl dd{ margin-top:15px; overflow:hidden; display:block;}
.main .lx01 .right dl dd span{ width:100%; font-size:16px; line-height:26px; float:left;}
.main .lx01 .right dl dd p{ display:block; float:left; margin-top:10px; margin-right:30px;}
.main .lx01 .right dl dd strong{ width:120px; display:block; overflow:hidden; border:1px solid #ddd;}
.main .lx01 .right dl dd strong img{ width:100%; display:block;}
.main .lx01 .right dl dd a{ display:block; font-size:14px; line-height:24px; text-align:center; margin-top:5px;}

/*在线留言*/
.main .lx02{ width:100%; display:block;}
.main .lx02 .left{ width:48%; float:left;}
.main .lx02 .right{ width:48%; float:right;}
.main .lx02 p{ width:100%; height:50px; line-height:50px; border-radius:30px; background-color:#f5f5f5; margin-top:25px; overflow:hidden; display:block; padding:0 30px; box-sizing:border-box;}
.main .lx02 p input{ width:100%; font-size:14px; line-height:50px; height:50px; display:block; background-color:transparent;}
.main .lx02 dl{ width:100%; height:50px; line-height:50px; border-radius:30px; background-color:#f5f5f5; margin-top:25px; overflow:hidden; display:block; padding:0 30px; box-sizing:border-box;}
.main .lx02 dl dt{ display:block; float:left; font-size:14px; line-height:50px;}
.main .lx02 dl dd{ display:block; float:left; font-size:14px; line-height:50px; margin-left:30px;}
.main .lx02 dl dd input{ display:inline-block; vertical-align:middle; margin-right:6px;}
.main .lx02 span{ width:100%; background-color:#f5f5f5; border-radius:20px; overflow:hidden; display:block; margin-top:25px;}
.main .lx02 span textarea{ width:100%; height:125px; display:block; padding:13px 30px; box-sizing:border-box; font-size:14px; line-height:24px; overflow:auto; background-color:transparent; font-family:inherit;}
.main .lx02 .sub{ width:100%; float:left; margin-top:30px;}
.main .lx02 .sub input{ display:block; width:20%; margin:auto; text-align:center; line-height:50px; color:#fff; font-size:16px; height:50px; border-radius:50px; background:#0033a9; cursor:pointer;}
.main .lx02 .sub input:hover{ background:#333;}
.main .lx02 .city-picker-selector{ width:100%; margin-top:25px; height:50px;}
.main .lx02 .selector-item{ float:left; margin-left:2.63%; width:31.58%; height:50px; position:relative;}
.main .lx02 .selector-item:nth-child(1){ margin-left:0;}
.main .lx02 .selector-name{ width:100%; text-indent:30px; display:block; font-size:14px; line-height:50px; height:50px; overflow:hidden; background-image:url(../images/sel.png); background-position:right 15px center; background-repeat:no-repeat; background-color:#f5f5f5;border-radius:30px;}
.main .lx02 .city-picker-selector .selector-list{ background:#f1f1f1; width:100%; position:absolute; top:50px; z-index:1;}
.main .lx02 .city-picker-selector .hide{ display:none;}
.main .lx02 .city-picker-selector ul{ max-height:160px; overflow-x:hidden; overflow-y:auto; background-color:#69a2f9;}
.main .lx02 .city-picker-selector li { border-top:1px solid #ddd; color:#fff; cursor:pointer; width:90%; padding:0 5%; height:34px; line-height:34px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.main .lx02 .city-picker-selector li:first-child{ border-top:none;}
.main .lx02 .city-picker-selector li.caller.active,.main .lx02 .city-picker-selector li.caller.active:hover { background:#0033a9;}


/*产品内容*/
.productsDetails div{display:block;unicode-bidi:isolate}
.productsDetails p{display:block;margin-block-start:0.3em;margin-block-end:0.3em;margin-inline-start:0px;margin-inline-end:0px;unicode-bidi:isolate}
.productsDetails img{height:auto;max-width:100%;max-width:100%;max-height:100%;height:auto;border:none}
.productsDetails strong{font-weight:bolder}
.productsDetails table tr:nth-child(odd){background-color:#efefef}
.productsDetails{font-size:14px;line-height:23px;}
.item-products{width:100%;max-width:1600px;margin:auto;font-size:16px}
.kche-wrap-width{margin:10px}
.kche-wrap-width1{clear:both;margin:2 auto;width:100%;max-width:1600px;box-sizing:border-box}
.kche-t13>h2{width:100%;font-size:20px;padding:5px 20px;box-sizing:border-box;background-color:var(--color,#255da4);border-radius:4px;margin:0;color:#FFF}
.kche-t171 .kche-t171-item .kche-t171-item-info{flex:1}
.kche-t171 .kche-t171-list{display:flex;flex-wrap:wrap;justify-content:space-between}
.kche-t171 .kche-t171-item{width:49%;display:flex;box-sizing:border-box;padding:15px;background-color:#f3f5f8;margin-top:30px;border-radius:5px;overflow:hidden}
.kche-t171 .kche-t171-item .kche-t171-item-info .kche-t171-item-tit{font-size:18px;margin:0;color:#000;font-weight:var(--fontbold6,600);text-transform:capitalize}
.kche-t171 .kche-t171-item .kche-t171-item-info .kche-t171-item-des{margin-top:5px}
.kche-t171 .kche-t171-item .kche-t171-item-info .kche-t171-item-des p{margin:0;color:var(--introcolor,#555555)}
.kche-t98 .kche-t98-list{display:flex;margin-top:30px;justify-content:space-between;flex-wrap:wrap}
.kche-t98 .kche-t98-item-title{width:100%;margin:0;text-align:center;padding:15px 0;font-size:18px;font-weight:var(--fontbold6,600);border-bottom:3px solid var(--color,#255da4)}
.kche-t98 .kche-t98-list .kche-t98-item{width:31%;box-shadow:0 2px 6px 0 rgba(51,51,52,.2);border-radius:10px;transition:all .1s linear}
.kche-t98 .kche-t98-item .kche-t98-item-bottom{box-sizing:border-box;padding:20px;color:var(--introcolor,#555555)}
.kche-t98 .kche-t98-item .kche-t98-item-des{line-height:1.7;margin:0}
.table-wrap{width:100%;overflow-x:auto;overflow-y:hidden;margin-top:20px}
.table-wrap:nth-of-type(1){margin-top:0px}
.table-wrap:nth-of-type(1){margin-top:0px}
.table-wrap table,.table-wrap td,.table-wrap tr{border-collapse:collapse;border:none;border-spacing:0;margin:0px;padding:0px}
.table-wrap table{margin:10px 0px;width:100%;min-width:400px}
.table-wrap .table td{border:1px solid #CCCCCC;padding:0px 3%}
main.page-template-1 .max-width-box article article{margin-left:0px}
main.page-template-1 .max-width-box article{flex:1;margin-left:58px}
.max-width-box article{width:100%}
@media (max-width:1200px){main.page-template-1 .max-width-box article{margin-left:0px}}
@media (max-width:1024px){.kche-t98 .kche-t98-list .kche-t98-item{width:48%}}
@media screen and (max-width:768px){.kche-t171 .kche-t171-item{width:100%;margin-top:20px} html{-webkit-tap-highlight-color:transparent} .table-wrap table{width:100% !important;min-width:0px} .kche-t98 .kche-t98-list .kche-t98-item{width:100%;margin-bottom:20px}}
@media (max-width:600px){.item.item-products.productsDetails{font-size:var(--fontsize16);line-height:1.7}}
@media screen and (max-width:500px){.kche-t171 .kche-t171-item{padding:0;flex-wrap:wrap} .kche-t171 .kche-t171-item .kche-t171-item-info{box-sizing:border-box;padding:10px} .kche-t98 .kche-t98-item .kche-t98-item-des{line-height:26px;font-size:16px}}