/*
 * ---index---
 * */
 .i-headbg{width: 100%;height: 160px;background: url(../images/headbg.jpg) no-repeat;background-size: 100% 100%;}
 .i-top{line-height: 25px;border-bottom: 1px solid #ccc;font-size: 14px;}
 .i-topul li{float: left;padding: 0 4px;}
 .i-head{height: 135px;}
 .i-logo{width: 180px;height: auto;}
 .i-logo span{font-size: 42px;color: #000;margin-left: 18px;}
 .i-nav{width: 100%;height: 55px;}
 .i-navul {width: 1200px;}
 .i-navul li{position: relative;float: left; height: 55px;}
 .i-navul li>a{padding: 0 21px; display: block;height: 55px; line-height: 55px; font-size: 18px;color: #fff;}
 .i-navul li:last-child a{border: none;}
 .i-navul li a:hover{background: #4f0004;}
 .i-navul li a.active{background: #4f0004;}
 /*banner*/
 .i-swiper img{width: 100%;display: block;max-height: 670px;}    /*670*/
 .index-banner .swiper-pagination{bottom: 20px !important;}
 .index-banner .swiper-pagination span{width:65px;height: 7px;background:#bfbfbf;opacity:1;border-radius: 0 !important;}
 .index-banner .swiper-pagination .swiper-pagination-bullet-active{background:#8f0108;}
 .index-banner .swiper-button-white{width: 45px;height: 45px;}
 /*contont*/
 .com-box{height: auto;width: 100%;}
 .com-box img{width: 100%;}
 .com-bgimg{width: 100%;height: auto;}
 .com-bgimg img{width: 100%;}
 .com-location{width: 1200px;height: 35px;line-height: 35px;margin: 5px auto; background: url(../images/loca.png) 0 5px no-repeat;padding-left: 32px;}
 .com-tit{padding: 0 20px;height: 40px;background: #8f0108; overflow: hidden;letter-spacing: 1px;}
 .com-tit img{margin-top: 2px;}
 .com-shadow{box-shadow: 2px 3px 3px rgba(0,0,0,.1);} 
 
 .i-labeltit{width: 445px;height: 100px;margin: 0 auto; background: url(../images/labletit.png) no-repeat;background-size: 100% 100%; text-align: center;}
 .i-lbssbox{padding: 20px 0 35px 0;background: #f5f5f5;}
 .i-ssul li{margin-left: 5px;}
 .i-swiperbox-out{margin-top: 30px !important; height:120px;}
 .i-swiperbox-out .swiper-button-black{width: 16px;height: 14px;border: none;background-size: 20px 18px;outline: none;margin-top: -10px !important;}
 .i-swiperbox-in {width: 1150px;}
 .i-swiperbox-in .swiper-slide{border: 1px solid #ccc;height: 120px;overflow: hidden;padding: 1px;}
 .i-outwarp{width: 100%;padding: 30px;border: 1px solid #f0f0f0;}
 .i-cbimg{width: 200px;height: 660px; margin-top: 80px;}
 .i-tabbox{width: 940px;}
 .i-tab li{width: 185px;height: 50px;line-height: 50px;text-align: center;letter-spacing: 2px; font-size: 22px;color: #fff;background: url(../images/iactive.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
 .i-tab li.tab1-on{background: url(../images/iactive2.png) no-repeat;background-size: 100% 100%;}
 .i-warpbox{width: 100%;margin-top: 30px;}
 .i-warpbox .i-box{display: none;overflow: hidden;height: 660px;}
 .i-warpbox .i-box img{width: 100%;height: 100%;}
 .show{display: block !important;}
 .i-tab2 li{width: 185px !important;height: 50px !important;margin-left: 60px; line-height: 50px;text-align: center;letter-spacing: 2px; font-size: 22px;color: #fff;background: url(../images/iactive.png) no-repeat;background-size: 100% 100%;cursor: pointer;}
 .i-tab2 li.swiper-slide-thumb-active{background: url(../images/iactive2.png) no-repeat;background-size: 100% 100%;}
 .i-cbimg2{width: 190px;height: 570px; margin-top: 80px;}
 .i-warpbox2{width: 100%;margin-top: 30px;}
 .i-warpbox2 .i-box2{overflow: hidden;height: 570px;border: 1px solid #dfdfdf;}
 .i-warpbox2 .i-box2 img{width: 100%;height: 100%;}
 .i-bg1{background: url(../images/ibg1.jpg) no-repeat;background-size: 100% 100%;padding: 40px 0 50px 0;}
 .i-bg2{background: url(../images/ibg2.jpg) no-repeat;background-size: 100% 100%;padding: 50px 0 35px 0;}
 .i-bg3{background: url(../images/ibg3.jpg) no-repeat;background-size: 100% 100%;padding: 40px 0 150px 0;}
 .i-bg4{background: url(../images/ibg4.jpg) no-repeat;background-size: 100% 100%;padding-top: 40px;}
 .i-bg5{background: url(../images/ibg5.jpg) no-repeat;background-size: 100% 100%;padding: 35px 0 20px 0;}
 .i-bg6{background: url(../images/ibg6.jpg) no-repeat;background-size: 100% 100%;padding: 70px 0 30px 0;}
 .i-bg6-2{background: url(../images/ibg66.jpg) no-repeat;background-size: 100% 100%;padding: 80px 0 90px 0;}
 .i-bg7{background: url(../images/ibg7.jpg) no-repeat;background-size: 100% 100%;padding: 30px 0 55px 0;}
 .i-bg8{background: url(../images/ibg8.jpg) no-repeat;background-size: 100% 100%;padding: 50px 0 40px 0;}
 .i-bg9{background: url(../images/ibg9.jpg) no-repeat;background-size: 100% 100%;padding: 50px 0 40px 0;}
 
 .i-cuswiper-out{margin-top: 40px !important; height:500px;}
 .i-cuswiper-out .swiper-cuswiper-next{width: 55px;height: 55px;background: url(../images/cusnext.png) no-repeat; background-size: 100% 100%;outline: none;right: 35px;}
 .i-cuswiper-out .swiper-cuswiper-prev{width: 55px;height: 55px;background: url(../images/cusprev.png) no-repeat; background-size: 100% 100%;outline: none;left: 30px;}
 .i-cuswiper-in{width: 570px;}
 .i-cuswiper-in .swiper-slide{height: 500px;width: 100%;}
 .i-yswarp{width: 100%;border: 1px solid #e0e0e0;background: #f7f5f4;}
 .i-ysbox1{width: 100%;height: 255px;border-bottom: 1px solid #e0e0e0;}
 .i-ystxt1{margin-top: 80px;margin-left: 125px;}
 .i-ystit{width: 245px;height: 40px;line-height: 40px;text-align: center; background: url(../images/ystxtbg.jpg) no-repeat;background-size: 100% 100%;}
 .i-ysrtbox{width: 530px;overflow: hidden;}
 .i-ystxt2{width: 530px;height: 195px;padding:30px 0;text-align: center; border-left: 1px solid #e0e0e0;}
 .i-ysulimg li{width: 261px;height: 185px;margin-top: 8px;}
 .i-bg4cent{margin: 30px auto 0 auto;padding: 35px 70px 30px 30px; width: 1200px;height: 720px;background: url(../images/ysbgcent4.jpg) no-repeat;background-size: 100% 100%;}
 .i-bg4ul li{padding-bottom: 16px;margin-top:20px;border-bottom: 1px dashed #a7a7a7;font-size: 20px;color: #000;}
 .i-bg4ul li:first-child{margin-top: 0;}
 .i-bg4fr{width: 580px;height: auto;padding-top: 25px;}
 .i-bg4img1{width: 100%;height: 300px;}
 .i-bg4img2{width: 285px;height: 300px;}
 .i-tab3 li{width: 145px;height: 122px;margin-top: 50px; border: 1px solid #b3b1b3;cursor: pointer; text-align: center;padding-top: 22px;letter-spacing: 2px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .i-tab3 li:first-child{margin-top: 0;}
 .i-tab3 li span{font-size: 20px}
 .i-tab3 li p{font-size: 38px;}
 .i-tab3 li.tab3-on{border-color: #8f0108;color: #8f0108;}
 .i-warpbox3 .i-box3{display: none;}
 .i-box3img1{width: 490px;height: 638px;border: 1px solid #b3b1b3;overflow: hidden;}
 .i-box3img2{width: 494px;height: 310px;border: 1px solid #b3b1b3;overflow: hidden;}
 .i-bg6flimg{width: 410px;height: 455px;}
 .i-bg6frlx{width: 790px;height: 455px;background: url(../images/lxbg.jpg) no-repeat;background-size: 100% 100%;padding: 35px 40px 40px 40px;}
 .i-bg6-p1{font-size: 24px;margin-top: 20px;background: url(../images/made1.png) no-repeat 5px 5px;padding-left: 45px;}
 .i-bg6-p2{font-size: 24px;margin-top: 8px;background: url(../images/made2.png) no-repeat 5px 4px;padding-left: 45px;}
 .i-bg6-code{width: 160px;height: 160px;}
 /*form表单*/
 .i-custommade{margin-top: 30px;}
 .i-custommade label{font-size: 18px;}
 .i-custommade input{border: 1px solid #b3b1b3;width: 220px;height: 40px;padding: 0 10px;margin-left: 10px;font-size: 18px;}
 .i-custommade textarea{border: 1px solid #b3b1b3;width: 220px;height: 90px;padding:4px 10px;overflow: hidden; margin-left: 10px;font-size: 16px;}
 .i-madebtn{width: 260px;height: 40px;letter-spacing: 4px;cursor: pointer; line-height: 40px; margin: 35px auto 0 10px;font-size: 22px;color: #fff;background: #333;}
 .i-biganli{width: 945px;border: 1px solid #cfcfcf;padding: 1px;}
 .i-bigalimg{width: 100%;height: 610px;}
 .i-biganlitxt{width: 100%;height: 95px;box-shadow: 1px 10px 6px #cfcfcf;line-height: 28px; background: #f5f5f5;padding: 20px 40px;font-size: 16px;}
 .i-biganlitxt p{height: 56px;}
 .i-anliul li{width: 232px;border: 1px solid #dcdddf;margin-top: 50px;}
 .i-anliul li:first-child{margin-top: 0;}
 .i-anliulimg{width: 100%;height: 150px;}
 .i-anliulp{height: 52px;line-height: 52px;padding: 0 15px;text-align: center; font-size: 18px;}
 /*走进xxx*/
 .i-comebox{width: 100%;height: 410px;}
 .i-comimg{width: 600px;height: 410px;}
 .i-cometxt{width: 550px;}
 .i-cometit{padding:15px 30px;background: url(../images/fzicon.png) 0 20px no-repeat;}
 .i-come-p{line-height: 35px;margin-top: 20px;}
 .i-come-a{display: block; width: 125px;height: 36px;line-height: 36px;text-align: center;letter-spacing: 2px;margin-left: 25px;font-size: 20px;color: #fff;background: #343537;}
 .i-come-out{ margin: 50px auto 0 auto !important;height:175px;}
 .i-come-out .swiper-button-black{width: 18px;height: 16px;border: none;background-size: 24px 20px;outline: none;margin-top: -14px !important;}
 .i-come-in{width:1140px;}
 .i-come-in .swiper-slide{background: #fff; height: 175px;overflow: hidden;padding: 4px;}
 .i-newfl{width: 865px;}
 .i-newfr{width: 315px;}
 .i-newtab a{display: block;width: 195px;height: 45px;line-height: 45px;margin-right: 25px;letter-spacing: 1px;border: 1px solid #8f0108;background: #fff; font-size: 20px;text-align: center;}
 .i-newtab a:hover{background: #8f0108;color: #fff;}
 .i-newtab a.new-active{background: #8f0108;color: #fff;}
 .i-newbox{display: none;}
 .i-boxfl{width: 400px;background: #fff;}
 .i-boxflimg{width: 100%;height: 270px;}
 .i-boxfl-label{padding: 30px 10px;}
 .i-newul li{width: 450px; padding: 17px 14px;background: #fff;margin-top: 10px;border: 1px solid #ddd;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .i-newul li:first-child{margin-top: 0;}
 .i-newul li:hover{border-color: #8f0108;}
 .i-newulimg{width: 160px;height: 110px;}
 .i-newultxt{width: 250px;}
 .i-newul-p{max-height: 44px;color: #5a5a5a;line-height: 22px;}
 .i-newfrtit{height: 45px;line-height: 45px;}
 .sliderbox{ background: #fff; padding:0 20px;height: 488px;overflow: hidden;border-bottom: 2px solid #8f0108;border-left: 2px solid #8f0108;border-right: 2px solid #8f0108;}
 .i-newfrul li{overflow: hidden;height: 150px;border-bottom: 1px dashed #8f0108;}
 .i-newfrul li{margin-top: 15px;}
 .i-newfrul li:first-child{margin-top: 0;}
 .i-newfrul li:last-child{border: none;}
 .i-wdbtn{width: 22px;height: 22px;line-height: 22px;text-align: center; font-size: 16px;color: #fff;flex-shrink: 0;}
 .i-newfrul-p{max-height: 67px;line-height: 23px;}
 /*productcenter*/
 .i-probox{margin-bottom: 28px;}
 .i-prolable{width: 145px;height: 48px;line-height: 48px;text-align: center;font-size: 22px;background: #ececec;color: #333;}
 .i-proul li a{display: block;width: 150px;height: 40px;line-height: 40px;text-align: center; margin-left: 10px;font-size: 18px;color: #333;}
 .i-proul li a:hover{background: url(../images/pro-on.png) no-repeat;background-size: 100% 100%;}
 .i-proshowul li{position: relative;width: 380px;height: auto;margin:5px 20px 30px 0px;}
 .i-proshowimg{width: 380px;height: 337px;overflow: hidden;border: 1px solid #ddd;border-radius: 14px;}
 .i-proshowtxt{width: 100%;height: 52px; line-height: 50px;background: #fff; text-align: center; border: 1px solid #ddd;color: #444;font-size: 22px;margin-top: 5px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 20px;}
 /*footer*/
 .i-linkul li{margin:15px 45px 0 0;}
 .i-linkul li a{color: #222;font-size: 18px;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .i-linkul li a:hover{color: #8f0108;}
 .i-fbg{background: url(../images/fbg.jpg) no-repeat;background-size: 100% 100%;}
 .i-f-cent{width: 1200px; padding: 70px 120px 40px 100px;}
 .f-line{margin: 0 65px 0 50px;}
 .i-f-ul li{margin-top: 5px;}
 .i-f-pl{padding-left: 36px;}
 .i-f-pl2{padding-left: 9px;}
 .i-code{width: 160px;height: 160px;padding: 5px;border: 1px solid #e6e6e6;}
 /*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*/
 .i-label1{width: 100%;height: 48px;background: url(../images/label1.png) no-repeat;background-size: 100% 100%;letter-spacing: 2px;}
 .i-label1 img{ margin-top: 4px;}
 .i-label2{width: 100%;height:37px;background: url(../images/label2.png) no-repeat;background-size: 100% 100%;padding-left: 30px;letter-spacing: 1px;white-space: nowrap;overflow: hidden;}
 .i-label2 img{margin-top: 2px;}
 .i-pro-ul li>a{display: block;padding: 10px 0;font-size: 18px; border-bottom: 1px dashed #ccc;color: #333; background:url(../images/pro4.png) no-repeat 20px 16px;padding-left: 37px;white-space: nowrap;overflow: hidden;}
 .i-pro-ul li>a:hover{background:url(../images/pro44.png) no-repeat 20px 16px;color: #8f0108;}
 .i-listfl{width: 240px;height: auto;}
 .i-showfr{width: 940px;height: auto;}
 .i-frshowul li{position: relative;width: 292px;height: auto;margin:0 9px 40px 11px;}
 .i-showimg{width: 292px;height: 262px;overflow: hidden;border: 1px solid #ddd;border-radius: 14px;}
 .i-showtxt{width: 100%;height: 42px; line-height: 40px;text-align: center; border: 1px solid #ddd;color: #444;font-size: 18px;margin-top: 5px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0 20px;}
 /*公共资讯底部*/
 .p-infor-ul{width: 100%; padding: 10px 20px 20px 20px;}
 .p-infor-ul li{width: 46%; height: 32px;overflow: hidden;}
 .p-infor-ul li p{font-size: 16px;color: #333;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .p-infor-ul time{font-size: 16px;flex-shrink: 0;text-align: right;margin-left: 25px;color: #999;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .p-infor-ul li:hover p,.p-infor-ul li:hover time{color: #8f0108;}
 /*侧边*/
 .n-pro-ul li>a{display: block;width: 85%;color: #333; padding: 7px 0;margin: 8px auto 0 auto;  font-size: 18px; border-bottom: 1px dashed #999;background:url(../images/pro4.png) no-repeat 25px 13px;padding-left: 45px;}
 .n-pro-ul li:first-child>a{margin-top: 0;}
 .n-pro-ul li>a:hover{background:url(../images/pro44.png) no-repeat 25px 13px;color: #8f0108; border-bottom: 1px dashed #8f0108;}
 /*产品推荐-侧边*/
 .tj-ul li a{display: block; width: 222px;height: auto;margin: 20px auto;}
 .tj-showimg{width: 222px;height:192px;border: 1px solid #ddd;overflow: hidden;border-radius: 10px;}/*  img 220x190*/
 .tj-showtxt{width: 100%;height: 30px;line-height: 28px;font-size: 18px; border: 1px solid #ddd; text-align: center;margin-top: 5px;padding: 0 10px;}
 /*最新资讯-侧边*/
 .zx-ul li{padding: 8px 0;}
 .zx-ul-num {width: 22px;line-height: 22px;text-align: center; color: #fff;font-size: 18px; display: block;background: #000;}
 .zx-ul li:nth-child(1) span, .zx-ul li:nth-child(2) span, .zx-ul li:nth-child(3) span{background: #8f0108;}
 /*联系-侧边*/
 .p-lx-ul{padding: 5px 15px 20px 15px;border: 1px solid #ddd;}
 .p-lx-ul li{margin-top: 10px;color: #000;font-size: 18px;}
 /*Classicr Case -Product List*/
 .c-li-img{width: 267px;;height: 172px;overflow: hidden;}
 .c-li-p{max-height: 56px;font-size: 16px;color: #333; line-height:28px;margin-top: 20px;}
 .c-li-data{width: 610px;height: auto;}
 .c-li-tit{padding: 5px 5px 10px 32px;background: url(../images/icon2.png) no-repeat 5px 14px;}
 /*NEWS*/
 .n-boxfl{width: 422px;height: auto; overflow: hidden;}
 .n-boxfr{width: 432px;height: auto; overflow: hidden;}
 .n-boxflimg{width: 100%;height: 287px;border: 1px solid #ddd;}
 .n-boxfl-p{font-size: 15px;color: #5a5a5a;line-height: 25px; max-height: 47px;}
 .n-infor-ul li{padding: 6px 0;}
 .n-infor-ul li:first-child{padding-top: 0;}
 .n-infor-txt{font-size: 16px;color: #333;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .n-infor-ul time{font-size: 16px;flex-shrink: 0;color: #999;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .n-infor-ul li:hover .n-infor-txt,.n-infor-ul li:hover time{color: #8f0108;}
 .n-combox{width: 455px;height: auto;overflow: hidden;}
 /*About Us*/
 .a-teamul li{width: 440px;height: 290px;margin:10px 9px;}
 .a-labeltit{width: 220px;height: 60px;margin: 40px auto 10px auto;background: url(../images/labletit.png) no-repeat;background-size: 100% 100%;text-align: center;line-height: 60px;}
 .a-swiperbox-out{margin: 30px auto !important;height:172px;}
 .a-swiperbox-out .swiper-button-black{width: 18px;height: 16px;border: none;background-size: 24px 20px;outline: none;margin-top: -10px !important;}
 .a-swiperbox-in {width: 850px;}
 .a-swiperbox-in .swiper-slide{border: 1px solid #ccc;height: 170px;overflow: hidden;padding: 1px;}
 /*Contact Us*/
 .con-box{width: 820px;height: auto;padding: 30px 35px 20px 35px}
 .con-ul li{width: 310px; padding: 16px 5px 10px 5px;border-bottom: 1px solid #ccc;}
 .con-ul li:last-child{border: none;}
 .con-map{position: absolute;right: 20px;top: 80px;border: 1px solid #ddd; width: 520px;height: 350px;box-shadow: 2px 2px 4px 2px #eee;}
 .con-form{margin-right: 70px;}
 .con-form span{flex-shrink: 0;font-size: 18px;}
 .con-inputbox{margin-left: 65px;margin-top: 20px;}
 .con-input input{border: 1px solid #d3d3d3;height: 32px; padding: 0 8px;font-size: 16px;outline: none;}
 .con-input1 input{width: 125px;}
 .con-input2 input{width: 145px;}
 .con-input3 input{width: 210px;}
 .con-leavebox{margin: 30px 0 30px 65px;}
 .con-leavebox textarea{border: 1px solid #d3d3d3;width: 100%; height: 90px; overflow: hidden;padding: 5px 10px;font-size: 16px; }
 .con-btn-tj{width: 140px;height: 37px;border-radius:10px;color: #fff;font-size: 20px;background: #8f0108;cursor: pointer;}
 /*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;}
 .pd-box a{color:red;}
 .pd-txt{width: 100%;height: 140px;overflow: hidden;}
 .pd-btn{width: 150px;height: 40px;line-height: 40px;text-align:center;color: #fff;font-size: 20px;letter-spacing: 6px;margin: 12px 60px;}
 .pd-tjbox{width: 645px;height: auto;border: 1px #9dc8e5 solid;margin:30px 0 0 80px;padding: 15px 20px;}
 .pd-ullist li{width: 160px; margin:0 30px 0 15px}
 .pd-ulimg{width: 160px;height: 146px;border: 1px solid #eee;}/*11:10*/
 .pd-ulimg img{width:100%}
 .pd-abs{position: absolute;top: -15px;left: 5px;z-index: 99; width: 150px;height: 26px;background:#fff  url(../images/pd2.png) no-repeat 12px 0;padding-left: 40px;}
 .pd-label{height: 38px;line-height: 38px;}
 .pd-px{height: 38px;width: 240px;border-bottom: 37px solid #ff7800; border-left: 0px solid transparent;border-right: 15px solid transparent;}
 .pd-key {padding: 10px;margin: 10px 0;border-bottom: 1px dashed #ccc;font-size: 16px;}
 .pd-key label{flex-shrink: 0;}
 .pd-key ul li{float: left; margin-left: 5px;}
  /*NEWS List*/
 .nl-a-box{display: block;margin-bottom: 15px; padding: 30px 10px;width: 100%;height: auto;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
 .nl-a-box:hover{background: #fbfbfb;}
 .nl-a-txt{width: 400px;}
 .nl-a-p{margin-top: 10px;line-height: 25px;font-size: 16px;color: #000;max-height: 50px;}
 /*Product List*/
.p-a-box{padding: 30px 0;border-bottom: 1px dashed #ccc;width: 100%;height: auto;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-ul-list li:last-child .p-a-box{border: none;}
.p-li-img{width: 252px;;height: 226px;border: 1px solid #ddd;border-radius: 12px;overflow: hidden;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-li-data{width: 630px;height: auto;}
.p-li-tit{padding: 5px 5px 10px 32px;background: url(../images/pro2.png) no-repeat 5px 14px;}
.p-li-p{line-height: 30px;font-size: 16px;color: #000;margin-left: 5px;max-height: 85px;}
.p-li-a{position: absolute;right: 0;bottom: 0;width: 110px;height: 30px;text-align: center;line-height: 28px; border-radius: 12px; font-size: 16px;border: 1px solid #8f0108;color: #8f0108;transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;}
.p-a-box:hover{background: #fbfbfb;}
.p-a-box:hover .p-li-img{opacity: .9;border-color: #8f0108;}
.p-a-box:hover .p-li-a{background: #8f0108;color: #fff;}
 /*comment*/
 .c-pltit{height: 34px; width: 100%;line-height: 34px;}
 .c-pltit p {border-bottom: #8f0108 2px solid;height: 33px;}
 .c-ul-pl li{padding: 20px 0;border-bottom: 1px solid #b0c4c9;color: #666;}
 .c-reply{width: 100%;height: 60px;border: 1px dashed #999;padding: 8px;overflow:hidden;}
 .c-comment textarea{overflow:hidden;color: #333;padding: 10px;width: 100%;height: 90px;border: 1px solid #ccc;font-size: 15px;}
 .c-form{padding: 20px 120px 20px 30px;}
 .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: 140px;height: 30px;border: 1px solid #ccc; padding: 0 10px;}
 #success_txt{letter-spacing: 1px;color: #333;margin-top: 5px;}
 #error_txt{letter-spacing: 1px;color: #ff0000;margin-top: 5px;}
 /*pages*/
 .page{height: 35px;margin: 30px 20px 0 0;float: right;}
 .page a,.page span{font-size: 14px; display: inline-block;float: left;padding: 0 6px;margin-right: 6px;border: 1px solid #8f0108;color: #8f0108; border-radius: 2px;}
 .page a:hover{background: #8f0108;color: #fff;text-decoration: none;border-color: transparent;}
 .page .current{background: #8f0108;font-weight: bold;color: #fff;border-color: transparent;}