﻿*{ margin: 0; padding: 0;box-sizing: border-box;}
html { position: relative; min-height: 100%;}
body { font-family:Arial Tahoma 'Microsoft YaHei';background:#fff; color:#1d1d1d; padding-top:60px;margin-bottom:193px;   }
ul,li{ margin:0; padding:0; list-style-type:none; }
p{ margin: 0; padding: 0;}
a{ outline:none; color:#f60; }
a:visited{ outline:none; }
a:hover,a:focus{ text-decoration:none; outline:none; color:#f90; }

.row{ margin-left: -10px; margin-right: -10px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 10px;
    padding-left: 10px; }

@media (max-width:768px) {
    body{ margin-bottom:auto;  padding-top:50px; }
}
@media (min-width: 1600px){
    .container { width: 1280px;}
    .row{ margin-left: -15px; margin-right: -15px;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 15px;
    padding-left: 15px;}
    .content{ padding:60px 0 60px 0; }
}

/*btn*/
.btn{ border-radius:4px; box-shadow:none; transition:.5s; text-shadow:none; box-sizing: border-box;} 
.btn-md{ font-size:14px; padding:8px 20px; }
.btn-lg{ font-size:16px; padding:12px 30px; }
.btn-radius{ border-radius: 20px;}
.btn-primary{ border-color:#f60; background-color: #f60; }
.btn-primary:focus,.btn-primary:hover{ border-color:#f50; background-color: #f50; box-shadow: 0 5px 10px rgb(255 102 0 / 50%);}
.btn-primary-border{ border:solid 1px #f60; background-color: transparent; color:#f60; }
.btn-primary-border:focus,.btn-primary-border:hover{ border:solid 1px #f60; background-color: #f60; color:#fff; box-shadow: 0 5px 10px rgb(255 102 0 / 50%);}
.btn-secondary{ border-color:#299bfc; background-color: #299bfc; color:#fff; }
.btn-secondary:focus,.btn-secondary:hover{ border-color:#299bfc; background-color: #299bfc; color:#fff; box-shadow: 0 5px 10px rgb(41 155 252 / 50%);}
.btn-white{ border-color:#fff; background-color: #fff; color:#f60;}
.btn-white:focus,.btn-white:hover{ border-color:#fff; background-color: #fff;color:#f60; box-shadow: 0 5px 10px rgba(0,0,0,.3); opacity: .8;}
.btn-white-border{ border-color:#fff; background-color: transparent; color:#fff;}
.btn-white-border:focus,.btn-white-border:hover{ border-color:#fff; background-color: #fff;color:#f60; box-shadow: 0 5px 10px rgba(0,0,0,.3);}
.btn-text{ color:#777;}
.btn-text:hover{ color:#f60;}


.text-black{ color:#1d1d1d;}
.text-primary{ color:#2a92ff; }
.text-success{ color:#42bd56; }
.text-warning{ color:#f60; }
.text-danger{ color:#ff0042; }
.text-gray{ color:#7d8694; }
.text-gray-light{ color:#adb6c4; }
.text-white{ color:#fff; }

.c-blue{ color:#00aeff; }
.c-gray{ color:#838998; }
.c-gray-m{ color:#999;}
.c-org{ color:#f60; }
.c-red{ color:#ff0042; }
.c-green{ color:#38B549;}

.fs12{ font-size:12px;}
.fs13{ font-size:13px;}
.fs14{ font-size:14px;}
.fs15{ font-size:15px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fwb{ font-weight:bold}
.ffa{ font-family:Arial }

.text-md{ font-size:15px;}
.text-lg{ font-size:16px;font-family:Tahoma; }
.text-xl{  font-size:24px;font-family:Tahoma; font-weight:normal; }

.text-bold{ font-weight: bold;}
.text-center{ text-align: center;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}

.va-middle{ vertical-align:middle; }
.db-inline{ display:inline-block; }
.cursor-pointer{ cursor: pointer;}

.mgl5{ margin-left:5px; }
.mgl10{ margin-left:10px; }
.mgl15{ margin-left:15px; }
.mgl20{ margin-left:20px; }
.mgl30{ margin-left:30px; }
.mgr10{ margin-right:10px; }
.mgr15{ margin-right:15px; }
.mgr20{ margin-right:20px; }
.mgr30{ margin-right:30px; }
.mgb5{ margin-bottom:5px; }
.mgb10{ margin-bottom:10px; }
.mgb15{ margin-bottom:15px; }
.mgb20{ margin-bottom: 20px;}
.mgb30{ margin-bottom:30px;}
.mgtb15{ margin:15px 0; }
.mgt5{ margin-top:5px; }
.mgt10{ margin-top:10px; }
.mgt15{ margin-top:15px; }
.mgt20{ margin-top:20px; }
.pdt15{ padding-top:15px;}
.pdt20{ padding-top:20px;}
.pdt30{ padding-top:30px;}
.pdb10{ padding-bottom:10px;}
.pdb15{ padding-bottom:15px;}
.pdb20{ padding-bottom:20px;}

.form-control{ box-shadow:none; }

/*-- header --*/
.navbar{ margin-bottom:0; }
.navbar-inverse{ border:0 !important; border-radius:0; background: #fff; box-shadow: 0 5px 30px rgba(3,27,78,0.07); }
.navbar-brand{ height:60px; margin-top: 0; margin-bottom: 0; padding-top:5px; padding-bottom:0px; }
.logo{ display: block; width:164px; height:50px; background: url(../images/logo.png) no-repeat left center; background-size: auto 100% ; }
.navbar-nav > li{ margin-left: 5px; margin-right: 5px;}
.navbar-nav > li > a{ padding-top:0; padding-bottom:0 ; height:60px; line-height:60px;padding-left:15px; padding-right:15px; font-size:15px;  }
.navbar-inverse .navbar-nav > li > a{ color:#1d1d1d; text-shadow:none;  }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover{ border-bottom:solid 0px #378cfe; color:#00aeff;background-color:transparent; }
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a{ background-image:none; box-shadow:none; }
.navbar-inverse .navbar-nav > li > a:hover{ color:#00aeff;}
.navbar-nav > li.active > a:hover{color:#00aeff !important;opacity: 1; }
.navbar-inverse .navbar-toggle{ border-color:transparent; }
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{ background-color:transparent; }
.navbar-inverse .navbar-toggle .icon-bar{ transition:.5s; }
.navbar-inverse .navbar-toggle:focus .icon-bar,.navbar-inverse .navbar-toggle:hover .icon-bar{ background-color:#00aeff; }
.navbar-right{  padding-right:0px; }
.navbar-inverse .navbar-toggle .icon-bar{ background: #444;}
.navbar-inverse .navbar-collapse{ border-color:#e5e8ed;}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{ color:#1d1d1d;}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:focus, 
.navbar-inverse .navbar-nav > .open > a:hover{ color:#00aeff; background:transparent;  }
.navbar-right .dropdown-menu{ position: relative; position: absolute; right:inherit; left:0; top:120%; }
.navbar-nav > li > .dropdown-menu{ border-radius:4px; padding:10px 10px 0; border:0; box-shadow:0 2px 20px rgba(0,0,0,.2);  }
.navbar-nav > li > .dropdown-menu .triangle{ display: block; width: 0;height: 0;border: 7px solid; border-color: transparent transparent #fff; position: absolute; top:-14px; left:37px;  }
.dropdown-menu > li > a{ padding:12px 25px 12px 15px; margin-bottom: 10px;}
.dropdown-menu > li > a:hover { border-radius: 8px; }
.dropdown-menu > li > a .iconfont{ margin-right: 8px; font-size:18px; }
.dropdown-menu > li > a .icon-xunzhang{ font-size: 20px; }

.dropdown-menu > li > a.solution-menu-1{ background: #fff3ee; color:#f60 !important; }
.dropdown-menu > li > a.solution-menu-1:hover{ background: #fc763e; color:#fff !important;}
.dropdown-menu > li > a.solution-menu-2{ background: #edf7ff; color:#008dfc !important; }
.dropdown-menu > li > a.solution-menu-2:hover{ background: #008dfc; color:#fff !important;}
.dropdown-menu > li > a.solution-menu-3{ background: #f3f5ff; color:#6e8bff !important; }
.dropdown-menu > li > a.solution-menu-3:hover{ background: #6e8bff; color:#fff !important;}

@media (max-width:768px) {
    .navbar-brand{ height:50px; padding-bottom:5px;}
    .navbar-brand .logo{ width: 280px; height:40px;}
    .navbar-nav > li{ margin-left: 0px; margin-right: 0px;}
    .navbar-nav > li > a{ height:40px; line-height: 40px; padding-left: 15px; padding-right: 15px;  }
    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{ background: #f3f9fc;}
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a{ padding: 7px 15px 7px 25px;}
}

/*-- footer --*/
/* .footer-banner{ padding-top:25px; padding-bottom:25px;background:#1e50a2 url(../images/banner-footer.jpg) no-repeat center center;color:#fff;  text-align:center; } */
.footer-banner{ padding-top:25px; padding-bottom:25px;background:#1e50a2;color:#fff;  text-align:center; }
.footer-banner strong{ margin-right: 36px; font-size:28px; line-height: 48px; vertical-align: bottom; }
.footer-banner .btn{ font-size:18px; padding: 0 30px; height:48px; line-height: 48px;  vertical-align: bottom;}

.footer{ background:#252525; color:#fff; width:100%; padding:35px 0 20px; height:193px; position:absolute;  bottom:0;  }
.footer a{ color:rgba(255,255,255,.5) }
.footer a:hover{  color:#fff; }
.cp-contact-item{ display: flex; margin-bottom: 15px;}
.cp-contact-icon{ width: 44px;}
.cp-contact-icon .iconfont{ font-size:32px;}
.cp-contact-icon .icon-qq1{ font-size:29px;}
.cp-contact-text{flex:1;}
.cp-contact-text strong{ font-size: 22px; display: block; margin-top: 2px; font-weight: normal; font-family: tahoma; letter-spacing: 1px;}
.cp-ma-wrap{ width: 100%; display: flex; justify-content:flex-end;}
.cp-ma-item{ text-align:center; color: #fff; width: 100px; margin-left: 30px;}
.cp-ma-item span{ display:block; width: 100%; margin-top:10px; font-weight: normal; font-size: 13px;  }
.cp-ma-item img{ width:100px; border-radius: 8px; }
.cp-copyright{ border-top:solid 1px rgba(255,255,255,.15); padding-top: 15px; margin-top: 20px; color:rgba(255,255,255,.5); font-size:13px;}
@media (max-width:768px) {
    .footer{ position: inherit;;  bottom:inherit; padding:20px 0 10px 0; height:auto; }
    .cp-copyright{ margin-top: 0;}
    .cp-ma-wrap{ justify-content:inherit;}
    .cp-ma-item{ margin: 15px 30px 0 0;}
}

/*banner*/
.carousel{ height:400px; background: #ddd;}
.carousel-indicators{ bottom:10px}
.carousel-indicators li{background-color: rgba(255,255,255,.5); border: 1px solid transparent; margin-left: 3px; margin-right: 3px; transition: .5s;}
.carousel-indicators li.active{ background: #fff; margin-left: 3px; margin-right: 3px;}
.carousel-control.left,.carousel-control.right{ width: 8%; background-image: none;}
.carousel-control .glyphicon{ display: none;}
/*.carousel-control.left,.carousel-control.right{ background-image: none; margin:0 50px;}
.carousel-control{ width: 50px; height:50px; background:rgba(255,255,255,.4); color:#fff; text-align: center; line-height: 50px; border-radius: 50%; top:50%; margin-top: -25px !important; text-shadow: none; box-shadow:none; }
.carousel-control:hover{ color:#fff;}
.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right{ width: auto; height:auto; font-size:20px; margin-top: 5px; font-weight: lighter; }
.carousel-control .glyphicon{ top:4px;}*/
.banner{ height:400px; text-align: left;}
.banner img{ display: inline-block; max-height: 100%;display: none;}
.banner-1{ background:#385dd2 url(../images/banner-1.jpg) no-repeat center center;}
/* .banner-1{ background:#385dd2 url(../images/banner-4.png) no-repeat center center;} */
.banner-2{ background:#1e50a2 url(../images/banner-2.jpg) no-repeat center center;}
.banner-3{ background:#555 url(../images/banner-3.png) no-repeat center center;}
@media (max-width:768px) {
	.banner-1{ background:#385dd2 url(../images/banner01-phone.png) no-repeat center center;background-size: 100% 100%;;}
	.banner-2{ background:#1e50a2 url(../images/banner03-phone.png) no-repeat center center;background-size: 100% 100%;;}
	.banner-3{ background:#555 url(../images/banner02-phone.png) no-repeat center center;background-size: 100% 100%;;}
}
.member-wrap{ width: 100%;}
.member-wrap .container{ position: relative;}
.member-content{ position: absolute; top:30px; right:0; z-index: 99; width: 320px; height:340px; overflow: hidden; background: #fff; text-align: center; padding:50px 0 0px;}
.member-avatar{ width: 72px; height:72px; background: #fff; border-radius: 50%; overflow: hidden; margin: 0 auto 18px;}
.member-avatar img{ max-width: 72px; object-fit: cover;}
.member-btn-group{ padding-top: 15px;}
.member-btn-group a{ margin: 5px; }
.member-btn-group .btn-md{ padding-left: 10px; padding-right: 10px; min-width: 100px;}
.member-ft{ border-top:solid 1px #e5e5e5; margin-top: 25px; padding-top: 18px; line-height: 180%; }
.member-ft b{ color:#f60; font-weight: normal;}
@media (max-width:768px) {
    .carousel{ height:300px; }
    .carousel-control.left,.carousel-control.right{ margin:0 15px;}
    .banner{ height:300px; text-align: center;}
    .member-wrap .container{ position: inherit; padding-left: 0; padding-right: 0;}
    .member-content{ position: inherit; top:inherit; right:inherit; width: 100%; height:auto; padding-top: 20px; padding-bottom: 20px;overflow: inherit;}
    .member-avatar{ margin-bottom: 15px;}
    .member-btn-group{ padding-top: 10px;}
    .member-ft{ margin-top: 15px;padding-top: 15px;}
}


.content{ padding:50px 0 50px 0; }
.content-sm{ padding: 20px 0;}
.bg-gray{ background: #f8f8fb; }
.bg-white{ background: #fff;}
.title{ text-align:center; margin-bottom:40px; }
.title h2{ font-size:34px; margin-top:0; color:#1d1d1d; font-weight: bold; }
.title p{ margin-top: 15px;}
.title span{ font-size:14px; color:#555;  display:block; font-weight:normal; margin-top:12px;  line-height:160%;}
.title-line{  margin-bottom:25px; border-bottom: solid 1px #ddd; padding-bottom: 12px;}
.title-line h3{ font-size:20px; text-align: center; margin: 0;}
.cp-cell{ display: flex;  }
.cp-cell-vm{ align-items: center;}
.cp-cell-auto{ flex:1;}
@media (max-width:768px) {
    .content{ padding:15px 0; }
    .title{ margin-bottom:20px; }
    .title h2{ font-size:28px; }
    .pd20{ padding: 15px;}
}

.inx-solution-content{ background: #fff;}
.solution-item{ background: #fff; box-shadow: 0 5px 30px rgba(3,27,78,0.1); border-radius: 8px; overflow: hidden; margin-bottom: 15px; transition: .5s; }
.solution-item:hover{ box-shadow: 0 5px 30px rgba(3,27,78,.2);-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); }
.solution-item-1,.solution-item-3{ margin-top: 20px;}
.solution-item-pic{ height:200px; background: #fff;  text-align: center; padding:10px; display: flex; align-items: center; justify-content: center;}
.solution-item-pic img{ max-width: 100%; max-height: 100%; }
.solution-item-bd{ padding:20px 20px 30px; background: #d7e8fe; color:#fff }
.solution-item-bd h3{ margin-top: 0; font-size:22px; font-weight: bold; line-height: 140%; }
.solution-item-bd h3 span{ display: block; font-size:18px; font-weight: normal;}
.solution-item-bd p{ font-size:15px; }
.solution-item-1 .solution-item-bd{ background: #fc763e;}
.solution-item-2 .solution-item-bd{ background: #fab82c;}
.solution-item-3 .solution-item-bd{ background: #21c5bc;}
.solution-item-4 .solution-item-bd{ background: #39b4f6;}
@media (max-width:768px) {
    .solution-item-1,.solution-item-3{ margin-top: 0px;}
}

.inx-partner-content{ background: #f8f8fb;}
.partner-item{background: #fff; height:68px; box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px; overflow: hidden; margin-bottom: 25px; transition: .5s; display: flex; align-items: center; justify-content: center; padding:12px 10px; }
.partner-item:hover{ box-shadow: 0 5px 30px rgba(3,27,78,.2);-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}
.partner-item img{ max-width: 90%; max-height: 100%;}
@media (max-width:768px) {
    .inx-partner-content .row{ margin-left: -10px; margin-right: -10px;}
    .inx-partner-content .col-sm-2{ width: 33.33%;float:left; padding-left: 10px; padding-right:10px; }
    .partner-item{ margin-bottom: 15px;}
}
@media (max-width:640px) {
    .inx-partner-content .col-sm-2{ width: 50%; }
}

.inx-team-content{ background: #fff; }
.team-item{ background: transparent; box-shadow: 0 5px 30px rgba(3,27,78,0.1); border-radius: 8px; margin-bottom: 30px; margin-top: 30px; transition: .5s;  }
.team-item:hover{ box-shadow: 0 5px 30px rgba(3,27,78,.2);-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);}
.team-hd{ position: relative;}
.team-photo{ width: 116px; height:105px; /*background: url(../images/img-langhua.png) no-repeat right bottom; background-size: 80% auto;*/ position: absolute; right:10px; top:-30px; }
.team-photo-avatar{ width: 100px; height:100px; border-radius: 50%; overflow: hidden;}
.team-photo-avatar img{ max-width: 100%;; object-fit: cover;}
.team-name{ padding: 35px 0 0 30px; font-weight: bold; font-size: 18px; display: block; margin-bottom: 10px; }
.team-bd{ padding:20px 30px 35px;}
.team-bd-quotes{ height:25px; overflow: hidden; color:#f60;  }
.team-bd-quotes .iconfont{ font-size:12px; transform: scale(.9); display: inline-block; vertical-align: top;}
.team-bd p{ margin-bottom: 20px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.team-bd a{ padding-top: 0px; }
.team-bd a .glyphicon{ font-size:12px; margin-left: 2px; transition: .5s;}
.team-item:hover .glyphicon{ margin-left: 10px;}
@media (max-width:768px) {
    .team-item{ margin-top: 45px; }
}

.banner-in{ width: 100%; height:180px; background: #444; color:#fff; }
.banner-in-text{ font-size:16px; width: 700px; margin: 22px auto 0;  }
.banner-in-text h2{ font-size:28px; font-weight: bold; margin-bottom: 15px;}
.banner-in-text p{ position: relative; padding-left: 14px; margin-bottom: 5px;}
.banner-in-text p::before{ content: ""; width: 4px; height:4px; border-radius: 50%; background: #fff; position: absolute; left:3px; top:10px;}
.banner-minying{ /**background: #fc763e;**/background: url(../images/pic-solution-jigou.png)}
.banner-yiliao{ /**background: #008dfc;**/background: url(../images/pic-solution-yiyuan.png)}
.banner-zhuguan{ /**background: #6e8bff;**/background: url(../images/pic-solution-danwei.png)}
.banner-about{ background: #f8f9fd;}
.banner-about .container{ height:100%; background: url(../images/banner-about.png) no-repeat 300px center; }
.banner-about-text{ font-size:36px; font-weight: bold; color:#444; text-align: center; padding-top: 45px; padding-left: 180px;}
.banner-about-text span{ display: inline-block; margin-right: 1em;}
.banner-cooperation-text{ font-size:36px; font-weight: bold; line-height: 180px; text-align: center; letter-spacing: 2px; }
.banner-cpris{ background: #555; }
.banner-cp-chengxuma{ width: 150px; height:150px; background: #fff; border-radius: 8px; padding:10px; margin-top: 15px; float:right; margin-right: 0px; color:#1d1d1d; font-size:12px; text-align: center; }
.banner-cp-chengxuma img{ width: 110px; margin-bottom: 5px;}
@media (max-width:768px) {
    .banner-in{ height:160px;}
    .banner-in-text{ width: 100%; margin-top: 12px;}
    .banner-about .container{  background-position: left center;}
    .banner-about-text{ font-size:30px; padding-top: 25px; padding-left:auto; padding-right: 20px; text-align: right;}
    .banner-about-text span{ margin-right: 0;  }
    .banner-cooperation-text{ line-height: 160px; font-size:24px;}
    .banner-cp-chengxuma{ width: 140px; height:140px;padding:5px; margin-top: 10px;margin-right: 0;}
    .banner-cp-chengxuma img{ margin-bottom: 4px;}
    
}

.article-hd{ font-size:32px;font-weight: bold; margin-bottom: 20px;}
.article-hd-2{ border-bottom: solid 1px #ededed; padding-bottom: 20px; margin-bottom: 30px; }
.article-hd-2 h3{ font-size:28px; font-weight: bold; margin: 0 0 10px 0; line-height: 140%;}
.article-hd-2 .cp-tag{ margin-left: 5px;}
.article-bd{ margin-bottom: 20px; }
.article-bd p{ font-size:15px; line-height: 190%; text-indent: 2em; margin-bottom: 30px;}
.article-bd p.ti0{ text-indent: 0;}
.article-img{ text-align: center; padding-bottom: 10px;}
.article-img img{ margin-bottom: 15px; max-width: 100%;}
@media (max-width:768px) {
    .article-hd{ font-size:26px;}
}
.article-hd-wz-info{ color:#777;}
.article-hd-wz-info span{ margin-right: 20px;}
.article-hd-wz-info span:first-child{ margin-right: 100px; }
@media (max-width:768px) {
    .article-hd{ font-size:26px;}
}

.solution-minying-item{ min-height:370px; background: linear-gradient(136deg,rgba(240,249,254,0) 22%,#eff9fe);  border-radius: 10px; text-align: center; padding:30px; margin-bottom: 30px; }
.solution-minying-pic{ width: 120px; height:140px; display: flex; align-items: center; justify-content: center; margin: 0 auto 15px;}
.solution-minying-pic img{ max-width: 100%;}
.solution-minying-title{ font-weight: bold; color:#1d1d1d;}
.solution-minying-text{ text-align: left; padding-top: 15px;}

.text-p-dot{ margin-bottom: 5px; padding-left: 14px; position: relative;}
.text-p-dot::before{ content: ""; width: 4px; height:4px; border-radius: 50%; background: #444; position: absolute; left:2px; top:9px;}
@media (max-width:768px) {
    .solution-minying-item{ min-height: inherit; margin-bottom: 15px;}
}

.btn-bar{ text-align: center; padding:40px 0 0; }
.btn-bar .btn-lg{ font-size:17px; padding:12px 40px;}
@media (max-width:768px) {
    .btn-bar{ padding-top: 15px;}
}

.content-yiliao{ background: url(../images/img-yiliao-bg.png) no-repeat center bottom; min-height:480px; margin-bottom: 40px; }
.solution-yiliao-item{ text-align: left; margin-bottom: 40px;}
.solution-yiliao-item-1{ padding-top: 260px; padding-left:150px;}
.solution-yiliao-item-2{ padding-left:60px;}
.solution-yiliao-item-3{ padding-top: 260px; padding-left:30px }
.solution-yiliao-title{ margin-bottom: 35px; font-weight: bold; position: relative;}
.solution-yiliao-title::before{ content: ""; width: 46px; height:3px;border-radius: 8px; background: #008dfc; position: absolute; left:1px; top:40px;}
@media (max-width:768px) {
    .content-yiliao{ background-size: 96% auto; padding-bottom:270px; margin-bottom: 10px;}
    .solution-yiliao-item-1,.solution-yiliao-item-2,.solution-yiliao-item-3{ padding: 0;}
    .solution-yiliao-title{ margin-bottom: 30px;}
}

.solution-zhuguan-bg{ background: #fffaef; border-radius: 16px; color:#f80; position: relative;}
.solution-zhuguan-bg-2{ background: #f8fced; color:#90c231; padding-left: 90px; }
.solution-zhuguan-item{ padding:50px 60px;}
.solution-zhuguan-title{ font-size:26px;}
.solution-zhuguan-mid-icon{ width: 240px; height:240px; border-radius: 50%; background:#fff url(../images/icon-zhuguan-logo.png) no-repeat center center; background-size: 70% auto;  position: absolute; left:-135px; top:50%; margin-top: -120px; z-index: 999;}
@media (max-width:768px) {
    .solution-zhuguan-bg{ margin-bottom: 15px; padding-bottom: 100px;}
    .solution-zhuguan-bg-2{ padding-left: 0; padding-bottom: 20px; padding-top: 70px;}
    .solution-zhuguan-item{ padding:10px 20px;}
    .solution-zhuguan-mid-icon{ width: 180px; height:180px; left:50%; top:-105px; margin-top: inherit; margin-left: -90px; }
    .solution-zhuguan-title{ font-size:22px;}
}

.nav-tabs { border-bottom:1px solid #e5e5e5; text-align:center; font-size:16px; }
.nav-tabs>li { float:none; display:inline-block;  margin-bottom:-1px;  }
.nav-tabs>li>a { margin:0px 20px; line-height:1.42857143; border:0; border-bottom:1px solid transparent; border-radius:0; padding: 12px 40px;  color:#1d1d1d; }
.nav-tabs>li>a:hover { background-color:transparent; border-bottom:solid 0px #1e7efb; color:#f60; }
.nav-tabs>li>a:visited,.nav-tabs>li>a:active,.nav-tabs>li>a:link,.nav-tabs>li>a:focus{ background-color:transparent !important;}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {color:#1d1d1d;cursor:default;background-color:transparent;border:0;border-bottom:solid 4px #f60; font-weight: bold; }
.cp-tabs{border-bottom:1px solid #eee;  }
.cp-tabs .nav-tabs{ border:0;}
.cp-tabs .nav-tabs>li>a{ padding-top: 15px; padding-bottom: 15px;}

.cp-tabs-flex{ margin-bottom: 20px;}
.cp-tabs-flex .nav-tabs{ width: 100%; display: flex;}
.cp-tabs-flex .nav-tabs>li{ flex:1; text-align: center;}
.cp-tabs-flex .nav-tabs>li>a{ margin: 0; padding-left: 0; padding-right: 0; }

.nav-tabs-sm{ display: inline-block;}
.nav-tabs-sm .nav-tabs{ border:0; font-size:14px; margin-right: 30px;}
.nav-tabs-sm .nav-tabs>li>a{ margin:0px 5px; padding:2px 10px 4px 10px;}
.nav-tabs-sm .nav-tabs>li.active>a,
.nav-tabs-sm .nav-tabs>li.active>a:focus,
.nav-tabs-sm .nav-tabs>li.active>a:hover {border-bottom:solid 3px #f60;}

@media (max-width:768px) {
    .cp-tabs .nav-tabs{ border:0; display: flex;}
    .cp-tabs .nav-tabs li{ flex:1; padding:0; margin: 0;}
    .nav-tabs>li>a { padding-left:0px; padding:15px 0;}
    .nav-tabs-sm .nav-tabs{ border:0; font-size:14px; margin-right: 20px;}
    .nav-tabs-sm .nav-tabs>li>a{ margin:0px 0px; padding:0px 5px 4px 5px;}
}

.article-culture-item{ display: inline-block; background: #fff8f4; color:#95623d; padding:17px 38px; line-height: 170%; font-size:17px; margin-bottom: 30px; border-radius: 70px;}
.article-culture-item b{ font-weight: bold; font-size:20px;}
@media (max-width:768px) {
    .article-culture-item{ display: block; margin-bottom: 15px;}
}

.article-service-item{ border:solid 1px #ededed; padding:20px 35px 0px; min-height: 210px; margin-bottom: 28px;}
.article-service-item strong{ font-size:18px; display: block; margin-bottom: 10px; position: relative; padding-left:16px;}
.article-service-item strong::before{ content: ""; width: 4px; height:18px;border-radius: 8px; background: #008dfc; position: absolute; left:1px; top:3px;}
@media (max-width:768px) {
    .article-service-item{ margin-bottom: 15px; padding:15px 15px 0;}
}

.article-contact-item{ box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px; padding:25px 0px 25px 30px; display: flex; margin-bottom: 15px; }
.contact-item-icon{ width: 60px; height:60px; background: #f5f5f5; border-radius: 50%; text-align: center; line-height: 60px; margin-right: 15px;}
.contact-item-icon .iconfont{ font-size:26px;}
.contact-item-icon .icon-youjian{ font-size:32px; }
.contact-item-icon-1{ background: #fbf0e3; color:#f80; }
.contact-item-icon-2{ background: #e8f3fe; color:#2a92ff; }
.contact-item-icon-3{ background: #e5f9ef; color:#28bd6e; }
.contact-item-text{ flex:1; padding-top: 4px;}
.contact-item-text span{ font-size:14px; display: block; margin-bottom: 4px;}
.contact-item-text strong{ font-size:22px;font-weight: normal; font-family: tahoma; letter-spacing: 1px;}

.article-honor-item{ box-shadow: 0 5px 30px rgba(3,27,78,0.07); text-align: center; margin-bottom: 30px;padding:15px 15px 20px; }
.article-honor-item:hover{ box-shadow: 0 5px 30px rgba(3,27,78,0.15);}
#outerdiv{ position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:9999999999;width:100%;height:100%;display:none;}
#innerdiv{ position:absolute; }
.article-honor-item img{ max-width: 100%; max-height:240px; margin-bottom: 15px; cursor: pointer; }
.article-honor-text{ width: 100%; height:16px; line-height: 16px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.content-honor .col-md-3{ width: 20%;}
@media (max-width:768px) {
    .article-honor-item{ margin-bottom: 15px;}
    .article-honor-item .row{ margin-left: -8px; margin-right: -8px;}
    .content-honor .col-md-3{ width: 50%;float:left; padding-left:8px; padding-right:8px;}
}

.article-bd-title{ width: 40%; border-top:solid 1px #e5e5e5; text-align: center; margin: 70px auto 30px; }
.article-bd-title strong{ font-size: 18px; display: block; width: 200px; margin: -10px auto 0; background: #fff; text-align: center; line-height: 1;}
.article-contact-erweima{ text-align: center;}
.article-contact-erweima img{ width: 180px;box-shadow: 0 5px 30px rgba(3,27,78,0.07); }
@media (max-width:768px) {
    .article-bd-title{ width: 100%; margin-top: 50px; margin-bottom: 25px; }
}

.content-form{ background: #f8f8fb; padding-top: 20px; padding-bottom: 20px; }
.content-form .bg-white{ padding: 20px 40px 30px; border-radius: 8px; min-height: 598px; }
@media (max-width:768px) {
    .content-form{ padding-top: 15px; padding-bottom: 15px; }
    .content-form .bg-white{ padding:20px 20px 20px;min-height: inherit; }
}

.content-cooperation{ background: #f8f8fb; padding-top: 30px; }
.content-cooperation-form{ background: #f8f8fb; padding-top: 20px; padding-bottom: 20px; }
.content-cooperation-form .bg-white{ padding: 20px 40px 30px; border-radius: 8px; min-height: 598px; }
.cooperation-item{ text-align: center; padding: 20px 30px 30px; box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px; margin-bottom: 15px; min-height:320px; }
.cooperation-item:hover{ box-shadow: 0 5px 30px rgba(3,27,78,0.2);}
.cooperation-item-img{ width: 110px; height:110px; text-align: center; margin: 0 auto;}
.cooperation-item-img img{ max-width: 100%; display: inline-block;}
.cooperation-item h3{ font-size:20px; font-weight: bold; margin-bottom: 15px; line-height: 145%;}
.cooperation-item p{ text-align: left; line-height: 170%;}

.form-title{ font-size:20px; border-bottom: solid 1px #ededed; padding-bottom:10px; margin-bottom: 30px;}
.form-wrap label .c-red{ margin-right: 4px;}
.control-label-lg{ margin-top: 6px;}
.radio-lg{ margin: 6px 0; }
.form-wrap .input-lg{ height:42px; font-size: 16px; }
.form-wrap .textarea{ font-size: 16px;}
.form-wrap .btn-bar{ text-align: left; padding-top: 20px;}
.form-wrap .btn-bar .btn{ margin-right: 10px;}
.form-wrap .btn-bar .btn-text{ font-size:15px; padding-right: 0; margin-right: 0;}
.form-wrap .btn-bar .btn-signin{ min-width: 160px; }
.form-wrap .btn-bar .btn-lg .glyphicon-menu-right{ font-size:13px; margin-left: 2px;}

.form-erweima{ width: 120px; float:right;}
.form-erweima img{ width: 100%; border:solid 1px #ddd; margin-bottom: 10px;}
.form-erweima p{ text-align: center; padding:0 15px;}
@media (max-width:768px) {
    .content-cooperation{ padding-top: 15px; padding-bottom: 15px;}
    .content-cooperation-form{ padding-top: 15px; padding-bottom: 15px; }
    .content-cooperation-form .bg-white{ padding:20px 20px 20px; min-height: inherit;}
    .cooperation-item{ padding:15px 20px 30px; min-height:inherit; }
    .form-title{ margin-bottom: 20px;}
    .form-erweima{ width: 100%; float: none; text-align: center; border-top:solid 1px #ededed; margin-top: 40px; padding-top: 30px; }
    .form-erweima img{ width: 140px;}
    .form-wrap .btn-bar .btn{ min-width: inherit; display: block; margin-right: 0; margin-bottom: 15px; text-align: center; }
    .form-wrap .btn-bar .btn-text{ margin-top: 15px;}
}

.sign-title{ text-align: center;font-size:28px; padding: 15px 0 30px;}
.sign-steps{ width: 49%; margin: 15px auto 40px;  display: flex; text-align: center; border-top:solid 1px #e5e5e5;}
.sign-step-item{ margin-top: -13px; color:#999; flex:1; }
.sign-step-item b{ display: block; font-weight: normal;}
.step-num{ display: inline-block; width: 24px; height:24px; line-height: 22px; background: #e8e8e8;border:solid 1px #e8e8e8; border-radius: 50%; color:#aaa; margin-bottom: 10px; }
.sign-step-item-active .step-num{ border:solid 1px #f60; color:#fff; background: #f60; }
.sign-step-item-active b{ color:#1d1d1d;font-weight: normal;}
.sign-step-item-ok .step-num{ border:solid 1px #28bd6e; color:#28bd6e; text-indent: -9999px; background: #fff url(../images/icon-ok.png) no-repeat center center; }
.sign-step-item-ok b{ color:#1d1d1d;}
.row-sm .row{ margin-left: -8px; margin-right: -8px;}
.row-sm .row .col-xs-4{ padding-left: 8px; padding-right: 8px;}
.sign-tips{ padding:20px 20px;}
.sign-tips strong{ display: block; margin-bottom: 4px; font-size:15px; }
.sign-tips p{ margin-bottom: 8px;}
.cp-block-add{ display: inline-block; width: 100px; height:100px; padding:5px; text-align: center; line-height: 88px; color:#ccc; background: #fff; border:dashed 1px #ccc; border-radius: 8px; margin: 0 15px 15px 0; position: relative;}
.cp-block-add:hover{ border-color: #f80; color:#f80; cursor: pointer; }
.cp-block-add img{ max-width: 100%; max-height: 100%;}
.cp-icon-delete{ width: 16px; height:16px; text-align: center; line-height: 16px; background: rgba(0,0,0,.2); border-radius: 50%; position: absolute; right:2px; top:2px; z-index: 9; color:#fff;}
.cp-icon-delete .iconfont{ font-size:12px;}
.cp-icon-delete:hover{ background: rgba(0,0,0,.6); color:#fff;}
.sign-text{ width: 660px; margin: 40px auto 60px; }
.sign-text strong{ font-size:16px; color:#28bd6e; }
.sign-text p{ margin-bottom: 15px;}
@media (max-width:768px) {
    .sign-title{ padding-top: 10px;}
    .sign-steps{ width: 100%; margin-top: 20px; margin-bottom: 30px;}
    .sign-text{ width: 100%;margin: 0px auto 30px; padding: 0 15px; }
}

.login-wrap{ background: #555;}
.login-banner{ width: 100%; padding: 30px 0;}
.login-main{ background: #fff; padding:20px 30px; border-radius: 8px; min-height:430px;}
.login-main .input-lg{ font-size:15px; height:42px;}
.btn-ft{ padding-top: 20px; text-align: center;}
.login-chengxuma{ width: 180px; margin: 0 auto; padding:40px 0 50px 0; text-align: center;}
.login-chengxuma .img-chengxuma{ width: 100%; margin-bottom: 30px;}

.login-footer{ text-align: center; width: 100%; position: fixed; bottom:0; height:60px; left:0; padding:0 15px; color:#777; font-size:14px; }
.login-footer span{ display: inline-block;}
@media (max-width:768px) {
    .login-banner{ padding:15px 0 100px;}
    .login-main{ background: #fff; padding:20px; border-radius: 8px; min-height:inherit;}
}

.cp-yanzhegma{ display: flex;}
.cp-yanzhegma-img{ width: 150px; height:34px; margin-left: 15px;}
.cp-yanzhegma-img img{ width: 100%; height:100%;}
.cp-form-icon-r{ color:#999; display: block; margin-left: -20px; padding-top: 6px;  }
.cp-form-icon-r:hover{ color:#f60; cursor: pointer;}
.cp-form-icon-r .iconfont{ font-size:17px;}
.cp-form-icon-r .icon-icon_qianbi{ font-size:18px; }
@media (max-width:768px) {
    .cp-form-icon-r{ text-align: right; margin-left: 0px; }
}

.cp-block-select{ text-align: center; padding:20px 0; }
.cp-block-select-item{ display: inline-block; background: #f9f9f9; border:solid 1px #ddd; border-radius: 8px; padding:0 25px; margin: 0 10px 20px; height:60px; line-height: 60px; color:#1d1d1d; }
.cp-block-select-item:hover{ background: #fff; border-color:#f60; cursor: pointer; color:#1d1d1d;}
.cp-block-select-item.active{ background: #fff url(../images/icon-img-select.png) no-repeat right bottom; border:solid 2px #f60; }
.cp-block-select-item .iconfont{ font-size: 24px; margin-right: 15px; vertical-align: middle; display: inline-block;}
.cp-block-select-item .icon-youjian{ font-size: 28x; }

.cp-text-success{ text-align: center; padding-bottom: 20px;}
.cp-success-icon{ display: block; width: 60px; height:60px; line-height: 60px; background: #28bd6e; border-radius: 50%; text-align: center; margin:0 auto 15px; color:#fff;}
.cp-success-icon .iconfont{ font-size:36px;}
.cp-text-success p{ font-size:16px; margin-bottom: 40px;}

.content-cphome{ background: #f8f8fb; padding-top: 45px;}
.list-wrap{ padding-bottom: 40px; }
.list-hd{ display: flex; margin-bottom: 20px;}
.list-hd h3{ font-size:24px; font-weight: bold; margin-top: 0; margin-bottom: 0; flex:1; }
.list-more{ display: inline-block; text-align: right; color:#777; margin-top: 6px; line-height: 1; }
.list-more .glyphicon{ font-size:12px;}
.list-hd-tabs .list-more{ margin-top: 5px;}
.list-hd-btn{ text-align: right; margin-top: -8px;}
.list-hd-btn .btn{ margin:0 6px; padding-top: 0; padding-bottom: 0; height:40px; line-height: 40px;}
.list-hd-btn .btn .iconfont{ font-size:16px; margin-right: 6px; float:left; }
.list-hd-btn .btn .icon-qianbi1{ font-size:18px;}
@media (max-width:768px) {
    .list-hd{ margin-bottom: 12px;}
    .list-hd h3{ font-size:22px;}
    .list-hd-tabs .list-more{ margin-top: 4px;}
}


.list-video-item{ display: block; margin-bottom: 15px; background: #fff;box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px; overflow: hidden; color:#1d1d1d; transition: .5s; }
.list-video-item:hover{ color:#1d1d1d;box-shadow: 0 5px 30px rgba(3,27,78,0.2); /*-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);*/}
.list-video-img{ width: 100%; height:155px; background: #eee; overflow: hidden; position: relative; }
.list-video-img img{ width: 100%; height:100%; object-fit: cover; transition: .5s;}
.list-video-item:hover img{ transform: scale(1.05);}
.cp-icon-video{ display: block; width: 40px; height:40px; line-height: 40px; background: rgba(0, 0, 0, 0.4); border-radius: 50%; color:#fff; position: absolute; top:50%; left:50%; margin: -20px 0 0 -20px; } 
.cp-icon-video .iconfont{ font-size:20px; margin-left: 12px;}
.list-video-info{ padding:15px 15px 20px;}
.list-video-info h4{ font-size:16px; height:46px; line-height: 140%; font-weight: bold; margin-bottom: 5px; margin-top: 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-video-info p{ color:#444; padding-bottom: 15px; }
.cp-price b{ color:#f60; font-size:18px; font-weight: normal; margin-right: 15px;}
.cp-price span{ text-decoration: line-through; color:#aaa; vertical-align: text-bottom;}
@media (max-width:768px) {
    .list-video-info{ padding:12px 15px 20px; }
    .list-video-info h4{ height:auto;}
}

.list-bd{ margin-bottom: 15px; background: #fff;box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px; transition: .5s; }
.list-h-jswd{ min-height:368px;}
.list-qa{ padding:10px 20px 0;  }
.list-qa-item{ border-bottom:solid 1px #ededed; padding:10px 0; }
.list-qa-item .cp-tag{ margin-left: 8px; margin-right: 0; }
.list-qa-title{ color:#1d1d1d; font-size:16px; line-height: 150%; font-weight: bold; margin-bottom: 2px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.list-qa-ft{ font-size:13px; font-family: Arial; color:#999; padding-top:4px; }
.list-qa-ft span{ margin-left: 15px;}
.list-qa-ft span:first-child{ margin-left: 0px;}
.list-qa-ft span .iconfont{ vertical-align: top; line-height: 1; display: inline-block; }
.list-qa-ft span .icon-guankan{ font-size:14px; margin-right: 5px; margin-top: 2px; }
.list-qa-ft span .icon-huida{ font-size:18px; }
@media (max-width:768px) {
    .list-h-jswd{ min-height:inherit;}
    .content .col-md-9{ padding-bottom: 20px;}
}

.cp-tag{ display: inline-block; height:20px; line-height: 20px; padding:0 6px; background: #f3f4f9; border-radius: 3px; color:#333; font-size:13px; /**margin: 4px;**/ position: relative; }
.cp-tag-primary{ background: #f60; color:#fff;}
.cp-tag-primary-border{ background: #fff; border:solid 1px #f60; line-height: 18px; color:#f60; }
.cp-tag-secondary{ /*background: #fef5e9;*/ color:#ff9928; background: #fff; border:solid 1px #ff9928; line-height: 18px; }
.cp-tag-green{ /*background: #e7f3e8 ; */color:#17b16d;background: #fff; border:solid 1px #59cf9b;line-height: 18px;}
.cp-tag-blue{ /*background: #eaf4fd ;*/ color:#3d9bfd;background: #fff; border:solid 1px #68b1fe;line-height: 18px;}
.cp-tag-white{ background: #fff; border:solid 1px #ccc; line-height: 18px; color:#333; }
.cp-tag-info{ background: #fff; border:solid 1px #2a92ff; line-height: 18px; color:#2a92ff;}
.cp-tag-xunzhang{ height:20px; line-height: 20px; padding-left: 24px;}
.cp-tag-xunzhang b{display: block; font-weight: normal;  width: 22px; height:22px; line-height: 22px;border-radius: 50%; text-align: center; background: linear-gradient(120deg,#fec034,#f70); position: absolute; top:-2px; left:-1px;}
.cp-tag-xunzhang .icon-xunzhang1{font-size:14px; display: inline-block; vertical-align: top; margin-top: 1px; }

.cp-icon-pagination{ text-align: right; padding: 15px 20px;}
.cp-icon-pagination a{ display: inline-block; margin-left: 5px; width: 30px; height:30px; line-height: 28px; border: solid 1px #ddd; text-align: center; border-radius: 4px; color:#444;}
.cp-icon-pagination a:hover{ cursor: pointer;  border-color: #f60; color:#f60;}
.cp-icon-pagination a .glyphicon{ font-size:12px; }
.cp-icon-pagination a.disabled{ background: #f9f9f9; border-color: #e5e5e5; color:#aaa; cursor: default; }

.list-js{ padding:25px 0px 0;}
.list-js .col-md-4{ border-right: solid 1px #ededed;}
.list-js .col-md-4:last-child{ border: 0;}
.list-js-item{ padding:0px 20px 65px; min-height:340px; position: relative; }
.list-js-hd{ display: flex;}
.list-js-photo{ width: 90px; height:90px; border-radius: 50%; overflow: hidden; margin:0 20px 20px 0;}
.list-js-photo img{ width: 100%; height:100%; object-fit: cover;}
.list-js-name{ flex:1; text-align: left; padding: 10px 0; }
.list-js-name strong{ font-size:16px; position: relative; display: block; margin-bottom: 8px; }
.list-js-info{ border-top:dashed 1px #ededed; padding-top: 20px; }
.list-js-info p{ margin-bottom: 6px;}
.list-js-info .cp-tag{ margin-left: 0; margin-right: 8px;}
.list-js-btn{ text-align: center; position: absolute; bottom:0; left:0; width: 100%;height:65px; }
.list-js-btn .btn{ padding-left: 30px; padding-right: 30px; padding-top: 7px; padding-bottom: 7px;}
@media (max-width:768px) {
    .list-js{ padding-bottom: 0;}
    .list-js-item{ margin-bottom: 15px; min-height:inherit;border-bottom: solid 1px #ededed; padding-bottom: 75px;}
    .list-js .col-md-4{ border:0;}
    .list-js .col-md-4:last-child{ border: 0;}
    .list-js .col-md-4:last-child .list-js-item{ border: 0;}
}

.list-jg{ padding:5px 10px 10px;}
.list-jg .col-md-3{ width: 20%; border-right:solid 0px #ededed}
.list-jg-item{ padding:15px 10px; }
.list-jg-img{display: block; width: 100%; height:140px; background: #eee; overflow: hidden; border-radius: 0px; margin-bottom: 10px; }
.list-jg-img img{ width: 100%; height:100%; object-fit: cover; transition: .5s;}
.list-jg-item:hover img{ transform: scale(1.05);}
.list-jg-item h4{  font-size:16px; font-weight: bold; line-height: 140%; margin-bottom: 5px;}
.list-jg-item p{ line-height: 150%; font-size:13px; color:#777;}
@media (max-width:768px) {
    .list-jg{ padding: 0 5px;}
    .list-jg .col-md-3{ width: 100%;}
}

.list-wz{ padding:17px 10px;}
.list-wz-item{ border-top: dashed 1px #ddd; padding:11px 0; margin: 0 12px; display: flex; line-height: 1;}
.list-wz .col-sm-6:first-child .list-wz-item,.list-wz .col-sm-6:nth-child(2) .list-wz-item{ border: 0;}
.list-wz-time{ color:#999; font-size:13px; text-align: right; padding-top: 2px; width: 100px;}
.list-wz-link{ position: relative; font-size:15px; flex:1; padding-left: 14px; }
.list-wz-link::before{content: ""; width: 4px; height:4px; border-radius: 50%; background: #444; position: absolute; left:0; top:7px;}
.list-wz-link a{ color:#1d1d1d; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.list-wz-link a:hover{ color:#f60;}
@media (max-width:768px) {
    .list-wz{ padding:12px 10px;}
    .list-wz-item{ margin: 0 5px; }
    .list-wz-link{ padding-left: 12px; }
    .list-wz .col-sm-6:nth-child(2) .list-wz-item{border-top: dashed 1px #ddd;  }
}

.cp-search-wrap{ width: 100%; height:180px; background: #f8f8fb; padding-top: 45px;}
.cp-search-content{ width: 500px; margin: 0 auto;}
.cp-search{ height:40px; position: relative;}
.cp-search .form-control{ height:40px; padding-right: 70px; }
.btn-search{ padding:0; width: 60px; height:40px; border-radius: 0 4px 4px 0; position: absolute; top:0; right:0;}
.btn-search .iconfont{ font-size:20px;}
.cp-search-hot a{ display: inline-block; color:#1d1d1d; font-size:13px; margin:10px 20px 0 0;}
.cp-search-hot a:hover{ color:#f60;}
.cp-search-wrap-jiaoan .container{ display: flex; width: 800px;}
.cp-search-wrap-jiaoan .cp-search-content{ flex:1; margin:inherit;}
.cp-search-wrap-jiaoan .cp-search-btn-group{ width: 300px; padding-left: 15px;}
.cp-search-wrap-jiaoan .cp-search-btn-group .btn{ margin-left: 10px; padding:0 15px 0 13px; height:40px; line-height: 40px; position: relative;}
.cp-search-wrap-jiaoan .cp-search-btn-group .btn-primary-border{ background: #f60; color:#fff; }
.cp-search-wrap-jiaoan .cp-search-btn-group .btn-primary-border:hover{ background: #f60;}
.cp-search-wrap-jiaoan .cp-search-btn-group .btn .iconfont{ font-size:17px; margin-right: 4px; float:left;}
.cp-search-wrap-jiaoan .cp-search-btn-group .btn .icon-kuaiyichou-xuanshang{ font-size:22px;}
.cp-tooltip{ display: block; line-height: 1; padding:3px 6px; border-radius:20px 20px 20px 0; background: red; color:#fff; font-size:12px; position: absolute; top:-12px; right:-4px; }
@media (max-width:768px) {
    .cp-search-wrap{ height:160px; padding-top: 30px;}
    .cp-search-content{ width: 100%;}
    .cp-search-wrap.cp-search-wrap-jiaoan{ height:200px; padding-top: 15px;}
    .cp-search-wrap-jiaoan .container{ display: block; width: 100%;}
    .cp-search-wrap-jiaoan .cp-search-btn-group{ width: 100%; padding-left: 0px; padding-top: 20px; text-align: center;}
    .cp-search-wrap-jiaoan .cp-search-btn-group .btn{ margin-right: 5px; margin-left: 5px;}
}

.cp-category-tip{padding: 15px 20px;background-color: #E8F5E8;border: 1px solid #B7EC96;color: #42C56E;}
.cp-category-container{ margin-top: -40px; margin-bottom: 20px;}
.cp-category-wrap{ background: #fff; padding:20px 20px 10px; border-radius: 8px; box-shadow: 0 5px 30px rgba(3,27,78,0.07);position: relative;}
.cp-category-item{ display: flex;}
.cp-category-title{ width: 90px; line-height: 30px;font-weight: bold;}
.cp-category-select{ flex:1;}
.cp-category-select .btn{ margin: 0 10px 8px 0; height:30px; line-height: 30px; padding:0 16px; border:solid 0px #f2f2f4; background: transparent; border-radius: 20px; }
.cp-category-select .btn:hover{ background: #f2f2f4;border-color:#ccc;  color:#1d1d1d;}
.cp-category-select .btn.active{ background: #feedd8; color:#f60; border-color:#f60; box-shadow: none;}
.cp-category-reset{ z-index:99;overflow: hidden; cursor: pointer; background:#afafaf; color:#fff; border-radius: 20px; width: 26px; height:26px; line-height: 26px; text-align: right; position: absolute; top:-4px; right:-4px; transition: .3s;}
.cp-category-reset span{ display: none;}
.cp-category-reset .iconfont{ font-size:16px; margin-right: 5px; display: inline-block; vertical-align: top; transition: .5s;}
.cp-category-reset:hover{ background: #999; width: 104px;}
.cp-category-reset:hover span{ display: block; float: left; margin-left: 9px; font-size:12px;}
.cp-category-reset:hover .iconfont{ transform: rotate(180deg); }
@media (max-width:768px) {
	.cp-category-container{ margin-bottom: 15px;}
    .cp-category-wrap{ padding:15px 0px 5px 15px;}
    .cp-category-select .btn{ padding-left:15px; padding-right:15px; }
}

.content-list{ padding-bottom: 40px;}
.list-side-bd{ padding:15px;}
.list-side-item{ padding-bottom: 20px;}
.list-side-pic{ width: 100%; height:140px; overflow: hidden; margin-bottom: 10px;}
.list-side-pic img{ width: 100%; height:100%; object-fit: cover; transition: .5s;}
.list-side-pic:hover img{ transform: scale(1.05);}
.list-side-item h4{ font-size:15px; font-weight: bold; margin: 0 0 6px 0;}
.list-side-item p{ color:#999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }

.list-tw-bd{ padding: 0px 15px 10px 15px;}
.list-tw-item{ display: flex; padding:15px 0; border-bottom: solid 1px #ededed;}
.list-tw-pic{ width: 200px; height:150px; overflow: hidden; position: relative; margin-right: 25px;}
.list-tw-pic img{ width: 100%; height:100%; object-fit: cover; transition: .5s;}
.list-tw-pic:hover img{ transform: scale(1.05);}
.list-tw-item-sp .list-tw-pic{ width: 230px; }
.list-tw-item-js .list-tw-pic{ width: 120px; height:120px; border-radius: 50%; margin: 5px 30px 0 5px; }
.list-tw-info{ flex:1;}
.list-tw-info h3{ font-size:18px; font-weight: bold; line-height: 150%; margin-top: 10px; }
.list-tw-info a{ color:#1d1d1d;}
.list-tw-info a:hover{ color:#f60;}
.list-tw-info p{ margin-bottom: 20px;}
.list-tw-info-wz{ color:#888; }
.list-tw-info-wz span{ margin-right: 16px; font-family: Arial;}
.list-tw-info-wz span:first-child{ display: inline-block; width: 150px;  }
.list-tw-item-jg .list-tw-info h3{ margin-bottom: 2px; }
.list-tw-item-jg .list-tw-info .cp-tag{ margin-left: 0; margin-right: 8px;}
@media (max-width:768px) {
    .list-tw-item{ display: block;}
    .list-tw-pic{ width: 100%; margin-right: 0; margin-bottom: 10px;}
    .list-tw-info p{ margin-bottom: 15px;}
    .list-tw-info-wz span:first-child{ width: auto;}
}

.cp-pagination{ text-align: right;}
.cp-pagination .pagination{ margin: 16px 0;}
.pagination>li>a, .pagination>li>span{ color:#1d1d1d; padding:7px 13px; margin: 4px; border-radius: 4px;}
.pagination>li>a:hover{ color:#f60; background: #fff; border-color:#f60;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{ background: #f60;  border-color:#f60;}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover
{ background: #f5f5f5; color:#bbb;}

.content-video-detail{ background: #1e1e24; color:#fff; padding: 40px 0 10px; }
.video-detail-wrap{  background: rgba(255,255,255,.03);}
.video-area{ padding:0px; background: #000;  width: 100%; height:420px; }
.video-area-list{ padding:15px 0 0; }
.video-area-list-hd{ height:40px; padding:0 15px; color:rgba(255,255,255,.5);}
.video-area-list-bd{ height:345px; padding:0 15px; overflow-y:overlay;}
.video-area-list-item{ padding:13px 0px 13px 0; border-top: dashed 1px rgba(255,255,255,.1);}
.video-area-list-item:first-child{border-top: 0; padding-top:0;}
.video-area-list-title{ display: flex; margin-bottom: 6px; line-height: 140%;}
.video-area-list-title span{ display: block; width: 26px; font-weight: bold; padding-top: 2px; }
.video-area-list-title h4{ flex:1; font-size:15px; font-weight: bold; margin: 0; line-height: 140%; }
.video-area-list-info{ color:rgba(255,255,255,.5);padding-left: 26px;}
.video-area-list-info .text-right b{ color:#f60; font-weight: normal; margin-right: 12px; }
.video-area-list-info .text-right .btn{ vertical-align: top; margin-top: -2px; padding-left: 12px; padding-right:12px; }

.video-detail-info{ padding:10px 0; color:rgba(255,255,255,.4); padding-top:25px; display: flex;}
.video-detail-info h2{ font-size:24px; margin-top: 0; margin-bottom: 15px; color:#fff; line-height: 140%;}
.video-detail-info .cp-price{ margin-right: 40px;}
.video-detail-info .cp-price span{ color:rgba(255,255,255,.2);}
.video-detail-info .btn{ margin-top: 8px;}
@media (max-width:768px) {
    .content-video-detail{ padding-top:15px; }
    .video-area{ height:220px;}
    .video-detail-info{ display: block;}
    .video-detail-info .cp-cell{ display: block; }
    .video-detail-info .cp-price{ display: block;}
    .video-detail-info div{ margin-bottom: 4px; display: inline-block;}
    .video-detail-info .text-right{ text-align: left;}
}

.list-bd-detail{ padding:0px 30px 0 0; }
.list-bd-detail .list-hd{ border-bottom: solid 1px #e5e5e5; padding:0px 0 10px 0; }

.list-side-cxm-wrap{ text-align: center; padding:30px 20px 20px; margin-bottom: 15px; background: #ffe658; box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px;}
.list-side-cxm-text{ text-align: left; padding-bottom: 15px; font-weight: bold; color:#603400; font-size: 17px; line-height: 160%;}
.list-side-cxm-text h3{ margin: 0 0 5px 0; font-size:28px; font-weight: bold;}
.list-side-cxm{ background: #fff; padding:15px; border-radius: 6px;}
.list-side-cxm img{ width: 120px; margin-bottom: 15px;}
.list-side-cxm b{ font-size:15px; display: block; margin-bottom: 4px;}
@media (max-width:768px) {
    .list-bd-detail{ padding: 0px;}
}

.js-detail-wrap{  margin-bottom: 15px; background: #fff; box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px;}
.js-detail-hd{  position: relative; height:145px; border-bottom: solid 1px #ededed; }
.js-detail-photo{ width: 140px; height:140px; border-radius: 50%; overflow: hidden; position: absolute;  left:30px;}
.js-detail-photo img{ width: 100%; height:100%; object-fit: cover;}
.js-detail-bd{ padding:15px 30px 30px;}
.js-detail-item{ padding:15px 0; border-bottom: dashed 1px #e5e5e5; }
.js-detail-item:last-child{ border: 0;}
.js-detail-item b{ display: block; margin-bottom: 8px;}
.js-detail-info{ padding:20px 20px 0 200px;}
@media (max-width:768px) {
    .js-detail-hd{ height:auto; min-height: 125px;}
    .js-detail-photo{ width: 120px; height:120px; top:-10px; left:15px; }
    .js-detail-info{ padding:15px 10px 0 150px;}
    .js-detail-bd{ padding:5px 15px;}
}

.list-tw-qa-item{ align-items: center; padding-left: 5px;}
.list-tw-qa-item h3{ font-size: 20px; font-weight: bold; margin-top: 8px; margin-bottom: 8px; line-height: 140%; }
.list-tw-qa-item h3 a{ color:#1d1d1d;}
.list-tw-qa-item h3 a:hover{ color:#f60;}
.list-tw-qa-item .cp-tag{ margin-left: 8px; margin-right: 0;}
.list-tw-qa-right{ width: 160px; text-align: center; padding-top:4px;}
.list-tw-qa-right b{ color:#f60;}
.list-tw-qa-right .btn{ margin-top: 10px;}
@media (max-width:768px) {
    .list-tw-qa-item{ padding-left: 0;}
    .list-tw-qa-right{ width: 100%; text-align: left; padding-top: 15px;}
}

.qa-detail-wrap .list-tw-qa-item{ padding-bottom: 40px; margin-top: -10px; padding-left: 0; }
.qa-detail-wrap .list-tw-qa-item h3{ margin-top: 0; }
.qa-detail-line{ width: 100%; border-top:solid 1px #e5e5e5; margin-bottom: 10px; position: relative;}
.qa-detail-line strong{ font-weight: bold; font-size:16px; line-height: 1; color:#777; display: inline-block; background: #fff; padding-right: 10px; position: absolute; left:0; top:-9px; }
.qa-detail-a-item{ padding: 30px 0; border-bottom: solid 1px #e5e5e5;}
.qa-detail-a-item:last-child{ border-bottom: 0;}
.qa-detail-a-hd{ display: flex; padding-bottom: 15px;}
.qa-detail-a-photo{ width: 44px; height:44px; border-radius: 50%; overflow: hidden;  margin-right: 12px; }
.qa-detail-a-photo img{ width: 100%; height:100%; object-fit: cover;}
.qa-detail-a-info .mgb5{ margin-bottom: 2px; margin-top: -3px;}
.qa-detail-a-info strong{ font-size:15px; margin-right: 5px; vertical-align: middle;}
.qa-detail-a-info p{ color:#777; font-size:13px;}
.qa-detail-a-info p span{ margin-right: 20px;}
.qa-detail-a-bd{ font-size:15px; line-height: 170%;}

.icon-xprz{ display: inline-block; background: linear-gradient(125deg,#00aeff,#117aff);box-shadow: 0 0px 10px rgba(17,122,255,0.3);  color:#fff;text-align: center; padding:4px; border-radius: 50%;  transform:rotate(-30deg);}
.icon-xprz span{ display: block; width: 60px; height:60px; border-radius: 50%; border:double 5px  #fff; padding:8px; line-height: 1.1; font-size:16px;}
.list-tw-item-jg .icon-xprz{ margin: 8px 20px 0 0;}
@media (max-width:768px) {
    .list-tw-item-jg{ position: relative;}
    .list-tw-item-jg .icon-xprz{ position: absolute; top:0; right:-10px; margin: 0;}
}

.jg-detail-wrap{  margin-bottom: 15px; background: #fff; box-shadow: 0 5px 30px rgba(3,27,78,0.07); border-radius: 8px;}
.jg-detail-hd{ border-bottom: solid 1px #ededed; padding:20px 30px; display: flex; }
.jg-detail-photo{ width: 200px; height:150px; overflow: hidden; margin-right: 30px;}
.jg-detail-photo img{ width: 100%; height:100%; object-fit: cover;}
.jg-detail-hd .list-tw-info h3{ margin-bottom: 5px;}
.jg-detail-hd .list-tw-info .cp-tag{ margin-left: 0; margin-right: 8px;}
.jg-detail-bd{ padding:0px 30px 30px;}
.jg-detail-item{ padding:15px 0; border-bottom: dashed 1px #e5e5e5; }
.jg-detail-item:last-child{ border: 0;}
.jg-detail-item b{ display: block; margin-bottom: 8px;}
.jg-detail-info{ padding:20px 20px 0 200px;}
@media (max-width:768px) {
    .jg-detail-hd{ height:auto; display: block; padding:15px; position: relative;}
    .jg-detail-photo{ width: 100%; height:180px;}
    .jg-detail-bd{ padding:5px 15px;}
    .jg-detail-hd .icon-xprz{ position: absolute; top:5px; right:5px; margin: 0;}
}

.cp-jiaoan-data-container{ margin-top: -44px; margin-bottom: 20px;}
.cp-jiaoan-data-wrap{ background: #fff; border-radius: 8px; padding:15px 0; box-shadow: 0 5px 30px rgba(3,27,78,0.1);}
.cp-jiaoan-data-wrap .col-md-3{ border-right:solid 1px #ededed;}
.cp-jiaoan-data-wrap .col-md-3:last-child{ border:0;}
.cp-jiaoan-data-item{ display: flex; padding:0 20px; align-items: center; justify-content: center; }
.cp-jiaoan-data-icon{ width: 54px; height:54px; border-radius: 50%; background: #eaf4fd; text-align: center; line-height: 54px; margin-right: 15px;}
.cp-jiaoan-data-icon .iconfont{ font-size:28px; color:#666;}
.cp-jiaoan-data-icon .icon-24hours{ font-size: 32px;}
.cp-jiaoan-data-icon .icon-dingdanzongshu{ font-size: 30px;}
.cp-jiaoan-data-info{ padding-right: 30px;}
.cp-jiaoan-data-info b{ color:#f60; display: block; margin-top: 2px; font-size:18px; font-weight: normal;}
@media (max-width:768px) {
    .cp-jiaoan-data-wrap{ padding:5px 0px; }
    .cp-jiaoan-data-wrap .row{ margin: 0;}
    .cp-jiaoan-data-wrap .col-md-3{ border-right:0; width: 50%; float:left; padding:0;}
    .cp-jiaoan-data-item{ padding:8px 0px 8px 10px; align-items: center; justify-content:flex-start; border-bottom:solid 0px #ededed;}
    .cp-jiaoan-data-info{ padding-right: 0;}
    .cp-jiaoan-data-icon{ width: 50px; height:50px; border-radius: 50%; background: #eaf4fc; text-align: center; line-height: 50px; margin-right: 10px;}
    .cp-jiaoan-data-icon .iconfont{ font-size:28px; color:#666;}
}

.banner-ad{ background: #555; width: 100%; border-radius: 8px; overflow: hidden; text-align: center; margin-bottom: 20px;}
.banner-ad img{ width: 100%; object-fit: cover;}

.content-jiaoan-hot{ padding: 20px 0 30px 0;}
.list-bd-tab{ padding:14px 0 16px 0;}
.list-jiaoan-item{ padding:8px 20px; display: flex; justify-content: space-between;}
.list-jiaoan-item a{ color:#1d1d1d; margin-right: 10px; max-width: 190px; height:20px;line-height: 20px; display:inline-block; text-overflow: ellipsis;white-space: nowrap;  overflow: hidden; vertical-align: middle; }
.list-jiaoan-item a:hover{ color:#f60;}
.icon-format{ display: inline-block; vertical-align: middle; background: #fff; color:#fff; width: 18px; height:20px;line-height: 22px;  border:solid 0px #ccc; border-radius: 2px 8px 2px 2px; text-align: center; font-size:14px; margin-right: 4px; overflow: hidden;}
.icon-format-ppt{ background: #eb6d4d;}
.icon-format-word{ background:#47a7ec; font-size:12px;}
.icon-format-pdf{ background:#fd5766; font-weight: bold;}
.icon-format-excel{ background:#2aa267;font-size:13px;}
.icon-format-video{ background:#8286ee;}
.icon-format-video .iconfont{ font-size:12px; transform: scale(0.85); display: block;}
.icon-format-lg{ width: 60px; height:70px; line-height: 78px; border-radius: 0 20px 0 0; font-size:36px;}
.icon-format-lg.icon-format-word{ font-size:32px;}
.icon-format-lg.icon-format-video .iconfont{ font-size:32px; transform: scale(1);}
.icon-format-lg.icon-format-pdf .iconfont{ font-size:44px;}

.list-jiaoan-liulan{ padding-top: 5px; color:#999; min-width: 70px; text-align: left;}
.list-jiaoan-liulan .icon-guankan{ font-size:14px; margin-right: 5px; vertical-align: baseline; }
.list-jiaoan-liulan .icon-tubiaozhizuomoban{ color:red; margin-right: 5px; }
@media (max-width:768px) {
    .content-jiaoan-hot{ padding: 10px 0 0px 0;}
    .list-bd-tab{ padding:8px 0 10px 0;}
    .list-jiaoan-item{ padding:6px 15px; display: flex; justify-content: space-between;}
}

.content-jiaoan-row{ padding:20px 0 0;}
.content-jiaoan-row .col-md-6{ margin-bottom: 30px;}

.content-jiaoan-video{ padding: 20px 0 60px 0;}
.content-jiaoan-video .list-bd{ padding:20px 20px 10px;}
.list-jiaoan-video-img{ width: 100%; height:308px; margin-bottom: 12px; background: #1d1d1d; overflow: hidden; position: relative; }
.list-jiaoan-video-img img{ width: 100%; height:100%; object-fit: cover; transition: .5s;}
.list-jiaoan-video-item:hover img{ transform: scale(1.05);}
.list-jiaoan-video-item h4{ font-size:15px; font-weight: normal; color:#1d1d1d; margin-bottom: 20px; height:16px; line-height: 16px;text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.content-jiaoan-video .col-md-7 .list-jiaoan-video-img{ height:130px; }
@media (max-width:768px) {
    .content-jiaoan-video{ padding: 10px 0 20px 0;}
}

.upload-area{ border:dashed 1px #D7D9E0; border-radius: 8px; height:90px; display: flex; align-items: center; justify-content: center; color:#aaa; margin-bottom: 15px;}
.upload-area .iconfont{ font-size:18px; margin-right: 10px;}
.upload-area:focus,.upload-area:hover{ border-color:#f60; background: #fff; }
.upload-text-tip{ color:#aaa; width: 300px; margin: 0 auto 50px; font-size:13px; line-height: 160%;}
.upload-text-tip p{ margin-bottom: 0; padding-left: 10px;}
.upload-text-tip p::before{ width: 3px; height:3px; background: #aaa;}
@media (max-width:768px) {
    .upload-text-tip{ width: 100%; }
}

.upload-ft{ background: #fef6f0; border-radius: 8px;}
.upload-ft-item{ padding:40px;}
.upload-ft-item img{ border-radius: 8px;}
.upload-ft-item p{ margin-bottom: 10px;}
.list-top-item{ display: flex; justify-content: space-between; padding:8px 0; }
.cp-icon-huiyuan{ display: inline-block; width: 20px; height:20px; line-height: 20px; text-align: center; border-radius: 50%; background: #ddd; color:#444; font-size:14px; margin-right: 6px; }
.cp-icon-huiyuan .iconfont{ font-size:14px;}
.cp-icon-huiyuan-top1{ background: #f60; color:#fff;}
.cp-icon-huiyuan-top2{ background: #ffa638; color:#fff;}
.cp-icon-huiyuan-top3{ background: #fdce63; color:#fff;}
.list-top-item .text-right{ color:#777;}
.list-top-item .text-right span{ margin-left: 4px;}
@media (max-width:768px) {
    .upload-ft-item{ padding:20px 15px 15px;}
}

.list-tw-item-jiaoan{ margin: 0 5px; }
.list-jiaoan-icon{ width: 20px; background: #fff; border-radius: 50%; text-align: center; margin-right: 15px; padding-top: 7px;}
/*.list-jiaoan-icon .icon-format{ margin-right: 0; box-shadow: 5px 5px 0px rgba(0, 0, 0, 0.07);}*/
.list-jiaoan-title{ padding-top: 5px;}
.list-jiaoan-title a{ font-weight: bold; font-size:18px; display: inline-block; margin-bottom: 4px; }
.list-jiaoan-title .cp-tag{ margin-top: 3px; vertical-align: top;}
.list-tw-item-jiaoan .list-tw-info p{ margin-bottom: 10px;}
.list-tw-item-jiaoan .list-tw-info .cp-tag{ margin-left: 0; margin-right: 8px;}
.list-tw-item-jiaoan .c-gray{ font-size:13px;}
.list-tw-item-jiaoan .c-gray span{ margin-right: 2em;}
.list-tw-item-jiaoan .c-gray span:first-child{ margin-right: 60px;}
.list-jiaoan-btn{ text-align: center; padding:20px 10px 0 60px; color:#f60}
.list-jiaoan-btn .btn{ margin-bottom: 10px; padding-left: 40px; padding-right: 40px;}

.content-form-group{ padding-top: 40px; padding-bottom: 30px; background: #f6f7fc;}
.content-form-group .list-hd{ margin-bottom: 25px; }
.content-form-group .col-md-3{ width: 20%;}
.btn-form-group{ text-align: right; padding-top: 5px; /*border-top:solid 1px rgba(0, 0, 0, 0.07); margin-top:5px;*/}
.btn-form-group .btn{ margin:0 0px 0 10px; padding-top: 0; padding-bottom: 0; height:40px; line-height: 40px;}
.btn-form-group .btn .iconfont{ font-size:15px; margin-right: 4px; float:left; }
.btn-form-group .btn .icon-sousuo{ font-size:18px;}
.btn-form-group .btn .icon-qianbi1{ font-size:20px;}
.btn-form-group .btn-text{ padding-right: 10px;}
.btn-form-group .btn-text:hover{ color:#1d1d1d; }
@media (max-width:768px) {
    .content-form-group{ padding-top: 30px; padding-bottom: 20px; background: #f6f7fc;}
    .content-form-group .col-md-3{ width: 100%;}
    .btn-form-group{ padding-top: 15px; margin-top:4px;}
}

.content-xszj-list{ padding: 30px 0;}
.list-xszj-item{ padding:25px 20px; background: #fff; box-shadow: 0 5px 30px rgba(3,27,78,0.1); border-radius: 8px; margin-bottom: 28px; transition: .5s;}
.list-xszj-item:hover{ box-shadow: 0 5px 30px rgba(3,27,78,0.2); }
.list-xszj-hd{ height:194px; border-bottom: dashed 1px #ddd; margin-bottom: 10px; }
.list-xszj-title{ font-size:18px; font-weight: bold; margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.list-xszj-info{ color:#777; }
.list-xszj-info p{ margin-bottom: 4px;}
.list-xszj-ft{ position: relative; padding-bottom: 5px; padding-right: 130px; padding-top: 2px; }
.list-xszj-ft .mgb5{ margin-bottom: 4px !important;}
.list-xszj-btn{ position: absolute; right:0px; top:12px;}
.list-xszj-btn .btn{ display: block; text-align: center;}
.list-xszj-btn .btn-primary-border{ height:44px; line-height: 44px; width: 114px; padding:0; text-align: center; }
.list-xszj-btn .btn .iconfont{ font-size:18px; margin-right: 4px; vertical-align: bottom; }
.list-xszj-btn .btn-text{ padding:0;  margin-top: 0px; font-size:12px; position: absolute; top:-31px; right:0; background: #fff; padding-left: 5px; color:#aaa;}
.list-xszj-btn .btn-text:hover{ color:#f60;}
.list-xszj-item:hover .btn-primary-border,.list-xszj-item:hover .btn-primary-border{ color:#fff; border-color:#f50; background-color: #f50; }
@media (max-width:768px) {
    .list-xszj-item{ margin-bottom: 15px; padding-top: 20px; padding-bottom: 20px;}
    .list-xszj-hd{ height:auto; padding-bottom: 15px;}
}

.list-jiaoan-video{ padding: 20px 20px 4px;}
.list-jiaoan-video .list-jiaoan-video-item{ margin-bottom: 30px;}
.list-jiaoan-video .list-jiaoan-video-img{ width: 100%; height:135px; margin-bottom: 10px; background: #1d1d1d; overflow: hidden; position: relative; }
.list-jiaoan-video .list-jiaoan-video-item h4{ font-size:15px; font-weight: bold; margin-bottom: 10px;}
.list-jiaoan-video .cp-pagination{ border-top:solid 1px #ededed;}
@media (max-width:768px) {
    .list-jiaoan-video{ padding: 15px;}
    .list-jiaoan-video .list-jiaoan-video-item{ margin-bottom: 20px;}
}

.article-yulan-wrap{ position: relative; padding: 30px 0; text-align: center; }
.article-yulan-mask{ position: absolute; top:-150px; left:0; width: 100%; height:150px; background: linear-gradient(to bottom, transparent, rgb(255, 255, 255) 80%); }
.article-yulan-text{ border-top:solid 1px #e5e5e5; text-align: center; margin-bottom: 30px; }
.article-yulan-text p{ margin-top: -14px; line-height: 180%; font-size:15px;}
.article-yulan-text p span{ display: inline-block; background: #fff; padding: 0 15px;}
.article-yulan-wrap .c-org{ font-size:28px; font-weight: normal; display: block; padding:0 0 20px 0 ;}
.article-yulan-btn{ position: relative; display: inline-block; margin-bottom: 20px;}
.article-yulan-btn .btn-text{ position: absolute; left:145px; top:0; padding-left: 0; padding-right: 0; font-size:15px; }
.article-yulan-btn .btn-text .iconfont{ margin-right: 4px;}
.article-yulan-btn .btn-text .icon-shoucang{ color:#f60;}
.article-yulan-bq{ font-size:13px; color:#999;}

.article-tips{ border-top:dashed 1px #ddd; padding: 20px 0; line-height: 170%; margin-top: 20px; }

.side-buy{ background: #fff;/*box-shadow: 0 5px 30px rgba(3,27,78,0.1); */ border:dashed 1px #f80; padding: 15px 15px 15px 20px; display: flex; align-items: center; margin-bottom: 20px; border-radius: 8px;}
.side-buy .cp-cell-auto b{ font-size:18px; color:#f60; }
.side-buy .btn{ width: 110px;}

.side-jiaoshi{ border:solid 0px #fff/*fed66e*/; border-radius: 8px; margin-bottom: 20px; overflow: hidden; }
.side-jiaoshi-hd{ padding:20px; border-bottom: dashed 0px #fee1a7; display: flex;background: linear-gradient(to bottom,#fff3df,20%,#fff ); }
.side-jiaoshi-photo{ width: 50px; height:50px; border-radius: 50%; overflow: hidden; margin-right: 15px;}
.side-jiaoshi-photo img{ width: 100%; height:100%; object-fit: cover;}
.side-jiaoshi-name b{ display: block; margin-bottom: 2px; margin-top: 1px;}
.side-jiaoshi-name .cp-tag{ margin-left: 0;}
.side-jiaoshi-bd{ padding:10px 0 20px 0;}
.side-jiaoshi-bd .cp-cell-auto{ border-right: solid 1px #ededed; }
.side-jiaoshi-bd .cp-cell-auto:last-child{ border-right:0; }
.side-jiaoshi-bd p{ color:#999; padding-bottom: 6px; font-size:13px}
.side-jiaoshi-bd b{ font-size:17px; font-weight: normal;}

.list-side-hot{ padding:20px;}
.list-side-title{ border-bottom:solid 1px #ededed; padding-bottom: 10px; margin-bottom: 12px;}
.list-side-title h3{ font-size: 18px; font-weight: bold; margin: 0;}

.list-side-ph li{ padding:6px 0 6px 24px; position: relative;}
.list-side-ph li a{ color:#1d1d1d;  height:20px;line-height: 20px; display: inline-block; width: 100%; text-overflow: ellipsis;white-space: nowrap;  overflow: hidden;}
.list-side-ph li a:hover{ color:#f60;}
.list-side-ph li .icon-format{ position: absolute; left:0;}

.list-bd-pay{ padding: 40px;}
.list-bd-pay .row{ padding-bottom: 20px;}
.list-bd-pay .col-sm-2{ text-align: right;}
.list-bd-pay .col-sm-2 label{ padding-top: 3px; font-weight: normal;}
.list-bd-pay .cp-block-select{ text-align: left; padding:0px 0; }
.list-bd-pay .cp-block-select-item{ font-weight: bold; padding:0 10px 0 20px; margin: 8px 20px 8px 0; width: 200px; float:left; height:60px; line-height: inherit; display: flex; align-items: center; }
.list-bd-pay .cp-block-select-item:hover{ background: #fff; border-color:#f60; cursor: pointer; color:#1d1d1d;}
.list-bd-pay .cp-block-select-item.active{  border:solid 1px #f60; }
.list-bd-pay .cp-block-select-item.active:hover{ background: #fff url(../images/icon-img-select.png) no-repeat right bottom;}
.list-bd-pay .cp-block-select-item .iconfont{ font-size: 30px; font-weight: normal; }
.list-bd-pay .cp-block-select-item .icon-weixinzhifu{ color:#28bd6e;}
.list-bd-pay .cp-block-select-item .icon-zhifubao{ color:#299bfc;}
.list-bd-pay .cp-block-select-item .icon-jifen{ color:#f90;}
.list-bd-pay .cp-block-select-item span{ font-size:12px; font-weight: normal;}
.pay-erweima{ clear: both; text-align: left; padding:30px 0px 10px 0;}
.pay-erweima strong{ font-size: 20px;}
.pay-erweima .img-pay-erweima{ width: 160px; border:solid 1px #ddd; border-radius: 4px;}
.pay-erweima-price{ padding: 15px 0 0 0;}
.pay-erweima-price b{ font-size:20px; color:#f60;}
@media (max-width:768px) {
    .list-bd-pay{ padding: 20px;}
    .list-bd-pay .col-sm-2{ text-align: left;}
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track
{
    /*-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);*/
    border-radius: 0px;
    background-color: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb
{
    border-radius: 20px;
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
    background: #aaa;
}
::-webkit-scrollbar-thumb:hover{ 
    background: #959595;
}

.video-area-list-bd::-webkit-scrollbar{ width: 6px;}
.video-area-list-bd::-webkit-scrollbar-track{ background-color: rgba(0, 0, 0, 0);}
.video-area-list-bd::-webkit-scrollbar-thumb{ background: rgba(255,255,255,.1); }
.video-area-list-bd::-webkit-scrollbar-thumb:hover{ background: rgba(255,255,255,.3);}



.red-star:before { content: '*';color: red;font-size: 14px;}



    

    
