/*
    * 知识产权
    * 版权所有：深圳前海百丰投资咨询有限公司
    * 2019-03-05
*/
.zscq-btnbox {padding: 40px 0 20px; text-align: center; clear: both;}
.zt-btn { padding: 0 50px;  height:45px; line-height: 45px; font-size: 16px;color: #fff;  text-align: center; background-color: #234863; border-radius: 45px; position: relative; display: inline-block;}
.zt-btn  i{ width: 10px; height: 10px; border-radius: 100%; display: inline-block; background-color: #ffffff; position: absolute;  top: 50%; transform: translateY(-50%) }
.zt-btn  i:first-child {left: 15px;}
.zt-btn  i:last-child {right: 15px;}
.zt-btn:hover ,.zt-btn:focus ,.zt-btn:active{background-color: #e28062; color: #fff}
.zt-btn2 { padding: 0 50px;  height:45px; line-height: 45px; font-size: 16px;color: #234863;  text-align: center; background-color: #fff; border:2px solid #234863; border-radius: 45px; position: relative; display: inline-block;}
.zt-btn2  i{ width: 10px; height: 10px; border-radius: 100%; display: inline-block; background-color: #234863; position: absolute;  top: 50%; transform: translateY(-50%) }
.zt-btn2  i:first-child {left: 15px;}
.zt-btn2  i:last-child {right: 15px;}
.zt-btn2:hover r ,.zt-btn2:focus ,.zt-btn2:active {background-color: #234863; color: #fff}
.zt-btn2:hover i {background-color: #fff}
.zscq-wr {margin: 0 auto; width: 1000px;}

.zt-title  { margin-bottom: 40px; padding: 60px 0 26px; font-size: 30px; font-weight: bold; text-align: center; position: relative; clear: both;}
.zt-title:before { content: " "; width: 236px; height: 8px;  display: inline-block; background:url("../images/zscq/title_ico1.png") no-repeat left top; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
.zt-title.mr10:after { margin: 0 10px;}

.zscq-wrbg {margin: 0 auto; width: 100%; min-width: 1000px; background: #e7f3fc;}
.zscq-topheight {width: 100%; min-width: 1000px; height:425px; background: url("../images/zscq/zscq_bg1.jpg") no-repeat center top;}
.zscq-topheight p { padding: 320px 0 0 120px; text-align: left;}
.zscq-topheight p a { margin: 0 55px;}

.blue {color: #1874f1; }
.f-b {font-weight: bold}

.cqonetab { background-color: #f7f9fb;height: 50px; clear: both; }
.cqonetab li {width: 50%; height:50px; line-height:50px; font-size: 16px; font-weight: bold; text-align: center; background-color: #f7f9fb; border: 1px solid #e3eaee;  cursor: pointer; position: relative; float: left}
.cqonetab li:last-child {margin-bottom: 0; }
.cqonetab ul li a {height: 50px; display: block; color: #234863;}
.cqonetab ul li.active {background-color: #234863; border-color: #234863;}
.cqonetab li.active a {color: #fff;  }

.zscq-one {background-color: #e7f3fc; }
.zscq-one .cqonebox {min-height: 280px; clear: both; overflow: hidden;}
.cqonebox .item { display: none}
.cq-onedl { margin: 40px auto 30px; width: 76%;  border: 1px solid #234863; border-bottom: none; background-color: #ffffff;}
.cq-onedl dl {  border-bottom: 1px solid #234863; overflow: hidden;}
.cq-onedl dl dt  {height: 38px; line-height: 38px; color: #8b838e; font-weight: normal;  padding-left: 16%; width: 50%; float: left; border-right: 1px dashed #234863}
.cq-onedl dl dd {padding-left: 12%; width: 48%; line-height: 38px; float: right; }
.zscq-one  .cq-fbox { padding-bottom: 50px; text-align: center;  }
.cqonebox .liucheng { display: block}
.cqonebox  .liucheng { margin: 50px 0 40px; padding: 0 30px 0 120px;  clear: both; overflow: hidden; position: relative}
.cqonebox  .liucheng:before { content: " "; width: 100%; height: 1px; background-color: #234863; display: block;  position: absolute; left: 0; top: 77px; z-index: 1}
.cqonebox  .liucheng ul li {width: 25%; float: left;}
.cqonebox  .liucheng ul li .limg { width: 66px; height: 66px; line-height: 66px; text-align: center; vertical-align: middle;  position: relative; display: block;}
.cqonebox  .liucheng ul li .limg img { vertical-align: middle;}
.cqonebox  .liucheng ul li .limg:before {content: " "; width: 16px; height: 16px; background-color: #234863; border-radius: 100%; display: inline-block; position: absolute; left: 10px; top: 70px; z-index: 2}
.cqonebox  .liucheng ul li .sum { padding: 25px 0 3px; font-size: 15px; color: #f4b7a5; display: block;}
.cqonebox  .liucheng ul li p { line-height: 22px;}

.zscq-two { padding-top: 24px;  clear: both;}
.zscq-two .item {margin-right: 50px; width: 300px; min-height:380px; position:relative; background-color: #ffffff; float: left;}
.zscq-two .item:last-child {margin-right: 0}
.zscq-two .ctimg { padding-top: 15px; width: 100%; height: 70px; background:url("../images/zscq/zscq_bg10.png") no-repeat center top; text-align: center; position: absolute; left: 0; top: -24px; }
.zscq-two h3 { margin-top: 42px; padding: 5px 0 10px; font-size: 18px; color: #234863; font-weight: bold; text-align: center; position: relative}
.zscq-two h3:before {content: " "; margin-right: 8px; width: 84px; height: 9px; background:url("../images/zscq/zscq_bg9.png") no-repeat center top;   display: inline-block;}
.zscq-two h3:after {content: " ";margin-left: 8px; width: 84px; height: 9px; background:url("../images/zscq/zscq_bg9.png") no-repeat center top;   display: inline-block; transform: rotate(-180deg)}
.zscq-two  .item p { padding:10px 30px 10px 35px; color: #666666; line-height: 24px; position: relative;}
.zscq-two  .item p:before {content: " "; margin-right: 10px; width: 6px; height: 6px; background:#e9ab9b; border-radius: 100%; vertical-align: middle;  display: inline-block; position: absolute; left:22px; top: 18px;}
.zscq-two  .cn { min-height: 310px;}
.zscq-two  .c-f { width: 100%;  background-color: rgba(0,0,0,.2);  text-align: center; position: absolute; left: 0; top: -24px; bottom: 0; z-index: 3; opacity: 0}
.zscq-two  .c-f a { width:160px; font-size: 14px;  height: 36px; line-height: 36px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);  }
.zscq-two  .item:hover .c-f {  animation:animationMidShow 0.25s   linear;animation-fill-mode: forwards;}

.zscq-midbanner {margin: 60px 0 0; width: 100%; min-width: 960px; height: 290px; text-align: center; background: url("../images/zscq/zscq_bg2.jpg") no-repeat center top; }
.zscq-midbanner p { padding-top: 168px;}
.zscq-midbanner p a {padding: 0 50px; height: 56px; line-height: 56px; border-radius: 50px;}

.zscq-three { clear: both; overflow: hidden}

.zscq-three {min-height: 420px; position: relative; }
.zscq-three:before {content: " "; width: 100%; height: 2px; background-color: #d0e4f5; display: block;  position: absolute; left: 0; top:130px; z-index: 1}
.zscq-three .item { margin-right: 60px; width: 152px; position: relative;  float: left }
.zscq-three .item em { width: 12px; height: 12px; background:#254259; border-radius: 100%; display: inline-block; position: absolute; left:50%; top: 126px; margin-right: -6px; z-index: 2}
.zscq-three .item i { padding-top: 7px; width: 29px; height: 35px; line-height: 24px; font-style: normal; font-size: 15px;font-weight: bold; text-align: center; background: url("../images/zscq/zscq_ico10.png") no-repeat left top; display: inline-block; position: absolute; left:50%; top:143px; margin-left: -9px;}
.zscq-three .item p { padding: 0 20px; line-height: 26px; height: 108px; background-color: #d0e4f5; border-radius: 10px;}
.zscq-three .item p span {  display: block}
.zscq-three .item p span.it { padding: 12px 0 5px; text-align: center;font-size: 16px;font-weight: bold; }
.zscq-three .item p .cn {color: #222}
.zscq-three .item.last {margin-right: 0}
.zscq-three .item:nth-child(odd) { margin-top: 160px;}
.zscq-three .item:nth-child(odd) em { top: -35px;}
.zscq-three .item:nth-child(odd)  i {padding-top:5px; top: -74px;background: url("../images/zscq/zscq_ico11.png") no-repeat left top;}
.zscq-three .item:nth-child(odd) p { background-color: #ecad9c}
.zscq-three  .cqtext  { margin-top: 40px; height: 30px; line-height: 30px; text-align: center; background: url("../images/zscq/zscq_bg8.png") no-repeat  center 13px;}

.zscq-five {width: 100%; min-width: 1000px; background:#e7f3fc  url("../images/zscq/zscq_bg7.jpg") no-repeat center top;}
.zscq-five .cqf-h3 {padding: 0 0 20px; text-align: center; font-size: 20px; font-weight: 600}
.zscq-five .cqf-h3 i {margin:0 15px; width: 46px; height: 20px;  display: inline-block; background:url("../images/zscq/zscq_ico8.png") no-repeat left top; vertical-align: middle}
.zscq-five .cqf-m { padding: 0 50px 50px; line-height: 28px; text-align: center;}
.zscq-five .item { width: 40%;}
.zscq-five .item h3 { padding: 9px 0 0 30px; height: 40px; line-height: 30px; font-size: 16px; color: #ffffff;  background: url("../images/zscq/zscq_bg6.png") no-repeat left top;}
.zscq-five .item .cn {padding: 16px 0; line-height: 26px; color: #666666;}
.zscq-five .item  ul  { padding: 10px 0 20px;}
.zscq-five .item  ul li {  padding:0; line-height: 30px;}

/* 留言 */
.zt-from { padding: 0 25px; border:2px solid #e4eff7; clear: both; }
.zt-from h3 { margin-bottom: 20px; font-size: 16px; padding: 25px 0; border-bottom: 1px solid #234863; font-weight: bold;}
.zt-from h3:before {content: " "; width: 10px; height: 10px; margin:0 12px 0 0; background-color: #234863; border-radius: 100%; display: inline-block;  }
.zt-from  .ssf { padding-top: 20px;}
.zt-from  .ssf .item { margin: 0 5%; padding: 10px 0; height: 70px; width:40%; float: left; position:relative; }
.zt-from  .ssf .item .sicon { padding-top: 21px; width: 44px; height: 44px; text-align: center; position: absolute; left: 0; top: 0; display: inline-block; z-index: 10}
.zt-from  .ssf .item .fmsg { font-size: 12px; color: #fe002f; position: absolute; left: 44px; top:60px;}
.zt-from  .ssf .item input {border:none;box-shadow:none; height: 44px; line-height: 44px; background-color: #e7f3fc; padding-left: 44px;}
.zt-from  .ssf  .btn-group {width: 380px; text-align: left; position: relative}
.zt-from  .ssf  .dropdown-menu { width: 380px}
.zt-from  .ssf  .dropdown-toggle.btn-default {  padding-left: 44px; width: 380px;height: 44px; background-color: #e7f3fc; color: #666666; border:none;box-shadow:none; }
.zt-from .btn-danger {width: 100%; border-radius: 15px;}
.zt-from .region .left { float: left; display: inline-block}
.zt-from .itembtn { text-align: center; padding:15px 0 30px;}
.zt-from .zt-btn  { width: 200px; height: 44px; line-height: 44px; }

/* 商标 */
.shangbiao  ul li { margin: 0 14px 14px 0;  height: 112px;text-align: center;  float: left; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-position: center top}
.shangbiao  ul li:nth-child(8n) ,.shangbiao  ul li.last {margin-right: 0}
.shangbiao  ul li.last2 {margin-right: 14px !important; }
.shangbiao  ul a { width: 112px; height: 112px; display: block;  border: 1px solid #e7f3fc; color: #234863;position: relative; }
.shangbiao  ul a.odd { background-color:#e7f3fc; }
.shangbiao  ul a.pic { border: none;color: #fff;}
.shangbiao  ul a.pic .pimg { width: 100%; display: block; }
.shangbiao  ul a.pic .pimg img {width: 100%; height: 112px }
.shangbiao  ul a.pic .pimg em ,.shangbiao  ul a.pic_banner  em{width: 100%; height: 100%; background-color: rgba(35,72,99,.7); position: absolute; left: 0; top: 0;  z-index: 1}
.shangbiao  ul a.pic_banner { width: 490px;border: none;color: #fff;}
.shangbiao  ul a.pic_banner .si { top: 32px;}
.shangbiao  ul a.pic_banner .si img  { margin-right: 30px}
.shangbiao  ul a.pic_banner em {background-color: rgba(244,183,165,.7); }
.shangbiao  ul i { font-size: 10px;  font-style: normal; position: absolute; top: 8px; left: 8px; z-index: 2}
.shangbiao  ul .si {width: 100%; display: block; position: absolute; top: 24px; left: 0;  z-index: 2}
.shangbiao  ul .t {width: 100%; height: 24px; line-height: 24px; font-size: 13px; display: block;position: absolute; bottom: 10px; left:0; z-index: 2}
.shangbiao  ul a:hover { background-color: #e7f3fc}
.shangbiao  ul a:hover:before {content: " "; width: 100%; height:3px; background-color: #f39a7f; position: absolute; left: 0; top: -1px; z-index: 2}
.shangbiao  ul a.pic:hover:before { top: 0}
.shangbiao  ul a.pic:hover .pimg img { transform: scale(1.2,1.2)}

/* 热门推荐 */
.zt-hotlist ul li a:before {background-color: #234863;}
.zt-hotlist p svg {fill: #234863}
.zt-hotlist  a:hover { color: #234863}



