@charset "utf-8";
/* HONESTYZHI 2018 0916 */
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}
body,ol,ul,li,p,input,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,strong,div,nav,footer,header,from,textarea,section{margin:0;padding:0;border:0;}
footer,header{display:block;width:100%;}
body{background:url(../images/bg.png);color:#4a4a4a;font-size:14px;font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei",Helvetica;}
ul,ol{list-style:none}
em,i{font-style:normal}
img{border:0;max-width:100%}
input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:none}
input[type="button"]{appearance:none;-webkit-appearance:none;-moz-appearance:none}
input[typ="submit"]{outline:none;}
textarea{outline:none;}

.word{word-break:break-all;}
.hide{display:none;}
.show{display:block;}
.ovhide{overflow:hidden}
.txt-hide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.pfix{position:fixed;z-index:120;}
.prel{position:relative;z-index:20;}
.pabs{position:absolute;z-index:25;}
.block{display:block;}
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;content:""}
.clearfix{clear:both;zoom:1}
.fl{float:left}
.fr{float:right}
*:focus{outline:none}
.txt28{text-indent:28px;}
/*Global CSS*/
a{text-decoration:none}
a:hover{text-decoration:none}
/* -- layout color -- */
/* -- layout border-radius -- */
.bdr3{-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;}
.bdr5{-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
.bdr50{-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%; border-radius:50%;}
/* -- layout text-align -- */
.tl{text-align:left!important}
.tc{text-align:center!important}
.tr{text-align:right!important}
/* -- layout margin -- */
.mr5{margin-right:5px}
.ml15{margin-left:15px}
.mt10{margin-top:10px !important}
.mt20{margin-top:20px !important}
.mt30{margin-top:30px !important}
.mt50{margin-top:50px !important}
/* -- layout border -- */
.b0{border:none!important}
.bt0{border-top:none!important}
.br0{border-right:none!important}
.bb0{border-bottom:none!important}
.bl0{border-left:none!important}
/* -- layout padding -- */
.p{padding:11px 15px}
.p15{padding:15px;}
.ptb11{padding-top:11px;padding-bottom:11px;}
.ptb15{padding-top:15px;padding-bottom:15px;}
.ptb20{padding-top:20px;padding-bottom:20px;}

.plr15{padding-left:15px;padding-right:15px;}

.pt11{padding-top:11px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}

.pr15{padding-right:11px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}

.pb11{padding-bottom:11px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}

.pl15{padding-left:15px}
/* -- layout width height -- */
.wb30{width:30%;}
.wb40{width:40%;}
.wb50{width:50%}
.wb60{width:60%}
.wb70{width:70%}
.wb100{width:100%;}
.h22{height:22px}
.h24{height:24px}
.h44{height:44px}
/* -- layout line-height -- */
.lh16{line-height:16px;}
.lh20{line-height:20px}
.lh22{line-height:22px}
.lh24{line-height:24px}
.lh32{line-height:32px;}
.lh44{line-height:44px}
/* -- layout font-size -- */

.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size:24px}
.fw400{font-weight:400;}
.fw300{font-weight:300;}
/* -- layout white space -- */
.blank0{height:0px;clear:both;overflow:hidden;visibility:visible;}
.blank44{height:44px;clear:both;overflow:hidden;visibility:visible;}
.blank49{height:49px;clear:both;overflow:hidden;visibility:visible;}
/*global start*/
.col-50,.col-25,.col-33,.col-20,.col-100{float:left;display:block;}
.row{width:100%;clear:both;zoom:1;}
.col-20{width:20%;}
.col-25{width:25%;}
.col-33{width:33.33%;}
.col-50{width:50%;}
.col-100{width:100%;}
.arrow-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #42799d;}
.bleft0{bottom:0;left:0;}
.bleft2{bottom:50px;left:0;}
.right15{right:15px;}
.ind28{text-indent:28px;}
.pos01{top:11px;left:15px;}
.pos02{right:15px;top:50%;margin-top:-9px;}
.pos03{top:162px;left:0;right:0;bottom:50px;overflow-x:hidden;overflow-y:auto;}

