.cp-title{ position:relative; padding:10px 0px 10px 130px; height:60px; margin-bottom:30px; clear:both}
.cp-title .sp1{ font-size:24px; line-height:40px; display:block; width:130px; position:absolute; left:0; top:8px; font-weight:600; color:var(--dark)}
.cp-title .sp2{ float:right;display:inline-block; padding-top:8px}

.cp-title>*>:first-child{ font-size:16px; padding:0px 20px; line-height:40px; color:var(--gray-dark); border-radius:5px;}
.cp-title>.uk-active>a{ background-color:var(--blue)}
.cp-title-ul{ margin-bottom:20px}
.cp-title-ul li{ float:left;}

.cp-title .sp2 a{ line-height:20px; font-size:14px; color:#ccc;border:1px solid #eee; border-radius:5px; }
@media only screen and (max-width:639px){
.cp-title{ padding:0px 0px 0px 90px; margin-bottom:10px; height:30px; margin-left:-5px;}
.cp-title .sp1{ padding-left:0; font-size:14px; width:80px;line-height:28px; left:5px; top:0; border:1px solid #eee; background:#edeeee;border-radius: 5px; text-align:center;box-shadow: inset 0 1px 1px rgba(0,0,0,.11)}
.cp-title>*{ padding-left:5px}
.cp-title>*>:first-child{ font-size:14px; padding:0px 8px; line-height:30px;}
.cp-title-ul{margin-bottom:10px;overflow-x:scroll;-webkit-overflow-scrolling:touch;white-space:nowrap;font-size:12px; }
.cp-title-ul::-webkit-scrollbar {display:none;}
.cp-title-ul li{display:inline-block; float:inherit}
}
.cp-mode dl{ border-radius:5px 5px 0px 0px; position:relative;}
.cp-mode dt{ border-radius:5px 5px 0px 0px; overflow:hidden; max-height:200px}
.cp-mode dt a{ display:block}
.cp-mode dt img{ width:100%;}
.cp-mode dt a img{transition:all 0.5s ease-out 0s;width:100% !important}
.cp-mode dt a:hover img{transform:scale(1.1)} 
.cp-mode dd{ position:relative; padding:0px; background:#fff}
.cp-mode dd:after{content:'';display:block;position:absolute;left:0;right:0;top:-50px;height:50px;background-image:-webkit-linear-gradient(top,rgba(255,255,255,0.3) 0,#fff 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,0.3) 0,#fff 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,0.3) 0,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffff',endColorstr='#ffffff',GradientType=0);z-index:9;}
.cp-tips{ position:absolute; padding:0px 10px; height:25px; left:0; right:0; top:-35px; z-index:10}
.cp-tips span{ display:inline-block; font-size:12px; color:#fff; padding:0px 10px; line-height:20px; margin-left:5px; border-radius:10px;background:var(--zilan-500);}
.cp-tips span:nth-child(2){background:var(--zilan-400);}
.cp-tips span:nth-child(3){background:var(--zilan-300);}
.cp-tips span:nth-child(4){background:var(--gray-600);}
.cp-tips span.cp-cc{ background:var(--zilan-500);}
.cp-tips span.cp-dq{ background:var(--zilan-400);}
.cp-tips span.cp-ss{ background:var(--zilan-300);}
.cp-mode dd h4{ margin:0px auto; padding:0px 15px; font-weight:500; font-size:16px;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cp-mode dd h4 a{ color:var(--dark)}
.cp-mode dd p{ line-height:20px; padding-left:45px;font-size:14px; position:relative;margin:15px auto;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; color:var(--gray-600);}
.cp-mode dd p:after{position: absolute;left:30px;top:50%; margin-top:-2px;content:"";display: inline-block;width: 0;height: 0;vertical-align: middle;border-bottom: 7px solid var(--gray-100);border-right: 7px solid transparent;border-left: 7px solid transparent;border-top: 0 dotted;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);opacity:1; transition: opacity .1s;}

.cp-mode dd p b{ left:0; top:0;width:35px; height:20px; font-size:12px; display:inline-block; font-weight:500; background:var(--gray-600); padding:0px 5px; position: absolute; margin-right:10px; border-radius:3px; color:#fff;}
.cp-mode dd p b:after{position: absolute;right:-9px;top:50%; margin-top:-3px;content:"";display: inline-block;width: 0;height: 0;vertical-align: middle;border-bottom: 7px solid var(--gray-600);border-right: 7px solid transparent;border-left: 7px solid transparent;border-top: 0 dotted;-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg); transform: rotate(90deg);opacity:1; transition: opacity .1s;}
.cp-mode dd p.cp-ys{ color:var(--gray-600);-webkit-line-clamp:2}
.cp-mode dd p.cp-ys b{background:var(--gray-600)}
.cp-mode dd p.cp-ys b:after{border-bottom: 7px solid var(--gray-600);}

.u-Mlist p strong{ overflow:hidden; text-indent:-2em; width:35px; letter-spacing:1px; text-align:left}

@media only screen and (max-width:639px){
.cp-mode dl{ padding-bottom:35px; border-radius:5px;}
.cp-tips{ display:none}
.cp-mode dd:after{ height:30px; top:-30px}
.cp-mode dd{ margin-top:-15px; padding:0px 10px}
.cp-mode dd h4{white-space: inherit;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:14px; font-weight:600; margin-bottom:5px}
.cp-mode dd p{ line-height:18px; font-size:12px; margin:10px auto;}
}

.cp-btn{ position:absolute; height:30px; left:0; right:0; bottom:15px; padding:0px 10px;}
.cp-btn a{ display:inline-block; margin-left:5px; background:var(--cyan); color:#fff; border-radius:15px 15px 15px 0px; padding:0px 15px; line-height:30px; font-size:14px;}
.cp-btn a.cp-btn-chat{background:var(--blue)}
.cp-btn a:hover{ background: var(--gray-dark);}

@media only screen and (max-width:639px){
.cp-btn{ bottom:10px;padding:0px 5px; height:25px}
.cp-btn a{padding:0px 10px; line-height:25px; font-size:12px}
}

.guojia .uk-panel a{ position:relative; display:block;border-radius:5px; overflow:hidden}
.guojia .uk-panel a img{ width:100%}
.guojia .uk-panel a:after{content:""; display:block; width:100%; height:100%; left:0; right:0; top:0; position:absolute; background:rgb(0,0,0,0.3)}
.guojia .uk-position-bottom{ background:rgb(0,0,0,0.3); padding:15px; color:#fff; z-index:9}

.zhuanti .uk-panel a{ position:relative; display:block;border-radius:5px; overflow:hidden}
.zhuanti .uk-panel a img{ width:100%}

.cp-moshi{ padding-top:10px}
.cp-moshi-text dl{ text-align:center}
.cp-moshi-text dt{ background:var(--zilan); text-align:center; width:80px; height:80px; border-radius:30%; line-height:80px; font-size:3rem; font-weight:200; color:var(--zilan-100); margin:0px auto}
.cp-moshi-text p{ margin-top:0; font-size:0.875rem; margin-bottom:0.625rem}
.cp-moshi-text p.t{ text-align:center; margin:0.625rem auto; font-size:1rem; color:var(--zilan); position:relative; display:inline-block}
.cp-moshi-text p.t:before{content:""; position:absolute; background:var(--zilan); width:2rem; height:1px;left:-2.25rem; top:50%;}
.cp-moshi-text p.t:after{content:""; position:absolute;background:var(--zilan); width:2rem; height:1px;right:-2.25rem; top:50%;}
.cp-moshi-li{ border-top:1px solid var(--gray-400); padding-top:0.625rem;}
.cp-moshi-li li{ margin-bottom:1px;background:#fff; border-radius:5px;padding:0.625rem}
.cp-moshi-li li a{ display:block; position:relative; padding-right:5.3125rem; height:50px; padding-top:0.3125rem}
.cp-moshi-li li a dt{ font-weight:300; font-size:0.75rem; color:var(--gray-500);word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height:20px;}
.cp-moshi-li li a dd{color:var(--gray-800);word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; line-height:20px;}
.cp-moshi-li li img{ width:77px; height:50px; position:absolute; right:0; top:0; border-radius:5px;}
.cp-moshi-li li a.cp-moshi-link{ padding:0px; height:auto; text-align:center; background:var(--cyan); color:var(--white); border-radius:5px; line-height:40px;}

.cp-news{padding-top:40px; padding-bottom:40px}
.cp-news-box{ background:#fff; border-radius:5px;box-shadow: 0 5px 15px rgba(0,0,0,.08);}

.cp-news-t{ border-bottom:1px solid rgba(246,246,246,1); padding:15px; font-weight:bold; line-height:25px; margin-bottom:15px}
.cp-news-t a{ display:block; float:right; font-size:14px; font-weight:500; width:50px; position:relative; height:25px; padding-right:17px;}
.cp-news-t a span{ display: inline-block; width:17px; height:17px; position:absolute; top:5px; right:0}
.cp-news-li li{ position:relative; margin-bottom:15px; padding:0px 15px 0px 30px}
.cp-news-li li:before{content:""; width:4px; height:4px; background:var(--gray-dark); border-radius:2px; left:15px; top:10px; position:absolute}
.cp-news-li li a{ display:block;word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.cp-why{ text-align:center; padding-top:10px; padding-bottom:20px}
.cp-why dl{ background:var(--zilan-100); border-radius:5px; position:relative; margin-top:40px; padding:40px 15px 30px; box-shadow:0 5px 10px rgb(0,0,0,0.08)}
.cp-why dl:after{content:""; position:absolute; background: url(../img/tit/z12.gif); width:60px; height:13px;background-size:cover; right:15px; bottom:15px}
.cp-why dt{box-shadow:0 5px 10px rgb(0,0,0,0.08);margin:0px auto; width:80px; height:80px; line-height:76px; font-size:2rem; font-weight:normal; color:#fff; background:var(--zilan-500); border-radius:30%; border:2px solid #f4f7fc; position:absolute; left:50%; margin-left:-40px; top:-40px;}
.cp-why dd{ margin-top:15px}
.cp-why dd h4{ margin:0px auto 15px; font-size:1rem; display:inline-block; padding:10px 0px; position:relative}
.cp-why dd h4:before{content:""; position:absolute; background:var(--zilan); height:1px; width:100%; bottom:0px; left:0}
.cp-why dd h4:after{content:""; position:absolute; background: url(../img/tit/z11.gif) no-repeat center center var(--zilan-100); height:10px; width:26px; bottom:-5px; right:16px; background-size:cover}
.cp-why dd h4>*{ color:var(--zilan);}
.cp-why dd p{color:var(--zilan-500); font-size:15x; margin-bottom:10px;}
@media only screen and (max-width:639px){
.cp-why dl{padding:40px 10px 20px;}
.cp-why dl:after{ right:10px; bottom:10px}
.cp-why dd h4{ padding:5px 0px}
.cp-why dd p{ font-size:14px}
}
.p-t-1{ padding-top:10px}
.p-t-2{ padding-top:20px}
.p-t-3{ padding-top:30px}
.p-b-1{ padding-bottom:10px}
.p-b-2{ padding-bottom:20px}
.p-b-3{ padding-bottom:30px;}
.p-b-4{ padding-bottom:40px;}
@media only screen and (max-width:639px){
.top-bg .uk-grid-column-medium,.top-bg .uk-grid-medium{ margin-left:-3px}
.top-bg .uk-grid-column-medium>*,.top-bg .uk-grid-medium>*{padding-left:3px;}
.top-bg .uk-grid-medium>.uk-grid-margin{ margin-top:3px;}
}