/*
 * ---index---
 * */
 .i-headbg{background: url(../images/headbg.jpg) no-repeat ;background-size: 100% 100%;}
 .i-top{line-height: 25px;}
 .i-topul li{float: left;padding: 0 4px;}
 .i-topul li a{color: #062f71;}
 .i-head{height: 90px;}
 .i-logo{width: 150px;height: 90px;}
 .i-logo span{font-size: 42px;color: #000;margin-left: 18px;}
 .i-hlx{width: 55px;height: 30px;background: url(../images/lxicon.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 30px;}
 .i-nav{width: 100%;height: 40px;}
 .i-navul {width: 1200px;}
 .i-navul li{float: left; height: 40px;}
 .i-navul li>a{padding: 0 30px;display: block;height: 26px;line-height: 25px; margin: 7px auto; font-size: 18px;color: #fff;border-right: 1px solid #10a2d7;}
 .i-navul li:last-child a{border: none;}
 .i-navul li:hover{background: url(../images/active.png) no-repeat;background-size: 100% 100%;}
 .i-navul li:hover a{color: #062f71;}
 .i-navul li.active{background: url(../images/active.png) no-repeat;background-size: 100% 100%;}
 .i-navul li.active a{color: #062f71;}
 /*banner*/
 .i-swiper img{width: 100%;}  /*590*/
 .index-banner .swiper-pagination{bottom: 20px !important;}
 .index-banner .swiper-pagination span{width:10px;height:10px;background:#6885b4;opacity:1;}
 .index-banner .swiper-pagination .swiper-pagination-bullet-active{background:#062f71;}
 .index-banner .swiper-button-white{width: 40px;height: 40px}
 /*contont*/
 .com-box{height: auto;width: 100%;background: #fff;}
 .com-box img{width: 100%;}
 .com-bgimg{width: 100%;height: auto;}
 .com-bgimg img{width: 100%;}
 .com-location{line-height: 30px;font-size:14px;color: #fff;padding-left: 10px;}
 .com-location a{color: #fff;}
 .com-pro-w{width: 93.75%;height: auto;}
 .com-tit{height: 35px;font-size: 20px;color: #fff;font-family: simsun;font-weight: bold;}
 .com-tit h3{padding: 0 12px;border-right: 1px solid #fff;}
 .com-tit img{margin-right:4px;transform: scale(.9);-moz-transform: scale(.9);-webkit-transform: scale(.9);}
 .com-shadow{box-shadow: 4px 4px 10px #ddd;}
 .i-bg1{padding: 70px 0 60px 0;margin-top: -3px;}
 .i-bg2{background: url(../images/ibg2.jpg) no-repeat; background-size: 100% 100%;padding-bottom: 20px; margin-top: -3px;}
 .i-bg3{background: url(../images/ibg3.jpg) no-repeat; background-size: 100% 100%;padding-bottom: 30px;border-top: 2px solid #062f71;}
 .i-bg4{background: url(../images/ibg4.jpg) no-repeat; background-size: 100% 100%;padding: 20px 0 40px 0;}
 .i-bgbig{background: url(../images/ibgbig.jpg) no-repeat; background-size: 100% 100%;padding:50px 0 20px 0;}
 .i-tc-tab a{display: block; position: relative; width: 220px;height: 52px;background: #062f71;text-align: center;line-height: 50px;font-size: 22px;color: #fff;}
 .i-tc-tab a.a-active{background: url(../images/avtivebg2.png) no-repeat;background-size: 100%;}
 .i-tc-line{position: absolute;bottom: 2px; width: 100%;height: 2px;}
 .i-tc-box{display: none;width: 100%;height: 480px;}
 .tab-show{display: block !important;}
 .i-cttxt{position: absolute;top: 80px;z-index:99;left: 30px;box-shadow: 2px 2px 6px 4px #999; width: 550px;height: 350px;padding: 20px 35px;}
 .i-cttxt-tit{background: url(../images/itc1.png) no-repeat 0 16px;padding: 10px 0 20px 40px;}
 .i-cttxt-tit span{font-size: 26px;color: #fefab7;}
 .i-cttxt-p{line-height: 35px;text-indent: 30px;}
 .i-ctimg img{position: absolute;right: 0; box-shadow: 2px 2px 6px 4px #999;width:710px;height: 355px;}
 .i-ctphone{background: url(../images/itc2.png) no-repeat 0 4px;padding-left: 42px;}
 .i-ppbg{width: 100%;height: auto; background: url(../images/ippbg.jpg) no-repeat;background-size: 100% 100%;  padding: 40px 0 60px 0;}
 .i-swiper-pinpai img{width: 100%; height:90px !important;box-shadow: 2px 4px 6px #ddd;}
 .i-swiper-pinpai p{margin-top: 5px;font-size: 16px;}
 .i-anlifl{width:570px;padding: 5px 10px;box-shadow: 2px 6px 8px 2px #bbb; }
 .i-anlifr{width: 550px;}
 .sider-warp .tempWrap{overflow: hidden;width: 100%;height: 460px !important;padding-top: 20px;}
 .i-anlifr li a{width: 100%;height: 200px;margin-top: 30px;background: #fff; box-shadow: 2px 6px 6px #bbb;padding: 25px 10px;}
 .i-anlifr li:first-child a{margin-top: 15px;}
 .i-anliliimg img{width: 280px;height: 150px;box-shadow: 2px 4px 6px #ccc;}
 .i-anliimg{width: 100%;height: 340px;}
 .i-anliimg img{position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
 .i-atxtbox{width: 230px;overflow: hidden;}
 .i-atxttit{width: 100%;height: 34px;line-height: 34px;border-bottom: 2px solid #d6d6d6;padding-left: 10px;}
 .i-atxtp{margin-top: 20px;line-height: 22px;height: 88px;}
 .i-swiper-byc .swiper-slide{width: 330px !important;height: 440px !important;background: #fff; box-shadow: 2px 6px 4px #ccc;padding: 70px 25px;}
 .i-moretit{display: block;font-size: 18px;margin-left: 10px;}
 .i-morecase{display: block;margin-top: 35px;margin-left: 10px;width: 120px;height: 30px;}
 .i-moreimg{display: block; width: 280px;height: 175px;margin-top: 67px;}
 .i-swiper-anli img{width: 100%; height:150px !important;}
 .i-lbanli-txt{position: absolute;bottom: 0;left: 0;padding: 0 5px; width: 100%;height: 40px;background: rgba(0,0,0,.6);line-height: 40px;text-align: center;color: #fff;font-family: simsun;font-weight: bold;font-size: 16px;}
 .i-flnew{width: 100%;overflow: hidden;padding: 10px 25px 20px 14px;border: 1px solid #d4d4d4;}
 .i-frnew{width: 394px;overflow: hidden;}
 .i-newline{margin: 0 10px;width: 3px;height: 25px;background: #062f71;}
 .i-abimg img{width: 610px;height: 375px;}
 .i-ab-p{margin-top: 55px;line-height: 32px;text-indent: 40px;font-size: 20px;height: 128px;}
 .i-aimgul li{width: 280px;height: 210px;border: 1px solid #062f71;}
 .i-aimgul li img{width: 100%; height: 100%;}
 .i-newul li{padding: 12px 5px;border-bottom: 1px dashed #999;}
 .i-newul li:first-child{padding-top: 0;}
 .i-newul li:last-child{border: none;}
 .i-newul li a{background: url(../images/ystj.png) no-repeat 0 2px;color: #666; background-size: 20px 20px; padding-left: 28px;}
 .i-newul li a:hover{text-decoration: underline;color: #000;}
 .i-comnew{padding: 20px 15px 15px 25px; width: 765px;height: 440px;box-shadow: -2px 2px 4px #ccc; overflow: hidden;background: #fff;}
 .i-comnewimg img{width: 100%;height: 190px;border-radius: 8px;}
 .i-new-p{line-height: 25px; height: 100px;text-indent: 30px;}
 .i-qandd{width: 390px;height: 440px;padding: 10px 20px 25px 25px; box-shadow: -2px 2px 4px #ccc; overflow: hidden;background: #fff;}
 .i-wydzbox{width: 400px;height: 390px;padding: 10px 20px 25px 20px; box-shadow: -2px 2px 4px #ccc; overflow: hidden;background: #fff;}
 .sider-warp2 .tempWrap{height: 330px !important;overflow: hidden;}
 .i-questul li{height: 110px !important;overflow: hidden; padding: 15px 5px 17px 5px;border-bottom:  1px dashed #d6d6d6;}
 .i-questbtn{padding: 1px 2px;}
 .i-quest-p{max-height: 38px;}
 .i-form{display: block;width: 360px;}
 .i-input1 input{width: 85px;height: 22px; border: 1px solid #cdd5e3;margin-left: 5px;padding: 0 5px;font-size: 15px;background: none;}
 .i-input2 input{width: 115px;height: 22px; border: 1px solid #cdd5e3;margin-left: 5px;padding: 0 5px;font-size: 15px;background: none;}
 .i-area textarea{width: 315px;height: 90px; border: 1px solid #cdd5e3;margin-left: 5px;padding:5px;font-size: 15px;background: none;}
 .i-from-code img{width:  80px;height: 80px;}
 .i-tjbtn{width: 82px;height: 26px;background: url(../images/ljtj.png) no-repeat;margin-top: 50px; margin-left: 110px; background-size: 100% 100%; cursor: pointer;}
 .i-threebox{width: 755px;height: 390px; overflow: hidden;padding: 5px;}
 .i-three-cent{width: 100%;height: 360px;margin-top: 30px; padding: 25px 5px 0 10px; box-shadow: -2px 2px 4px #ccc;background: #fff;}
 .i-threetit{position: absolute;top: 0px;z-index: 999; width: 100%;height: 50px;}
 .i-three-tab a{display: block;font-size: 24px; color: #052b6a;letter-spacing: 2px;text-align: center;width: 190px; height: 50px;line-height: 50px;background: url(../images/threebg.png) no-repeat; background-size: 100% 100%;}
 .i-three-tab a:hover{line-height: 45px; color: #fff;font-size: 25px; background: url(../images/threebg-on.png) no-repeat; background-size: 100% 100%;}
 .i-three-tab a.tit-active{line-height: 45px; color: #fff;font-size: 25px; background: url(../images/threebg-on.png) no-repeat; background-size: 100% 100%;}
 .i-three-img{width: 100%;height: 220px;}
 .i-three-img img{display: block;position: absolute;left: 0;top: 0;z-index: 99; width: 100%;height: 100%;}
 .warp-box .i-box{display: none;}
 .show{display: block !important;}
 /*productcenter*/
 .i-label1{width: 100%;height:35px;line-height:34px;background: #062f71 url(../images/pro2.png) no-repeat 15px 2px;padding-left: 50px;}
 .i-pro-ul li>a{display: block;padding: 10px 0;margin-top: 5px; font-size: 18px; border-bottom: 1px dashed #b3bfd2;background:url(../images/pro4.png) no-repeat 20px 12px;padding-left: 52px;color: #062f71;}
 .i-pro-ul li:last-child a{border-bottom: none;}
 .i-pro-ul li>a:hover{background:url(../images/pro44.png) no-repeat 20px 12px;font-weight: bold;border-color: transparent;}
 .i-pro-ul li:hover{background: url(../images/proactive.png) no-repeat;background-size: 100% 100%;}
 .i-listfl{width: 240px;height: auto;}
 .i-showfr{width: 940px;height: auto;}
 .i-flbg{background: url(../images/flbg.jpg) no-repeat;background-size: 100% 100%;margin-top: 15px;}
 .i-protab a{display: block;width: 190px;height: 45px;line-height: 42px;background: url(../images/offbg.png) no-repeat;background-size: 100% 100%;letter-spacing: 4px;   text-align: center; margin-right: 5px;color: #666;font-size: 24px;}
 .i-protab a.tab-active{background: url(../images/activebg.png) no-repeat;background-size: 100% 100%;color: #062f71;}
 .i-probox{display: none;}
 .i-prophone{background: url(../images/prophone.png) no-repeat;padding-left: 40px;margin-right: 25px;background-size: 32px 26px;}
 .i-frshowul li{position: relative;width: 305px;height: auto;margin:12px 8px 0 0;padding: 5px;}
 .i-showimg{position: relative; width: 295px;height: 210px;overflow: hidden;box-shadow: -3px -5px 4px 0 #ddd;}
 .i-showimg img{width: 100%;height: 100%;}
 .i-showtxt{width: 100%;line-height: 60px;background: #fff; text-align: center; border: 1px solid #062f71;color: #062f71;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 20px;}
 .pos{display: none; position: absolute;position: absolute;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background:rgba(205,213,227,.5);}
 .i-frshowul li:hover .pos{display: block;}
 .i-frshowul li:hover .i-showtxt{background: #062f71;font-size: 22px;color: #fff;}
 /*footer*/
 .i-link-titimg{display: block; margin-left: 20px;}
 .i-link-tit{font-family: simsun;flex-shrink: 0;font-weight: bold;margin:10px 10px 0 0;}
 .i-linkul li{margin: 0 0 12px 35px;}
 .i-linkul li a{font-size: 17px;color: #093052;letter-spacing: 1px;}
 .i-linkul li a:hover{color: #062f71;}
 .i-foot{padding: 25px 0 55px 0;border-bottom: 1px solid #a0a0a0;}
 .i-f-center{width: 1200px;margin: 0 auto;padding: 0 40px;}
 .i-f-box1{width: 400px;}
 .i-f-box2{width: 320px;}
 .i-f-box3{width: 190px;height: auto;}
 .i-f-code{width: 100%;height: 190px;background: url(../images/codebg.png) no-repeat;background-size: 100% 100%;}
 .i-f-map{width: 300px;height: 140px;}
 .i-f-ul li{margin-top: 15px;color: #fff;font-size: 16px;}
 .i-f-icon{width: 35px;height: 25px;}
 .i-f-icon img{display: block;margin: 0 auto;}
 .i-code{width: 145px;height: 145px;}
 .i-f-copy{padding: 35px 0;font-size: 14px;color: #a6a6a6;}
 /*lazyload*/
 .loading{position: absolute;top: 0;left: 0;z-index: 10;display: inline-block;width: 100%;height: 100%;background: #eee url(../images/loading24.gif) no-repeat center center;}
 /*
  ---Other pages---
  * */
 /*PRODUCTS*/
.p-flshowul li{position: relative;width: 295px;height: auto;margin: 10px 7px;}
.p-showimg{width: 100%;height: 180px;border: 1px solid #9babc6;margin-bottom: 10px;padding: 10px 15px;transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-showimg img{width: 100%; height: 100%;transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-showtxt{width: 225px;height: 42px;line-height: 52px;background: url(../images/protxt1.png) no-repeat;background-size: 100% 100%; text-align: center;color: #999;font-size: 20px;margin: 0 auto;padding: 0 10px;}
.p-flshowul li:hover .p-showtxt{background: url(../images/protxt2.png) no-repeat;background-size: 100% 100%;color: #062f71;}
.p-flshowul li:hover .p-showimg img{transform: scale(1.02);opacity: .9;-webkit-transform: scale(1.02);-moz-transform: scale(1.02);}
.p-flshowul li:hover .p-showimg{border-color: #062f71;}
.p-flshowul li:hover .pos{display: block;}
.p-infor-ul{width: 100%; padding: 10px 20px 10px 20px;}
.p-infor-ul li{border-bottom: 1px dashed #ccc;line-height: 30px;background: url(../images/zxdt.png) no-repeat 0 7px;padding-left: 20px;}
.p-infor-ul time{font-size: 12px;flex-shrink: 0;text-align: right;margin-left: 10px;}
.p-label1{width: 100%;line-height: 40px;text-align: center;background: #062f71 url(../images/cpzx.png) no-repeat 40px 8px;font-family: simsun;font-weight: bold;}
.p-label3{width: 100%;line-height: 40px;text-align: center;background: #062f71 url(../images/zxicon.png) no-repeat 40px 8px;font-family: simsun;font-weight: bold;}
.p-label4{width: 100%;line-height: 40px;text-align: center;background: #062f71 url(../images/nm.png) no-repeat 40px 8px;font-family: simsun;font-weight: bold;padding-left: 5px;}
.p-label2{width: 100%;line-height: 30px;padding-left: 50px;background: #062f71 url(../images/icon5.png) no-repeat 20px 6px;font-family: simsun;font-weight: bold;}
.p-label5{width: 100%;line-height: 40px;text-align: center;background: #062f71 url(../images/icon6.png) no-repeat 45px 8px;font-family: simsun;font-weight: bold;}
.p-listul li>a{display: block;padding: 10px 0;border-bottom: 1px dashed #a0a0a0;padding-left: 60px;transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-listul li:last-child>a{border: none;}
.p-listul li>a:hover{color: #062f71;font-weight: bold;}
.cpzx-ul li>a{background: url(../images/liicon.png) no-repeat 30px 11px;background-size: 22px 18px;}
.cpzx-ul li>a:hover{background: url(../images/liicon2.png) no-repeat 30px 11px;background-size: 22px 18px;}
.xwzx-ul li>a{background: url(../images/liiconxw0.png) no-repeat 30px 11px;background-size: 20px 18px;}
.xwzx-ul li>a:hover{background: url(../images/liiconxw.png) no-repeat 30px 11px;background-size: 20px 18px;}
.xwzx-ul2 li>a{background: url(../images/xxx.png) no-repeat 30px 11px;background-size: 20px 18px;}

.p-hot-ul li {width: 30.5%;background: #eee;margin-top: 6px;margin-left: 2.4%;}
.p-hot-ul li a{font-size: 14px; display: flex;padding: 9px 5px;width: 100%;height: 100%;align-items: center;justify-content: center;transition: all .3s ease;-webkit-transition: all .3s ease;-ms-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-hot-ul li:hover a{color: #650601;box-shadow: 2px 4px 4px #ccc;}
.p-lxtit{padding: 3px 0;background: #062f71 url(../images/lx.png) no-repeat 48px 2px;font-weight: bold;font-family: simsun;}
.p-zxtit{padding: 3px 0;background: #062f71 url(../images/zxzx.png) no-repeat 48px 2px;font-weight: bold;font-family: simsun;}
.p-tjtit{padding: 3px 0;background: #062f71 url(../images/tj.png) no-repeat 48px 2px;font-weight: bold;font-family: simsun;}
.i-lx-ul{padding: 5px 10px 25px 10px;}
.i-lx-ul li{margin-top: 10px;color: #000;font-family: simsun;}
.i-lx-ul li:first-child{font-size: 16px;margin:0 0 20px 0;}
.p-lx-img{width: 100%;height:150px;background: url(../images/lximg.jpg) no-repeat;background-size: 100% 100%;}
 /*产品推荐-侧边*/
.tj-ul li{width: 222px;height: auto;margin: 10px auto;}
.tj-showimg{width: 100%;height:182px;margin-bottom: 8px;border: 1px solid #a0a0a0;padding: 30px 15px;background: #f2f2f4;}
.tj-showimg img{width: 100%; height: 100%;}
.tj-showtxt{width: 150px;height: 40px;line-height: 40px;padding: 0 8px; background: url(../images/txtbg.png) no-repeat;background-size: 100% 100%; text-align: center;margin: 0 auto;}
.tj-showtxt:hover{ background: url(../images/txtbg2.png) no-repeat;background-size: 100% 100%;}
 /*最新资讯-侧边*/
.zxzx-ul li{padding: 7px 0;border-bottom: 1px dashed #ccc;}
.zxzx-ul li: first-child{padding-top: 0;}
.zxzx-ul span{margin-top: 3px;flex-shrink: 0;}
.zxzx-ul time{flex-shrink: 0;}
.zxzx-ul a{ height: 20px;font-size: 16px;}
.zxzx-ul-num{display: block;width: 27px;height: 26px;line-height: 26px; color: #fff;text-align: center; background: url(../images/numbg.png) no-repeat;background-size: 100% 100%;}
.zxzx-ul li:nth-child(1) span,.zxzx-ul li:nth-child(2) span,.zxzx-ul li:nth-child(3) span{background: url(../images/xh.png) no-repeat;color: #fff;background-size: 100% 100%;}
 /*Classicr Case*/
 .c-li-img{width: 260px;;height: 160px;;border: 1px solid #062f71;}
 .c-li-img img{width: 100%; height: 100%;}
 .c-li{padding: 20px;border: 1px solid #bfbfbf;width: 100%;height: auto;margin-top: 15px;}
 .c-li-ptxt{max-height: px;line-height:25px;text-indent: 25px;}
 /*NEWS*/
.n-listul li{margin: 18px 15px;font-size: 16px;}
.n-listimg{width: 100%;height: 170px;padding: 10px 30px;border: 1px solid #ccc;background: #eee;}
.n-listimg img{height: 100%;width: 100%;}
.n-titbox{height: 30px;border-bottom: 1px solid #ccc;padding-right: 4px;font-weight: bold;font-family: simsun;}
.n-tit{height: 29px;border-bottom: 2px solid #062f71;}
.n-tit img{width: 24px;height: 20px;margin-right: 6px;}
.n-new-tit{height: 30px;line-height: 30px;padding: 0 10px; color: #fff;font-family: simsun;font-weight: bold;}
.n-newsul2 li{padding:4px 0 !important;}
.n-newsul li{padding: 6px 0;border-bottom: 1px dashed #ccc;}
.n-newsul li: first-child{padding-top: 0;}
.n-newsul span{margin-top: 3px;flex-shrink: 0;}
.n-newsul time{flex-shrink: 0;}
.n-newsul a{ height: 20px;font-size: 16px;}
.n-news-num{display: block;width: 20px;height: 22px;line-height: 22px; color: #fff;text-align: center; background: url(../images/numbg.png) no-repeat;background-size: 100% 100%;}
.n-news-num2{display: block;width: 25px;height: 28px;line-height: 28px;font-size: 20px; color: #fff;padding-left: 8px; background: url(../images/xh2.png) no-repeat;background-size: 100% 100%;}
.n-txtbox{line-height: 25px;width: 100%;background: #062f71;font-size: 18px;text-align: center;margin-top: 10px;color: #fff;font-family: simsun;font-weight: bolder;}
.n-newimg{width: 100%;height: 240px;}
.n-newimg img{width: 100%; height: 100%;}
 /*About Us*/
.a-listul li{width: 48%;height: 270px;margin: 10px 1%;background: #fff;border-radius:4px;}
.a-listul li img{width: 100%;height: 100%;}
.a-ymsimg{width: 360px;height: 220px;}
.a-ymsimg img{width: 100%;height: 100%;}
.a-txtbox{width: 545px;height: auto;overflow: hidden;position: absolute;left: 380px;top: 10px;border-bottom: 1px solid #ccc;}
.a-tit{width: 100%;font-family: simsun;}
.a-tit h3{border-bottom: #062f71 4px solid;height: 35px;}
 /*Contact Us*/
.con-img1{width:100px;height: auto;}
.con-zx{width: 100%; padding-left: 150px;line-height: 30px;font-size: 18px;margin-top: -30px;}
/*.c-form{margin-top: 90px;margin-left: 20px;width: 550px;}*/
.c-formbox{margin-top: 90px;margin-left: 20px;width: 550px;}
.c-form span{flex-shrink: 0;font-size: 20px;}
.c-input input{height: 32px;padding: 0 10px;margin-left: 5px; font-size: 16px;outline: none;background:url(../images/cborder.png) no-repeat;background-size: 100% 100%;}
.c-input1 input{width: 120px;}
.c-input2 input{width: 180px;}
.c-input3 input{width: 210px;}
.c-leavebox{margin: 20px 0 30px 0;}
.c-leavebox textarea{display: block; width: 415px; height: 180px;margin-left: 5px; overflow: hidden;padding: 10px;font-size: 16px;background:url(../images/cborder2.png) no-repeat;background-size: 100% 100%; }
.c-btn-tj{width: 165px;height: 50px;background: url(../images/ctjbtn.png) no-repeat;background-size: 100% 100%;cursor: pointer;margin-right: 60px;}
 /*Product Details && Public Details*/
 .pd-box{width: 900px;max-width: 900px;height: auto;margin: 0 auto;}
 .pd-box img{max-width:100% !important;height: auto !important;display: inline-block;}
 .pd-tit{font-family: simsun;font-weight: bold;font-size: 26px;}
 .pd-titline{border: 1px dashed #ddd;}
 .pd-btn{cursor: pointer;width: 180px;height: 60px;background:url(../images/pdbtn.png) no-repeat; background-size: 100% 100%;}
 .pd-name{padding: 10px 0;font-family: simsun;font-weight: bold;}
 .pd-name img{width: 14;height: 14px;margin-right: 10px;flex-shrink: 0;margin-top: 2px;}
 .pd-txtbox{height: 80px;overflow: hidden;}
 .pd-key{padding: 2px 0; margin: 10px 20px;}
 .pd-keyul li{float: left; margin-right: 10px;}
 .pd-keyul li a:hover{text-decoration: underline;}
 /*Product List && NEWS List*/
.p-li{padding: 20px 0;border-bottom: 1px dashed #062f71;width: 100%;height: auto;}
.p-li-img{width: 300px;;height: 185px;;border: 1px solid #062f71;}
.p-li-img img{width: 100%; height: 100%;}
.p-li-ptxt{max-height: 65px;line-height:22px;text-indent: 20px;}
.p-li-ptxt2{max-height: 76px;text-indent: 20px;}
.p-li-data{height: auto;margin-left: 20px;width: 600px;overflow:hidden;}
.p-li-tit{display:block; padding: 8px 0;background: url(../images/pro4.png) no-repeat 0 12px;padding-left: 25px;color: #062f71;}
.p-li-tit:hover{ background: url(../images/pro44.png) no-repeat 0 12px;font-weight: bold;border-color: transparent;}

.p-li-a{position: absolute;right: 0;bottom: 0;color: #0b3155;}
  /*comment*/
 .c-pltit{height: 34px; width: 100%;line-height: 34px;}
 .c-pltit p {border-bottom: #062f71 2px solid;height: 33px;}
 .c-ul-pl{padding: 0 40px;}
 .c-ul-pl li{padding: 10px 0;border-bottom: 1px solid #ccc;}
 .c-reply{width: 100%;height: 60px;border: 1px dashed #bbb;padding: 8px;overflow:hidden;color: #000;}
 .c-comment textarea{overflow:hidden;color: #000;padding: 10px;width: 100%;height: 90px;border: 1px solid #ccc;}
 .c-comnum{position: absolute;right: 8px;bottom:8px;color: #000;z-index: 999;color: #999;}
 .c-explain{font-size: 12px;margin:4px 0 20px 0;display: block;}
 .c-btn button{padding: 2px 20px;border: none;letter-spacing: 2px;margin-right: 10px;border-radius:5px;font-size: 16px;cursor: pointer;}
 .c-id {width: 120px;height: 25px;border: 1px solid #ccc; padding: 5px;}
 #success_txt{letter-spacing: 1px;color: #062f71;}
 #error_txt{letter-spacing: 1px;color: #ff0000;}
 /*pages*/
 .page{height: 35px;margin: 15px 20px 5px 0;float: right;}
 .page a,.page span{font-size: 14px; display: inline-block;float: left;padding: 1px 6px;margin-right: 5px;border: 1px solid #062f71;border-radius: 3px;}
 .page a:hover{background: #062f71;color: #fff;text-decoration: none;border-color: transparent;}
 .page .current{background: #062f71;font-weight: bold;color: #fff;border-color: transparent;}