#productsys {
  /* @charset "utf-8"; */
  /*全局*/
  /*END*/
  /*盒子*/
  /*END*/
  /*浮动*/
  /*版心提取*/
  /*margin-top:19px;*/
}
#productsys html {
  font-size: 100px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
#productsys body {
  color: #444;
  border: 0;
  background-color: #fff;
  font-size: 0.14rem;
  line-height: 1.5;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#productsys body,
#productsys input {
  font-family: 'microsoft yahei';
}
#productsys article,
#productsys aside,
#productsys dialog,
#productsys footer,
#productsys header,
#productsys section,
#productsys footer,
#productsys nav,
#productsys figure,
#productsys menu,
#productsys legend,
#productsys time,
#productsys ul,
#productsys li {
  display: block;
}
#productsys i {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
}
#productsys ul,
#productsys li,
#productsys input,
#productsys select {
  list-style: none;
}
#productsys html,
#productsys body,
#productsys div,
#productsys span,
#productsys object,
#productsys iframe,
#productsys h1,
#productsys h2,
#productsys h3,
#productsys h4,
#productsys h5,
#productsys h6,
#productsys p,
#productsys blockquote,
#productsys pre,
#productsys abbr,
#productsys address,
#productsys cite,
#productsys code,
#productsys del,
#productsys dfn,
#productsys em,
#productsys img,
#productsys ins,
#productsys kbd,
#productsys q,
#productsys samp,
#productsys small,
#productsys strong,
#productsys sub,
#productsys sup,
#productsys var,
#productsys b,
#productsys i,
#productsys dl,
#productsys dt,
#productsys dd,
#productsys ol,
#productsys ul,
#productsys li,
#productsys fieldset,
#productsys form,
#productsys label,
#productsys legend,
#productsys table,
#productsys caption,
#productsys tbody,
#productsys tfoot,
#productsys thead,
#productsys tr,
#productsys th,
#productsys td,
#productsys article,
#productsys aside,
#productsys canvas,
#productsys details,
#productsys figcaption,
#productsys figure,
#productsys footer,
#productsys header,
#productsys hgroup,
#productsys menu,
#productsys nav,
#productsys section,
#productsys summary,
#productsys time,
#productsys mark,
#productsys audio,
#productsys video {
  border: 0 none;
  outline: 0 none;
  margin: 0;
  padding: 0;
  text-transform: none;
}
#productsys .floatLeft {
  float: left;
}
#productsys .floatRight {
  float: right;
}
#productsys .clear {
  clear: both;
  background: none;
}
#productsys .clear:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
#productsys .clearfix:before,
#productsys .clearfix:after {
  /*清除浮动，最好最标准的写法*/
  content: "";
  display: table;
}
#productsys .clearfix:after {
  clear: both;
}
#productsys .clearfix {
  *zoom: 1;
  /*IE/7/6*/
  /*兼容IE6下的写法*/
}
#productsys .w1 {
  width: 1130px;
  margin: 0 auto;
}
#productsys .w3 {
  width: 1128px;
  margin: 0 auto;
}
#productsys .banner {
  height: 710px;
  /*margin-top: 98px;*/
}
#productsys .banner .pic {
  position: relative;
  height: 100%;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/20200312_product_banner.jpg) no-repeat center center;
  background-size: cover;
  text-align: center;
}
#productsys .banner .pic .pic_word {
  position: absolute;
  top: 356px;
  left: 231px;
  text-align: left;
}
#productsys .banner .pic .pic_word h1,
#productsys .banner .pic .pic_word h3 {
  color: #fff;
  line-height: 20px;
}

