﻿.cp-tabnav-box{width:100%;overflow:hidden;box-shadow:1px 1px 8px #f2f2f2}
.cp-tabnav{width:100%;text-align:center;font-size:0;overflow:hidden}
.cp-tabnav ul li{display:inline-block;width:130px;height:75px;line-height:75px;text-align:center;font-size:16px;color:#666;transition:all .8s;position:relative;cursor:pointer}
.cp-tabnav ul li i{position:absolute;width:70%;height:2px;bottom:12px;display:block;background-color:#006ed4;left:50%;transform:translate(-50%,0);opacity:0}
.cp-tabnav ul li:hover{color:#006ed4}
.cp-tabnav-active{color:#006ed4!important}
.cp-tabnav-active i{opacity:1!important}
.cp-listwords-box{width:100%;overflow:hidden;padding:50px 0 0 0}
.cp-listwords{width:1280px;margin:0 auto;padding:0 0 24px 0}
.cp-listwords ul{width:100%;overflow:hidden;margin-left:-2%}
.cp-listwords ul li{width:31.333333333333%;margin-left:2%;margin-top:2%;overflow:hidden;float:left}
.cp-listwords-pic{width:100%;height:280px;overflow:hidden;text-align:center;background-color:#f2f2f2}
.cp-listwords-pic img{width:100%;object-fit:cover}
.cp-listwords-words{width:100%;height:80px;overflow:hidden;padding:0 20px;text-align:center;border:1px solid #e5e5e5;border-top:none!important;color:#666;transition:all .5s}
.cp-listwords-words p{font-size:16px;line-height:80px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cp-listwords ul li:hover .cp-listwords-words{border:1px solid #006ed4;background-color:#006ed4;color:#fff}
.cp-listwords-nb{display:none}
.breadNav-box{width:100%;overflow:hidden;border:1px solid #e5e5e5;padding:26PX 0}
.breadNav{width:1280px;margin:0 auto}
.breadNav a{font-size:14px;color:#888}
.breadNav a:hover{color:#006ed4}
.breadNav span{font-size:14px;color:#888;margin:0 4px}
.cpxq-matter-box{width:100%;overflow:hidden;padding:50px 0 60px 0}
.cpxq-matter{width:1280px;margin:0 auto}
.cpxq-picwords{width:100%;overflow:hidden}
.cpxq-picwordsL{width:50%;float:left}
.picwordsL-maxpic{width:100%;overflow:hidden;height:444px;background-color:#f2f2f2}
.picwordsL-maxpic ul li{width:100%;overflow:hidden;height:444px;padding:20px 0;position:relative}
.picwordsL-maxpic ul li img{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.picwordsL-minpic{margin-top:20px}
.picwordsL-minpic .next,.picwordsL-minpic .prev{display:block;width:20px;height:75px;border:1px solid #dcdcdc;text-align:center;cursor:pointer}
.picwordsL-minpic .next i,.picwordsL-minpic .prev i{width:6px;height:9px;background-repeat:no-repeat;display:inline-block;margin-top:33px}
.picwordsL-minpic .prev i{background-image:url(../images/xqproduct_arrl.png)}
.picwordsL-minpic .prev:hover{background-color:#006ed4}
.picwordsL-minpic .prev:hover i{background-image:url(../images/xqproduct_arrlh.png)}
.picwordsL-minpic .next i{background-image:url(../images/xqproduct_arrr.png)}
.picwordsL-minpic .next:hover{background-color:#006ed4}
.picwordsL-minpic .next:hover i{background-image:url(../images/xqproduct_arrrh.png)}
.picwordsL-minpic .prev{float:left}
.picwordsL-minpic .next{float:right}
.picwordsL-minpic-list{width:600px;height:75px;overflow:hidden;float:left}
.picwordsL-minpic-list ul li{width:108px;float:left;height:75px;margin-left:10px;border:1px solid #dcdcdc;text-align:center;cursor:pointer}
.picwordsL-minpic-list ul li.on{border:1px solid #006ed4}
.picwordsL-minpic-list img{width:80px;height:55px;margin-top:10px}
.cpxq-picwordsR{width:50%;float:right;padding:0 0 0 34px}
.cpxq-picwordsR h6{width:100%;font-size:24px;color:#000;padding: 10px 0 16px 0;border-bottom:1px solid #dcdcdc;}
.cpxq-picwordsR-words{width:100%;overflow:hidden;padding: 5px 0;}
.cpxq-picwordsR-words ul li{width:100%;margin-top:30px;position:relative}
.cpxq-picwordsR-words ul li h5{font-size:16px;color:#333;float:left;margin-right:5%}
.cpxq-picwordsR-words ul li p{font-size:16px;color:#666;width:80%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cpxq-picwordsR-words ul li .info{font-size:15px;color:#666;width:100%;border-radius:5px;background:#f1f1f1;display:block;padding:3%;line-height:30px}
.cpxq-picwordsR-words ul li i{width:4px;height:4px;border-radius:100%;display:block;float:left;background-color:#006ed4;margin:9px 10px 0 0}
.cpxq-picwordsR h4{width:164px;height:48px;background-color:#006ed4;font-size:16px;color:#fff;line-height:48px;text-align:center;display:inline-block;margin-top: 50px;}
.cpxq-picwordsR h4 b{width:18px;height:22px;display:inline-block;background:url(../images/xqproduct_down.png) no-repeat;vertical-align:middle;margin:-2px 10px 0 0}
.cpxq-picwordsR h4:hover{background-color:#0c0d11}
.cpxq-pgtwords-box{width:100%;overflow:hidden}
.cpxq-pgtwords{width:1280px;margin:0 auto}
.cpxq-pgtwords ul li{width:50%;float:left;overflow:hidden}
.cpxq-pgtwords ul li:nth-child(2){padding:0 0 0 34px}
.cpxq-pgtwords ul li:nth-child(1) h6{font-size:24px;color:#000;padding:0 0 16px 0;border-bottom:1px solid #dcdcdc}
.cpxq-pgtwords ul li:nth-child(1) h6 span{color:#666}
.cpxq-pgtwords ul li:nth-child(1) img{max-width:100%;object-fit:cover;display:block;margin:20PX 0}
.cpxq-pgtwords ul li:nth-child(2) h6{font-size:24px;color:#000;padding:0 0 16px 0;border-bottom:1px solid #dcdcdc}
.cpxq-pgtwords ul li:nth-child(2) h6 span{color:#666}
.cpxq-pgtwordsL{float:left;overflow:hidden;padding:10px 0 0 0}
.cpxq-pgtwordsL p{font-size:16px;color:#666;margin-top:16px}
.cpxq-pgtwordsL p i{width:4px;height:4px;border-radius:100%;display:block;float:left;background-color:#006ed4;margin:6px 10px 0 0}
.cpxq-pgtwordsL h5{font-size:16px;color:#333;padding:0 0 0 14px;margin-top:4px}
.cpxq-pgtwordsR{width:40%;float:left}
.cpxq-pgtwordsR img{max-width:100%;object-fit:cover;display:block;margin:20PX 0}
.cpxq-wxccwords-box{width:100%;overflow:hidden;padding:20px 0 44px 0}
.cpxq-wxccwords{width:1280px;margin:0 auto}
.cpxq-wxccwords h6{width:100%;font-size:24px;color:#000;padding:0 0 16px 0;border-bottom:1px solid #dcdcdc}
.cpxq-wxccwords h6 span{color:#666}
.cpxq-wxccwords-pic{width:100%;overflow:hidden;padding:44px 0}
.cpxq-wxccwords-pic ul{font-size:0;text-align:center}
.cpxq-wxccwords-pic ul li{width:33.333333333%;height:auto;overflow:hidden;text-align:center;display:inline-block}
.cpxq-wxccwords-pic ul li img{max-width:100%;object-fit:cover}
.cpxq-wxccwords-words{width:100%;overflow:auto}
.cpxq-wxccwords-table{width:1280px}
.cpxq-wxccwords-table table{width:100%}
.cpxq-wxccwords-table tbody:nth-child(1){width:100%;background-color:#006ed4;font-size:16px;color:#fff}
.cpxq-wxccwords-table tbody th{text-align:center;width:160px;height:64px;border-right:1px solid #65c253;background-color:#006ed4}
.cpxq-wxccwords-table thead th:last-child{border-right:none}
.cpxq-wxccwords-table tbody{width:100%}
.cpxq-wxccwords-table tbody tr{width:100%}
.cpxq-wxccwords-table tbody tr td{text-align:center;width:160px;height:60px;font-size:16px;color:#666;border-right:1px solid #f8f8f8}
.cpxq-wxccwords-table tbody tr:nth-child(2n+1){background-color:#f5f5f5}
.cpxq-xgcpwords-box{width:100%;overflow:hidden;padding:40px 0 60px 0;background-color:#f8f8f8}
.cpxq-xgcpwords{width:1280px;margin:0 auto}
.cpxq-xgcpwords h6{width:100%;font-size:24px;color:#000;padding:0 0 16px 0;border-bottom:1px solid #dcdcdc}
.cpxq-xgcpwords h6 span{color:#666}
.cpxq-xgcpwords-pic{width:100%;overflow:hidden}
.cpxq-xgcpwords-pic ul{width:100%;margin-left:-2%;overflow:hidden}
.cpxq-xgcpwords-pic ul li{width:31.333333333333%;margin-left:2%;margin-top:2%;overflow:hidden;float:left}
.cpxq-xgcpwords-pic-pic{width:100%;height:280px;overflow:hidden;text-align:center;background-color:#f2f2f2}
.cpxq-xgcpwords-pic-pic img{width:100%;object-fit:cover}
.cpxq-xgcpwords-pic-words{width:100%;height:80px;overflow:hidden;padding:0 20px;text-align:center;border:1px solid #e5e5e5;border-top:none!important;color:#666;transition:all .5s;background-color:#fff}
.cpxq-xgcpwords-pic-words p{font-size:16px;line-height:80px;width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cpxq-xgcpwords-pic ul li:hover .cpxq-xgcpwords-pic-words{background-color:#006ed4}
.cpxq-xgcpwords-pic ul li:hover .cpxq-xgcpwords-pic-words P{color:#fff}
@media all and (max-width:1380px){.cp-listwords{width:94%;margin-left:3%;padding:0 0 24px 0}
.breadNav{width:94%;margin-left:3%}
.cpxq-matter{width:1000px;margin:0 auto}
.picwordsL-minpic-list{width:448px}
.picwordsL-minpic-list img{width:100%;height:auto}
.picwordsL-minpic-list ul li{width:80px;margin-left:9px}
.cpxq-pgtwords{width:94%;margin-left:3%}
.cpxq-wxccwords{width:94%;margin-left:3%}
.cpxq-xgcpwords{width:94%;margin-left:3%}
}
@media all and (max-width:1000px){.cp-tabnav ul li{width:50%;height:44px;line-height:44px}
.cp-tabnav ul li i{width:54%;bottom:0}
.cp-listwords-box{padding:28px 0 0 0}
.cp-listwords ul{margin-left:0}
.cp-listwords ul li{width:100%;margin-left:0}
.cp-listwords-pic{height:auto;padding:30px 40px}
.cp-listwords-pic img{margin-top:0}
.cp-listwords-words{height:50px;padding:0 16px}
.cp-listwords-words p{line-height:50px}
.cp-listwords{padding:0 0 10px 0}
.breadNav-box{display:none}
.cpxq-matter-box{padding:24px 0 28px 0}
.cpxq-matter{width:95%;margin:0 auto}
.cpxq-picwordsL{width:100%}
.cpxq-picwordsR{width:100%;margin-left:0;padding:28px 6px 0 6px}
.picwordsL-maxpic{height:260px}
.picwordsL-maxpic ul li{height:260px;padding:16px 0}
.picwordsL-maxpic ul li img{max-width:90%}
.picwordsL-minpic{margin-top:14px}
.picwordsL-minpic .next,.picwordsL-minpic .prev{width:20px;height:60px}
.picwordsL-minpic .next i,.picwordsL-minpic .prev i{margin-top:25.5px}
.picwordsL-minpic-list{width:280px;height:60px}
.picwordsL-minpic-list ul li{width:44px;height:60px;margin-left:10px}
.cpxq-picwordsR h6{font-size:20px;padding:0 0 10px 0}
.cpxq-picwordsR-words ul li p{font-size:16px;width:60%;margin-left:5%}
.cpxq-picwordsR h4{margin-top:16px}
.cpxq-pgtwords ul li{width:100%}
.cpxq-pgtwords ul li:nth-child(1) h6{font-size:20px;padding:0 0 10px 0}
.cpxq-pgtwords ul li:nth-child(2){padding:0}
.cpxq-pgtwords ul li:nth-child(2) h6{font-size:20px;padding:0 0 10px 0}
.cpxq-pgtwordsL{width:100%}
.cpxq-pgtwordsR{width:100%;padding:16px 0}
.cpxq-pgtwordsR img{margin:0 auto}
.cpxq-wxccwords h6{font-size:20px;padding:0 0 10px 0}
.cpxq-wxccwords-pic ul li{width:100%;height:auto;padding:16px 0}
.cpxq-wxccwords-pic{padding:24px 0}
.cpxq-xgcpwords-box{padding:24px 0 28px 0}
.cpxq-xgcpwords h6{font-size:20px;padding:0 0 10px 0}
.cpxq-xgcpwords-pic ul{margin-left:0}
.cpxq-xgcpwords-pic ul li{width:100%;margin-left:0}
.cpxq-xgcpwords-pic-pic{height:auto;padding:30px 40px}
.cpxq-xgcpwords-pic-pic img{margin-top:0}
.cpxq-xgcpwords-pic-words{height:50px;padding:0 16px}
.cpxq-xgcpwords-pic-words p{line-height:50px}
}
