#gHeader { background: #fff; position: relative; left: inherit; right: inherit; top: inherit; z-index: 100; border-bottom: 1px solid #efefef }
#gNavi .ul1>li>a { color: #333 }
#gNavi .ul1>li.on>a { color: #1662b7 }
#gNavi .ul1>li>a:before { background: #1662b7 }
#gNavi .ul1>li>a:after { background: #f5f5f5 }
#gHeader .ss { width: 34px; height: 34px; border-radius: 50%; margin-top: 33px; background-color: #1662b7; background-size: 22px; background-position: center; margin-right: 10px; border-left: none; line-height: 34px; }
#gHeader .ss:before { display: none }
#gHeader .tel { border-left: none }
#gHeader .tel a { color: #555 }
#gHeader .tel a:before { width: 36px; height: 36px; border-radius: 50%; background: url(../images/tel3.png) #1662b7 no-repeat center; background-size: 24px; left: 6px; }
#gHeader .yy a { border-color: #1662b7; background: #1662b7 }
.fixed { top: 50% }
.container { width: 80%; max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.banner { position: relative; overflow: hidden }
.banner>img { margin-top: -100px; }
.banner .text { color: #fff; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
.banner .text h2 { font-size: 36px; }
.banner .text strong { display: block; font-size: 19px; font-weight: 500; text-transform: uppercase; }
.posi span.jt { display: block; width: 38px; height: 38px; background: #fff; border-radius: 50%; text-align: center; line-height: 38px; }
.posi span.jt img { width: 26px; }
.posi { padding: 20px 0; color: #fff; line-height: 40px; position: absolute; left: 0; bottom: 0; right: 0; background: rgba(0, 0, 0, 0.2); z-index: 90; }
.posi h3 { font-weight: 500; font-size: 28px; }
.posi h3 img { width: 40px; position: relative; top: -2px; right: 8px; }
.posi .bread { font-size: 15px; }
.posi .bread a { color: #fff; font-weight: 500; }
.posi .bread img { width: 24px; margin-right: 6px; }
.posi2 { width: 85%; margin: 0 auto }
.posi1 { background: none; color: #666; position: inherit; left: inherit; bottom: inherit; right: inherit; }
.posi1 .bread a { color: #666 }
.posi1 span.jt { background: #f9f8f7 }
.banner .icon { margin-top: 50px; width: 76px; position: relative; }
.banner .icon span.spa1 { display: block; width: 76px; height: 76px; position: relative; }
.banner .icon span.spa1:before { content: ""; width: 76px; height: 76px; position: absolute; left: 0; top: 0; border: 1px dashed #fff; box-sizing: border-box; border-radius: 50%; animation: rotateZ 20s linear infinite; }
 @keyframes rotateZ {  from {
 transform: rotateZ(0deg);
}
to { transform: rotateZ(360deg); }
}
.banner .icon span.spa1:after { content: ""; width: 56px; height: 56px; background: #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.banner .icon span.spa2 { display: block; width: 21px; height: 32px; border: 2px solid #1662b7; border-radius: 16px; position: absolute; left: 50%; top: 50%; box-sizing: border-box; transform: translate(-50%, -50%); }
.banner .icon span.spa2:after { content: ""; width: 3px; height: 9px; background: #1662b7; border-radius: 10px; position: absolute; left: 50%; transform: translateX(-50%); overflow: hidden; animation: scroll-down 1.5s infinite ease-in-out; }
 @keyframes scroll-down {  0% {
 top: 2px;
 opacity: 0;
}
 30%,  70% {
 opacity: 1;
}
 100% {
 top: 18px;
 opacity: 0;
}
}
.lxban .text { top: inherit; transform: translateY(0); bottom: 36% }
.lxban .text strong { font-size: 30px; line-height: 60px; padding-left: 70px; }
.lxban .container { position: relative; }
.lxban .icon { transform: scale(0.8); margin-top: 0; position: absolute; left: -15px; top: -8px; }
#gFooter { padding-top: 40px; }
#gFooter .power { position: inherit; bottom: 0; left: 0; right: 0; margin-top: 20px; }
.pDl { width: 85%; margin: 20px auto 40px; }
.pDl .box { width: 25%; float: left; padding: 20px 16px; box-sizing: border-box; }
.pDl dl { background: url(../images/bg1.png) #fff no-repeat right bottom; background-size: 100%; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); padding: 24px 26px; position: relative; }
/* .pDl .box dl:before {
    content: "";
    position: absolute;
    left: -15px;
    top: -15px;
    right: -15px;
    bottom: -15px;
    border-radius: 10px;
    background: #1662b7;
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    z-index: -1;
    transition: all .65s ease;
}

.pDl .box dl:hover:before {
    -webkit-clip-path: polygon(0 0, 50% 0, 20% 100%, 0% 100%);
    clip-path: polygon(0 0, 50% 0, 20% 100%, 0% 100%);
} */

.pDl dl dt { margin-bottom: 15px; }
.pDl dl dt a { display: block; color: #1662b7; font-size: 22px; position: relative; font-weight: 500; line-height: 1; }
.pDl dl dt a:after { content: ""; width: 22px; height: 20px; background: url(../images/more1.png) no-repeat; background-size: 22px; position: absolute; right: -10px; top: 7px; }
.pDl dl dt span { display: block; color: #999; line-height: 1; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 
.pDl dl dt a:after {
    content: "";
    width: 100px;
    height: 1px;
    border-top: 1px dashed rgb(22 98 183 / 30%);
    position: absolute;
    right: -120px;
    top: 50%;
    z-index: 9;
}

.pDl dl dt a:before {
    content: "";
    width: 8px;
    height: 8px;
    border: 1px solid #1662b7;
    border-radius: 50%;
    position: absolute;
    right: -20px;
    top: 50%;
    margin-top: -5px;
    background: #fff;
    z-index: 10;
} */

.pDl dl dd a { display: block; line-height: 36px; color: #434343; padding: 0 40px 0 30px; position: relative; background: url(../images/icon38.png) no-repeat right center; background-size: 21px; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pDl dl dd a:before { content: ""; width: 18px; height: 18px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/ling.png) no-repeat; background-size: cover; }
.pDl dl dd:hover a { background-image: url(../images/icon2.png); color: #1662b7; }
.pDl dl dd:hover a:before { background-image: url(../images/ling2.png); }
.proBox { margin: 40px auto; }
.proBox .flBox { width: 20%; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.proBox .flBox .title { background: url(../images/bg0.jpg) no-repeat left center; background-size: cover; padding: 30px 0 30px 30px; text-align: left; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.proBox .flBox .title h2 { font-size: 28px; font-weight: 500; padding-left: 40px; position: relative; }
.proBox .flBox .title h2:before { content: ""; width: 28px; height: 3px; background: #fff; border-radius: 2px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.proBox .flBox .title strong { display: block; font-size: 18px; font-weight: 300; font-weight: 500; opacity: 0.6; }
.proBox .flBox .ul1 li h4.link { display: block; line-height: 50px; font-size: 17px; color: #232323; background: url(../images/icon20.png) no-repeat right 10px center; background-size: 21px; border-bottom: 1px solid #efefef; cursor: pointer; padding-left: 75px; position: relative }
.proBox .flBox .ul1 li h4.link:before { content: ""; width: 28px; height: 28px; overflow: hidden; background: url(../images/ico014.png) no-repeat top center; background-size: 28px; position: absolute; left: 30px; top: 50%; transform: translateY(-50%) }
.proBox .flBox .ul1 li.on h4.link:before { background-position: bottom center; }
.proBox .flBox .ul1 li:nth-child(2) h4.link:before { background-image: url(../images/ico04.png) }
.proBox .flBox .ul1 li:nth-child(3) h4.link:before { background-image: url(../images/ico06.png) }
.proBox .flBox .ul1 li:nth-child(4) h4.link:before { background-image: url(../images/ico02.png) }
.proBox .flBox .ul1 li:nth-child(5) h4.link:before { background-image: url(../images/ico01.png) }
.proBox .flBox .ul1 li:nth-child(6) h4.link:before { background-image: url(../images/ico03.png) }
.proBox .flBox .ul1 li:nth-child(7) h4.link:before { background-image: url(../images/ico012.png) }
.proBox .flBox .ul1 li:nth-child(8) h4.link:before { background-image: url(../images/ico08.png) }
.proBox .flBox .ul1 li:nth-child(9) h4.link:before { background-image: url(../images/ico09.png) }
.proBox .flBox .ul1 li:nth-child(10) h4.link:before { background-image: url(../images/ico010.png) }
.proBox .flBox .ul1 li:nth-child(11) h4.link:before { background-image: url(../images/ico011.png) }
.proBox .flBox .ul1 li:nth-child(12) h4.link:before { background-image: url(../images/ico07.png) }
.proBox .flBox .ul1 li:nth-child(13) h4.link:before { background-image: url(../images/ico013.png) }
.proBox .flBox .ul1 li:nth-child(14) h4.link:before { background-image: url(../images/ico05.png) }
.proBox .flBox .ul1 li .submenu { display: none; }
.proBox .flBox .ul1 li .submenu a { display: block; line-height: 25px; font-size: 15px; color: #343434; font-weight: 600; border-bottom: 1px dashed #efefef; padding: 5px 10px 5px 80px; background: url(../images/icon43.png) no-repeat right 10px center; background-size: 14px; }
/**
.proBox .flBox .ul1 li .submenu .sub {
	display:none
}***/

.proBox .flBox .ul1 li .submenu .sub a { padding-left: 85px; font-size: 15px; background: url(../images/icon38.png) no-repeat right 10px center; background-size: 16px; font-weight: 500; color: #666 }
.proBox .flBox .ul1 li.on h4.link { background: #1662b7 url(../images/icon44.png) no-repeat right 10px center; background-size: 21px; color: #fff; }
.proBox .flBox .ul1 li.on .submenu { display: block; }
.proBox .flBox .ul1 li .submenu a.on { color: #1662b7; background-image: url(../images/icon46.png); }
.proBox .flBox .ul1 li .submenu .sub a.on { background-image: url(../images/icon2.png) }
.proBox h3.titl { line-height: 50px; font-size: 21px; font-weight: 500; background: #1662b7 url(../images/icon3.png) no-repeat right 10px center; background-size: 25px; color: #fff; padding: 0 20px; position: relative; }
.proBox .flBox .ul2 li { padding: 0 10px; border-bottom: 1px dashed #dedede; }
.proBox .flBox .ul2 li a { display: block; padding-left: 24px; background: url(../images/icon36.png) no-repeat left center; background-size: 18px; color: #555; font-size: 15px; line-height: 40px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .flBox .ul2 li:hover a { color: #1662b7; background-image: url(../images/icon37.png); }
.proBox .flBox .lxtext { padding: 12px;/**background: url(../images/01.jpg) no-repeat bottom center;
    background-size: cover;**/
}
.proBox .flBox .lxtext h4 { font-size: 18px; font-weight: 500; margin-top: 12px; }
.proBox .flBox .lxtext p { font-size: 15px; color: #555; margin-bottom: 5px; }
.proBox .frBox { width: 78%; }
.proBox .frBox .tab a { display: table; width: 100%; border-collapse: collapse; }
.proBox .frBox .tab a .box { display: table-cell; vertical-align: middle; padding: 8px 8px; box-sizing: border-box; color: #333; text-align: center; border: 1px solid #efefef; border-top: none; font-weight: 500; font-size: 15px; }
.proBox .frBox .tab:first-child .box { border-top: 1px solid #dedede; }
.proBox .frBox .tab:first-child .box:after { display: none; }
.proBox .frBox .tab a .box1 { width: 25%; }
.proBox .frBox .tab a .box1 img { width: 80%; }
.proBox .frBox .tab a .box2 { width: 18%; position: relative; }
.proBox .frBox .tab a .box2 h3 { font-weight: 500; position: relative; z-index: 100; font-size: 15px; }
.proBox .frBox .tab a .box2 h3 b { font-weight: 500; }
.proBox .frBox .tab a .box3 { width: 11%; }
.proBox .frBox .tab a .box4 { width: 35%; text-align: left }
.proBox .frBox .tab:first-child a .box4 { text-align: center }
.proBox .frBox .tab a .box:nth-child(2n) { background: #fafdff; }
.proBox .page { text-align: center; margin-top: 30px; }
.proBox .page span { display: inline-block; }
.proBox .page span a { width: auto; lid #efefef; font-size: 16px; padding: 3px 12px; color: #666; font-weight: 500; }
.proBox .page span.active a { background-color: #1662b7; color: #fff; border-color: #1662b7; }
/* 产品详情 */
/* .proBox .frBox .comBox { position: relative; box-shadow: 0 0 12px rgba(0, 0, 0, .3); border-radius: 8px; background: url(../images/bg13.jpg) no-repeat right center; background-size: cover; display: table; width: 100%; border-collapse: collapse; overflow: hidden; }
.proBox .frBox .comBox .pho { width: 40%; display: table-cell; }
.proBox .frBox .comBox .text { width: 60%; padding: 0 40px; box-sizing: border-box; display: table-cell; vertical-align: middle; }
.proBox .frBox .comBox .text h1 { font-size: 28px; font-weight: 500; color: #333; }
.proBox .frBox .comBox .text .dl dl { width: 33.33%; float: left; text-align: center; padding: 30px 20px; box-sizing: border-box; position: relative; font-size: 15px; color: #999; }
.proBox .frBox .comBox .text .dl dl:after { content: ""; position: absolute; left: 10px; top: 20px; bottom: 20px; right: 10px; background: url(../images/article_cs_bg.png) no-repeat; background-size: 100% 100%; z-index: 0; }
.proBox .frBox .comBox .text .dl dl dt img { width: 32px; margin-bottom: 6px; }
.proBox .frBox .comBox .text .dl dl dd.d { font-weight: 500; font-size: 16px; color: #555; }
.proBox .frBox .comBox .text p { font-size: 16px; line-height: 27px; font-weight: 500; color: #666; background: #f8f8f8; padding: 10px }
.proBox .frBox .comBox .text p span { color: #1662b7; font-weight: 600 }
.proBox .frBox .comBox .text .link { margin-top: 50px; }
.proBox .frBox .comBox .text .link a { display: block; width: 180px; line-height: 36px; color: #fff; text-align: center; background: #fa9e14; font-size: 17px; float: left; border-radius: 5px; }
.proBox .frBox .comBox .text .link a img { width: 20px; margin-right: 5px; }
.proBox .frBox .comBox .text .link a.qq { background: #1662b7; width: 130px; float: right; font-size: 15px; }
.proBox .frBox .comBox .text .link a.qq img { width: 25px; } */
.proBox .fr .comBox { box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .2);/***background: url(../images/index/bg8.jpg) no-repeat right center;
    background-size: 750px;***/
}
.proBox .frBox .comBox .text { padding: 20px 40px 0; margin-left: 420px; width: auto; position: relative; }
.proBox .frBox .comBox .text:after { content: ""; position: absolute; left: 0px; top: 14px; width: 300px; height: 50px; background: url(../images/index/pro-line.png) no-repeat; display: none }
.proBox .frBox .comBox .text h1 { font-size: 28px; font-weight: 500; color: #04102c; }
.proBox .frBox .comBox .text .dl { background: rgba(255, 255, 255, .8); box-shadow: 0 0px 8px rgba(0, 0, 0, .2); padding: 20px 40px; border-radius: 10px; margin: 20px 20px; overflow: hidden; }
.proBox .frBox .comBox .text .dl dl { width: 33%; position: relative; padding-left: 25px; box-sizing: border-box; float: left; }
/* .proBox .fr .comBox .text .dl dl:nth-child(2) {
    width: 24%;
} 

.proBox .fr .comBox .text .dl dl:last-child {
    width: 46%;
}*/

.proBox .frBox .comBox .text .dl dl:before { content: ""; width: 3px; height: 50px; position: absolute; left: 3.5px; top: 7px; background: #dddee2; border-radius: 2px; }
.proBox .frBox .comBox .text .dl dl:after { content: ""; width: 10px; border-radius: 50%; background: -webkit-linear-gradient(left, #a0b5ee, #1a8ee5); height: 10px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.proBox .frBox .comBox .text .dl dl dt { font-size: 18px; margin-bottom: 8px; color: #666; }
.proBox .frBox .comBox .text .dl dl dd { font-size: 20px; color: #444; }
.proBox .frBox .comBox .text .dl dl dd a.yh { display: inline-block; width: 90px; line-height: 28px; text-align: center; border-radius: 14px; font-size: 13px; color: #fff; background: linear-gradient(to right, #ff6c04, #fda80e); position: relative; top: -3px; left: 4px; }
.proBox .frBox .comBox .text span.tim { display: block; position: absolute; right: 10px; top: 10px; color: rgba(0, 0, 0, 0); }
.proBox .frBox .comBox .text p { font-size: 16px; line-height: 30px; color: #555; padding: 12px 10px; margin-top: 10px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.proBox .frBox .comBox .text p span { color: #1a8ee5; }
.proBox .frBox .comBox .text .lxul li { margin-top: 30px; overflow: hidden; padding: 0 20px; }
.proBox .frBox .comBox .text .lxul a { display: block; padding: 0 20px 0 50px; background: #d5e9f8 url(../images/index/icon47.png) no-repeat left 17px center; background-size: 26px; line-height: 40px; border-radius: 21px; font-size: 17px; float: right; }
.proBox .frBox .comBox .text .lxul a span { font-size: 15px; opacity: 0.8 }
/*图片放大镜样式*/

.jqzoom { float: left; border: none; position: relative; padding: 0px; cursor: pointer; margin: 0px; display: block; width: 100%; }
.zoomdiv { z-index: 100; position: absolute; top: 0px; left: 0px; width: 350px; height: 350px; background: #ffffff; border: 1px solid #CCCCCC; display: none; text-align: center; overflow: hidden; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 20px; height: 20px; border: 1px solid #aaa; background: #ffffff/*url(../images/index/zoom.png) 50% center no-repeat*/
; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*图片小图预览列表*/

.spec-preview { width: 100%; box-sizing: border-box; border: 1px solid #DFDFDF; overflow: hidden }
.spec-preview .jqzoom img { width: 100% !important; }
.spec-scroll { clear: both; padding: 5px 0; width: 100%; overflow: hidden; }
.spec-scroll .prev, .spec-scroll .next { width: 14px; height: 56px; margin-top: 3px; }
.spec-scroll .prev { float: left; background: url(../images/index/icon41.png) no-repeat; }
.spec-scroll .next { float: right; background: url(../images/index/icon42.png) no-repeat; }
.spec-scroll .items { position: relative; width: 100%; height: 56px; overflow: hidden; }
.spec-scroll .items ul { padding: 0 5px; height: 56px; }
.spec-scroll .items ul li { float: left; width: 67px; text-align: center; }
.spec-scroll .items ul li img { border: 1px solid #CCC; padding: 2px; width: 50px; height: 50px; }
.spec-scroll .items ul li img:hover { border: 2px solid #FF6600; padding: 1px; }
.bimg { float: left; width: 420px; overflow: hidden; }
.proBox .frBox .pshow { margin-top: 30px; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.proBox .frBox .pshow .tit { background: #f1f6fa; }
.proBox .frBox .pshow .tit li { float: left; line-height: 50px; color: #666; font-size: 17px; text-align: center; width: 140px; cursor: pointer; }
.proBox .frBox .pshow .tit li.on { background: #1662b7; color: #fff; }
.proBox .frBox .pshow .sbox { padding: 30px 15px; }
.proBox .frBox .pshow .sbox .text { padding: 30px 4%; }
.proBox .frBox .pshow .sbox .text h2 { font-size: 20px; font-weight: 500; color: #1662b7; position: relative; z-index: 0; margin: 5px 0; }
.proBox .frBox .pshow .sbox .text table { width: auto !important; max-width: 100% !important; border-collapse: collapse; }
.proBox .frBox .pshow .sbox .text table td { padding: 5px !important; border: 1px solid #ccc; }
.proBox .frBox .pshow .sbox .text h2:before { content: ""; width: 16px; height: 16px; background: #fa9e14; border-radius: 50%; position: absolute; left: -8px; top: 3px; z-index: -1; }
.proBox .frBox .pshow .sbox .text p { font-size: 15px; background: #f1f6fa; padding: 6px 10px; line-height: 27px; color: #000; text-align: left !important; margin-bottom: 0 !important }
.proBox .frBox .pshow .sbox .text p span { font-size: 15px !important; }
.proBox .frBox .pshow .sbox .text p:nth-child(odd) { background: #fff; }
.proBox ul.fy li { border-bottom: 1px dashed #eeeeee; line-height: 36px; }
.proBox ul.fy li a { font-size: 15px; color: rgb(124, 142, 156); }
.proBox .frBox .pshow .sbox .pic img { width: 100%; max-width: 900px; height: inherit; display: block; margin: 0 auto; }
.proBox .frBox .pshow .sbox .lkul1 li { width: 33.33%; float: left; padding: 20px 25px; box-sizing: border-box; }
.proBox .frBox .pshow .sbox .lkul1 li a { display: block; border-radius: 6px; overflow: hidden; box-shadow: 0 0 8px rgba(0, 0, 0, .3); }
.proBox .frBox .pshow .sbox .lkul1 li p { line-height: 44px; font-size: 16px; font-weight: 500; background: #1662b7; color: #fff; text-align: center; }
.proBox .frBox .pshow .sbox .lkul2 li { width: 50%; float: left; padding: 20px; box-sizing: border-box; }
.proBox .frBox .pshow .sbox .lkul2 li a { display: block; padding: 20px; background: url(../images/bg.png) no-repeat right bottom; background-size: cover; border-radius: 8px; overflow: hidden; box-shadow: 0 0 10px rgba(22, 98, 183, 0.4); }
.proBox .frBox .pshow .sbox .lkul2 li a h4 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #222; margin: 12px 0 8px; font-weight: 500; padding-right: 40px; background: url(../images/icon20.png) no-repeat right 6px center; background-size: 30px; transition: 0.3s; }
.proBox .frBox .pshow .sbox .lkul2 li:hover a h4 { background: url(../images/icon21.png) no-repeat right center; background-size: 30px; color: #1662b7; }
.proBox .frBox .pshow .sbox .lkul2 li a span { display: block; color: #999; padding-left: 30px; background: url(../images/icon50.png) no-repeat left center; background-size: 22px; }
.proBox .frBox .pshow .sbox .lkul2 li a p { font-size: 15px; line-height: 30px; color: #555; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* 案例视频 */
.khBox .cul1 li { width: 25%; float: left; padding: 40px 3%; box-sizing: border-box; }
.khBox .cul1 li a { display: block; padding: 70px 0 15px; background: #f1f6fa; border-radius: 10px; position: relative; text-align: center; font-size: 18px; font-weight: 600; }
.khBox .cul1 li a span { display: block; width: 110px; height: 110px; background: #fff; border-radius: 50%; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); }
.khBox .cul1 li a span:before { content: ""; width: 80px; height: 80px; border-radius: 50%; border: 3px solid #ddd; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.khBox .cul1 li a span b { display: block; width: 38px; height: 38px; background: url(../images/icon5.png) no-repeat top center; background-size: 38px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.khBox .cul1 li:nth-child(2) a span b { background-image: url(../images/icon6.png); }
.khBox .cul1 li:nth-child(3) a span b { background-image: url(../images/icon10.png); }
.khBox .cul1 li:nth-child(4) a span b { background-image: url(../images/icon11.png); }
.khBox .cul1 li.on a, .khBox .cul1 li:hover a { background: #1662b7; color: #fff; }
.khBox .cul1 li.on a span:before, .khBox .cul1 li:hover a span:before { border-color: #1662b7; }
.khBox .cul1 li.on a span b, .khBox .cul1 li:hover a span b { background-position: bottom center; }
.khBox .cul2 li { width: 25%; float: left; padding: 20px; box-sizing: border-box; }
.khBox .cul2 li a { display: block; background: #f1f6fa; border-radius: 7px; overflow: hidden; }
.khBox .cul2 li a .text { padding: 20px; }
.khBox .cul2 li a .text h3 { font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.khBox .cul2 li a .text span.time { display: block; font-size: 14px; color: #999; padding-left: 26px; background: url(../images/icon50.png) no-repeat left center; background-size: 20px; }
.khBox .cul2 li a .text p { font-size: 15px; line-height: 27px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #666; font-weight: 400; }
.khBox .vdul2 li a .text { padding: 12px 20px 0; }
.khBox .vdul2 li a .text span { display: block; margin: 12px -20px 0; border-top: 1px solid #e3f0ff; line-height: 40px; padding: 0 20px; font-weight: 500; color: #1662b7; background: url(../images/jt.png) no-repeat right 20px center; }
.khBox .vdul2 li a .pho { position: relative; }
.khBox .vdul2 li a .pho:after { content: ""; width: 50px; height: 50px; background: url(../images/icon53.png) #1662b7 no-repeat center; background-size: 23px; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.vdBox .cul1 li { width: 16.66%; padding: 40px 10px; }
.vdBox .cul1 li:nth-child(5) a span b { background-image: url(../images/icon86.png) }
.vdBox .cul1 li:nth-child(6) a span b { background-image: url(../images/icon87.png) }
.vdBox .cul2 li a .text span.time { padding-left: 46px; background-position: left 15px center }
/* 解决方案 */
.jjBox .cul1 li { width: 20%; padding: 30px; }
.jjBox .cul1 li:nth-child(2) a span b { background-image: url(../images/icon7.png); }
.jjBox .cul1 li:nth-child(3) a span b { background-image: url(../images/icon54.png); }
.jjBox .cul1 li:nth-child(4) a span b { background-image: url(../images/icon55.png); }
.jjBox .cul1 li:nth-child(5) a span b { background-image: url(../images/icon56.png); }
.nlist { background: #edf2f7; text-align: center; padding: 25px 0; }
.nlist li { display: inline-block; }
.nlist li a { display: block; line-height: 20px; color: #333; padding: 0 20px; font-size: 18px; border-right: 1px solid #ddd; }
.nlist li:last-child a { border-right: none; }
.nlist li.on a { color: #1662b7; font-weight: 600; }
.proBox .nul li { width: 33.33%; float: left; padding: 20px 30px 0; box-sizing: border-box; }
.proBox .nul li a { display: block; }
.proBox .nul li .text { padding: 20px; background: #fafafa; }
.proBox .nul li .text h3 { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .nul li .text span { display: block; color: #666; padding-left: 24px; background: url(../images/icon50.png) no-repeat left center; background-size: 18px; color: #999; }
.proBox .nul li .text p { font-size: 15px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0; }
.proBox .nul li .text b { display: block; width: 110px; line-height: 35px; border-radius: 4px; text-align: center; padding-right: 10px; background: #1662b7 url(../images/jt2.png) no-repeat right 8px center; background-size: 13px; color: #fff; text-align: center; font-weight: 500; }
.proBox .ndl { padding: 0 30px; }
.proBox .ndl dl { border-radius: 10px; overflow: hidden; margin-top: 30px; display: table; vertical-align: middle; width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, .3); }
.proBox .ndl dl a { display: block; overflow: hidden }
.proBox .ndl dl dt { display: table-cell; vertical-align: middle; width: 24%; }
.proBox .ndl dl dd.text { width: 62%; display: table-cell; vertical-align: middle; padding: 0 30px; box-sizing: border-box; }
.proBox .ndl dl dd.text h3 { font-size: 18px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .ndl dl dd.text p { font-size: 15px; color: #888; font-weight: 500; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 12px; }
.proBox .ndl dl dd.text b { display: block; background: #1662b7 url(../images/jt_w.png) no-repeat right 12px center; background-size: 20px; color: #fff; width: 120px; padding-right: 20px; line-height: 36px; text-align: center; float: right; font-weight: 500; font-size: 15px; border-radius: 20px; }
.proBox .ndl dl dd.date { width: 14%; display: table-cell; vertical-align: middle; border-left: 1px solid #efefef; text-align: center; background: #e4f1ff; color: #fff; }
.proBox .ndl dl dd.date strong { display: block; color: #555; font-size: 38px; border-bottom: 1px dashed #c4d0dd; font-weight: 500; }
.proBox .ndl dl dd.date span { display: block; color: #666; font-size: 22px; margin-top: 20px; }
.nshow .ntext { width: 76%; background: #fff; padding: 50px; box-sizing: border-box; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.nshow .ntext .ntitle h1 { font-size: 28px; font-weight: 500; }
.nshow .ntext .ntitle p { font-size: 15px; color: #666; border-bottom: 1px dashed #efefef; padding: 5px 0 10px; }
.nshow .ntext .ntitle p a { color: #666; }
.nshow .ntext .text1 { font-size: 16px; line-height: 2em; padding: 20px 6%; }
.nshow .ntext .text1 p { text-indent: 2em; width: inherit !important }
.nshow .ntext .text1 img { width: auto !important; max-width: 100% !important; height: inherit !important; display: block; margin: 0 auto; }
.nshow .ntext .text1 video { width: 100%; }
.nshow .ntext .text1 table { width: auto !important; max-width: 100% !important; border-collapse: collapse; }
.nshow .ntext .text1 table td { border: 1px solid #ccc; padding: 5px !important; width: inherit !important }
.nshow .ntext .text1 iframe {width: 100%;height: 100%;aspect-ratio: 16 / 9;}
.nshow .lkBox { width: 21%; background: #fff; }
.nshow .lkBox ul.ul1 li { border-bottom: 1px dashed #e4e3e3; margin-top: 6px; }
.nshow .lkBox ul.ul1 li a { display: block; line-height: 40px; font-size: 15px; font-weight: 500; color: #676767; padding-left: 30px; background: url(../images/ling.png) no-repeat left 10px center; background-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.nshow .lkBox ul.ul1 li:hover a { color: #1662b7; background-image: url(../images/ling2.png); }
.nshow .lkBox ul.ul2 li { padding: 22px; }
.nshow .lkBox ul.ul2 li a { display: block; box-shadow: 0 0 8px rgba(22, 98, 183, 0.4); border-radius: 6px; overflow: hidden; }
.nshow .lkBox ul.ul2 li a h4 { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 48px; text-align: center; border-top: 1px solid #efefef; }
.lxBox { padding-top: 20px; }
.lxBox .lxtit { text-align: center; position: relative; }
.lxBox .lxtit:after { content: ""; width: 100%; height: 92px; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background: url(../images/contact-wz.png) no-repeat center; z-index: 80; }
.lxBox .lxtit1:after { background-image: url(../images/lx-wz.png); }
.lxBox .lxtit h2.title { line-height: 60px; font-size: 40px; margin-top: 40px; color: #1662b7; position: relative; display: inline-block; z-index: 90; }
.lxBox .lxtit h2.title:before { content: ""; width: 23px; height: 31px; background: url(../images/lt.png) no-repeat center; background-size: cover; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); }
.lxBox .lxtit h2.title::after { content: ""; width: 23px; height: 31px; background: url(../images/lt.png) no-repeat center; background-size: cover; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); }
.lxBox .lxul li { width: 25%; float: left; padding: 20px 20px 40px; box-sizing: border-box; }
.lxBox .lxul1 li { width: 33.33% }
.lxBox .lxul li .box { padding: 20px; background: #fff; position: relative; overflow: hidden; box-shadow: 0 0 8px rgba(0, 0, 0, .2); }
.lxBox .lxul li .box h5 { font-size: 22px; color: #1662b7; }
.lxBox .lxul li .box p { font-size: 16px; color: #555; line-height: 30px; margin-top: 6px; }
.lxBox .lxul li .box p a { display: inline-block; width: 110px; line-height: 28px; background: #1662b7 url(../images/qq.png) no-repeat left 10px center; background-size: 20px; text-align: center; border-radius: 14px; color: #fff; padding-left: 15px; font-size: 15px; }
.lxBox .lxul li .box img { width: 150px; }
.lxBox .lxul li .box:before { content: ""; width: 60px; height: 60px; position: absolute; right: 10px; top: 10px; background: url(../images/icon58.png) no-repeat center; background-size: cover; opacity: 0.1; }
.lxBox .lxul li:nth-child(2) .box:before { background-image: url(../images/icon59.png); }
.lxBox .lxul li:nth-child(3) .box:before { background-image: url(../images/icon60.png); }
.lxBox .lxul li:nth-child(4) .box:before { background-image: url(../images/icon61.png); background-size: 60px; }
.lxBox .lxul3 li .box { padding: 40px 0; text-align: center; }
.lxBox .lxul3 li .box:before { display: none; }
.lxBox .lxul3 li .box strong { display: block; font-size: 21px; color: #444; margin-top: 12px; }
.lxBox .lxul2 li { width: 25%; float: left; padding: 30px 20px 0; box-sizing: border-box; }
.lxBox .lxul2 li .box { background: #fff; border-radius: 10px; position: relative; overflow: hidden; text-align: center; }
.lxBox .lxul2 li .box .ico { padding: 20px 0; background: linear-gradient(to right, #2276d6, #0851a3); }
.lxBox .lxul2 li .box span { display: block; width: 86px; height: 86px; border-radius: 50%; background: #2276d6; line-height: 80px; margin: 0 auto; border: 5px solid #b5d7fb; }
.lxBox .lxul2 li .box span img { width: 50px; }
.lxBox .lxul2 li .box .tex { padding: 20px 30px; }
.lxBox .lxul2 li .box .tex h6 { font-size: 20px; color: #555; }
.lxBox .lxul2 li .box .tex p { font-size: 15px; line-height: 28px; height: 60px; overflow: hidden; margin-top: 10px; }
.abBox .lxtit:after { background-image: url(../images/about-wz.png); }
.abBox .ystit:after { background-image: url(../images/ys-wz.png); }
.abBox .abtext { font-size: 18px; line-height:36px; font-weight: 500; color: #555; text-indent: 2em; margin: 20px 0 40px; }
.abBox .abtext p span { font-size: 16px !important }
.abBox .abtext img { width: 40%; margin-left: 30px; float: right; border-radius: 0 40px 0 40px; }
.abBox .ysul li { width: 20%; float: left; box-sizing: border-box; text-align: center; }
.abBox .ysul li a { position: relative; display: block; margin-top: 20px; }
.abBox .ysul li:nth-child(2n) { margin-top: 120px; }
.abBox .ysul li .img img.w { display: none; }
.abBox .ysul li .text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.abBox .ysul li span { display: block; width: 54px; height: 54px; overflow: hidden; margin: 0 auto; }
.abBox .ysul li span img { width: 54px; }
.abBox .ysul li h4 { font-size: 17px; padding: 20px 0 10px; color: #555; }
.abBox .ysul li a:hover img.h { display: none; }
.abBox .ysul li a:hover img.w { display: block; }
.abBox .ysul li a:hover span img { margin-top: -54px; }
.abBox .ysul li a:hover h4 { color: #fff; }
.abBox1 { padding: 8% 0; background: url(../images/02.jpg) no-repeat center; background-size: cover; color: #fff; position: relative; }
.abBox1 .top strong { font-size: 46px; }
.abBox1 .top span { font-size: 28px; display: inline-block; margin-left: 40px; }
.abBox1 ul li { width: 16.66%; text-align: center; float: left; padding: 50px 0 0; }
.abBox1 ul li span { display: block; width: 86px; height: 86px; line-height: 86px; background: url(../images/icon66.png) no-repeat center; background-size: 100%; margin: 0 auto 14px; position: relative; }
.abBox1 ul li span:before { content: ""; width: 70px; height: 70px; background: url(../images/icon67.png) no-repeat center; background-size: cover; position: absolute; top: 8px; left: 8px; }
.abBox1 ul li span img { width: 46px; }
.abBox1 ul li p { font-size: 16px; }
.abBox1 ul li:hover span:before { -webkit-animation: rotateMoveBack 5s infinite linear; animation: rotateMoveBack 5s infinite linear; }
 @keyframes rotateMoveBack {  from {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
}
to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); }
}
 @-webkit-keyframes rotateMoveBack /*Safari and Chrome*/
{  from {
 transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
}
to { transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); }
}
.abBox .whul { margin-bottom: 40px; }
.abBox .whul li { width: 25%; float: left; padding: 42px 32px 60px; box-sizing: border-box; border: 1px solid #efefef; position: relative; }
.abBox .whul li strong { font-size: 22px; }
.abBox .whul li p { font-size: 15px; line-height: 30px; height: 90px; overflow: hidden; margin-top: 12px; }
.abBox .whul li:after { content: ""; width: 40px; height: 40px; border: 1px solid #ddd; position: absolute; right: 32px; bottom: 20px; background: url(../images/icon43.png) no-repeat center; background-size: 22px; }
.abBox .whul li span { display: block; width: 50px; height: 50px; position: absolute; right: 12px; top: 10px; background: url(../images/icon74.png) no-repeat top center; background-size: 50px; opacity: 0.1; }
.abBox .whul li:nth-child(2) span { background-image: url(../images/icon75.png); }
.abBox .whul li:nth-child(3) span { background-image: url(../images/icon76.png); }
.abBox .whul li:nth-child(4) span { background-image: url(../images/icon77.png); }
.abBox .whul li:nth-child(5) span { background-image: url(../images/icon78.png); }
.abBox .whul li:nth-child(6) span { background-image: url(../images/icon79.png); }
.abBox .whul li:nth-child(7) span { background-image: url(../images/icon80.png); }
.abBox .whul li:nth-child(8) span { background-image: url(../images/icon81.png); }
.abBox .whul li:hover { background: #1662b7; color: #fff; }
.abBox .whul li:hover:after { border-color: #fff; background-image: url(../images/jt2.png); }
.abBox .whul li:hover span { background-position: bottom center; opacity: 1; }
.abBox .jzg:after { background-image: url(../images/wh-wz.png); }
.valBox { background: url(../images/2.jpg) no-repeat center; background-size: cover; overflow: hidden; position: relative; }
.valBox:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .4); }
.valBox .img { width: 25%; float: left; position: relative; border-right: 1px solid rgba(255, 255, 255, .3); box-sizing: border-box; }
.valBox .text1 { padding: 30% 20px; text-align: center; color: #fff; }
.valBox .text1 strong { display: block; font-size: 24px; font-weight: 500; line-height: 36px; }
.valBox .text1 span { display: block; width: 40px; height: 4px; background: #fff; border-radius: 3px; margin: 20px auto; }
.valBox .text1 p { font-size: 15px; line-height: 30px; }
.hnul li { width: 25%; float: left; padding: 20px; box-sizing: border-box; }
.hnul li a { display: block; }
.hnul li a p { line-height: 50px; text-align: center; font-size: 16px; font-weight: 500; background: #efefef; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hnul li:hover a p { color: #fff; background: #1662b7; }
 @media all and (min-width: 1024px) and (max-width: 1600px) {
#gHeader .ss { margin-top: 27px; }
.container { width: 83%; }
.posi { padding: 14px 0 }
.posi span.jt { width: 36px; height: 36px; line-height: 36px }
.posi span.jt img { width: 25px }
.lxban .text strong { font-size: 25px }
.pDl, .proBox { margin-top: 20px }
.proBox .flBox { width: 22% }
.proBox .flBox .ul1 li .submenu a { font-size: 15px }
.proBox .frBox { width: 76.5% }
.proBox .frBox .tab a .box { font-size: 15px }
.pDl .box { padding: 20px 12px }
.pDl dl { padding: 25px 24px; }
.pDl dl dt { margin-bottom: 10px }
.pDl dl dt a:after { right: 0; }
.pDl dl dt span { margin-top: 6px; }
.pDl dl dd a { font-size: 15px; line-height: 36px; background-size: 21px; padding: 0 30px 0 24px; }
/* .proBox .frBox .comBox .text .dl dl dt img { width: 28px }
.proBox .frBox .comBox .text .link a { line-height: 35px; }
.proBox .frBox .comBox .text .link a.qq { font-size: 15px; width: 130px } */
.proBox .frBox .comBox .text .dl { padding: 14px 6px 12px 15px; margin: 20px 0 10px 14px; }
.proBox .frBox .comBox .text { margin-left: 380px; padding: 20px 30px 0 }
.proBox .frBox .comBox .text p { font-size: 15px; line-height: 28px; padding: 6px 8px; }
.proBox .frBox .comBox .text .dl dl dt { font-size: 15px; }
.proBox .frBox .comBox .text .dl dl dd { font-size: 18px; }
.proBox .frBox .comBox .text .lxul li { margin-top: 24px; }
.jjBox .cul1 li { padding: 30px 20px; }
.lxBox { width: 90% }
.khBox .cul1 li a { padding-top: 60px; font-size: 17px }
.vdBox .cul1 li a { font-size: 17px; }
.khBox .cul1 li a span { width: 98px; height: 98px; top: -50px; }
.khBox .cul1 li a span:before { width: 72px; height: 72px; }
.khBox .cul1 li a span b { width: 35px; height: 35px; background-size: 35px; }
}
 @media all and (min-width: 1024px) and (max-width: 1550px) {
/* .proBox .frBox .comBox .pho { width: 42%; }
.proBox .frBox .comBox .text { width: 58%; }
.proBox .frBox .comBox .text p { font-size: 15px }
.proBox .frBox .comBox .text .link { margin-top: 30px; } */
.proBox .frBox .comBox .text { padding: 30px 30px 0; }
.proBox .frBox .comBox .text .dl { margin-left: 5px; }
.proBox .frBox .comBox .text .dl dl dd { font-size: 17px; }
.banner .text h2 { font-size: 38px; }
.banner .icon { margin-top: 30px; }
.lxban .icon { margin-top: 0 }
.khBox .cul2 li { padding: 18px 15px; }
.khBox .cul2 li a .text { padding: 10px 15px 15px; }
.khBox .cul2 li a .text span.time { margin: 12px 0px 0 }
.khBox .cul2 li a .text { margin-top: 8px; }
.vdBox .cul2 li a .text span.time { margin: 12px -15px 0 }
.vdBox .cul2 li a .text { padding-bottom: 0px; margin-top: 0 }
.vdBox .cul2 li a .text p { display: none }
.proBox .nul li { padding: 20px 20px 0; }
.lxBox .lxtit:after { background-size: 300px; }
.lxBox .lxtit h2.title { font-size: 35px; }
.valBox .text1 strong { height: 60px; font-size: 21px; line-height: 30px; }
}
 @media all and (min-width: 1024px) and (max-width: 1440px) {
.container { width: 85%; }
.proBox .frBox .comBox .text { padding: 20px 30px 0; }
.proBox .frBox .comBox .text h1 { font-size: 26px }
.proBox .frBox .comBox .text .lxul a { line-height: 38px; font-size: 16px; }
.proBox .frBox .comBox .text .dl { padding: 10px 20px; }
.proBox .frBox .comBox .text .dl dl dd a.yh { line-height: 24px; border-radius: 12px; }
.proBox .frBox .comBox .text .lxul li { margin-top: 20px; }
.proBox .flBox { width: 21% }
.proBox .flBox .ul1 li h4.link { padding-left: 60px }
.proBox .flBox .ul1 li h4.link:before { width: 26px; height: 26px; background-size: 26px; left: 20px }
.proBox .flBox .ul1 li .submenu a { padding-left: 60px; }
.proBox .flBox .ul1 li .submenu .sub a { padding-left: 65px }
.proBox .frBox { width: 77.5% }
.pDl .box { width: 33.33%; padding: 24px 20px; }
.pDl dl dt a { font-size: 20px; }
.pDl dl dd a { line-height: 32px }
.proBox h3.titl { background-size: 24px; }
.proBox .frBox .comBox .text { padding: 0 22px; }
.banner .text h2 { font-size: 36px; font-weight: 500; }
.khBox .cul1 li { padding: 26px 20px; }
.lxBox .lxtit:after { background-size: 280px; }
.abBox1 .top strong { font-size: 40px; }
}
 @media all and (min-width: 1024px) and (max-width: 1400px) {
.pDl, .container { width: 88%; }
#gHeader .ss { margin-top: 22px; }
.lxban .icon { transform: scale(0.7) }
.lxban .text strong { padding-left: 60px; }
}
 @media all and (min-width: 1440px) and (max-width:1600px) {

.spec-scroll .items ul li { width: 60px; }
.spec-scroll .items ul li img { width: 48px; height: 48px; }
 }


 @media all and (min-width: 1024px) and (max-width:1439px) {

.spec-scroll .items ul li { width: 55px; }
.spec-scroll .items ul li img { width: 46px; height: 46px; }
 }
 @media all and (min-width: 1024px) and (max-width:1366px) {
.proBox .frBox .comBox .text { margin-left: 340px; }
.proBox .frBox .comBox .text h1 { font-size: 28px; }
.proBox .frBox .comBox .text .dl dl:before { height: 40px; }
.proBox .frBox .comBox .text .dl dl dt { font-size: 15px; }
.proBox .frBox .comBox .text .dl dl dd { font-size: 16px; }
.proBox .frBox .comBox .text p { font-size: 15px; line-height: 27px; }
.proBox .frBox .comBox .text .dl dl { padding-left: 18px }
}
 @media all and (min-width: 1024px) and (max-width: 1280px) {
.lxban .icon { transform: scale(0.6) }
.lxban .text strong { padding-left: 55px }
}
 @media all and (min-width: 0) and (max-width: 767px) {
#gHeader { border-bottom: 1px solid #efefef }
#gHeader .ss { width: 34px; height: 34px; margin-top: 0; margin-right: 0; }
#gHeader .form { top: 69px; }
#gHeader .tel { right: 46px; width: 34px; }
#gHeader .tel a { width: 34px; height: 34px; background-color: #1662b7; border-radius: 50%; color: rgba(0,0,0,0); background-size: 24px }
#gHeader .menu { background-color: #1662b7; border-radius: 50%; background-size: 22px }
#gNavi .ul1>li>a, #gNavi .ul1>li.on>a { color: #fff }
.container { width: 100%; max-width: inherit; }
.banner .text { color: #fff; position: absolute; left: 0; right: 0; top: 10%; transform: translateY(0%); text-shadow: 0 0 8px rgba(0, 0, 0, 0.2); text-align: center; }
.banner .text h2 { font-size: 24px; font-weight: 500; }
.banner .text strong { font-size: 17px; }
.banner>img { margin-top: 0 }
.banner .swiper-button-next:after, .banner .swiper-button-prev:after { font-size: 25px; }
.lxban .text strong { font-size: 20px; padding-left: 0; }
.posi span.jt { display: none }
.posi { padding: 10px; line-height: 30px; position: inherit; left: inherit; bottom: inherit; right: inherit; background: #1662b7; z-index: 99 }
.posi .bread { font-size: 14px; }
.posi .bread img { width: 22px; margin-right: 4px; }
.posi2 { width: 100%; }
.posi1 { background: none }
.banner .icon { display: none; }
#gFooter { padding-top: 30px; margin-top: 30px; }
.pDl { width: auto; margin: 0px 10px; }
.pDl .box { width: 100%; float: inherit; padding: 30px 20px 0; }
.pDl dl { padding: 20px 22px; }
.pDl dl dt { margin-bottom: 14px; }
.pDl dl dt a { font-size: 18px; margin-bottom: 5px; }
.pDl dl dt a:after { width: 22px; background-size: 22px; }
.pDl dl dd a { line-height: 35px; padding: 0 40px 0 30px; font-size: 15px; }
.proBox { margin: 30px 10px 40px; width: auto; }
.proBox .flBox { width: 100%; border-radius: 8px; overflow: hidden; }
.proBox .flBox .title { position: relative; }
.proBox .flBox .title:after { content: ""; width: 48px; height: 48px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: url(../images/btn1.png) no-repeat center; background-size: cover; }
.proBox .flBox .ul1 { display: none; }
.proBox .flBox .ul1 li .submenu { overflow: hidden; }
.proBox .flBox .ul1 li .submenu a.a0 { }
.proBox .flBox .ul1 li .submenu a.a0.on { color: #1662b7; }
.proBox .flBox .ul1 li .submenu .sub a { padding-left: 95px }
.proBox h3.titl { line-height: 46px; font-size: 21px; background: #1662b7 url(../images/icon3.png) no-repeat right 8px center; background-size: 24px; padding: 0 15px; }
.proBox .flBox .ul2, .proBox .flBox .lxtext, .proBox .flBox h3.titl { display: none; }
.proBox .frBox { width: 100%; margin-top: 30px; }
.proBox .frBox .tab a .box { padding: 6px 8px; border: 1px solid #efefef; border-top: 1px solid #efefef; font-size: 15px; background: #fff; }
.proBox .frBox .tab:first-child .box { border-top: 1px solid #dedede; }
.proBox .frBox .tab:first-child .box:after { display: none; }
.proBox .frBox .tab a .box:nth-child(2n) { background: #fff; }
.proBox .frBox .tab a .box1 { width: 30%; }
.proBox .frBox .tab a .box2 { width: 45%; position: relative; }
.proBox .frBox .tab a .box2 h3 { font-size: 15px; }
.proBox .frBox .tab a .box2 h3 span { display: block !important; }
.proBox .frBox .tab a .box:nth-child(5) { width: 25%; }
.proBox .frBox .tab:first-child .box { border-top: 1px solid #efefef; }
.proBox .frBox .tab a .box1 img { width: 95%; border-radius: 4px; }
.proBox .page { text-align: center; margin-top: 20px; }
.proBox .page li a { font-size: 15px; padding: 2px 10px; }
/* 产品详情 */
/* .proBox .frBox .comBox { background: url(../images/bg13.jpg) no-repeat right bottom; display: block; width: 100%; }
.proBox .frBox .comBox .pho { width: 100%; display: block; }
.proBox .frBox .comBox .text { width: 100%; padding: 10px 15px; box-sizing: border-box; display: block; border-top: 1px solid #ebf2f7; }
.proBox .frBox .comBox .text h1 { font-size: 24px; }
.proBox .frBox .comBox .text .dl dl { padding: 15px 8px; font-size: 14px; }
.proBox .frBox .comBox .text .dl dl:after { left: 5px; top: 5px; bottom: 5px; right: 5px; }
.proBox .frBox .comBox .text .dl dl dt img { width: 30px; margin-bottom: 4px; }
.proBox .frBox .comBox .text .dl dl dd.d { font-size: 14px; }
.proBox .frBox .comBox .text p { font-size: 14px; line-height: 26px; margin-top: 15px; }
.proBox .frBox .comBox .text .link { margin-top: 20px; }
.proBox .frBox .comBox .text .link a { width: 170px; line-height: 36px; font-size: 16px; border-radius: 18px; }
.proBox .frBox .comBox .text .link a img { width: 20px; }
.proBox .frBox .comBox .text .link a.qq { width: 130px; font-size: 15px; } */

.proBox .frBox .comBox { background: none; }
.proBox .frBox .comBox .text { padding: 20px 10px 20px; margin-left: 0px; background: url(../images/index/bg8.jpg) no-repeat right top; background-size: cover; }
.proBox .frBox .comBox .text h1 { font-size: 24px; }
.proBox .frBox .comBox .text .dl { padding: 14px 0px 14px 10px; border-radius: 6px; margin: 10px; }
.proBox .frBox .comBox .text .dl dl { padding-left: 16px; width: 35%; }
.proBox .frBox .comBox .text .dl dl:nth-child(2) { width: 30%; }
.proBox .frBox .comBox .text .dl dl dd a.yh { width: 75px; line-height: 24px; font-size: 12px; }
.proBox .frBox .comBox .text .dl dl:before { height: 38px; top: 6px; width: 2px; left: 3px }
.proBox .frBox .comBox .text .dl dl:after { width: 8px; height: 8px; }
.proBox .frBox .comBox .text .dl dl dt { font-size: 14px; margin-bottom: 5px; }
.proBox .frBox .comBox .text .dl dl dd { font-size: 15px; }
.proBox .frBox .comBox .text p { font-size: 14px; line-height: 27px; padding: 0 }
.proBox .frBox .comBox .text .lxul { overflow: hidden; }
.proBox .frBox .comBox .text .lxul li { margin-top: 20px; padding: 0px; }
.proBox .frBox .comBox .text .lxul li:nth-child(2n) { float: right }
.proBox .frBox .comBox .text .lxul a { padding: 0 10px 0 40px; background: #d5e9f8 url(../images/index/icon47.png) no-repeat left 15px center; background-size: 22px; line-height: 36px; border-radius: 18px; font-size: 16px; }
.proBox .frBox .comBox .text .lxul a span { font-size: 14px; }
.bimg { width: 100%; float: inherit; }
.spec-scroll .items ul { padding: 0 5px; }







.proBox .frBox .pshow .tit li { line-height: 44px; font-size: 16px; width: 25%; }
.proBox .frBox .pshow .sbox { padding: 20px 10px; }
.proBox .frBox .pshow .sbox .text { padding: 0 10px; }
.proBox .frBox .pshow .sbox .text .sbox h2 { font-size: 17px; }
.proBox .frBox .pshow .sbox .text .sbox h2:before { width: 12px; height: 12px; left: -6px; }
.proBox .frBox .pshow .sbox .text p { font-size: 15px; padding: 5px 8px; }
.proBox ul.fy li { line-height: 32px; }
.proBox ul.fy li a { font-size: 14px; }
.proBox .frBox .pshow .sbox .lkul1 li { width: 100%; float: inherit; padding: 10px 15px; }
.proBox .frBox .pshow .sbox .lkul1 li p { font-size: 15px; }
.proBox .frBox .pshow .sbox .lkul2 li { width: 100%; float: inherit; padding: 15px; }
.proBox .frBox .pshow .sbox .lkul2 li a { padding: 15px; }
.proBox .frBox .pshow .sbox .lkul2 li a h4 { font-size: 16px; margin: 8px 0 5px; padding-right: 30px; background: url(../images/icon20.png) no-repeat right 5px center; background-size: 25px; transition: 0.3s; }
.proBox .frBox .pshow .sbox .lkul2 li a p { font-size: 14px; line-height: 27px; }
/* 案例视频 */
.khBox .cul1 li { width: 50%; padding: 20px 10px; }
.khBox .cul1 li a { padding: 60px 0 10px; border-radius: 8px; font-size: 16px; font-weight: 500; }
.khBox .cul1 li a span { width: 70px; height: 70px; top: -20px; }
.khBox .cul1 li a span:before { width: 50px; height: 50px; }
.khBox .cul1 li a span b { width: 30px; height: 30px; background-size: 30px; }
.khBox .cul2 li { width: 50%; padding: 13px 8px; }
.khBox .cul2 li a { border-radius: 6px; }
.khBox .cul2 li a .text { padding: 12px; }
.khBox .cul2 li a .text h3 { font-size: 16px; }
.khBox .cul2 li a .text span.time { font-size: 13px; padding-left: 22px; background-size: 16px; margin: 10px 0 0 }
.khBox .cul2 li a .text p { font-size: 14px; line-height: 27px; margin-top: 8px; }
.khBox .vdul2 li a .text { padding: 8px 10px; }
.khBox .vdul2 li a .text span { display: none }
.khBox .vdul2 li a .pho:after { width: 40px; height: 40px; background-size: 20px; }
.vdBox .cul2 li a .text span.time { background-position: left center }
.vdBox .cul2 li a .text p { display: none }
/* 解决方案 */
.jjBox .cul1 li { width: 50%; padding: 20px 10px; }
.nlist { padding: 14px 0; }
.nlist li a { font-size: 16px; padding: 0 10px; }
.proBox .nul li { width: 100%; float: inherit; padding: 0px 15px 20px; }
.proBox .nul li .text { padding: 16px; }
.proBox .nul li .text h3 { font-size: 16px; }
.proBox .nul li .text p { font-size: 14px; line-height: 27px; }
.proBox .nul li .text b { font-weight: 400; }
.proBox .ndl { padding: 0px; overflow: hidden; }
.proBox .ndl dl { border-radius: 8px; margin: 0; display: block; width: 50%; float: left; padding: 0 10px 20px; box-sizing: border-box; box-shadow: none; }
.proBox .ndl dl a { display: block; border: 1px solid #efefef; }
.proBox .ndl dl dt { display: block; width: 100%; }
.proBox .ndl dl dd.text { width: 100%; display: block; padding: 0px; }
.proBox .ndl dl dd.text a { border-top: none; padding: 8px 8px 30px; }
.proBox .ndl dl dd.text h3 { font-size: 16px; }
.proBox .ndl dl dd.text p { font-size: 14px; line-height: 27px; margin: 8px 0 5px; }
.proBox .ndl dl dd.text b { background: #1662b7; width: 110px; padding-right: 0px; line-height: 30px; font-weight: 400; border-radius: 5px; margin-top: 8px; }
.proBox .ndl dl dd.date { display: none; }
.proBox .ndl dl dd.date strong { display: block; color: #555; font-size: 38px; border-bottom: 1px dashed #c4d0dd; font-weight: 500; }
.proBox .ndl dl dd.date span { display: block; color: #666; font-size: 22px; margin-top: 20px; }
.nshow .ntext { width: 100%; padding: 20px; }
.nshow .ntext .ntitle h1 { font-size: 24px; }
.nshow .ntext .ntitle p { font-size: 14px; padding: 5px 0 7px; }
.nshow .ntext .text1 { font-size: 15px; padding: 20px 0; }
.nshow .ntext .text1 img { width: 100% !important; }
.nshow .ntext .text1 table { width: 100% !important; }
.nshow .ntext .text1 table td, .nshow .ntext .text1 table td p { width: inherit !important; }
.nshow .lkBox { width: 100%; background: #fff; margin-top: 30px; }
.nshow .lkBox ul.ul1 li a { font-weight: 400; }
.nshow .lkBox ul.ul2 { overflow: hidden; }
.nshow .lkBox ul.ul2 li { width: 50%; float: left; padding: 10px; box-sizing: border-box; }
.nshow .lkBox ul.ul2 li a h4 { font-size: 15px; line-height: 42px; }
.lxBox { padding-top: 0px; }
.lxBox .lxtit:after { width: 68%; height: 68px; background-size: 100%; }
.lxBox .lxtit h2.title { line-height: 40px; font-size: 26px; margin-top: 30px; }
.lxBox .lxtit h2.title:before { width: 19px; height: 27px; left: -30px; }
.lxBox .lxtit h2.title::after { width: 19px; height: 27px; right: -30px; }
.lxBox .lxul li { width: 100%; float: inherit; padding: 20px 10px 10px; }
.lxBox .lxul li .box h5 { font-size: 20px; }
.lxBox .lxul li .box p { font-size: 15px; line-height: 28px; }
.lxBox .lxul li .box img { width: 130px; }
.lxBox .lxul li .box:before { width: 50px; height: 50px; }
.lxBox .lxul li:nth-child(4) .box:before { background-size: 50px; }
.lxBox .lxul3 li .box { padding: 30px 0; }
.lxBox .lxul3 li .box strong { font-size: 18px; margin-top: 10px; }
.lxBox .lxul2 li { width: 100%; float: inherit; padding: 20px 10px 0; }
.lxBox .lxul2 li .box span { width: 76px; height: 76px; line-height: 76px; }
.lxBox .lxul2 li .box span img { width: 40px; }
.lxBox .lxul2 li .box .tex h6 { font-size: 18px; }
.lxBox .lxul2 li .box .tex p { font-size: 14px; line-height: 28px; height: inherit; }
.abBox .abtext { font-size: 15px; line-height: 30px; margin: 10px 0 20px; }
.abBox .abtext img { width: 100%; margin: 0 0 20px 0px; float: inherit; border-radius: 0 40px 0 40px; display: block; }
.abBox .ysul { display: none; }
.abBox1 { padding: 8% 10px; }
.abBox1 .top strong { font-size: 32px; }
.abBox1 .top span { font-size: 22px; display: block; margin-left: 0px; }
.abBox1 ul li { width: 33.33%; padding: 30px 0 0; }
.abBox1 ul li span { width: 66px; height: 66px; line-height: 66px; }
.abBox1 ul li span:before { width: 50px; height: 50px; }
.abBox1 ul li span img { width: 36px; }
.abBox1 ul li p { font-size: 15px; }
.abBox .ystit { display: none; }
.abBox .whul { margin-bottom: 40px; }
.abBox .whul li { width: 50%; padding: 22px 16px 60px; }
.abBox .whul li strong { font-size: 18px; }
.abBox .whul li p { font-size: 14px; line-height: 27px; height: 81px; }
.abBox .whul li:after { width: 40px; height: 30px; right: 12px; bottom: 10px; background-size: 18px; }
.abBox .whul li span { width: 40px; height: 40px; right: 10px; background-size: 40px; }
.valBox .img { width: 100%; float: inherit; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, .3); }
.valBox .text1 { padding: 16% 10px; }
.valBox .text1 strong { font-size: 20px; }
.valBox .text1 span { width: 32px; height: 3px; margin: 14px auto; }
.valBox .text1 p { font-size: 14px; line-height: 27px; }
.hnul li { width: 50%; padding: 10px; }
.hnul li a p { line-height: 40px; font-size: 15px; }
/***产品列表****/
.proBox .flBox1 .tul { padding: 0 10px; }
.proBox .flBox1 .tul li { margin-bottom: 10px; }
.proBox .flBox1 .tul li a { display: block; overflow: hidden; background: #fafafa url(../images/icon20.png) no-repeat right 8px center; background-size: 22px; box-shadow: 0 0 8px rgba(0, 0, 0, .2); border-radius: 3px; }
.proBox .flBox1 .tul li a span { display: block; width: 60px; float: left; }
.proBox .flBox1 .tul li a p { margin-left: 80px; font-size: 16px; line-height: 60px; font-weight: 600; color: #333; }
}