/*dxsdxsdcs1111111代码初始化*/

*{ padding:0; margin:0; font-style:normal;}
ul,ol{ list-style:none;}
body{ font-family:"微软雅黑";min-width:1340px; margin:0 auto;}
img,input{ border:none; outline:none;}
a{ text-decoration:none;}


.gs_comment_ctr{ display: block; width: 100%;overflow: hidden; text-align: left; box-sizing: border-box;
padding: 5px 10px; border-bottom: 1px dashed #ccc; margin:10px auto;}
.gs_comment_lt1{ display: block; width: 100%;overflow: hidden; text-align: left; box-sizing: border-box; }
.gs_comment_lt1::after{	content: ''; clear: both; display: block;}
.yhsj{ float: right;font-size: 14px;color: #888; line-height:40px;}
.gs_comment_lt1 .yhtx{ display: block; float: left; width: 40px; height: 40px; box-sizing: border-box; border-radius: 50%;
border:2px solid #eee; overflow: hidden;}
.gs_comment_lt1 .yhtx img{ display: block; width:100%;	margin: 0 auto;background: url(http://qgkm.cn//upload/pic/public/tx.jpg) no-repeat content;}
.gs_comment_lt1 .yhmz{ float:left;font-size: 16px;color: #01AAED; line-height: 40px; margin-left: 10px;}
.gs_comment_right{display: block; width: 100%;overflow: hidden; text-align: left; box-sizing: border-box; }

.gs_comment_right::after{	content: ''; clear: both; display: block;}
.gs_comment_right .gs_comment_rt3{font-size:14px;color: #454545; line-height:2em; margin:15px 0 0px; text-align: left;}
.gs_comment_right .gs_comment_rt4{font-size:14px;color: #686868; line-height:1.88em; margin:0 auto; text-align: left;}


@font-face{

	font-family:DINPro-Light;

	src:url(../fonts/DINPRO-LIGHT.OTF);

}



@font-face{

	font-family:DINPro-Bold;

	src:url(../fonts/DINPRO-BOLD.OTF);

}

@font-face{

	font-family:"逼格青春粗黑体简2.0";

	src:url(../fonts/bgqcchtj.TTF);

}





/*顶部区域*/

.top{ width:100%; min-width:1200px; margin:0 auto; height:40px; background:#3d3d3d;}

.top_c{ width:1200px; height:40px; margin:0 auto;}

.top_c::after{ content:""; display:block; clear:both;}

.top_c .tpl{ float:left; margin-right:10px;}

.top_c .tpl::after{ content:""; display:block; clear:both;}

.top_c .tpl .dl,.top_c .tpl .zc{ font-size:16px; float:left; display:block; line-height:40px; color:#fff; transition:0.3s;}

.top_c .tpl .dl:hover,.top_c .tpl .zc:hover{color:#ffab27;}

.top_c .tpl i{ display:block; width:1px; height:10px; background:#fff; float:left; margin:15px 8px;}



.tpr{ float:right;}

.tpr::after{ content:""; display:block; clear:both;}

.tpr a{ float:left; font-size:16px;display:block; line-height:40px; color:#fff; transition:0.3s; margin-left:18px;}

.tpr .scsy{ box-sizing:border-box; padding-left:20px; background:url(../images/fhsy.png) no-repeat left center; transition:0.3;}

.tpr .ggc{ box-sizing:border-box; padding-left:20px; background:url(../images/gwc1.png) no-repeat left center; transition:0.3s;}

.tpr a:hover{color:#ffab27;}

.tpr .scsy:hover{background:url(../images/fhsyh.png) no-repeat left center;}

.tpr .ggc:hover{background:url(../images/gwc1h.png) no-repeat left center;}













/*头部区域*/

.header{ width:100%; min-width:1200px; height:115px; margin:0 auto;background:#fff;}

.head{width:1200px; height:115px; margin:0 auto;background:#fff;}

.head::after{ content:""; display:block; clear:both}

.head .headl{ float:left;}

.head .headl::after{ content:""; display:block; clear:both}

.head .headl .logo{ display:block; width:235px; float:left; margin-top:32px;}

.head .headl .logo img{ display:block; width:100%; margin:0 auto;}

.head .headl .logor{ display:block; width:135px; height:51px; float:left; margin:36px 0 0 24px;}

.head .headl .logor img{ display:block; width:100%; margin:0 auto;}



.headr{ float:right; margin-top:30px;}

.headr::after{ content:""; display:block; clear:both}

.headr li{ float:left; margin-left:18px;}

.headr li .xtu{ display:block; width:34px; height:34px; margin:0 auto;}

.headr li .xtu img{ display:block; width:100%; height:34px;}

.headr li h4{ font-size:12px; color:#008e9c; text-align:center; line-height:1.2em; font-weight:400; margin-top:10px;}

.headc{float: left;    width: 520px;    height: 65px;    overflow: hidden;    margin: 36px 0 7px 50px;}

.headc .sst{ display:block; width:510px; height:40px; box-sizing:border-box; border:2px solid #008e9c;}

.headc .sst::after{ content:""; display:block; clear:both}

.headc .sst #search{ box-sizing:border-box; padding:0 11px; border:none; border-right:1px solid #dcdcdc;float:left; margin:6px 14px 0 0; line-height:24px;

width:71px; height:24px; font-size:14px; color:#555; outline:none;

/*去掉默认的下拉三角*/

appearance:none;

-moz-appearance:none;

-webkit-appearance:none;

/*添加下拉三角图标*/

background:url(../images/youxj.png) no-repeat 52px 11px transparent;}



.headc .sst .sskk{ display:block; outline:none; font-size:12px; color:#888; line-height:36px; width:310px; float:left; height:36px;}

.sstj{ display:block;outline:none; width:108px; height:36px;float:right; background:#008e9c url(../images/sous.png) no-repeat center;}

.ssb{ width:100%; overflow:hidden;}

.ssb::after{ content:""; display:block; clear:both}

.ssb li{ float:left;}

.ssb li a{ font-size:12px; color:#888; line-height:1em; transition:0.3s;}

.ssb span{ display:block; width:1px; height:10px; background:#adadad; float:left; margin:8px 10px;}

.ssb li:hover a{ color:#ffab27;}





/*海报区域*/

.banner{ width:100%; min-width:1200px; height:450px; position:relative; overflow:hidden; margin:0 auto;}

.banner a{ position:absolute; top:0; left:50%; margin-left:-960px; display:none; transition:0;}

.banner .shu{ position:absolute; width:100%; bottom:20px; text-align:center;}

.banner .shu li{width:50px; height:7px; background:rgba(0,0,0,0.5); display:inline-block; color:#fff; cursor:pointer; border-radius:10px; margin:0 10px;}

.banner .shu li.active{ background:#E67527;}

.banner .btn{ font-size:100px; position:absolute; top:50%; margin-top:-80px;font-family:"宋体"; color:#ffa401; cursor:pointer; opacity:0; transition:0.3s;

display:block;}



.banner .btn_l{left:50%; margin-left:-500px}

.banner .btn_r{right:50%; margin-right:-500px;}

.banner:hover .btn_l{ opacity:1; margin-left:-600px;}

.banner:hover .btn_r{ opacity:1; margin-right:-600px;}





.category-option{ display:none;}









/*内容区域*/

.nrqy{ width:1200px; margin:30px auto 40px; overflow:hidden; box-sizing:border-box;}

.nrqy::after{ content:""; display:block; clear:both;}

.nrqy .nrqyl{ float:left; display:block; width:256px;}

.nrqy .nrqyl::after{ content:""; display:block; clear:both;}

.nrqy .nrqyl li{ display:block; width:127px; height:92px; float:left; background:#eeeeee; margin-right:1px; margin-bottom:1px; transition:0.3s;}

.nrqy .nrqyl li a{display:block; width:127px; height:92px; float:left; margin-bottom:1px; box-sizing:border-box; padding:20px 30px 0;}

.nrqy .nrqyl li a .xbb{ display:block; width:26px; height:26px; margin:0 auto; transition:0.3s;}

.nrqy .nrqyl li:nth-child(1) a .xbb{ background:url(../images/f1.png) no-repeat center;}

.nrqy .nrqyl li:nth-child(2) a .xbb{ background:url(../images/f2.png) no-repeat center;}

.nrqy .nrqyl li:nth-child(3) a .xbb{ background:url(../images/f3.png) no-repeat center;}

.nrqy .nrqyl li:nth-child(4) a .xbb{ background:url(../images/f4.png) no-repeat center;}

.nrqy .nrqyl li a h3{ font-size:14px; color:#333333; text-align:center; line-height:1.2em; font-weight:400; margin:16px auto 0; transition:0.3s;}

.nrqy .nrqyl li:nth-child(1):hover a .xbb{ background:url(../images/f1h.png) no-repeat center;}

.nrqy .nrqyl li:nth-child(2):hover a .xbb{ background:url(../images/f2h.png) no-repeat center;}

.nrqy .nrqyl li:nth-child(3):hover a .xbb{ background:url(../images/f3h.png) no-repeat center;}

.nrqy .nrqyl li:nth-child(4):hover a .xbb{ background:url(../images/f4h.png) no-repeat center;}

.nrqy .nrqyl li:hover a h3{ color:#fff;}

.nrqy .nrqyl li:hover{ background:#047782;}



.nrqyr{ width:940px; float:right;overflow:hidden; box-sizing:border-box;}

.nrqyr::after{ content:""; display:block; clear:both;}

.nrqyr li{ display:block;  float:left; margin-right:6px;width:309px; height:184px;}


.nrqyr li:nth-child(3){ margin-right:0;}

.nrqyr li a{ display:block; width:309px; height:184px; box-sizing:border-box; padding-left:20px;}

.nrqyr li:nth-child(1) a{background:#f53f4c;}

.nrqyr li:nth-child(2) a{background:#f8a632;}

.nrqyr li:nth-child(3) a{background:#008e9c;}

.nrqyr li a::after{ content:""; display:block; clear:both;}

.nrqyr li a .wnzi{ display:block; width:140px; float:left;}

.nrqyr li a .wnzi h3{ text-align:left; font-size:19px; color:#fff; font-weight:400;transition:0.3s; width:100%; padding-top:45px;

overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.nrqyr li a .wnzi h4{text-align:left; font-size:14px; color:#fff; font-weight:400;transition:0.3s; width:100%; padding-top:10px;

overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.nrqyr li a .wnzi h6{ display:block; width:82px; height:26px; border-radius:14px; background:#ffffff; text-align:center; line-height:26px; font-size:12px; font-weight:400;

margin-top:15px; transition:0.3s;}

.nrqyr li:nth-child(1) a .wnzi h6{ color:#f53f4c}

.nrqyr li:nth-child(2) a .wnzi h6{ color:#f8a632}

.nrqyr li:nth-child(3) a .wnzi h6{ color:#008e9c}

.nrqyr li a .nrtu{ float:right; display:block; width:140px; height:140px; margin-top:25px;}

.nrqyr li a .nrtu img{ display:block; width:100%; margin:0 auto; transition:0.3s;}

.nrqyr li:hover a .wnzi h6{ width:110px;}

.nrqyr li:hover a .nrtu img{ transition:0.3s; transform:scale(1.1);}



.nrqyr li a .wnzi h6:hover{ color:#fff; background:none; box-sizing:border-box; border:1px solid #fff; line-height:24px;}





/*列表*/

.lbc{width:1200px; margin:0 auto 40px; overflow:hidden; box-sizing:border-box;}

.lbc .mjtb{ width:100%; margin:0 auto;overflow:hidden; box-sizing:border-box; padding-bottom:22px; border-bottom:1px solid #bfbfbf;}

.lbc .mjtb::after{ content:""; display:block; clear:both;}

.lbc .mjtb .mjtbl{ float:left;}

.lbc .mjtb .mjtbl::after{ content:""; display:block; clear:both;}

.lbc .mjtb .mjtbl i{ display:block; width:4px; height:20px; background:#16b2c1; float:left;}

.lbc .mjtb .mjtbl a{ font-size:20px; color:#333; line-height:20px; font-weight:900; margin-left:10px;}

.mjtbr{ float:right;}

.mjtbr::after{ content:""; display:block; clear:both;}

.mjtbr a{ float:left; font-size:14px; color:#888; margin-left:10px; transition:0.3s}

.mjtbr a:hover{ color:#ffab27;}





.lbcon{ display:block; margin:15px auto 0; width:100%; overflow:hidden; box-sizing:border-box;}

.lbcon .cpzc{ display:block; width:230px; height:484px; float:left; box-sizing:border-box;}

.lbcon .cpzc a{display:block; width:230px; height:484px; float:left; box-sizing:border-box; border:1px solid #dedede; padding:45px 20px 0; background:#f0f0f0;}

.lbcon .cpzc a h4{ font-size:14px; color:#888; line-height:1.2em; text-align:left; display:inline-block; padding-bottom:10px; border-bottom:2px solid #008e9c; font-weight:400;

transition:0.3s;}

.lbcon .cpzc a h6{ font-size:16px; color:#555; line-height:1.2em; text-align:left; display:inline-block; font-weight:400; margin-top:24px; transition:0.3s;

width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.lbcon .cpzc a h5{ display:block; width:90px; height:26px; display:block; border-radius:13px; background:#008e9c; text-align:center; line-height:26px; font-size:12px; color:#fff;

font-weight:400; margin-top:45px; transition:0.3s;}

.lbcon .cpzc a h5:hover{ width:120px;}



.cpzctu{ display:block; width:180px; height:180px; margin:70px auto 0; overflow:hidden;}

.cpzctu img{ display:block; width:100%; margin:0 auto;}



.cprr{ float:right; width:954px; overflow:hidden; box-sizing:border-box;}

.cprr::after{ content:""; display:block; clear:both;}

.cprr li{ float:left; margin-right:13px; margin-bottom:16px;width:180px; height:235px;}

.cprr li .cpt{ display:block; width:180px; height:180px;box-sizing:border-box; border:1px solid #dddddd; overflow:hidden; transition:0.3s;}

.cprr li .cpt img{display:block; width:100%; margin:0 auto; transition:0.3s;}

.cprr li h3{font-size:12px; color:#454545; line-height:1.2em; text-align:left; display:inline-block; font-weight:400; margin-top:14px; transition:0.3s;

width:100%;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}

.cprr li .cpzi{ display:block; width:180px; box-sizing:border-box; overflow:hidden;}

.cprr li .cpzi::after{ content:""; display:block; clear:both;}

.cprr li .cpzi h2{ float:left; font-size:12px; color:#db0036;}

.cprr li .cpzi h2 span{ font-size:14px;}

.cprr li .cpzi .hxzi{ display:block; width:62px; height:14px; float:left; position:relative; margin-top:3px; margin-left:4px;}

.cprr li .cpzi .hxzi h6{ font-size:12px; color:#666; text-align:center; line-height:14px; font-weight:400; transition:0.3s;}

.cprr li .cpzi .hxzi i{ display:block; width:100%; height:1px; position:absolute; top:7px; left:0; background:#666;}

.cprr li .cpzi .jrgwc{ display:block; width:18px; height:16px; float:right; background:url(../images/gwc8.png) no-repeat center; transition:0.3s; margin-top:3px;}

.cprr li .cpzi .jrgwc:hover{ background:url(../images/gwc8h.png) no-repeat center;}

.cprr li:hover a .cpt img{ transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}

.cprr li:nth-child(5n){ margin-right:0;}

.cprr li:hover a h3{ color:#008e9c;}

.cprr li:hover .cpt{border:1px solid #008e9c;}



/*分隔条*/

.fgt{ width:100%; min-width:1200px; height:80px; background:#008e9c;}

.fgt .fgtc{ width:1200px; margin:0 auto; overflow:hidden; box-sizing:border-box; padding:0 200px;}

.fgt .fgtc::after{ content:""; display:block; clear:both;}

.fgt .fgtc li{ width:125px; height:40px; float:left; margin-top:20px; margin-right:100px;}

.fgt .fgtc li::after{ content:""; display:block; clear:both;}

.fgt .fgtc li .fgtu{ display:block; width:40px; height:40px; float:left;}

.fgt .fgtc li .fgtu img{ display:block; width:100%; margin:0 auto;}

.fgt .fgtc li h4{ font-size:16px; color:#fff; line-height:40px; font-weight:400; padding-left:18px; float:left;}

.fgt .fgtc li:last-child{ margin-right:0;}



/*底部区域*/

.footer{ width:1200px; margin:0 auto; overflow:auto; box-sizing:border-box; box-sizing:border-box; padding:60px 0;}

.footer::after{ content:""; display:block; clear:both;}

.ftl{ float:left; display:block; width:280px; overflow:hidden;}

.ftl .dblogo{ display:block; width:236px;}

.ftl .dblogo img{ display:block; width:100%; margin:0 auto;}



.ftlb{ display:block; width:100%; margin-top:24px;}

.ftlb p{ display:block; text-align:left; font-size:14px; color:#666; line-height:2em;}

.ftlb p span{font-size:22px; color:#111; font-style:italic;}



.ftc{float:left; display:block; overflow:hidden;}

.ftc::after{ content:""; display:block; clear:both;}

.ftc li{ float:left; width:80px; margin-left:70px;}

.ftc li dl{ display:block; width:100%; box-sizing:border-box; overflow:hidden; padding-top:8px;}

.ftc li dl dt{ text-align:left; display:block; font-size:16px; color:#121212; line-height:1.3em; font-weight:900;}

.ftc li dl i{ display:block; width:16px; background:#008e9c; height:2px; margin:15px 0 15px 0;}



.ftc li dl dd{text-align:left; display:block; margin-top:10px;}

.ftc li dl dd a{text-align:left; display:block; font-size:14px; color:#666; transition:0.3s;}

.ftc li dl dd:hover a{ color:#008e9c;}



.ftr{ float:right;}

.ftr::after{ content:""; display:block; clear:both;}

.ftr .ewm{ display:block; width:120px; height:120px; box-sizing:border-box; border:1px solid #bfbfbf;background:#fff; padding:6px; border-radius:6px; float:left;}

.ftr .ewm img{ display:block; width:100%; margin:0 auto;}

.ftrr{ float:left; margin-left:28px;}

.ftrr h3{ font-size:20px; color:#333; text-align:left; padding-top:30px;}

.ftrr i{display:block; width:16px; background:#008e9c; height:2px; margin:10px 0 10px 0;}

.ftrr h5{font-size:14px; color:#666666; text-align:left; font-weight:400;}



/*版权区域*/

.banquan{ display:block; width:100%; margin:0 auto; background:#ececec; height:55px;}

.bqc{ width:1200px;margin:0 auto; background:#ececec; height:55px; display:block;}

.bqc::after{ content:""; display:block; clear:both;}

.bqc p{ display:block; float:left; font-size:12px; color:#333; text-align:left; line-height:55px;}

.bqc p a{font-size:12px; color:#333; text-align:left; line-height:55px;}

.bqc h6{ display:block; float:right; font-size:12px; color:#333; text-align:left; line-height:55px; font-weight:400;}

.bqc h6 a{font-size:12px; color:#333; text-align:left; line-height:55px;}





/*浮动*/

.fdcc{ width:60px; height:487px; background:#fff;box-shadow:2px 5px 10px rgba(0,0,0,0.12); position: fixed;top: 50%;margin-top:-213px;left: 50%;margin-left: -680px;border:1px solid #f0f0f0;

display:none; z-index:1000;}

.fdcc li{ width:100%;margin:0 auto;overflow:hidden; box-sizing:border-box;}

.fdcc li a{width:100%;margin:0 auto;overflow:hidden; box-sizing:border-box; height:61px; border-bottom:1px solid #f0f0f0; padding-top:14px; display:block;}

.fdcc li a .xbbb{ width:16px; height:14px; display:block; margin:0 auto; transition:0.3s;}

.fdcc li a h6{ font-size:12px; font-weight:400; text-align:center; color:#878b90; line-height:1.3em; display:block; margin-top:5px; transition:0.3s;}

.fdcc li:hover a h6{ color:#008e9c;}

.fdcc li:nth-child(1) a .xbbb{ background:url(../images/cl1.png) no-repeat center;}

.fdcc li:nth-child(2) a .xbbb{ background:url(../images/cl2.png) no-repeat center;}

.fdcc li:nth-child(3) a .xbbb{ background:url(../images/cl3.png) no-repeat center;}

.fdcc li:nth-child(4) a .xbbb{ background:url(../images/cl4.png) no-repeat center;}

.fdcc li:nth-child(5) a .xbbb{ background:url(../images/cl5.png) no-repeat center;}

.fdcc li:nth-child(6) a .xbbb{ background:url(../images/cl6.png) no-repeat center;}

.fdcc li:nth-child(7) a .xbbb{ background:url(../images/cl7.png) no-repeat center;}

.fdcc li:nth-child(8) a .xbbb{ background:url(../images/cl8.png) no-repeat center;}



.fdcc li:nth-child(1):hover a .xbbb{ background:url(../images/cl1h.png) no-repeat center;}

.fdcc li:nth-child(2):hover a .xbbb{ background:url(../images/cl2h.png) no-repeat center;}

.fdcc li:nth-child(3):hover a .xbbb{ background:url(../images/cl3h.png) no-repeat center;}

.fdcc li:nth-child(4):hover a .xbbb{ background:url(../images/cl4h.png) no-repeat center;}

.fdcc li:nth-child(5):hover a .xbbb{ background:url(../images/cl5h.png) no-repeat center;}

.fdcc li:nth-child(6):hover a .xbbb{ background:url(../images/cl6h.png) no-repeat center;}

.fdcc li:nth-child(7):hover a .xbbb{ background:url(../images/cl7h.png) no-repeat center;}

.fdcc li:nth-child(8):hover a .xbbb{ background:url(../images/cl8h.png) no-repeat center;}





/*面包屑*/

.mbx{width:100%;margin:0 auto;overflow:hidden; box-sizing:border-box; background:#fff;}

.con{width:1200px;margin:0 auto;overflow:hidden; box-sizing:border-box; padding:15px 0;}

.con::after{ display:block; content:""; clear:both;}

.mbx .mbxc{width:100%;margin:0 auto;overflow:hidden; box-sizing:border-box;}

.mbx .mbxc::after{ display:block; content:""; clear:both;}

.mbx .mbxc .mbxtu{ float:left; width:16px; height:14px; display:block; margin-right:5px;}

.mbx .mbxc ul::after{ display:block; content:""; clear:both;}

.mbx .mbxc li{ float:left; margin-top:4px;}

.mbx .mbxc li a{ float:left; font-size:14px; line-height:1em; color:#666666; transition:0.3s;}

.mbx .mbxc li span{ float:left; font-size:14px; line-height:1em; color:#666666; display:block; margin:0 4px;}

.mbx .mbxc li:hover a{ color:#E88139;}

.mbx .mbxc li:last-child span{ display:none;}



/*筛选*/

.shaix{display:block; width:1200px; box-sizing:border-box; overflow:hidden; margin:0 auto; border:1px solid #ececec; padding:15px 20px; background:#fff;}

.sxtt{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto;}

.sxtt .slideTxtBox{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto;}

.sxtt .slideTxtBox .hd{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto;}

.sxtt .slideTxtBox .hd::after{ content:""; display:block; clear:both;}

.sxtt .slideTxtBox .hd h4{float:left; font-size:14px; color:#888; font-weight:400; margin-top:2px;}

.sxtt .slideTxtBox .hd ul{width:1088px; float:right;}

.sxtt .slideTxtBox .hd ul::after{ content:""; display:block; clear:both;}

.sxtt .slideTxtBox .hd ul li{ float:left;margin-right:20px; cursor:pointer;}

.sxtt .slideTxtBox .hd ul li a{ font-size:12px;color:#555;}

.sxtt .slideTxtBox .hd ul li.on a{ color:#008e9c;}

.sxtt .slideTxtBox .bd{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:10px auto 5px; padding:6px 20px 10px; background:#f2f2f2; border-radius:3px;}

.sxtt .slideTxtBox .bd li{ float:left; margin-right:25px;}

.sxtt .slideTxtBox .bd li a{ font-size:12px; color:#888; line-height:1.4em; transition:0.3s;}

.sxtt .slideTxtBox .bd li:hover a{ color:#008e9c;}

.sxtt .slideTxtBox .bd li.on a{ color:#008e9c;}



.sxcc{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto;}

.select{width:100%;margin:0 auto 4px;box-sizing:border-box; overflow:hidden;}

.select li{list-style:none;padding:6px 0 4px 0; width:100%;    box-sizing: border-box;}

.select .select-list{border-bottom:#eee 1px dashed; width:100%;box-sizing: border-box;}

.select dl{zoom:1;line-height:24px;}

.select dl:after{content:" ";display:block;clear:both;height:0;overflow:hidden}

.select dt{width:74px;margin-bottom:5px;text-align:right;color:#666;height:24px;line-height:24px; font-size:14px; color:#888;}

.select dd{float:left;display:inline;margin:0 3px 4px 0px;}

.select a{display:inline-block;white-space:nowrap;height:24px;padding:0 8px;text-decoration:none;color:#888;border-radius:2px; font-size:12px;}

.select a:hover{color:#f60;background-color:#f3edc2}

.select .selected a{color:#fff;background-color:#008e9c}

.select-result dt{font-weight:bold}

.select-no{color:#999; font-size:12px;}

.select .select-result a{padding-right:20px;background:#eb8610 url(../images/close.gif) right 9px no-repeat}

.select .select-result a:hover{background-position:right -15px}
.kkckc{ display:block; width:100%; margin:0 auto; overflow:hidden; box-sizing:border-box;}
.kkckc::after{ content:""; display:block; clear:both;}
.kkckc dt{ float:left;}

.sxbb{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto; padding:10px 0;border-bottom:#eee 1px dashed;border-top:#eee 1px dashed;}

.sxbb::after{ display:block; content:""; clear:both;}

.sxbb h4{float:left; font-size:14px; color:#008e9c; font-weight:400;}

.sxbb .txb{float:left; display:block;}

.sxbb .txb .jjgg{ display:block; width:120px; height:22px; box-sizing:border-box; border:1px solid #e3e3e3; box-sizing:border-box; padding:5px; font-size:12px; color:#666;

line-height:20px;}

.sxbb .txb span{ display:block;font-size:12px; color:#666;line-height:20px; padding:0 6px;}

.sxbb .txb .queding{ display:block; width:44px; height:22px; float:left; border-radius:3px; text-align:center; line-height:22px; font-size:12px; color:#fff; transition:0.3s;

background:#008e9c; margin-left:10px;}

.sxbb .txb .queding:hover{ background:#eb8610;}



/*商品列表*/

.cplb{display:block; width:1200px; box-sizing:border-box; overflow:hidden; margin:30px auto;}

.cplb::after{ display:block; content:""; clear:both;}

.cplb .cpl{ width:210px;display:block;box-sizing:border-box; overflow:hidden; float:left;}

.cplb .cpl .cpltt{ width:100%; height:38px; border-bottom:1px solid #ececec; margin:0 auto 10px;}

.cplb .cpl .cpltt::after{ display:block; content:""; clear:both;}

.cplb .cpl .cpltt h3{ font-size:16px; color:#008e9c; font-weight:400; line-height:38px; float:left;}

.cplb .cpl .cpltt .tjgd{ width:34px; height:34px; position:relative; overflow:hidden; float:right; margin-top:2px;}

.cplb .cpl .cpltt .tjgd img{ width:68px; height:34px; position:absolute; top:0; left:0; transition:0.3s;}

.cplb .cpl .cpltt .tjgd:hover img{position:absolute; top:0; left:-34px;}

.cplbb{width:100%;display:block;box-sizing:border-box; overflow:hidden;}

.cplbb li{ display:block;width:100%;box-sizing:border-box; overflow:hidden; margin:0 auto 10px;}

.cplbb li a{ display:block;width:100%;box-sizing:border-box; overflow:hidden; height:298px; border:1px solid #efefec; transition:0.3s;}

.cplbb li a .ctu{display:block;width:100%;box-sizing:border-box; overflow:hidden; height:208px; border-bottom:1px solid #efefec;transition:0.3s;}

.cplbb li a .ctu img{ display:block; width:100%; margin:0 auto; transition:0.3s;}

.cplbb li a .czi{display:block;width:100%;box-sizing:border-box; overflow:hidden; height:88px; margin:0 auto; padding:14px 10px 0;transition:0.3s; background:#fff}

.cplbb li a .czi p{font-size:12px; color:#686868; line-height:1.5em; text-align:left; width:100%;transition:0.3s;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp:2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}

.cplbb li a .czi h4{ font-size:14px; color:#db0036; text-align:left; font-weight:400; margin-top:5px;}

.cplbb li:hover a{border:1px solid #008e9c;}

.cplbb li:hover a .ctu{border-bottom:1px solid #008e9c;}

.cplbb li:hover a .ctu img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

.cplbb li:hover a .czi{ background:#008e9c;}

.cplbb li:hover a .czi p{color:#fff;}

.cplbb li:hover a .czi h4{color:#fff; font-size:16px;}



.cplb .cpr{ width:970px;display:block;box-sizing:border-box; overflow:hidden; float:right;}

.cplb .cpr .cprtt{ width:100%; height:39px; box-sizing:border-box; margin:0 auto 10px; border:1px solid #ececec; background:#fff; padding:0 15px 0;}

.cplb .cpr .cprtt::after{ display:block; content:""; clear:both;}

.cplb .cpr .cprtt h3{ font-size:12px; color:#888; box-sizing:border-box; float:left; padding-left:17px; background:url(../images/lbt1.png) no-repeat left center; margin-top:10px;}

.cplb .cpr .cprtt li{ float:left; margin:6px 28px 0 3px;}

.cplb .cpr .cprtt li a{ font-size:12px; color:#666; color:#666;}

.cplb .cpr .cprtt li.on a{ color:#008e9c;}



.cprbb{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto;}

.cprbb::after{ display:block; content:""; clear:both;}

.cprbb li{ width:233px; height:344px; float:left; position:relative; margin-right:12.5px; margin-bottom:15px;}

.cprbb li:nth-child(4n){ margin-right:0;}

.cprbb li a{width:100%; height:344px; display:block; box-sizing:border-box; border:1px solid #ececec;}

.cprbb li a .cdtu{ width:100%; height:231px; margin:0 auto; overflow:hidden;}

.cprbb li a .cdtu img{ width:100%; margin:0 auto; display:block; transition:0.3s;}

.cprbb li a .czi{ width:100%; margin:0 auto; display:block; box-sizing:border-box; padding:6px 15px 0;}

.cprbb li a .czi .czit{width:100%; margin:0 auto; display:block; box-sizing:border-box;}

.cprbb li a .czi .czit::after{ display:block; content:""; clear:both;}

.cprbb li a .czi .czit h4{ font-size:20px; color:#db0036; float:left;}

.cprbb li a .czi .czit h5{ font-size:12px; color:#909090; float:left; font-weight:400; margin-left:5px; margin-top:8px;}

.cprbb li a .czi p{font-size:12px; color:#686868; line-height:1.5em; text-align:left; width:100%;transition:0.3s; margin:2px auto;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp:2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}

.cprbb li a .czi .czib{width:100%; margin:5px auto 0; display:block; box-sizing:border-box;}

.cprbb li a .czi .czib::after{ display:block; content:""; clear:both;}

.cprbb li a .czi .czib i{ float:left; font-size:12px; color:#fff; box-sizing:border-box; padding:2px 6px; background:#db0036; border-radius:3px; display:block; font-style:inherit;}

.cprbb li a .czi .czib em{ float:left;font-size:12px; color:#555; line-height:20px; margin-left:8px; transition:0.3s;}

.cprbb li .lll{ display:block; width:18px; height:16px; position:absolute; bottom:20px; right:18px; background:url(../images/gwc8.png) no-repeat center; transition:0.3s;

border:none; padding:0; z-index:99;}

.cprbb li .lll:hover{background:url(../images/gwc8h.png) no-repeat center;border:none;}

.cprbb li:hover a .cdtu img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

.cprbb li:hover a{ border:1px solid #008e9c;}

.cprbb li:hover a .cdtu{ border-bottom:1px solid #008e9c;}

.cprbb li:hover .lll{ border:none;}

.cprbb li:hover a .czi p{ color:#008e9c;}

.cprbb li:hover a .czi .czib em{ padding-left:5px;}



/*分页*/

.pagination{ width:100%;margin:15px auto 25px; overflow:hidden; box-sizing:border-box;}

.pagination::after{ content:""; display:block; clear:both;}

.pagination li{float:left;margin-right:12px;}
.pagination li a{ display:block; box-sizing:border-box; font-size:14px; color:#aaa;padding:5px 14px;border-radius:3px;border:1px solid #bbb;cursor:pointer;
transition:0.3s;}
.pagination li span{ display:block; box-sizing:border-box; font-size:14px; color:#aaa;padding:5px 14px;border-radius:3px;border:1px solid #bbb;cursor:pointer;
transition:0.3s;}

.pagination li:hover a{background:#008e9c; border:1px solid #008e9c; color:#fff;}
.pagination li:hover span{background:#008e9c; border:1px solid #008e9c; color:#fff;}
.pagination li.active a{background:#008e9c; border:1px solid #008e9c; color:#fff;}
.pagination li.active span{background:#008e9c; border:1px solid #008e9c; color:#fff;}

/*在线客服-固定的悬浮窗*/
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#0D7078 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#0D7078 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#0D7078 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#0D7078 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
.yb_bar .yb_gwc{background:#0D7078 url(../images/fixCont2.png) no-repeat 0 0px;}
.yb_bar .yb_gwc a{font:16px/53px 'Microsoft YaHei';color:#fff;}


/*商品详情*/

.spxq{display:block; width:1200px; box-sizing:border-box; overflow:hidden; margin:6px auto 0;}

.spxq::after{ content:""; display:block; clear:both;}

.spl{ width:400px; float:left; display:block; overflow:hidden; box-sizing:border-box;}

.splc{ width:400px; height:auto; margin:0 auto; overflow:hidden;}



.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}

.jqzoom img{ background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center; width:100%; margin:0 auto;}

.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:420px;height:420px;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:400px;height:400px;border:1px solid #DFDFDF; box-sizing:border-box; overflow:hidden;}

.spec-scroll{clear:both;margin-top:15px;width:400px;}

.spec-scroll .prev{float:left; margin-right:25px;}

.spec-scroll .next{float:right;}

.spec-scroll .prev,.spec-scroll .next{display:block;text-align:center;width:14px;height:64px;background:#fff;cursor:pointer; box-sizing:border-box; padding-top:16px;

box-sizing:border-box;}

.spec-scroll .items{float:left;position:relative;width:322px;height:56px;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}

.spec-scroll .items ul li{float:left;width:64px;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 #008e9c;padding:1px;}

.spec-scroll .items ul li.on img{border:2px solid #008e9c;padding:1px;}





.spc{ width:550px; float:left; display:block; overflow:hidden; box-sizing:border-box; margin-left:20px; padding-top:10px;}

.spc h3{ width:100%; display:block; margin:0 auto; font-size:18px; text-align:left; color:#363636; line-height:1.35em;}

.spcon{ display:block; width:100%; margin:10px auto; overflow:hidden; background:#f4f4f4; padding:15px; box-sizing:border-box;}

.spcon li{display:block; width:100%; margin:0 auto 5px;overflow:hidden; box-sizing:border-box;}

.spcon li::after{ content:""; display:block; clear:both;}

.spcon li h4{float:left; font-size:12px; color:#909096; font-weight:400;}

.spcon li s{font-size:12px; color:#909096; font-weight:400; float:left; margin-top:5px;}

.spcon li h2{ font-size:24px; color:#e0001a; float:left; line-height:1em;}

.spcon li:nth-child(2) h4{ margin-top:5px;}

.spcon li p{float:left; font-size:12px; color:#909096; font-weight:400;}

.spcon li:nth-child(3) p{ margin-right:24px;}

.spcon li p span{ color:red;}

.spcon li p i{ color:#008e9c; font-style:normal;}



/*倒计时*/

.djss{ width:100%; height:36px; margin:0 auto; display:block; background:#178892; box-sizing:border-box; padding:0 0 0 10px;}

.djss::after{ display:block; clear:both; content:"";}

.djss .djstu{ display:block; float:left; width:21px; height:20px; margin-top:8px;}

.djss .djstu img{ display:block; width:100%; margin:0 auto;}

.djss h6{ float:left; font-size:18px; color:#fff; font-weight:900; line-height:32px; margin-left:10px;}

.sjian{ float:right;}

.sjian::after{ display:block; clear:both; content:"";}

.sjian h5{font-weight:400; color:#fff; line-height:36px; font-size:15px; box-sizing:border-box; padding:0 10px; background:#15686f;}





/*end*/





.guige{display:block; width:100%; margin:10px auto; overflow:hidden; background:#fff; padding:0 0 0 15px; box-sizing:border-box;}

.ggtt{display:block; width:100%; margin:0 auto 5px;overflow:hidden; box-sizing:border-box;}

.ggtt h4{font-size:12px; color:#909096; font-weight:400; text-align:left; margin-bottom:6px; float:left; padding-top:3px;}

.danxx{display:block; width:480px; margin:0 auto;overflow:hidden; box-sizing:border-box;}

.danxx::after{ content:""; display:block; clear:both;}

.pinpai input[type="radio"] {display: none;}

.pinpai input[type="radio"]+span {display: inline-block;font-size:12px; text-align: center;border:none;background-color: #e8e8e8; padding:5px 10px;

box-sizing:border-box;color:#333; border-radius:0.1rem; margin-bottom:6px;}

.pinpai input[type="radio"]:checked+span {border:none;background:red; color:#fff; }

.danxx p{float:left; font-size:12px; color:#008e9c; font-weight:400; margin-top:3px;}

.danxx .add-plus-input{white-space: nowrap; float:left;}

.danxx .add-plus-input::after{ content:""; display:block; clear:both;}

.danxx .add-plus-input .btn,.add-plus-input .num{height:34px;line-height:32px;text-align:center;vertical-align: middle; border:1px solid #aaa; box-sizing:border-box;

float:right;}

.danxx .add-plus-input .num{width:88px; font-size:12px; color:#666; text-align:center; margin:0 4px;}

.danxx .add-plus-input .btn{background-color: #sss;display: inline-block;text-decoration: none;width:22px;font-size:12px; color:#666; text-align:center;}

.danxx .add-plus-input .btn:hover{ background:#008e9c; color:#fff; border-color:#008e9c;}

.ggtt .sull{ line-height:28px;}

.ggtt .gwm{ display:block; width:188px; height:40px; box-sizing:border-box; border:1px solid #008e9c; border-radius:4px; text-align:center; line-height:38px; transition:0.3s;

float:left; margin-right:15px; margin-top:10px;}

.ggtt .gwml{ background:#fff; color:#008e9c; font-size:14px;}

.ggtt .gwmr{ background:#008e9c;}

.ggtt .gwmr h6{ text-align:center; line-height:38px; font-weight:400; color:#fff; margin:0 auto; box-sizing:border-box; padding-left:23px;

background:url(../images/gwc1.png) no-repeat left center; width:112px; font-size:14px;}

.ggtt .gwml:hover{ background:#008e9c; color:#fff;}

.ggtt .gwmr:hover{ background:#ec8b1a; border:1px solid #ec8b1a;}



.spr{ width:212px; float:right; display:block; overflow:hidden; box-sizing:border-box;height:470px;}

.sprt{ width:100%; margin:0 auto;display:block; overflow:hidden; box-sizing:border-box; height:234px; padding:25px 11px; border:1px solid #e3e3e3;}

.sprt .clogo{ display:block; width:100%; margin:0 auto; overflow:hidden;}

.sprt .clogo img{ display:block; width:88%; margin:0 auto;}



.xian{display:block; width:100%; margin:0 auto; overflow:hidden; border-bottom:1px dashed #dedede; padding:15px 6px; box-sizing:border-box;}

.xian::after{ content:""; display:block; clear:both;}

.xian h5{ font-size:14px; color:#888; font-weight:400; float:left; margin-top:2px;}

.xian h6{font-size:14px; color:#fff; font-weight:400; float:right; background:#008e9c; padding:1px 5px; border-radius:3px; text-align:center;}

.xian p{ font-size:14px; color:#888; font-weight:400; text-align:center;}

.djlx{display:block; width:100%; margin:15px auto 0; height:34px; border-radius:3px; background:#008e9c; box-sizing:border-box; padding:0 34px; transition:0.3s;}

.djlx h4{ text-align:center; line-height:34px; font-size:14px; font-weight:400; color:#fff; padding-left:26px; background:url(../images/lxx.png) no-repeat left center;

display:block;}

.djlx:hover{ background:#006b75;}

.sprb{ width:100%; margin:10px auto 0;display:block; overflow:hidden; box-sizing:border-box;}

.sprb li{width:100%; margin:0 auto 2px;display:block; overflow:hidden; box-sizing:border-box; height:55px; background:#f4f4f4; padding-left:30px;}

.sprb li::after{ content:""; display:block; clear:both;}

.sprb li img{ display:block; width:34px; height:34px; float:left; margin-top:10px;}

.sprb li h6{ float:left; font-size:22px; color:#333; line-height:52px; margin-left:12px;}



/*商品详情页*/

.ssppc{ display:block; width:1200px; margin:20px auto; box-sizing:border-box; overflow:hidden;}

.ssppc::after{ content:""; display:block; clear:both;}

.ssppc .spbbl{ width:210px; background:#fff; box-sizing:border-box; border:1px solid #e2e2e2; float:left;}

.ssppc .spbbl h3{ display:block; width:100%; margin:0 auto; height:41px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; padding:0 15px 0;

font-size:14px; color:#444; font-weight:400; line-height:40px; background:#f4f4f4;}

.ssppc .spbbl .spbblc{ display:block; width:100%; margin:0 auto; box-sizing:border-box; padding:15px;}

.ssppc .spbbl .spbblc li{display:block; width:100%; margin:0 auto 15px; box-sizing:border-box;}

.ssppc .spbbl .spbblc li:last-child{ margin:0 auto;}

.ssppc .spbbl .spbblc li a{display:block; width:100%; margin:0 auto; box-sizing:border-box;}

.ssppc .spbbl .spbblc li a::after{ content:""; display:block; clear:both;}

.ssppc .spbbl .spbblc li a span{ display:block; width:15px; height:15px; box-sizing:border-box; background:#fff; border:1px solid #c3c3c3; text-align:center; line-height:10px;

font-size:12px; color:#bbb; transition:0.3s; float:left;}

.ssppc .spbbl .spbblc li a p{ float:left; font-size:14px; float:left; line-height:15px; margin-left:10px; color:#666;transition:0.3s;}

.ssppc .spbbl .spbblc li:hover a span{ border:1px solid #008e9c; color:#008e9c;}

.ssppc .spbbl .spbblc li:hover a p{color:#008e9c; margin-left:5px;}



.spbbr{ display:block; width:976px; box-sizing:border-box; overflow:hidden; float:right;}



.slidecpxq{ width:100%; border:1px solid #e2e2e2;box-sizing:border-box; overflow:hidden; margin:0 auto;}

.slidecpxq .hd{ height:40px; line-height:40px; background:#fff; padding:0 0 0 20px;   border-bottom:1px solid #e2e2e2;  position:relative; }

.slidecpxq .hd ul{ float:left;  position:absolute; left:0; top:-1px; height:40px;   }

.slidecpxq .hd ul li{ float:left; padding:0 40px; cursor:pointer; font-size:14px; color:#555; text-align:center; line-height:40px;}

.slidecpxq .hd ul li.on{ height:40px;  background:#fff; border-bottom:2px solid #fff;border-top:2px solid #008e9c;border-right:1px solid #e2e2e2;border-left:1px solid #e2e2e2;

line-height:37px; color:#ed9940;}

.slidecpxq .hd ul li.on:nth-child(1){border-left:none;}



.slidecpxq .bd{ padding:15px;  zoom:1;}

.kkcon{ display:block; width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden;}

.kkgg{display:block; width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; padding:20px 40px;}

.kkgg dl{display:block; width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; }

.kkgg dl::after{ content:""; display:block; clear:both;}

.kkgg dl dd{ display:block; width:32%; float:left; margin-right:2%; margin-bottom:10px;}

.kkgg dl dd:nth-child(3n){ margin-right:0;}



.kkgg dl dd::after{ content:""; display:block; clear:both;}

.kkgg dl dd h4{ float:left; font-size:14px; color:#888; line-height:1.2em; font-weight:400; width:70px; font-weight:400; text-align:right;}

.kkgg dl dd p{float:left; font-size:14px; color:#888; line-height:1.2em; font-weight:400; width:185px;}



.cpxqccc{display:block; width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden;}

.cpxqccc p{display:block; width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden;}

.cpxqccc p img{display:block; width:100%; margin:0 auto;}

.cpxqccc h2{display:block; width:100%; margin:20px auto 15px; height:41px; border:1px solid #e2e2e2; box-sizing:border-box; padding:0 15px 0; box-sizing:border-box;

font-size:14px; color:#444; font-weight:400; line-height:40px; background:#f4f4f4;}

.cpxqccc p{ font-size:14px; color:#888; line-height:2.2em; font-weight:400;}



/*相关产品推荐*/

.tlcptj{ display:block;width:100%; margin:20px auto; box-sizing:border-box; overflow:hidden;border:1px solid #e2e2e2;}

.tlcptj .xgtop{display:block; width:100%; margin:0px auto; height:41px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; padding:0 15px 0; box-sizing:border-box;

background:#f4f4f4;}

.tlcptj .xgtop::after{ content:""; display:block; clear:both;}

.tlcptj .xgtop i{ display:block; width:3px; height:16px; background:#008e9c; float:left; margin:12px 8px 0 0;}

.tlcptj .xgtop h5{font-size:16px; color:#222; font-weight:900; line-height:40px; float:left;}

.xgxc{display:block;width:100%; margin:0 auto; box-sizing:border-box; overflow:hidden; padding:10px;}

.xgxc::after{ content:""; display:block; clear:both;}



.xgxc{display:block; width:100%; box-sizing:border-box; overflow:hidden; margin:0 auto;}

.xgxc::after{ display:block; content:""; clear:both;}

.xgxc li{ width:228px; height:355px; float:left; position:relative; margin-right:13px;}

.xgxc li:nth-child(4n){ margin-right:0;}

.xgxc li a{width:100%; height:355px; display:block; box-sizing:border-box; border:1px solid #ececec;}

.xgxc li a .cdtuxq{ width:100%; height:228px; margin:0 auto; overflow:hidden;}

.xgxc li a .cdtu img{ width:100%; margin:0 auto; display:block; transition:0.3s;}
.xgxc li a .cdtuxq img{ width:100%; margin:0 auto; display:block; transition:0.3s;}
.xgxc li a .czixq{ width:100%; margin:0 auto; display:block; box-sizing:border-box; padding:10px 12px 0;}

.xgxc li a .czixq .czitxq{width:100%; margin:0 auto; display:block; box-sizing:border-box;}

.xgxc li a .czixq .czitxq::after{ display:block; content:""; clear:both;}

.xgxc li a .czixq .czitxq h4{ font-size:20px; color:#db0036; float:left;}

.xgxc li a .czixq .czitxq h5{ font-size:12px; color:#909090; float:left; font-weight:400; margin-left:5px; margin-top:8px;}

.xgxc li a .czixq p{font-size:12px; color:#686868; line-height:1.5em; text-align:left; width:100%;transition:0.3s; margin:2px auto;

display:inline-block;word-break: break-all;

text-overflow: ellipsis;

display: -webkit-box; /** 将对象作为伸缩盒子模型显示 **/

-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

-webkit-line-clamp:2; /** 显示的行数 **/

overflow: hidden;  /** 隐藏超出的内容 **/}

.xgxc li a .czixq .czibxq{width:100%; margin:12px auto 0; display:block; box-sizing:border-box;}

.xgxc li a .czixq .czibxq::after{ display:block; content:""; clear:both;}

.xgxc li a .czixq .czibxq i{ float:left; font-size:12px; color:#fff; box-sizing:border-box; padding:2px 6px; background:#db0036; border-radius:3px; display:block; font-style:inherit;}

.xgxc li a .czixq .czibxq em{ float:left;font-size:12px; color:#555; line-height:20px; margin-left:8px; transition:0.3s;}

.xgxc li .lllxq{ display:block; width:18px; height:16px; position:absolute; bottom:20px; right:18px; background:url(../images/gwc8.png) no-repeat center; transition:0.3s;

border:none; padding:0; z-index:99;}

.xgxc li .lllxq:hover{background:url(../images/gwc8h.png) no-repeat center;border:none;}

.xgxc li:hover a .cdtuxq img{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);}

.xgxc li:hover a{ border:1px solid #008e9c;}

.xgxc li:hover a .cdtuxq{ border-bottom:1px solid #008e9c;}

.xgxc li:hover .lllxq{ border:none;}

.xgxc li:hover a .czixq p{ color:#008e9c;}

.xgxc li:hover a .czixq .czibxq em{ padding-left:5px;}





/*声明*/

.cgtz{ width:100%; margin:8px auto 40px; border:1px dashed #008e9c; box-sizing:border-box; overflow:hidden; padding:16px 20px; border-radius:8px;}

.cgtz p{ display:block; width:100%; margin:0 auto; text-align:left; overflow:hidden; font-size:14px; color:#777; line-height:1.88em;}

.cgtz p span{ font-size:16px; font-weight:900; color:#db0036;}