/*add*/
.pic_word h2{
  font-size: 62px;
}
.pic_word p.p_eng{
  font-size: 16px;
}
.pic_word .pro_title>li{
   float: left;
  background: url("http://qiniu.image.citgroup.cn/citgroup/www/images/line.png") left no-repeat;
  padding: 30px!important;
  margin-top: 10px!important;
}
.pic_word .pro_title>li>p{
  font-size: 18px;
}
.pic_word .pro_title>li>span{
  font-size: 12px;
}
/*add*/
#productsys .detail {
  height: 90px;
  line-height: 90px;
  background-color: #1A1C28;
  display:none;
}
#productsys .detail a {
  font-size: 16px;
  font-family: "Microsoft YaHei UI";
  color: #ffffff;
  text-decoration: none;
}
#productsys .detail ul li:nth-child(1) {
  float: left;
}
#productsys .detail ul li:nth-child(2) {
  float: right;
}
#productsys .detail ul li:nth-child(2) a {
  display: block;
  height: 40px;
  line-height: 40px;
  width: 160px;
  text-align: center;
  background-color: #396BA9;
  margin: 28px auto;
}
#productsys .menu_list {
  height: 240px;
  /*margin-right:550px;*/
  width:845px;
}
#productsys .menu_list ul {
}
#productsys .menu_list ul li {
  float: left;
  width: 107px;
  margin: 0 52px;
  margin-top: 64px;
}
#productsys .menu_list ul li:nth-child(1){}
#productsys .menu_list ul li:nth-child(2){}
#productsys .menu_list ul li:nth-child(3){}
#productsys .menu_list ul li:nth-child(4){}
#productsys .menu_list ul li a {
  maring: 0;
  padding: 0;
  text-decoration: none;
  color: #000;
}
#productsys .menu_list ul li a div.warp_out1 {
  border: 5px solid #5c85b8;
  padding: 3px;
  height: 97px;
  width: 97px;
}

/*
#productsys .menu_list ul li a div.warp_out1 div.warp_inner {
  border: 4px solid #fff;
  display: block;
  padding: 20.5px 20.5px;
  width: 48px;
  height: 48px;
  background-color: #396BA9;
}
#productsys .menu_list ul li a div.warp_out1 div.warp_inner span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat 0px -73px;
}
*/

#productsys .active{
  border: 2px solid #396BA9;
  padding: 3px;
  height: 97px;
  width: 97px;
  background-color: #396BA9;
}

#productsys .commonStyle{
  border: 2px solid #396BA9;
  padding: 3px;
  height: 97px;
  width: 97px;
  background-color: #396BA9;
}
/*#productsys .menu_list ul li a div.warp_out1:hover {*/
  /*border: 2px solid #396BA9;*/
  /*padding: 3px;*/
  /*height: 97px;*/
  /*width: 97px;*/
  /*background-color: #396BA9;*/
/*}
#productsys .menu_list ul li a div.warp_out1:hover div.warp_inner:hover {
  border: none;
  display: block;
  padding: 24.5px 24.5px;
  width: 48px;
  height: 48px;
  background: #fff;
}
#productsys .menu_list ul li a div.warp_out1:hover div.warp_inner:hover span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat 0px -7px;
}
*/

/*通用样式模块*/

#productsys .menu_list ul li a div div.warp_active {
  border: none;
  display: block;
  padding: 24.5px 24.5px;
  width: 48px;
  height: 48px;
  background: #fff;
  margin:0 auto;
  border:solid 4px #fff;

}
#productsys .menu_list ul li a div div.warp_active span {
  width: 48px;
  height: 48px;
  display: block;

}


#productsys .menu_list ul li a div div.warp_active1 {
  border: none;
  display: block;
  padding: 24.5px 24.5px;
  width: 48px;
  height: 48px;
  background: #fff;
}
#productsys .menu_list ul li a div div.warp_active1 span {
  width: 48px;
  height: 48px;
  display: block;

}

#productsys .menu_list ul li a div div.warp_inner {
  border: 4px solid #fff;
  display: block;
  padding: 20.5px;
  width: 48px;
  height: 48px;
  margin:0 auto;
  background-color: #396ba9;
}
#productsys .menu_list ul li a div div.warp_inner span {
  width: 48px;
  height: 48px;
  display: block;

}


#productsys .menu_list ul li a div.warp_out {
  border: 5px solid #5c85b8;
  padding: 3px;
  height: 97px;
  width: 97px;
}