input[placeholder]::-webkit-input-placeholder,textarea[placeholder]::-webkit-input-placeholder{color:#909090;} 
input[placeholder]::-webkit-input-placeholder,textarea[placeholder]::-webkit-input-placeholder::-moz-placeholder{color:#909090;} 
input[placeholder]::-webkit-input-placeholder,textarea[placeholder]::-webkit-input-placeholder::-moz-placeholder{color:#909090;} 
input[placeholder]::-webkit-input-placeholder,textarea[placeholder]::-webkit-input-placeholder::-ms-input-placeholder{color:#909090;}
/*box box*/
.bgfff{background-color:#fff;}
.bgfaf{background-color:#fafafa;}
.bgf0f{background-color:#f0f0f0;}
/*global end*/
.imgCenter{width:500px;position:fixed;top:50%;left:50%;margin-top:-182px;margin-left:-250px;z-index:100}
@media (max-width:500px){
	.imgCenter{width:100%;margin-top:0;margin-left:0;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
}
.container,.container-pro{background:#fff;width:1200px;margin:0 auto;padding:20px}
/*@media (max-width:1200px){
	.container,.container-pro{background:#fff;width:auto;margin:0 10px;padding:20px}
}*/
.sliderBox{float:right;width:60%;margin-left:30px;padding-bottom:30px;padding-top:20px;padding-right:10px}
.sliderBox{position:relative;z-index:1;overflow: hidden}
.sliderBox > ul > li {position:absolute;width:100%;overflow:hidden}
.sliderBox > ul {display:block;width:100%;height:405px;position:relative;z-index:1;}
.sliderBox > ul > li > img{display:block;width:100%;}
.liTab,.sliTab{padding-top:20px;}
.tabli li{background:#fff;float:left;line-height:24px;padding:12px 8px;margin:0 4px 10px;border:1px solid #caccd4;border-radius:3px;color:#666;position:relative;z-index:2;cursor:pointer}
.tabli li.on{background:#0C6;border:1px solid #0C6}
.tabli li a{color:#4a4a4a;font-size:14px;cursor:pointer}
.tabli li.on a{color:#fff;}

.tabImg li{background:#fff;float:left;width:60px;height:60px;border:1px solid #CCC;padding:2px;margin:0 4px 10px;overflow:hidden;cursor:pointer}
.tabImg li.on{border:3px solid #0C6;padding:0;}
.tabImg li img{width:100%;height:100%;}
.sliderBox > ul > li.imgHide > .imgli{display:none}
.sliTab{display:none}


.conLi{padding-left:10px;padding-right:16px}
.tabCon{font-size:14px;color:#4a4a4a}
.tabCon h1{font-size:24px;padding:15px 0;font-weight:400}
.tabCon h3{font-size:16px;padding:15px 0}
.tabCon p{line-height:20px;padding:5px;font-weight:300;}
.tabCon img{max-width:100%;margin:8px}
.header{background:#fff;height:100px;margin:0 auto;border-bottom:1px solid #a6ddfd;margin-bottom:10px;color:#fff}
.header > div{max-width:1200px;padding:0 10px;margin:0 auto;position:relative}
.menu{width:100%;border-bottom:1px solid #CCC;}
.menu li{float:left;position:relative;margin-bottom:30px}
.menu li a{display:block;padding:20px 20px 0;line-height:20px;color:#414141;font-size:16px;cursor:pointer}
.menu li.on a,.menu li a:hover{/*padding-bottom:20px;border-bottom:2px solid #1864ab;*/color:#5bc1fc}
.footer{background:#fff;width:1200px;margin:0 auto;padding:20px;color:#4a4a4a;font-size:12px;position:relative;border-top:1px solid #e5e5e5}
/*@media (max-width:1200px){
	.footer{width:auto;margin:0 10px;}
}*/
.ft-menu li{display:inline-block;margin-right:10px}
.ft-menu li:last-child {
  display: none;
}
.ft-menu li a{color:#4a4a4a;font-size:12px;cursor:pointer}
.copy{margin-top:10px;}
.telBox{position:absolute;right:20px;top:8px;font-size:16px}
.telBox a{color:#fff}
.logo{display:inline-block;height:80px;margin-top:10px}
.logo > img{height:100%}
.one-fourth{right:20px;top:15px;position:absolute}
.one-fourth img{margin-top:4px;margin-right:5px;cursor:pointer}
.bg000{background:#000;}

.f-logo{right:20px;top:25px;position:absolute;width:160px}
/*PRODUCT 20190716*/
.liProduct li{float:left;width:25%;padding:0 0 32px 32px;}
.liProduct li > a{display:block;padding-bottom:10px;/*box-shadow:0px 0px 6px 1px #ececec;*/color:#4a4a4a;line-height:18px;font-size:12px;cursor:pointer}
.liProduct li > a div{overflow:hidden;height:192px}
.liProduct li > a > h3{height:36px;margin:10px 10px 0;font-weight:300;font-size:13px;overflow:hidden}
.liProduct li > a,.liProduct li > a img,.liProduct li > a div{ 
transition: all 0.8s; 
-moz-transition: all 0.8s;
-webkit-transition: all 0.8s; 
} 
.liProduct li > a:hover{ 
box-shadow:0px 0px 6px 1px #c4c4c4; 
color:#63c99a;
} 
.liProduct li > a:hover img{ 
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
}
.liProduct li > a div{
filter:alpha(Opacity=80); 
-moz-opacity:0.8; 
opacity: 0.8; 	
}
.liProduct li > a:hover div{
filter:alpha(Opacity=100); 
-moz-opacity:1; 
opacity: 1; 	
}
.liProduct2 li{float:left;width:25%;padding:0 0 32px 32px;}
.liProduct2 li > a{display:block;padding-bottom:10px;border:1px solid #e7e8e3;color:#4a4a4a;line-height:18px;font-size:12px;cursor:pointer}
.liProduct2 li > a div{overflow:hidden;height:192px}
.liProduct2 li > a > h3{height:36px;margin:10px 10px 0;font-weight:300;overflow:hidden}

.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}
.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}
.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}

.product-images{padding:0 10px;}
.faith-images{padding:25px 20px 0}
.imgUl{margin-top:15px;}
.imgUl li{float:left;width:22%;margin:0 1.5%;padding:10px;}
.boxShadow li{box-shadow:0px 0px 6px 1px #ececec;width:20%;margin:0 2.5% 50px;}
.example img{width:100%;}
.faithCon{float:left;width:540px;height:152px;padding-left:258px;margin-bottom:40px;position:relative}
.faithTxt{position:absolute;top:20px;left:0;width:250px}
.faithCon:nth-child(2n){margin-left:40px}
.faithTxt h3{font-size:28px;line-height:36px;font-weight:400;font-family:"微软雅黑"}
.faithTxt p{line-height:22px;font-weight:300;letter-spacing:-0.3px}

.product-right-img,.product-message-con{float:left;}
.product-message-con{width:53%}
.product-right-img{width:47%;padding:0 10px 0 10px}
.product-right-img .jqzoom  > img{box-shadow:0px 0px 6px 1px #ececec;}
.product-message-con{padding-right:10px;}
.product-message-con li{padding-bottom:10px;line-height:22px;font-weight:300;}
.product-message-con li:after{display:block;height:0;clear:both;visibility:hidden;content:""}
.product-message-con li{clear:both;zoom:1}
.spName,.spCon{float:left;min-height:22px;}
.spName{width:20%;padding-right:4px;text-align:left;color:#63c99a;font-weight:400}
.spCon{width:80%;}

.header-top{padding-left:20px;padding-bottom:10px;height:40px;position:relative;font-weight:300;font-size:16px;margin:30px 10px 0;line-height:30px;border-bottom:1px solid #ececec}
.header-top::before{content:"";position:absolute;top:7px;left:0;width:5px;height:16px;background:#f1b935;}
.product-name{padding:10px 0 40px 0px;text-align:center;font-size:24px;font-weight:500;color:#4a4a4a;position:relative}
.product-name::before{content:"";width:60px;height:2px;background:#f1b935;bottom:30px;left:50%;margin-left:-30px;position:absolute;}
.product-name2::before{width:30px;margin-left:-15px;}

/*topbar css*/
.wrap{width:1200px;margin:0 auto}
.navbar{height:90px;border-bottom:1px solid #e1e1e1;border-top: 2px solid #348cbe;position:relative;z-index: 50}
.navlist li{float:left;}
.navlist li a{display: block;height:90px;line-height:90px;padding:0 20px;color:#4a4a4a;font-size:14px}

.navbar-header{float:left}
.navbar-logo {display: block; height: 90px; position: relative; z-index:50;padding-right: 30px; -webkit-transition: all .3s ease; transition: all .3s ease }
.navbar-logo img { position: relative; z-index: 1 }
.vertical-align-middle { display: inline-block;min-width:300px; height:52px; margin-top: 20px; font-size: 14px ;text-align:center}
.vertical-align-middle img{height:100%;width:auto}
.navbar-logo:before { content: ' '; width: 2000px; position: absolute; top: 0; right: 0; height: 100px; background: #348cbe url(../images/leftlogo.png) no-repeat 0 0; -webkit-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; transform: skewX(-45deg); -ms-transform: skewX(-45deg); -moz-transform: skewX(-45deg); -webkit-transform: skewX(-45deg); -o-transform: skewX(-45deg) }
.navlist a.active,.navlist a:hover{color:#0e97e6;}
.collapse{margin-top:28px}
.collapse img{cursor:pointer}
.collapse a{color:#4a4a4a;}
.collapse p i,.collapse p img{vertical-align:middle}
.webwidget_menu_glide_sprite,.divMouse{background:url(../images/mouse.png) center right;height:36px;width:1200px;position:absolute;bottom:-5px;z-index:10;}
.divMouse{background:url(../images/mose.png) center right;left:0;z-index:5;}
.menuDiv{width:100%;padding-bottom:10px;overflow:hidden;position:relative}
.fixMenu{background:#fff;padding-top:20px;position:fixed;top:0px;width:1160px;left:50%;margin-left:-580px;z-index:100}

.i-color{background:#f4f4f4;display:inline-block;padding:2px;margin-right:6px;height:22px;border-radius:1px;border:1px solid #e3e3e3;}
.i-color i{background:#fff;display:inline-block;width:60px;height:16px;cursor:pointer;line-height:16px;position:relative}

.i-color{color:#000;}
.i-color img{display:none;position:absolute}
.i-color.on img{display:block;bottom:0;right:0}
.iWhite{background:#fff;}
.iPink{background:#ff148b;border:1px solid #ff148b;}
.iBlack{background:#000;border:1px solid #000;}
.iGrey{background:url(../images/gray.png) no-repeat center center;border:1px solid #b0b6c4;}
.iGrey2{background:url(../images/gray2.jpg) no-repeat center center;border:1px solid #b0b6c4;}
.Silver{background:url(../images/silver.jpg) no-repeat center center;border:1px solid #b0b6c4;}
.iGreen{background:#63c99a;border:1px solid #63c99a;}
.iYellow{background:#edb848;border:1px solid #edb848;}
.iRed{background:#e90303;border:1px solid #e90303;}
.iWhite i{background:#fff;}
.iPink i{background:#ff148b;}
.iBlack i{background:#000;}
.iGreen i{background:#63c99a;}
.iYellow i{background:#edb848;}
.iRed i{background:#e90303;}
.iGrey i{background:url(../images/gray.png) no-repeat center center;}
.iGrey2 i{background:url(../images/gray2.jpg) no-repeat center center;}
.Silver i{background:url(../images/silver.jpg) no-repeat center center;}
.i-color.on,.i-color:hover{border:1px solid #63c99a;background:#fff;}
.iWhite.on,.iWhite:hover{background:#e3e3e3;}
.selBtn{height:22px;line-height:22px;border:1px solid #4a4a4a}
/*.iWhite.on,.iWhite:hover{color:#fff;}
.iPink.on,.iPink:hover{color:#ff148b;background:#ff148b;}
.iBlack.on,.iBlack:hover{color:#000;background:#000;}
.iGreen.on,.iGreen:hover{color:#63c99a;background:#63c99a;}
.iYellow.on,.iYellow:hover{color:#edb848;background:#edb848;}
.iRed.on,.iRed:hover{color:#e90303;background:#e90303;}
*/
.contact{/*background:#fff url(../images/contactbg.png) no-repeat;*/width:1000px;padding-top:20px;padding-left:80px;margin:0 auto;min-height:390px}
.contact img{display:inline-block;vertical-align:top}
.contact p{line-height:30px;font-size:16px;font-weight:300}
.contact p span{font-weight:400;margin-right:8px}
.contact p.pW10{padding-left:64px;position:relative}
.contact p.pW10 span{position:absolute;left:0;top:0;display:block;}

.wrap01{padding:10px 0px 30px;margin:0 20px;border-bottom:1px solid #ddd;}
.wrap01 > div{float:left;width:25%;*width:24.8%;text-align:center;padding-top:20px;}
.ico02 a{display:inline-block;width:100px;height:100px;margin-bottom:10px;}
a.aImg01{background:url(../images/facebook.png) no-repeat;}
a.aImg02{background:url(../images/twitter.png) no-repeat;}
a.aImg03{background:url(../images/email.png) no-repeat;}
a.aImg04{background:url(../images/linkedin.png) no-repeat;}
a.aImg01:hover{background:url(../images/facebookh.png) no-repeat;}
a.aImg02:hover{background:url(../images/twitterh.png) no-repeat;}
a.aImg03:hover{background:url(../images/emailh.png) no-repeat;}
a.aImg04:hover{background:url(../images/linkedinh.png) no-repeat;}

.scoll_pic{width:1160px;height:162px;position:relative;margin-top:50px}
.scoll_pic .btn_left,.scoll_pic .btn_right{display:block;width:30px;height:162px;color:#fff;position:absolute;top:0px;}
.scoll_pic .btn_right{right:0px;}
.scoll_pic .pic_list{position:absolute;left:40px;top:0px;height:162px;width:1080px;overflow:hidden;}
.scoll_pic .pic_list ul{width:10000px;}
.scoll_pic .pic_list li{float:left;width:250px;height:162px;margin:0 10px;}
.scoll_pic .pic_list li img{width:100%}

.btn_left,.btn_right{background:url(../images/arr.png) no-repeat;}
.btn_right{ background-position:-10px 40px}
.btn_right:hover{ background-position:-67px 40px}
.btn_left{ background-position:-174px 40px}
.btn_left:hover{ background-position:-117px 40px}

.quality{width:260px;margin-top:20px;}
.mAuto{margin:0 auto;height:82px;overflow:hidden}

.selColorBox{background:#e9e9e9;display:block;width:80px;height:22px;border:1px solid #4a4a4a;position:relative;cursor:pointer}
.selColor{padding-right:20px}
/*.selColorBox:hover{border:1px solid #6CF;}*/
.sjIco{display:block;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:6px solid #4a4a4a;position:absolute;top:8px;right:6px}
.ulDown{background:#e9e9e9;position:absolute;display:none;width:80px;border:1px solid #7b9dd4;border-top:1px solid #4a4a4a;top:20px;left:-1px}
.ulDown li{width:100%;height:22px;border-bottom:2px solid #e9e9e9;}
.ulDown li:last-child{border-bottom:none;height:20px;}
.sIco{display:block;width:100%;height:20px;line-height:20px;text-align:center;position:relative}
.sIco img{display:none;position:absolute}
.selColor .sIco img{display:block;bottom:2px;right:2px}
.Swhite{background:#fff;}
.Spink{background:#ff148b;}
.Sblack{background:#000;}
.Sgreen{background:#63c99a;}
.Syellow{background:#edb848;}
.Sred{background:#e90303;}

.list-mune{width:16.4%}
.listPos{background:#fff;width:232px;position:absolute}
.listPos2{position:fixed;top:100px;z-index:80}
.list-mune li{min-height:28px;padding-left: 20px;padding-top:5px;padding-bottom:5px;border-bottom:1px dashed #e7e8e3;font-size:14px;color:#191A16;font-weight:300;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis*/}
.list-mune li:hover,.list-mune li.on{background:url(../images/icoy.png) no-repeat 8px 10px}
.list-mune li.topMune{background:#77caf9;height:40px;padding-left:10px;line-height:30px;font-size:16px;color:#fff;margin-bottom:10px;border-bottom:none}
.list-mune li a{display:inline-block;width:100%;line-height:18px;color:#4a4a4a;cursor:pointer}
.list-mune li:hover a,.list-mune li.on a{color:#f1b935}
.list-mune li{background:url(../images/icog.png) no-repeat 8px 10px}

.list-mune > p{height:28px;padding-left: 20px;padding-top:5px;padding-bottom:5px;border-bottom:1px dashed #e7e8e3;font-size:14px;color:#191A16;font-weight:300;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis*/}
.list-mune > p:hover,.list-mune p.on{background:url(../images/icoy.png) no-repeat 8px 10px}
.list-mune > p a{display:inline-block;width:100%;line-height:18px;color:#4a4a4a;cursor:pointer}
.list-mune > p:hover a,.list-mune p.on a{color:#f1b935}
.list-mune > p{background:url(../images/icog.png) no-repeat 8px 10px}

.liTab{width:83.6%;padding-top:0px}
.liTab2{width:83.6%;padding-left:20px;padding-top:0px}

.tabBox{width:100%;border-collapse:collapse;font-size:12px;margin-top:6px}
.tabBox td,.tabBox th{border:1px solid #e0e0e0;padding:4px;}
/*.tabBox th{font-weight:400}*/
.tabBox td{font-weight:300}
.artBox{padding-bottom:16px;}
.artBox:last-child{padding-bottom:0}
.artBox h4{font-size:16px;font-weight:400;padding-bottom:6px;color:#f1b935}
.artBox p{font-weight:300;line-height:22px;padding-top:0px;font-size:14px;color: #4a4a4a;}
/* .artBox p:nth-child(2){padding-top:0} */

.p-home{left:-1093px;}
.p-sprite{left: -755.156px;}
.p-glove{left: -956.375px;}
.p-blog{left: -758.188px;}
.p-contact{left: -659.484px;}
.p-bulka{left: -833.156px;}

/*图片放大镜样式*/
.product-right-img img{max-width:inherit}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:330px;height:330px;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:330px;height:330px;box-shadow: 0px 0px 6px 1px #ececec;}
.spec-scroll{width:80px;height:330px;margin-left:10px;}
/*.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}*/
.spec-scroll .items{float:left;position:relative;width:100%;height:330px;overflow:hidden;z-index:0;}
.spec-scroll .items ul{position:absolute;width:100%;height:80px;}
.spec-scroll .items ul li{float:left;width:72px;height:72px;text-align:center;margin-bottom:15px;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:68px;height:68px;}
.spec-scroll .items ul li img:hover,.spec-scroll .items ul li.on img{border:2px solid #f1b935;padding:1px;}

.el-pagination.is-background .el-pager li:hover{
    color: #63c99a !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #63c99a !important;
    color: #FFF !important;
}
.divConent{min-height:600px;}
.blogDiv{margin-left:30px;margin-bottom:30px;font-size:13px}
.blogDiv h2{font-size:22px;font-weight:400;text-align:center;padding-bottom:6px;position:relative}
/*.blogDiv h2::before {
    content: "";
    width: 40px;
    height: 2px;
    background: #f1b935;
    bottom: 5px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
}*/
.blogDiv p{font-weight:300;line-height:22px;margin-top:10px}
.blockDiv{height:86px}
body {
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
}
.pro-txt{ white-space:pre-wrap}