.posi { padding: 0px 12px; line-height: 80px; background: #007ad6; color: #fff; font-size: 15px; }
.posi .container { padding-left: 40px; background: url(../images/posi.png) no-repeat left 8px center; background-size: 26px; }
.posi a { color: #fff; }
.posi .time { color: #007ad6; }
.proBox { margin: 40px auto; }
.diannao{  display:block;}
.shouji{ display: none;}
#allmap { height: 500px; }
#allmap img { max-width: none !important; }






/* 产品中心 */
.pBox1 { width: 80%; }
.proBox .box0 { margin: 140px 0 60px; position: relative; z-index: 1; }
.proBox .box0:before { content: ""; width: 92px; height: 130px; background: url(../images/0.png) no-repeat; position: absolute; left: -60px; top: -30px; z-index: -1; }
.proBox .box0:after { content: ""; width: 235px; height: 112px; background: url(../images/pro-dot01.png) no-repeat; background-size: cover; position: absolute; right: -150px; top: -56px; z-index: -1; }
.proBox .box0 .bcon { padding: 0 70px 60px; background: #fff; border-radius: 10px; position: relative; box-shadow: 0 8px 30px rgba(26, 38, 67, .2); }
.proBox .box0 .bcon:before { content: ""; width: 64px; height: 140px; background: url(../images/1.png) no-repeat; background-size: 100%; position: absolute; left: 30px; top: -56px; }
.proBox .box0:nth-child(2) .bcon:before { width: 94px; height: 145px; background-image: url(../images/2.png); top: -60px; }
.proBox .box0:nth-child(3) .bcon:before { width: 98px; height: 145px; left: 24px; background-image: url(../images/3.png); top: -60px; }
.proBox .box0:nth-child(4) .bcon:before { width: 110px; height: 140px; background-image: url(../images/4.png); }
.proBox .box0:nth-child(5) .bcon:before { width: 100px; height: 143px; background-image: url(../images/5.png); }
.proBox .box0:nth-child(6) .bcon:before { width: 100px; height: 150px; background-image: url(../images/6.png); }
.proBox .box0:nth-child(7) .bcon:before { width: 110px; height: 140px; background-image: url(../images/7.png); }
.proBox .box0:nth-child(8) .bcon:before { width: 90px; height: 140px; background-image: url(../images/8.png); }
.proBox .box0:nth-child(9) .bcon:before { width: 100px; height: 150px; background-image: url(../images/9.png); }
.proBox .box0:nth-child(10) .bcon:before { width: 92px; height: 130px; background-image: url(../images/0.png); top: -40px; left: 15px; }
.proBox .box0:nth-child(10):before, .proBox .box0:nth-child(11):before, .proBox .box0:nth-child(12):before, .proBox .box0:nth-child(13):before, .proBox .box0:nth-child(14):before, .proBox .box0:nth-child(15):before { width: 64px; height: 140px; background: url(../images/1.png) no-repeat; }
.proBox .box0:nth-child(12) .bcon:before { width: 93px; background: url(../images/2.png) no-repeat; }
.proBox .box0:nth-child(13) .bcon:before { width: 99px; height: 145px; background: url(../images/3.png) no-repeat; }
.proBox .box0:nth-child(14) .bcon:before { width: 110px; height: 145px; background: url(../images/4.png) no-repeat; }
.proBox .box0:nth-child(15) .bcon:before { width: 110px; height: 145px; background: url(../images/5.png) no-repeat; }
.proBox .box0 .bcon .titl h3 { position: relative; float: left; font-size: 28px; color: #fff; line-height: 74px; padding: 0 22px; margin-left: 6%; z-index: 1; }
.proBox .box0 .bcon .titl h3:before { content: ""; width: 268px; height: 93px; background: url(../images/icon44.png) no-repeat; position: absolute; left: -8px; top: -15px; z-index: -1; background-size: cover; }
.proBox .box0 .bcon .titl .td { float: left; margin: 38px 0 0 5%; }
.proBox .box0 .bcon .titl .td span { display: inline-block; padding: 0 24px; line-height: 35px; background: url(../images/icon46.png) no-repeat; font-size: 20px; color: #0c78ca; margin-right: 30px; }
.proBox .box0 .bcon .titl a { display: block; float: right; color: #08538c; line-height: 48px; padding: 0 28px; border-radius: 24px; font-size: 18px; margin-top: 30px; box-shadow: 0 0 10px inset rgba(0, 122, 214, .4); }
.proBox .box0 .bcon h4 { margin: 36px 0 50px; font-size: 18px; font-weight: 500; line-height: 2; }
.proBox .box0 .bcon .ul1 li { width: 25%; float: left; padding: 0 20px; box-sizing: border-box; }
.proBox .box0 .bcon .ul1 li a { display: block; border-radius: 10px; overflow: hidden; box-shadow: 0 0px 7px rgba(4, 16, 44, .27); }
.proBox .box0 .bcon .ul1 li p { line-height: 52px; background: url(../images/bg7.png) no-repeat right center #2b94e3; color: #fff; text-align: center; font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* 二级列表 */
.proBox .plBox { width: 22%; background: #f4fbff; }
.proBox .plBox .title { background:#007ad6; 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 22px 0; position: relative; overflow: hidden; }
.proBox .plBox ul.ul1:after { content: ""; position: absolute; right: -5%; left: 20%; top: 0; bottom: 0; background-size: contain; z-index: 0; opacity: 0.3; }
.proBox .plBox ul.ul1 li { background: #fff; border-radius: 4px; overflow: hidden; margin-bottom: 10px; position: relative; z-index: 10; }
.proBox .plBox ul.ul1 li h4 { font-size: 17px; line-height: 50px; padding: 0 12px; font-weight: 500; cursor: pointer; background: url(../images/icon32.png) #fff no-repeat right 10px center; background-size: 32px; color: #333; }
.proBox .plBox ul.ul1 li.on h4 { background: url(../images/icon33.png) #007ad6 no-repeat right 10px center; background-size: 32px; 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: 50px; color: #333; font-size: 16px; padding-left: 40px; position: relative; transition: 0.3s; background: url(../images/index/icon27.png) no-repeat right center; background-size: 24px; }
.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/index/icon31.png) no-repeat; background-size: 34px; }
.proBox .plBox ul.ul1 li .submenu a.on, .proBox .plBox ul.ul1 li .submenu a:hover { color: #007ad6; background-image: url(../images/icon13.png); }
.proBox .plBox .tjBox { margin-top: 30px; }
.proBox .plBox .tjBox h3 { background: #007ad6 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: 50px; color: #666; font-size: 15px; padding-left: 40px; background: url(../images/icon34.png) no-repeat left 6px center; background-size: 26px; 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: 38px; font-size: 15px; color: #777; }
.proBox .plBox .lxBox .text p img { width: 24px; margin-right: 5px; }
.proBox>.fr { width: 74%; }
.proBox .pBox .tab a { display: table; width: 100%; border-collapse: collapse; }
.proBox .pBox .tab a .box { display: table-cell; vertical-align: middle; padding: 12px 8px; box-sizing: border-box; font-size: 16px; 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%; box-shadow: 0 0 10px rgba(0, 0, 0, .2); }
.proBox .pBox .tab a .box2 { width: 20%; position: relative; }
.proBox .pBox .tab a .box2 h3 { font-weight: 500; font-size: 16px; }
.proBox .pBox .tab a .box2 h3 b { font-weight: 500; }
.proBox .pBox .tab a .box3 { width: 10%; }
.proBox .pBox .tab a .box4 { width: 25%; }
.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: #007ad6; color: #fff; border-color: #007ad6; }
.proBox .fr .comBox { box-shadow: 0 4px 4px 4px rgba(0, 0, 0, .2); background: url(../images/bg8.jpg) no-repeat right center; background-size: 750px; }
.proBox .fr .comBox .text { padding: 40px 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; }
.proBox .fr .comBox .text h1 { font-size: 36px; 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: 30%; 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 .fr .comBox .text .dl dl:before { content: ""; width: 3px; height: 50px; position: absolute; left: 2.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, #007ad6); 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: 110px; 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: 15px; line-height: 30px; color: #555; text-indent: 20px; position: relative; }
.proBox .fr .comBox .text p:after { content: ""; width: 16px; height: 16px; background: url(../images/icon45.png) no-repeat; background-size: cover; position: absolute; left: 0; top: 8px; }
.proBox .fr .comBox .text .lxul li { margin-top: 30px; overflow: hidden; padding: 0 20px; margin-bottom:10px;}
.proBox .fr .comBox .text .lxul a { display: inline-block; padding: 0 20px 0 50px; background: #d5e9f8 url(../images/icon47.png) no-repeat left 17px center; background-size: 26px; line-height: 42px; border-radius: 21px; font-size: 17px; }
.proBox .fr .comBox .text .lxul li a:nth-child(2n) { background-image: url(../images/icon48.png); font-size: 16px; margin-left: 40px; float: right; }
/*图片放大镜样式*/

.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/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/icon41.png) no-repeat; }
.spec-scroll .next { float: right; background: url(../images/icon42.png) no-repeat; }
.spec-scroll .items { float: left; position: relative; width: 330px; height: 56px; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; 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 .fr .pshow .text { padding: 20px 1%; border: 1px solid #fafafa; }
.proBox .fr .pshow .text p{font-size: 16px !important;
    line-height: 30px !important;}
.proBox .fr .pshow .text img { width: auto !important; height: inherit !important; max-width: 100% !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 .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: 20px; font-weight: 500; 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/index/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: #007ad6; }
.proBox .fr .ndl dl:hover dd.text h3:before { display: block; }
.proBox .fr .ndl dl:hover dd.text span { background: #007ad6 url(../images/icon39.png) no-repeat right 5px center; background-size: 20px; color: #fff; border-color: #007ad6; }
.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 14%; font-size: 16px !important; line-height: 32px !important; }
.proBox .fr .nshow .text p, .proBox .fr .nshow .text span { font-size: 16px !important; }
.proBox .fr .nshow .text img { max-width: 800px; }
.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 .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: 60px; background-size: 42px; 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 { padding: 0px 6px 0 30px; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; position: relative; box-shadow: 0 4px 4px 2px #eaeaea; background: #0388ec; color: #fff; }
.proBox .fr .lkBox .ul1 li a p:before { content: ""; width: 40px; height: 27px; position: absolute; left: -1px; top: 16px; background: url(../images/index/icon43.png) no-repeat left center; background-size: 40px; opacity: 0.5; }
/* 
.proBox .fr .lkBox .ul1 li a span {
    display: none;
    position: relative;
    bottom: 10px;
    z-index: 1;
    width: 100%;
}

.proBox .fr .lkBox .ul1 li a span:before {
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 16px 0 0;
    border-color: transparent #0061ab;
    border-style: solid;
    position: absolute;
    left: 0px;
}

.proBox .fr .lkBox .ul1 li a span:after {
    content: "";
    width: 0;
    height: 0;
    border-width: 10px 0 0 16px;
    border-color: transparent #0061ab;
    border-style: solid;
    position: absolute;
    right: 0px;
} */

.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 40px 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 #007ad6 center; background-size: 20px; border-radius: 50%; }
.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: 20px 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 #007ad6; 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 20px 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: 56px; height: 56px; background: url(../images/icon50.png) no-repeat; background-size: cover; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.hnul li a .pho:after { display: none; }
.vdul li a p { font-size: 16px; line-height: 46px; padding: 0 6px 0 95px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; }
.vdul li a p:after { content: "详情"; width: 54px; line-height: 46px; background: #007ad6; color: #fff; position: absolute; left: 0; top: 0; text-align: center; }
.vdul li a p:before { content: ""; width: 73px; height: 13px; position: absolute; left: 15px; top: 50%; margin-top: -6.5px; background: url(../images/icon49.png) no-repeat; background-size: cover; }
.proBox .fr .nshow .text video { width: 100%; }
/* 关于我们 */
.abBox { padding: 100px 0 0px; 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 #007ad6; 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 #007ad6; 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 { }
.abBox h3 { font-size: 36px; color: #313131; text-align: center; }
.abBox h3 span { color: #007ad6; font-weight: 500; }
.abBox h3 b { color: #007ad6; font-size: 40px; }
.abBox .text p { line-height: 1.8; font-size: 17px; margin-top: 30px; }
.abBox .text .video { max-width: 1000px; margin: 30px auto; }
.abBox .text .video .img { position: relative; }
.abBox .text .video span { display: block; width: 70px; height: 70px; position: absolute; right: 40px; bottom: 80px; background: url(../images/icon51.png) no-repeat; background-size: cover; z-index: 100; }
.abBox .text video { width: 100%; margin: 30px auto; }
.abBox .hist .hCon { position: relative; }
.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 .swiper-slide .tex { height: 205px; position: relative; padding: 0 50px; bottom: -10px; }
.abBox .swiper-slide .tex h4 { font-size: 24px; color: #007ad6; line-height: 32px; padding: 20px 0 24px; }
.abBox .swiper-slide .tex p { font-size: 16px; line-height: 24px; color: #666; }
.abBox .swiper-slide .tex:nth-child(2n) { margin-left: 30%; padding-right: 0; top: -10px; bottom: 0; }
.abBox .swiper-slide .tex:nth-child(2n) h4, .abBox .swiper-slide .tex:nth-child(2n) p { color: #fff; }
.abBox .swiper-slide .tex .ico { position: absolute; left: 0; top: 0; width: 20px; height: 100%; }
.abBox .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 .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 .swiper-slide .tex:nth-child(2n) .ico:before { background: url(../images/line2.png) no-repeat top center; top: 0; z-index: 100; }
.abBox .swiper-slide .tex:nth-child(2n) .ico:after { background: #fff }
.abBox .hist .swiper-button-prev { left: 5%; width: 50px; height: 50px; background: #007ad6 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: #007ad6 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/index/bg10.jpg) no-repeat bottom center; background-size: cover; }
.lxCon .titl { padding: 60px 0 40px; text-align: center; }
.lxCon .titl h3 { font-size: 40px; 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: #007ad6; 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: 30%; }
.lxfs h3 { font-size: 28px; font-weight: 500; color: #434343; margin-bottom: 20px; }
.lxfs p { line-height: 40px; font-size: 15px; color: #444; }
.lxfs .lx2 { width: 34%; 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: 23%; }
.lxfs .fr .img { width: 48%; display: inline-block; text-align: center; }
.lxfs .fr .img img { width: 70%; max-width: 140px }
 @media all and (min-width: 1024px) and (max-width:1680px) {
.proBox .fr .comBox .text .dl { padding: 20px 6px 20px 15px; margin: 20px 0 20px 14px; }
}
 @media all and (min-width: 1024px) and (max-width:1600px) {
.proBox .box0 .bcon { padding: 0 40px 40px; }
.proBox .box0 .bcon .titl h3 { font-size: 26px; line-height: 57px; margin-left: 10%; }
.proBox .box0 .bcon .titl h3:before { width: 240px; height: 85px; background-size: 100%; }
.proBox .box0 .bcon .titl .td { margin-top: 28px; }
.proBox .box0 .bcon .titl .td span { font-size: 17px; background-size: 100%; }
.proBox .box0 .bcon .titl a { line-height: 40px; font-size: 15px; }
.proBox .box0 .bcon h4 { font-size: 16px; margin: 24px 0 40px; }
.proBox .box0:before { width: 88px; height: 125px; background-size: 100%; }
.proBox .box0 .bcon:before { height: 136px; }
.proBox .box0:nth-child(2) .bcon:before { width: 90px; height: 139px; }
.proBox .box0:nth-child(3) .bcon:before { width: 90px; height: 134px; }
.proBox .box0:nth-child(4) .bcon:before { width: 100px; height: 130px; left: 24px; }
.proBox .box0:nth-child(5) .bcon:before { width: 90px; height: 130px; top: -50px; }
.proBox .box0:nth-child(6) .bcon:before { width: 90px; }
.proBox .box0:nth-child(7) .bcon:before { width: 90px; height: 130px; background-size: 100% 100%; }
.proBox .box0:nth-child(9) .bcon:before { width: 90px; height: 135px; }
.proBox .box0:nth-child(10) .bcon:before { width: 88px; top: -55px; }
.proBox .box0:nth-child(10):before { height: 130px; }
.proBox .plBox ul.ul1 li h4 { font-size: 16px; background-size: 28px; }
.proBox .plBox ul.ul1 li .submenu a { font-size: 15px; }
.proBox .plBox .tjBox h3 { font-size: 20px; }
.proBox .pBox .tab a .box { font-size: 15px; }
.proBox .pBox .tab a .box2 h3 { font-size: 15px; }
.bimg { width: 380px; }
.proBox .fr .comBox .text { margin-left: 380px; }
.proBox .fr .comBox .text h1 { font-size: 32px; }
.proBox .fr .comBox .text .dl dl dt { font-size: 16px; }
.proBox .fr .comBox .text .dl dl dd { font-size: 18px; }
.proBox .fr .comBox .text .lxul li { margin-top: 14px; }
.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.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; }
.lxCon li { padding: 30px 20px; }
}
 @media all and (min-width: 1024px) and (max-width:1500px) {
.proBox .fr .comBox .text { padding: 40px 30px 0; }
.proBox .fr .comBox .text .dl { margin-left: 5px; }
}
 @media all and (min-width: 1024px) and (max-width:1440px) {
.pBox1 { width: 85%; }
.proBox .box0:after { width: 160px; height: 80px; right: -80px; top: -30px; background-size: 100%; }
.proBox .plBox ul.ul1 { padding: 12px 14px 0; }
.proBox .plBox .tjBox ul { margin: 14px; }
.proBox .plBox .tjBox ul li a { background-size: 22px; line-height: 46px; 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 .dl { padding: 20px; }
.proBox .fr .comBox .text .dl dl dd a.yh { width: 100px; 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 .fr .img img { width: 60%; }
.lxfs .lx2 a { background-size: 22px; }
.lxCon li .txe h4 { font-size: 20px; }
.lxCon li .txe p { font-size: 15px; }
}
 @media all and (min-width: 1024px) and (max-width:1400px) {
.proBox .fr .comBox .text .lxul li { margin-top: 20px; }
.abBox .text { padding: 0 8%; position: relative; z-index: 100; }
.lxCon .titl h3 { font-size: 34px; }
}
 @media all and (min-width: 1024px) and (max-width:1366px) {
.lxfs { padding: 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; }
.spec-scroll .items { width: 274px; margin-left: 20px; }
.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: 14px; line-height: 27px; }
.proBox .fr h3.tit { font-size: 20px; line-height: 48px; padding-left: 50px; background-size: 32px; }
.proBox .plBox .title h3 { font-size: 23px; }
}
 @media all and (min-width: 0) and (max-width: 767px) {
.posi { padding: 10px 0px; font-size: 14px; line-height: 30px; }
.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; }
/* 产品中心 */
.pBox1 { width: 100%; }
.proBox .box0 { margin: 40px 0 20px; }
.proBox .box0:before, .proBox .box0 .bcon:before { display: none; }
.proBox .box0:after { display: none; }
.proBox .box0 .bcon { padding: 0 20px 0px; }
.proBox .box0 .bcon .titl h3 { font-size: 21px; line-height: 36px; padding: 0 0px 0 8px; margin-left: 0%; }
.proBox .box0 .bcon .titl h3:before { content: ""; width: 200px; height: 50px; background-size: 100%; top: -10px; }
.proBox .box0 .bcon .titl .td { float: left; margin: 18px 0 0 10px; }
.proBox .box0 .bcon .titl .td span { padding: 0 12px; line-height: 30px; font-size: 15px; margin-right: 10px; }
.proBox .box0 .bcon .titl a { line-height: 34px; padding: 0 20px; border-radius: 17px; font-size: 14px; margin-top: -20px; }
.proBox .box0 .bcon h4 { margin: 16px 0 20px; font-size: 15px; line-height: 2; }
.proBox .box0 .bcon .ul1 { margin: -0 -20px; }
.proBox .box0 .bcon .ul1 li { width: 50%; padding: 0 10px 20px; }
.proBox .box0 .bcon .ul1 li p { line-height: 42px; font-size: 15px; }
/* 二级列表 */
.proBox .plBox { width: 100%; border-radius: 8px; margin-bottom: 30px; overflow: hidden; }
.proBox .plBox .title { background: #007ad6; background-size: cover; padding: 30px 0px 30px 20px; text-align: left; border-radius: 8px 8px 0 0; position: relative; }
.proBox .plBox .title:after { content: ""; width: 40px; height: 40px; 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 a { display: block; overflow: hidden; border: 1px solid #dedede; }
.proBox .pBox .tab a .box { display: block; padding: 12px 8px; font-size: 15px; border: none; border-top: none; text-align: center; }
.proBox .pBox .tab:first-child { display: none; }
.proBox .pBox .tab a .box1 { width: 100%; }
.proBox .pBox .tab a .box1 img { width: 100%; }
.proBox .pBox .tab a .box2 { width: 100%; padding: 0; line-height: 40px; text-align: center; position: relative; border-bottom: 1px solid #dedede; }
.proBox .pBox .tab a .box2 h3 { font-size: 15px; }
.proBox .pBox .tab a .box2 span { display: inline-block !important; }
.proBox .pBox .tab a .box3 { width: 50%; text-align: center; float: left; padding: 0; padding-left: 5px; box-sizing: border-box; line-height: 40px; border-bottom: 1px solid #dedede; }
.proBox .pBox .tab a .box4 { width: 100%; border-bottom: 1px solid #dedede; overflow: hidden; }
.proBox .pBox .tab a .box:nth-child(5) { border-right: 1px solid #dedede; box-sizing: border-box; text-align: center; padding: 0; }
.proBox .pBox .tab a .box:nth-child(6) { text-align: center; padding: 0; }
.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 10px; border-radius: 6px; margin: 10px; }
.proBox .fr .comBox .text .dl dl { padding-left: 16px; width: 50%; }
.proBox .fr .comBox .text .dl dl:nth-child(2) { width: 50%; }
.proBox .fr .comBox .text .dl dl:last-child { width: 100%; margin-top: 10px; }
.proBox .fr .comBox .text .dl dl dd a.yh { width: 100px; line-height: 22px; font-size: 12px; }
.proBox .fr .comBox .text .dl dl:before { height: 38px; top: 6px; width: 2px }
.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; }
.proBox .fr .comBox .text .lxul li { margin-top: 20px; padding: 0px; }
.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 li a:nth-child(2n) { font-size: 14px; margin-left: 0px; }
.bimg { width: 100%; float: inherit; }
.spec-scroll .items { width: 90%; }
.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%; max-width: 100%; }
.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: 48px; background: #fafafa url(../images/icon30.png) no-repeat left 6px center; padding-left: 50px; background-size: 32px; 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 40px 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: 46px; padding: 0; text-align: center; }
.vdul li a p:after { display: none; }
.vdul li a p:before { display: none; }
.proBox .fr .nshow .text video { width: 100%; }
/* 关于我们 */
.abBox { padding: 10px 0 0px; }
.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; margin-top: 20px; }
.abBox .text .video { max-width: inherit; margin: 20px auto; width: 100%; }
.abBox .text .video .img { position: relative; }
.abBox .text .video span { width: 50px; height: 50px; right: 10px; bottom: 20px; }
.abBox .text video { margin: 20px auto; }
.diannao{ display: none; }
.shouji{ display:block;}
.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: 24px; margin-bottom: 10px; }
.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; }
.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; }
}