#gHeader { background: none; border-bottom: none; position: inherit !important; left: inherit; top: inherit; right: inherit; }
#gNavi li>a { color: #333 }
#gNavi li.on>a { color: #1a8ee5; }
#gNavi li>a:before { border-color: #1a8ee5; }
.posi { padding: 0px 12px; line-height: 80px; background: #1a8ee5; color: #fff; font-size: 15px; }
.posi .container { padding-left: 40px; position: relative; background: url(../images/posi.png) no-repeat left 8px center; background-size: 26px; }
.posi a { color: #fff; }
.posi .time { color: #1a8ee5; }
.posi .form1 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); border-radius: 4px; overflow: hidden; height: 34px; width: 30%; max-width: 300px }
.posi .form1 form { background: #fff; }
.posi .form1 form input[type="text"] { display: block; width: 100%; line-height: 34px; height: 34px; background: #fff; padding: 0 70px 0 10px; box-sizing: border-box; border: none; margin: 0 }
.posi .form1 form input[type="submit"] { width: 60px; padding: 0; border: none; background: #f5f5f5; color: #666; text-align: center; position: absolute; right: 0; top: 0; line-height: 34px; cursor: pointer }
.proBox { margin: 40px auto; width: 80%; max-width: 1440px; }
/* 产品中心 */
/* 二级列表 */
.proBox .plBox { width: 21%; background: #f4fbff; }
.proBox .plBox .title { background: url(../images/bg7.jpg) no-repeat; background-size: cover; padding: 30px 10px; text-align: center; border-radius: 8px 8px 0 0; }
.proBox .plBox .title h3 { font-size: 28px; color: #fff; position: relative; display: inline-block; }
.proBox .plBox .title h3:before { content: ""; width: 40px; height: 3px; background-color: #fff; position: absolute; left: -60%; top: 50%; }
.proBox .plBox .title h3:after { content: ""; width: 40px; height: 3px; background-color: #fff; position: absolute; right: -60%; top: 50%; }
.proBox .plBox .title p { font-size: 18px; color: rgba(255, 255, 255, .8); margin-top: 10px; }
.proBox .plBox ul.ul1 { padding: 15px 20px 0; position: relative; overflow: hidden; }
.proBox .plBox ul.ul1:after { content: ""; position: absolute; right: -5%; left: 20%; top: 0; bottom: 0; background: url(../images/bg9.png) no-repeat right top; background-size: contain; z-index: 0; opacity: 0.3; display: none }
.proBox .plBox ul.ul1 li { background: #fff; border-radius: 4px; overflow: hidden; margin-bottom: 5px; position: relative; z-index: 10; }
.proBox .plBox ul.ul1 li h4 { font-size: 17px; line-height: 48px; padding-left:5px; font-weight: 500; cursor: pointer; background: url(../images/icon32.png) #fff no-repeat right 10px center; background-size: 22px; color: #333; }
.proBox .plBox ul.ul1 li.on h4 { background: url(../images/icon33.png) #1a8ee5 no-repeat right 10px center; background-size: 22px; color: #fff; }
.proBox .plBox ul.ul1 li.on h4 a { color: #fff; }
.proBox .plBox ul.ul1 li .submenu { background: #fff; padding: 5px 10px 8px 15px; display: none; }
.proBox .plBox ul.ul1 li.on { box-shadow: 0 8px 8px rgba(0, 0, 0, .2); margin-bottom: 20px; }
.proBox .plBox ul.ul1 li.on .submenu { display: block; }
.proBox .plBox ul.ul1 li .submenu a { display: block; line-height: 22px; color: #333; font-size: 15px; padding: 5px 0 5px 40px; position: relative; transition: 0.3s; background: url(../images/icon27.png) no-repeat right center; background-size: 20px; }
.proBox .plBox ul.ul1 li .submenu .sub a { }
.proBox .plBox ul.ul1 li .submenu a:before { content: ""; width: 34px; height: 34px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url(../images/icon31.png) no-repeat; background-size: 34px; display: none }
.proBox .plBox ul.ul1 li .submenu>a.on, .proBox .plBox ul.ul1 li .submenu>a:hover { color: #1a8ee5; background-image: url(../images/icon13.png); }
.proBox .plBox ul.ul1 li .submenu a.a1.on, .proBox .plBox ul.ul1 li .submenu a.a1:hover { color: #1a8ee5; background-image: url(../images/icon13.png); }
.proBox .plBox ul.ul1 li .submenu .sub { padding-left: 10px; display: none }
.proBox .plBox ul.ul1 li .submenu .sub a:before { display: none }
.proBox .plBox ul.ul1 li .submenu .sub a { background: url(../images/icon32.png) no-repeat left 30px center; background-size: 18px; color: #666; font-size: 15px; line-height: 20px; padding: 5px 0 5px 50px }
.proBox .plBox ul.ul1 li .submenu .sub a.on { color: #1a8ee5; background-image: url(../images/icon32_h.png) }
/***.proBox>.fl ul.ul1 li .submenu a.a1.on+.sub{ 
	display:block
}***/

.proBox .plBox .tjBox { margin-top: 30px; }
.proBox .plBox .tjBox h3 { background: #1a8ee5 url(../images/icon18.png) no-repeat right 12px center; background-size: 26px; color: #fff; padding-left: 24px; line-height: 50px; font-size: 22px; }
.proBox .plBox .tjBox ul { margin: 20px; background: #fff; }
.proBox .plBox .tjBox ul li a { display: block; line-height: 36px; color: #666; font-size: 15px; padding: 0 8px 0 40px; background: url(../images/icon34.png) no-repeat left 6px center; background-size: 22px; border-bottom: 1px dashed #dedede; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .plBox .lxBox { background: url(../images/pic03.png) no-repeat; background-size: cover; }
.proBox .plBox .lxBox .text { padding: 20px; }
.proBox .plBox .lxBox .text p { line-height: 28px; font-size: 15px; color: #777; }
.proBox .plBox .lxBox .text p img { width: 21px; margin-right: 5px; }
.proBox>.fr { width: 77%; }
.proBox .pBox .tab a { display: table; width: 100%; border-collapse: collapse; }
.proBox .pBox .tab a .box { display: table-cell; vertical-align: middle; padding: 8px 8px; box-sizing: border-box; font-size: 15px; color: #555; text-align: center; border: 1px solid #dedede; border-top: none; }
.proBox .pBox .tab:first-child .box { border-top: 1px solid #dedede; background: #fcfcfc; }
.proBox .pBox .tab:first-child .box:after { display: none; }
.proBox .pBox .tab a .box1 { width: 25%; }
.proBox .pBox .tab a .box1 img { width: 80%; }
.proBox .pBox .tab a .box2 { width: 18%; position: relative; }
.proBox .pBox .tab a .box2 h3 { font-weight: 500; font-size: 15px; }
.proBox .pBox .tab a .box2 h3 b { font-weight: 500; }
.proBox .pBox .tab a .box3 { width: 11%; }
.proBox .pBox .tab a .box4 { width: 35%; text-align: left }
.proBox .pBox .tab:first-child a .box4 { text-align: center }
.page { text-align: center; padding-top: 15px; }
.page li span { display: inline-block; }
.page li a { display: inline-block; padding: 5px 12px; margin: 0 6px; background: #efefef; color: #333; }
.page li a.page-num-current { background: #1a8ee5; color: #fff; border-color: #1a8ee5; }
.proBox .fr .comBox { box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .2);}
.proBox .fr .comBox .text { padding: 20px 40px 0; margin-left: 420px; width: auto; position: relative; }
.proBox .fr .comBox .text:after { content: ""; position: absolute; left: 0px; top: 14px; width: 300px; height: 50px; background: url(../images/pro-line.png) no-repeat; display: none }
.proBox .fr .comBox .text h1 { font-size: 28px; font-weight: 500; color: #04102c; }
.proBox .fr .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 .fr .comBox .text .dl dl { width: 33%; position: relative; padding-left: 25px; box-sizing: border-box; float: left; }
.proBox .fr .comBox .text .dl dl:before { content: ""; width: 3px; height: 50px; position: absolute; left: 3.5px; top: 7px; background: #dddee2; border-radius: 2px; }
.proBox .fr .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 .fr .comBox .text .dl dl dt { font-size: 18px; margin-bottom: 8px; color: #666; }
.proBox .fr .comBox .text .dl dl dd { font-size: 20px; color: #444; }
.proBox .fr .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 .fr .comBox .text span.tim { display: block; position: absolute; right: 10px; top: 10px; color: rgba(0, 0, 0, 0); }
.proBox .fr .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 .fr .comBox .text p span { color: #1a8ee5; }
.proBox .fr .comBox .text .lxul li { margin-top: 30px; overflow: hidden; padding: 0 20px; }
.proBox .fr .comBox .text .lxul a { display: block; padding: 0 20px 0 50px; background: #d5e9f8 url(../images/icon47.png) no-repeat left 17px center; background-size: 26px; line-height: 40px; border-radius: 21px; font-size: 17px; float: left; }
.proBox .fr .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; 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; }
.bimg { float: left; width: 420px; overflow: hidden; }
.proBox .fr .pshow { margin-top: 30px; }
.proBox .fr .pshow .text { padding: 20px 4%; font-size: 15px; line-height: 25px; border: 1px solid #fafafa; }
.proBox .fr .pshow .text a{color: #ed7122;font-weight: bold;text-decoration: none;}
.proBox .fr .pshow .text h2 { font-size: 18px !important; margin: 5px 0; }
.proBox .fr .pshow .text p>strong, .proBox .fr .pshow .text p strong span { font-size: 18px !important; margin: 5px 0; }
.proBox .fr .pshow .text img { width: 100% !important; height: inherit !important; max-width: 750px !important; }
.proBox .fr .pshow .text table { width: auto !important; max-width: 100% !important; border-collapse: collapse; }
.proBox .fr .pshow .text table td { border: 1px solid #dedede !important; padding: 5px; }
.proBox .fr .pshow .text p, .proBox .fr .pshow .text p span { font-size: 15px !important; line-height: 25px !important; margin: 0 !important }
/********新闻列表*********/
.proBox .fr .ndl dl { padding: 20px; background: #fefdfc; border-bottom: 1px dashed #f2f2f2; }
.proBox .fr .ndl dl dt { float: right; width: 30%; }
.proBox .fr .ndl dl dd { float: left; }
.proBox .fr .ndl dl dd.text { width: 60%; padding-right: 20px; box-sizing: border-box; }
.proBox .fr .ndl dl:nth-child(2n) dd.text { padding: 0 0 0 20px; }
.proBox .fr .ndl dl dd.text h3 { font-size: 19px; line-height: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.proBox .fr .ndl dl dd.text h3:before { content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 1px; background: #dadada; display: none; }
.proBox .fr .ndl dl dd.text p { font-size: 15px; line-height: 30px; color: #666; margin-top: 15px; position: relative; padding-left: 20px; }
.proBox .fr .ndl dl dd.text p:before { content: ""; width: 14px; height: 14px; background: #666; position: absolute; left: 0; top: 10px; border-radius: 50%; }
.proBox .fr .ndl dl dd.text span { display: block; padding-left: 15px; box-sizing: border-box; width: 140px; line-height: 36px; border: 2px solid rgb(141, 156, 168); background: url(../images/icon27.png) no-repeat right 6px center; background-size: 20px; font-size: 15px; margin-top: 20px; float: right; color: #666; }
.proBox .fr .ndl dl dd.num { width: 10%; position: relative; top: 30px; }
.proBox .fr .ndl dl dd.num:after { content: ""; width: 1px; height: 80px; background: #cdcdcd; position: absolute; left: 50%; top: 80px; }
.proBox .fr .ndl dl dd.num span { display: block; margin: 0 auto; width: 80px; height: 53.33px; overflow: hidden; background: url(../images/num1.png) no-repeat top center; background-size: 80px; }
.proBox .fr .ndl dl:nth-child(2) dd.num span { background-image: url(../images/num2.png); }
.proBox .fr .ndl dl:nth-child(3) dd.num span { background-image: url(../images/num3.png); }
.proBox .fr .ndl dl:nth-child(4) dd.num span { background-image: url(../images/num4.png); }
.proBox .fr .ndl dl:nth-child(5) dd.num span { background-image: url(../images/num5.png); }
.proBox .fr .ndl dl:nth-child(6) dd.num span { background-image: url(../images/num6.png); }
.proBox .fr .ndl dl:nth-child(7) dd.num span { background-image: url(../images/num7.png); }
.proBox .fr .ndl dl:nth-child(8) dd.num span { background-image: url(../images/num8.png); }
.proBox .fr .ndl dl:nth-child(9) dd.num span { background-image: url(../images/num9.png); }
.proBox .fr .ndl dl:nth-child(10) dd.num span { background-image: url(../images/num10.png); }
.proBox .fr .ndl dl:nth-child(2n) dt { float: left; }
.proBox .fr .ndl dl:nth-child(2n) dd { float: right; }
.proBox .fr .ndl dl:hover { background: #f4f8fd; }
.proBox .fr .ndl dl:hover dd.num span { background-position: bottom center; }
.proBox .fr .ndl dl:hover dd.num:after { background: #1a8ee5; }
.proBox .fr .ndl dl:hover dd.text h3:before { display: block; }
.proBox .fr .ndl dl:hover dd.text span { background: #1a8ee5 url(../images/icon39.png) no-repeat right 5px center; background-size: 20px; color: #fff; border-color: #1a8ee5; }
.proBox .fr .nshow .title { border-bottom: 1px solid #dedede; text-align: center; padding: 20px 0 }
.proBox .fr .nshow .title h1 { font-size: 24px; font-weight: 500; margin-bottom: 15px; }
.proBox .fr .nshow .title p { font-size: 14px; color: #929292; }
.proBox .fr .nshow .title p a { color: #929292; }
.proBox .fr .nshow .text { padding: 20px; font-size: 16px !important; line-height: 28px !important; }
.proBox .fr .nshow .text a{color: #ed7122;font-weight: bold;text-decoration: none;}
.proBox .fr .nshow .text p, .proBox .fr .nshow .text span { font-size: 16px !important; line-height: 28px !important; }
.proBox .fr .nshow .text img { max-width: 600px; width: auto !important; height: inherit !important }
.proBox .fr .nshow .text table { width: auto !important; max-width: 100% !important; border-collapse: collapse; }
.proBox .fr .nshow .text table td { border: 1px solid #ddd !important; padding: 5px; }
/* 图片暂时隐藏样式 */
.proBox .fr .ndl dl.n_dl00 dd.text { width: 90%; }
.proBox .fr .nshow .text .ddv img { display: none }
.proBox .fy li { width: 50%; float: left; padding: 0 10px; box-sizing: border-box; }
.proBox .fy li a { line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.proBox .fr .lkBox { margin-top: 30px; }
.proBox .fr h3.tit { line-height: 56px; background: #fafafa url(../images/icon30.png) no-repeat left 10px center; padding-left: 45px; background-size: 28px; font-size: 22px; color: #4c5c69; }
.proBox .fr .lkBox .ul1 li { width: 25%; float: left; padding: 20px 12px; box-sizing: border-box; }
.proBox .fr .lkBox .ul1 li a { display: block; position: relative; box-shadow: 0 0 8px rgba(0, 0, 0, .2); background: #f4f7fa; border-radius: 6px; overflow: hidden; }
.proBox .fr .lkBox .ul1 li a p { line-height: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; position: relative; text-align: center; background: #f7f7f7; color: #333; }
.proBox .fr .lkBox .ul1 li a p:before { content: ""; width: 40px; height: 27px; position: absolute; left: -1px; top: 16px; background: url(../images/icon43.png) no-repeat left center; background-size: 40px; opacity: 0.5; display: none }
.proBox .fr .lkBox .ul2 li { width: 50%; float: left; padding: 10px; box-sizing: border-box; }
.proBox .fr .lkBox .ul2 li a { display: block; position: relative; background: #f2f8fd; border-radius: 8px; padding: 22px 20px 20px 20px; }
.proBox .fr .lkBox .ul2 li a:after { content: ""; width: 36px; height: 36px; position: absolute; right: 10px; top: 50%; margin-top: -15px; background: url(../images/icon18.png) no-repeat #1a8ee5 center; background-size: 20px; border-radius: 50%; display: none }
.proBox .fr .lkBox .ul2 li a span { display: block; color: #888; }
.proBox .fr .lkBox .ul2 li a h4 { font-size: 17px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 10px 0 10px; }
.proBox .fr .lkBox .ul2 li a p { font-size: 15px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.proBox .fr .lkBox .ul3 li { width: 50%; float: left; padding: 5px 10px; box-sizing: border-box; }
.proBox .fr .lkBox .ul3 li a { display: block; position: relative; line-height: 40px; border-bottom: 1px dashed #dedede; }
.proBox .fr .lkBox .ul3 { background: #f8fcff; padding: 10px; }
.proBox .fr .lkBox .ul3 li a:before { content: ""; width: 10px; height: 10px; border: 2px solid #1a8ee5; position: absolute; left: 3px; top: 14px; border-radius: 50%; }
.proBox .fr .lkBox .ul3 li h4 { padding: 0 100px 0 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; font-weight: 500; }
.proBox .fr .lkBox .ul3 li span { display: block; position: absolute; right: 5px; top: 0; font-size: 14px; color: #666; }
/* 视频中心 */
.vdul li { width: 25%; float: left; padding: 35px 15px 0; box-sizing: border-box; }
.vdul li a { display: block; border-radius: 6px; overflow: hidden; box-shadow: 0 0 7px rgba(0, 0, 0, .2); }
.vdul li a .pho { position: relative; }
.vdul li a .pho:after { content: ""; width: 48px; height: 48px; background: url(../images/icon50.png) no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.hnul li a .pho:after { display: none; }
.vdul li a p { font-size: 16px; line-height: 46px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; text-align: center }

.proBox .fr .nshow .text video { width: 100%; }
/* 关于我们 */
.abBox { position: relative; }
.abBox .bg { position: absolute; left: 0; top: 0; }
.abBox .bg span { display: block; position: absolute; top: 18%; left: 29.5%; width: 24px; border-radius: 50%; border: 5px solid #1a8ee5; box-sizing: border-box; background: #fff; height: 24px; z-index: 10; }
.abBox .bg span:before { content: ""; width: 50px; height: 50px; border: 2px solid #dfe2e9; border-radius: 50%; position: absolute; left: -20px; top: -20px; z-index: -1; animation: bgIco2 1s 0.18s infinite alternate; }
 @keyframes bgIco2 {  0% {
 opacity: 0.8;
 transform: scale(1)
}
 100% {
 opacity: 0.28;
 transform: scale(1.38)
}
}
.abBox .bg span:after { content: ""; width: 12px; height: 12px; left: -4px; top: -4px; position: absolute; border-radius: 50%; border: 5px solid #1a8ee5; z-index: -1; animation: bgIco1 1s infinite alternate; }
 @keyframes bgIco1 {  0% {
 opacity: 0.38;
 transform: scale(1)
}
 100% {
 opacity: 0.1;
 transform: scale(2)
}
}
.abBox .text { padding: 0 5%; }
.abBox h3 { font-size: 36px; color: #313131; text-align: center; margin-bottom: 10px; font-weight: 500; }
.abBox h3 span { color: #1a8ee5; font-weight: 500; }
.abBox h3 b { color: #1a8ee5; font-size: 40px; }
.abBox .text p { line-height: 2em; font-size: 16px; text-indent: 2em }
.abBox .abCon { padding: 40px 0 60px; background: url(../images/bg11.jpg) no-repeat bottom center; background-size: 80%; }
.abBox .abCon li { width: 25%; float: left; padding: 80px 15px 20px; box-sizing: border-box; }
.abBox .abCon li a { display: block; padding: 40px 30px 30px; background: rgba(255, 255, 255, .6); box-shadow: 0 0 8px rgba(0, 0, 0, .2); position: relative; color: #666; font-size: 15px; border-radius: 5px; }
.abBox .abCon li a span { display: block; position: absolute; right: 20px; top: 20px; width: 30px; }
.abBox .abCon li a .num { font-size: 20px; font-weight: 600; }
.abBox .abCon li a strong { font-size: 36px; color: #1a8ee5; margin-right: 8px; }
.abBox .whBox { padding: 40px 0; }
.abBox .whBox li { width: 33.33%; float: left; padding: 20px 30px 0; box-sizing: border-box; }
.abBox .whBox li a { display: block; background: #f6f8f7; border-radius: 8px; padding: 30px 30px 40px; position: relative; }
.abBox .whBox li a span { display: block; width: 80px; line-height: 80px; background: #fff; border-radius: 50%; position: absolute; right: 20px; bottom: 30px; text-align: center }
.abBox .whBox li a span img { width: 38px; }
.abBox .whBox li a h4 { font-size: 20px; margin-bottom: 10px; }
.abBox .whBox li a p { font-size: 15px; line-height: 26px; color: #666; }
.abBox .hist .hCon { position: relative; overflow: hidden; }
.abBox .hist .hCon:after { content: ""; position: absolute; left: 0; bottom: 0; top: 50%; right: 0; background: url(../images/bg9.jpg) no-repeat; }
.abBox .hist .container { padding: 80px 0; width: 80%; max-width: 1400px; }
.abBox .hist .hCon:after { content: ""; position: absolute; left: 0; bottom: 0; top: 50%; right: 0; background: url(../images/bg9.jpg) no-repeat; }
.abBox .hist .swiper-slide .tex { height: 205px; position: relative; padding: 0 50px; bottom: -10px; }
.abBox .hist .swiper-slide .tex h4 { font-size: 24px; color: #1a8ee5; line-height: 32px; padding: 20px 0 24px; }
.abBox .hist .swiper-slide .tex p { font-size: 16px; line-height: 24px; color: #666; }
.abBox .hist .swiper-slide .tex:nth-child(2n) { margin-left: 30%; padding-right: 0; top: -10px; bottom: 0; }
.abBox .hist .swiper-slide .tex:nth-child(2n) h4, .abBox .hist .swiper-slide .tex:nth-child(2n) p { color: #fff; }
.abBox .hist .swiper-slide .tex .ico { position: absolute; left: 0; top: 0; width: 20px; height: 100%; }
.abBox .hist .swiper-slide .tex .ico:before { content: ""; width: 100%; height: 100%; background: url(../images/line.png) no-repeat bottom center; position: absolute; left: 0; bottom: 0; }
.abBox .hist .swiper-slide .tex .ico:after { content: ""; width: 1px; height: 80%; background: #0388ec; position: absolute; left: 50%; transform: translateX(-50%); top: 0; opacity: 0.8; }
.abBox .hist .swiper-slide .tex:nth-child(2n) .ico:before { background: url(../images/line2.png) no-repeat top center; top: 0; z-index: 100; }
.abBox .hist .swiper-slide .tex:nth-child(2n) .ico:after { background: #fff }
.abBox .hist .swiper-button-prev { left: 5%; width: 50px; height: 50px; background: #1a8ee5 url(../images/prev.png) no-repeat center; background-size: 22px; border-radius: 50%; }
.abBox .hist .swiper-button-next { right: 5%; width: 50px; height: 50px; background: #1a8ee5 url(../images/icon18.png) no-repeat center; background-size: 22px; border-radius: 50%; }
.abBox .hist .swiper-button-prev:after, .abBox .hist .swiper-button-next:after { display: none; }
.lxCon { background: url(../images/bg10.jpg) no-repeat bottom center; background-size: cover; }
.lxCon .titl { padding: 40px 0 40px; text-align: center; }
.lxCon .titl h3 { font-size: 36px; color: #434343; }
.lxCon .titl p { margin-top: 12px; font-size: 16px; color: #666; }
.lxCon li { width: 25%; float: left; padding: 30px; box-sizing: border-box; transition: 0.3s; }
.lxCon li .txe { padding: 60px 30px 80px; background: url(../images/bg10.png) no-repeat; background-size: cover; }
.lxCon li .txe span { display: block; width: 74px; position: relative; }
.lxCon li .txe span img { position: relative; z-index: 10; }
.lxCon li .txe span:before { content: ""; width: 49px; height: 49px; background: #1a8ee5; position: absolute; left: -12px; bottom: -8px; border-radius: 50%; z-index: 1; }
.lxCon li .txe h4 { font-size: 23px; margin: 50px 0 20px; color: #323232; }
.lxCon li .txe p { font-size: 16px; line-height: 1.8; color: #1d1d1f; opacity: 0.8; }
.lxCon li:hover { transform: translateY(-20px); }
.lxfs { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, .2); border-radius: 10px; padding: 40px; }
.lxfs .lx1 { width: 38%; padding-right: 10px; box-sizing: border-box }
.lxfs h3 { font-size: 24px; font-weight: 500; color: #434343; margin-bottom: 10px; }
.lxfs p { line-height: 40px; font-size: 15px; color: #444; }
.lxfs .lx2 { width: 38%; padding: 0 30px; box-sizing: border-box; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.lxfs .lx2 p { margin-bottom: 10px; }
.lxfs .lx2 a { display: inline-block; line-height: 34px; padding: 0 20px 0 40px; background: #f8f8fa url(../images/icon48.png) no-repeat left 10px center; background-size: 26px; border-radius: 20px; margin-left: 15px; }
.lxfs .fr { width: 24%; }
.lxfs .fr h3 { padding-left: 20px }
.lxfs .fr .img { width: 48%; display: inline-block; text-align: center; }
.lxfs .fr .img img { width: 70%; max-width: 120px }
 @media all and (min-width: 1024px) and (max-width:1680px) {
.proBox .fr .comBox .text .dl { padding: 14px 6px 12px 15px; margin: 20px 0 10px 14px; }
.abBox .text { padding: 0 5%; }
.abBox h3 { font-size: 34px; }
.abBox .abCon li { padding: 50px 15px 0; }
}
 @media all and (min-width: 1024px) and (max-width:1600px) {
.proBox .plBox { width: 22% }
.proBox .plBox ul.ul1 { padding: 15px 10px 0 }
.proBox .plBox ul.ul1 li .submenu { padding: 5px 8px 5px 10px }
.proBox .plBox ul.ul1 li h4 { font-size: 16px; line-height: 42px; background-size: 21px; }
.proBox .plBox ul.ul1 li.on h4 { background-size: 21px; }
.proBox .plBox ul.ul1 li .submenu a { font-size: 15px; padding-left: 36px; }
.proBox .plBox ul.ul1 li .submenu a:before { background-size: 30px; }
.proBox .plBox ul.ul1 li .submenu .sub a { background-size: 17px }
.proBox .plBox .tjBox h3 { font-size: 20px; background-size: 22px; }
.proBox .pBox .tab a .box { font-size: 15px; }
.proBox .pBox .tab a .box2 h3 { font-size: 15px; }
.bimg { width: 380px; }
.proBox>.fr { width: 76.3% }
.proBox .fr .comBox .text { margin-left: 380px; padding: 20px 30px 0 }
.proBox .fr .comBox .text p { font-size: 15px; line-height: 28px; padding: 6px 8px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 15px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 18px; }
.proBox .fr .comBox .text .lxul li { margin-top: 24px; }
.proBox .fr .lkBox .ul1 li a p { line-height: 48px; }
.proBox .fr .lkBox .ul1 li a p:before { top: 0; }
.proBox .fr .ndl dl dd.text h3 { line-height: 50px; }
.proBox .fr .ndl dl dd.text p { margin-top: 5px }
.proBox .fr .ndl dl dd.num { top: 20px; }
.proBox .fr .ndl dl dd.text p:before { width: 10px; height: 10px; top: 12px; }
.proBox .fr .ndl dl dd.text span { line-height: 32px; }
.vdul li a .pho:after { width: 42px; height: 42px; }
.lxCon li { padding: 30px 20px; }
.lxCon .titl h3 { font-size: 34px }
.lxfs h3 { font-size: 22px }
.lxfs .lx2 { padding: 0 15px }
.lxfs .lx2 a { padding: 0 10px 0 40px; background-size: 24px; margin-left: 5px }
.lxfs .fr { width: 30%; padding-left: 15px; box-sizing: border-box }
.lxfs .fr p { font-size: 13px; white-space: nowrap }
.proBox .fr .nshow .text p, .proBox .fr .nshow .text span { font-size: 15px; }
.abBox .text { padding: 0; }
.abBox .whBox li a span { width: 65px; height: 65px; line-height: 65px; right: 20px; bottom: 20px }
.abBox .whBox li a span img { width: 30px }
}
 @media all and (min-width: 1024px) and (max-width:1500px) {
.proBox .fr .comBox .text { padding: 30px 30px 0; }
.proBox .fr .comBox .text .dl { margin-left: 5px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 17px; }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
.proBox { width: 85% }
.proBox .plBox ul.ul1 { padding: 12px 14px 0; }
.proBox .plBox ul.ul1 li h4 { line-height: 40px }
.proBox .plBox ul.ul1 li .submenu a { padding-left: 24px; }
.proBox .plBox ul.ul1 li .submenu .sub a { padding-left: 30px; background-position: left 12px center }
.proBox .plBox .tjBox ul { margin: 14px; }
.proBox .plBox .tjBox ul li a { background-size: 22px; font-size: 14px; padding-left: 35px; }
.proBox .plBox .lxBox .text p { font-size: 14px; line-height: 32px; }
.proBox .plBox .lxBox .text p img { width: 20px; }
.proBox .fr .comBox .text { padding: 20px 30px 0; }
.proBox .fr .comBox .text h1 { font-size: 26px }
.proBox .fr .comBox .text .lxul a { line-height: 38px; font-size: 16px; }
.proBox .fr .comBox .text .dl { padding: 10px 20px; }
.proBox .fr .comBox .text .dl dl dd a.yh { line-height: 24px; border-radius: 12px; }
.proBox .fr .lkBox .ul2 li a:after { width: 32px; height: 32px; background-size: 18px; }
.proBox .fr .ndl dl dd.text p { font-size: 14px; line-height: 27px; height: 54px; overflow: hidden; margin-top: 10px; }
.proBox .fr .ndl dl dd.text h3 { font-size: 18px; }
.proBox .fr .ndl dl dd.num:after { height: 60px; }
.proBox .fr .ndl dl dd.num span { width: 70px; height: 45px; background-size: 70px; }
.lxfs h3 { font-size: 24px; }
.lxfs .lx2 a { background-size: 22px; }
.lxCon li .txe h4 { font-size: 20px; }
.lxCon li .txe p { font-size: 15px; }
.abBox .abCon li a { padding: 32px 22px 24px; }
.abBox .abCon li a strong { font-size: 34px; }
}
 @media all and (min-width: 1024px) and (max-width:1400px) {
.proBox { width: 85% }
.proBox .plBox .title { padding: 20px 10px }
.proBox .plBox .title h3 { font-size: 26px; font-weight: 500 }
.proBox .plBox .title p { font-size: 16px }
.proBox .plBox .title h3:after, .proBox .plBox .title h3:before { width: 32px; height: 3px; }
.proBox .plBox ul.ul1 li .submenu .sub a { font-size: 14px }
.proBox .fr .comBox .text .lxul li { margin-top: 20px; }
.abBox h3 { font-size: 32px; }
.abBox .text { position: relative; z-index: 100; }
.lxCon .titl h3 { font-size: 32px; }
}
 @media all and (min-width: 1024px) and (max-width:1366px) {
.lxfs { padding: 30px; }
.lxCon .titl h3 { font-size: 30px; }
.lxfs h3 { font-size: 21px; }
.lxfs p { font-size: 14px; line-height: 32px; }
.lxfs .lx2 a { line-height: 30px; background-size: 20px; }
.lxCon li .txe { padding: 50px 20px 60px; }
.lxCon li .txe span { width: 54px; }
.lxCon li .txe span:before { width: 38px; height: 38px; }
.lxCon li .txe h4 { font-size: 18px; margin-top: 30px; }
.proBox .fr .ndl dl dd.text span { line-height: 30px; margin-top: 10px; }
.bimg { width: 340px; }
.vdul li a .pho:after { width: 50px; height: 50px; }
.proBox .fr .comBox .text { margin-left: 340px; }
.proBox .fr .comBox .text h1 { font-size: 28px; }
.proBox .fr .comBox .text .dl dl:before { height: 40px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 15px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 16px; }
.proBox .fr .comBox .text p { font-size: 15px; line-height: 27px; }
.proBox .fr .comBox .text .dl dl { padding-left: 18px }
.proBox .fr h3.tit { font-size: 20px; line-height: 48px; padding-left: 50px; background-size: 32px; }
.proBox .plBox .title h3 { font-size: 23px; }
.abBox .abCon li a strong, .abBox h3 { font-size: 30px; }
.abBox .text p { line-height: 27px; font-size: 15px; }
.abBox .whBox li a span { width: 60px; line-height: 60px; height: 60px; bottom: 10px }
.abBox .whBox li { padding: 20px 20px 0 }
.abBox .whBox li a { padding: 30px 20px 20px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.posi { padding: 10px 0px; font-size: 14px; line-height: 26px; }
.posi .container { overflow: hidden; padding-left: 30px; background: url(../images/posi.png) no-repeat left 5px top; background-size: 21px; }
.posi .time { height: 5px; float: right; }
.proBox { margin: 30px auto; width: 100%; max-width: inherit }
/* 产品中心 */
	
.proBox .plBox ul.ul1 li h4 { line-height: 45px; font-weight: 600 }
.proBox .plBox1 .tul { padding: 0 10px; }
.proBox .plBox1 .tul li { margin-bottom: 20px; }
.proBox .plBox1 .tul li a { display: block; overflow: hidden; background: #fafafa url(../images/icon32.png) no-repeat right 8px center; background-size: 28px; box-shadow: 0 0 8px rgba(0, 0, 0, .2); border-radius: 3px; }
.proBox .plBox1 .tul li a span { display: block; width: 60px; float: left; }
.proBox .plBox1 .tul li a p { margin-left: 80px; font-size: 16px; line-height: 60px; font-weight: 600; color: #333; }
/* 二级列表 */
.proBox .plBox { width: 100%; border-radius: 8px; margin-bottom: 30px; overflow: hidden; }
.proBox .plBox .title h3 { font-size: 26px; }
.proBox .plBox .title { background: url(../images/bg7.jpg) no-repeat; background-size: cover; padding: 24px 0px 24px 20px; text-align: left; border-radius: 8px 8px 0 0; position: relative; }
.proBox .plBox .title:after { content: ""; width: 36px; height: 36px; background: url(../images/icon67.png) no-repeat; background-size: cover; position: absolute; right: 20px; top: 50%; margin-top: -20px; }
.proBox .plBox .title h3:before, .proBox .plBox .title h3:after { display: none; }
.proBox .plBox .title p { font-size: 16px; }
.proBox .plBox ul.ul1 { display: none; }
.proBox .plBox .tjBox { display: none; }
.proBox>.fr { width: 100%; }
.proBox .pBox .tab:first-child .box { border-top: none; border-bottom: none; }
.proBox .pBox .tab a { border: 1px solid #efefef; border-bottom: none; }
.proBox .pBox .tab a .box { padding: 12px 8px; font-size: 15px; border: none; border-top: none; text-align: center; }
.proBox .pBox .tab a .box1 { width: 35%; }
.proBox .pBox .tab a .box1 img { width: 100%; }
.proBox .pBox .tab a .box2 { width: 40%; padding: 0; text-align: center; position: relative; border-right: 1px solid #efefef; border-left: 1px solid #efefef; }
.proBox .pBox .tab a .box2 h3 { font-size: 15px; }
.proBox .pBox .tab a .box2 span { display: block !important; }
.proBox .pBox .tab a .box3 { width: 25%; padding: 0; box-sizing: border-box; }
.proBox .pBox .tab:last-child a .box { border-bottom: 1px solid #efefef; }
.proBox .pBox .tab a .box4 { overflow: hidden; }
.page { padding: 15px 0; }
.page li { margin: 0 4px; }
.page li a { padding: 2px 8px; font-size: 14px; }
.proBox .fr .comBox { background: none; }
.proBox .fr .comBox .text { padding: 20px 10px 20px; margin-left: 0px; background: url(../images/bg8.jpg) no-repeat right top; background-size: cover; }
.proBox .fr .comBox .text h1 { font-size: 24px; }
.proBox .fr .comBox .text .dl { padding: 14px 0px 14px 10px; border-radius: 6px; margin: 10px; }
.proBox .fr .comBox .text .dl dl { padding-left: 16px; width: 35%; }
.proBox .fr .comBox .text .dl dl:nth-child(2) { width: 30%; }
.proBox .fr .comBox .text .dl dl dd a.yh { width: 75px; line-height: 24px; font-size: 12px; }
.proBox .fr .comBox .text .dl dl:before { height: 38px; top: 6px; width: 2px; left: 3px }
.proBox .fr .comBox .text .dl dl:after { width: 8px; height: 8px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 14px; margin-bottom: 5px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 15px; }
.proBox .fr .comBox .text p { font-size: 14px; line-height: 27px; padding: 0 }
.proBox .fr .comBox .text .lxul { overflow: hidden; }
.proBox .fr .comBox .text .lxul li { margin-top: 20px; padding: 0px; }
.proBox .fr .comBox .text .lxul li:nth-child(2n) { float: right }
.proBox .fr .comBox .text .lxul a { padding: 0 10px 0 40px; background: #d5e9f8 url(../images/icon47.png) no-repeat left 15px center; background-size: 22px; line-height: 36px; border-radius: 18px; font-size: 16px; }
.proBox .fr .comBox .text .lxul a span { font-size: 14px; }
.bimg { width: 100%; float: inherit; }
.proBox .fr .pshow .text { padding: 20px 0%; }
.proBox .fr .pshow .text img { width: 100% !important; }
.proBox .fr .pshow .text table { width: 100% !important; }
/********新闻列表*********/
.proBox .fr .ndl dl { padding: 12px; }
.proBox .fr .ndl dl dt { width: 40%; }
.proBox .fr .ndl dl dd.text { width: 60%; box-sizing: border-box; padding-right: 10px; }
.proBox .fr .ndl dl:nth-child(2n) dd.text { padding: 0 0 0 10px; }
.proBox .fr .ndl dl dd.text h3 { font-size: 16px; line-height: 30px; }
.proBox .fr .ndl dl dd.text p { font-size: 14px; line-height: 27px; margin-top: 0px; padding-left: 0px; height: 54px; overflow: hidden; }
.proBox .fr .ndl dl dd.text p:before { display: none; }
.proBox .fr .ndl dl dd.text span { display: none; }
.proBox .fr .ndl dl dd.num { display: none; }
.proBox .fr .nshow .title { border-bottom: 1px solid #dedede; text-align: center; padding: 20px 0 }
.proBox .fr .nshow .title h1 { font-size: 22px; }
.proBox .fr .nshow .text { padding: 10px 0%; }
.proBox .fr .nshow .text img { width: 100% !important; max-width: 100%; display: block; margin: 0 auto }
.proBox .fr .nshow .text table { width: 100% !important; }
.proBox .fy li { width: 100%; float: inherit; padding: 0px; border-bottom: 1px dashed #dedede; line-height: 30px; }
.proBox .fr .lkBox { margin-top: 20px; }
.proBox .fr h3.tit { line-height: 45px; background: #fafafa url(../images/icon30.png) no-repeat left 6px center; padding-left: 37px; background-size: 25px; font-size: 19px; }
.proBox .fr .lkBox .ul1 li { width: 50%; padding: 20px 7px; }
.proBox .fr .lkBox .ul1 li a p { padding: 0px; line-height: 40px; text-align: center; font-size: 15px; }
.proBox .fr .lkBox .ul1 li a p:before { width: 30px; height: 20px; top: 10px; background-size: 30px; }
.proBox .fr .lkBox .ul2 li { width: 100%; float: inherit; padding: 10px 0; }
.proBox .fr .lkBox .ul2 li a { padding: 16px 20px 14px; }
.proBox .fr .lkBox .ul2 li a h4 { font-size: 16px; margin: 14px 0 10px; }
.proBox .fr .lkBox .ul2 li a p { font-size: 14px; line-height: 27px; }
.proBox .fr .lkBox .ul3 { padding: 8px; }
.proBox .fr .lkBox .ul3 li { width: 100%; float: inherit; }
.proBox .fr .lkBox .ul3 li h4 { font-size: 14px; }
/* 视频中心 */

.vdul li { width: 50%; padding: 15px 8px 0; }
.vdul li a .pho:after { width: 46px; height: 46px; }
.vdul li a p { font-size: 15px; line-height: 38px; padding: 0 8px; }
.proBox .fr .nshow .text video { width: 100%; }
/* 关于我们 */
.abBox { padding: 10px 0 0px; }
.abBox .abCon { padding: 0 0 30px; }
.abBox .bg { position: absolute; left: -20%; top: -30px; z-index: -1; }
.abBox .text { padding: 0 10px; }
.abBox h3 { font-size: 25px; }
.abBox h3 b { font-size: 32px; }
.abBox .text p { line-height: 2em; font-size: 15px; }
.abBox .whBox li { width: 100%; padding: 15px 22px; float: left; }
.abBox .whBox li a { padding: 30px 20px; }
.abBox .whBox li a span { width: 70px; line-height: 70px; right: 20px; bottom: 20px }
.abBox .whBox li a span img { width: 36px; }
.abBox .whBox li a h4 { font-size: 18px; }
.abBox .hist { display: none; }
.lxCon .titl { padding: 40px 0 30px; }
.lxCon .titl h3 { font-size: 26px; }
.lxCon .titl p { margin-top: 8px; font-size: 14px; }
.lxCon li { width: 100%; float: inherit; padding: 20px; }
.lxCon li .txe span { width: 62px; }
.lxCon li .txe span:before { width: 39px; height: 39px; }
.lxCon li .txe h4 { font-size: 20px; margin: 30px 0 10px; }
.lxCon li .txe p { font-size: 15px; }
.lxfs { padding: 0px; }
.lxfs .lx1 { width: 100%; padding: 20px; box-sizing: border-box; }
.lxfs h3 { font-size: 22px; margin-bottom: 10px; }
.lxfs .fr h3 { padding-left: 0 }
.lxfs p { line-height: 30px; font-size: 14px; }
.lxfs .lx2 { width: 100%; padding: 0 20px; box-sizing: border-box; border-left: none; border-right: none; }
.lxfs .lx2 a { background-size: 22px; padding-left: 34px; margin-left: 5px; }
.lxfs .fr { width: 100%; padding: 20px 20px; box-sizing: border-box; }
.lxfs .fr .img { width: 49%; display: inline-block; text-align: center; }
.lxfs .fr .img img { width: 120px; }
.lxfs .fr .img p { font-size: 13px; }
.abBox .abCon li { padding: 20px 10px 0px; width: 50%; }
.abBox .abCon li a { padding: 25px 10px 10px; font-size: 14px; }
.abBox .abCon li a span { top: 10px; right: 10px; width: 26px; }
.abBox .abCon li a strong { font-size: 30px; font-weight: 500; }
.abBox .abCon li a .num { font-size: 18px; }
/* 图片暂时隐藏样式 */
.proBox .fr .ndl dl.n_dl00 dd.text { width: 100%; padding: 0 }
.proBox .fr .ndl dl dd.text h3 { font-weight: 600 }
.proBox .fr .ndl dl.n_dl00:nth-child(2n) dd.text { padding-left: 0 }
}