/*


#productsys .menu_list ul li a div.warp_out2 div.warp_inner {
  border: 4px solid #fff;
  display: block;
  padding: 20.5px 20.5px;
  width: 48px;
  height: 48px;
  background-color: #396ba9;
}
#productsys .menu_list ul li a div.warp_out2 div.warp_inner span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat -91px -73px;
}
#productsys .menu_list ul li a div.warp_out2:hover {
  border: 2px solid #396BA9;
  padding: 3px;
  height: 97px;
  width: 97px;
  background-color: #396BA9;
}
#productsys .menu_list ul li a div.warp_out2:hover div.warp_inner:hover {
  border: none;
  display: block;
  padding: 24.5px 24.5px;
  width: 48px;
  height: 48px;
  background: #fff;
}
#productsys .menu_list ul li a div.warp_out2:hover div.warp_inner:hover span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat -92px -7px;
}

#productsys .menu_list ul li a div.warp_out3 div.warp_inner {
  border: 4px solid #fff;
  display: block;
  padding: 20.5px 20.5px;
  width: 48px;
  height: 48px;
  background-color: #396ba9;
}
#productsys .menu_list ul li a div.warp_out3 div.warp_inner span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat -182px -71px;
}
#productsys .menu_list ul li a div.warp_out3:hover {
  border: 2px solid #396BA9;
  padding: 3px;
  height: 97px;
  width: 97px;
  background-color: #396BA9;
}
#productsys .menu_list ul li a div.warp_out3:hover div.warp_inner:hover {
  border: none;
  display: block;
  padding: 24.5px 24.5px;
  width: 48px;
  height: 48px;
  background: #fff;
}
#productsys .menu_list ul li a div.warp_out3:hover div.warp_inner:hover span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat -182px -7px;
}
#productsys .menu_list ul li a div.warp_out4 {
  border: 2px solid #5c85b8;
  padding: 3px;
  height: 97px;
  width: 97px;
}
#productsys .menu_list ul li a div.warp_out4 div.warp_inner {
  border: 4px solid #fff;
  display: block;
  padding: 20.5px 20.5px;
  width: 48px;
  height: 48px;
  background-color: #396ba9;
}
#productsys .menu_list ul li a div.warp_out4 div.warp_inner span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat -270px -71px;
}
#productsys .menu_list ul li a div.warp_out4:hover {
  border: 2px solid #396BA9;
  padding: 3px;
  height: 97px;
  width: 97px;
  background-color: #396BA9;
}
#productsys .menu_list ul li a div.warp_out4:hover div.warp_inner:hover {
  border: none;
  display: block;
  padding: 24.5px 24.5px;
  width: 48px;
  height: 48px;
  background: #fff;
}
#productsys .menu_list ul li a div.warp_out4:hover div.warp_inner:hover span {
  width: 48px;
  height: 48px;
  display: block;
  background: url(http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png) no-repeat -270px -7px;
}

*/

#productsys .menu_list ul li a .menu_title {
  position: relative;
  top: 24px;
  left: 20px;
  font: 14px 'microsoft yahei';
}
#productsys .content {
  height: 740px;
  width: 1180px;
  border: 1px solid #F4F4F4;
}
#productsys .content .left {
  float: left;
  width: 320px;
  height: 588px;
  padding-top: 152px;
  background-image: linear-gradient(#fff, #F4F4F4, #fff);
}
#productsys .content .left .nav_items1 {
  height: 50px;
  font: 400 21px/50px 'microsoft yahei';
}
#productsys .content .left .nav_items1 .nav_top {
  color: #4d77af;
}
#productsys .content .left .nav_items1 a {
  text-decoration: none;
  color: #5e5e5e;
  padding-left: 32px;
}
#productsys .content .left .nav_items {
  height: 50px;
  font: 400 16px/50px 'microsoft yahei';
  padding-left: 32px;
}
#productsys .content .left .nav_items a {
  text-decoration: none;
  color: #5e5e5e;

}
#productsys .content .nav_items.current {
  background-color: #396baa;
  padding-left: 32px;
  color: #fff;
}
#productsys .content .nav_items.current a {

}
#productsys .content .nav_items.current span {
  display: block;
  width: 23px;
  height: 20px;
  background: url("http://qiniu.image.citgroup.cn/citgroup/www/images/icon.png") no-repeat -5px -137px;
  margin-top: -35px;
  margin-left: 246px;
}
#productsys .content .mid {
  float: left;
  width: 376px;
  margin-top: 56px;
  margin-left: 48px;
}
#productsys .content .mid span {
  display: block;
  margin-bottom: 36px;
  margin-left: -41px;
}
#productsys .content .mid span a {
  text-decoration: none;
  font: 700 40px/36px 'microsoft yahei';
  color: #396BA9;
}
#productsys .content .mid ul {
  margin-left: 40px;
  margin-top: 35px;
}
#productsys .content .mid ul li {
  height: 36px;
}
#productsys .content .mid ul li a {
  text-decoration: none;
  font: 400 18px/36px 'microsoft yahei';
  color: #000;
}
#productsys .content .mid ul li :hover {
  color: #396BA9;
}
#productsys .content .right {
  float: right;
  width: 426px;
  padding-top: 120px;
  overflow: hidden;
}
#productsys .content .right h6 {
  font: 500 12px/20px "微软雅黑";
  margin-top: 30px;
}
#productsys .content .right a {
  text-decoration: none;
  color: #fff;
  display: block;
  height: 40px;
  line-height: 40px;
  width: 160px;
  text-align: center;
  background-color: #396BA9;
  margin-left: 266px;
}