/* 清除浮动 */
.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear:both;
    visibility: hidden;
}
/*取消移动端点击的时候有背景*/
a{-webkit-tap-highlight-color: rgba(255, 255, 255, 0);-webkit-user-select: none;-moz-user-focus: none;-moz-user-select: none;}

#otherPagePanel{display:none;}

/* banner图 */
.banner-cp img{width: 100%;}

/*移动端导航*/
.phoneEjNav, .phoneSjNav,.phonejjNav{display: none;}
.phoneEjNav li a{font-size: 14px;}

.phoneEjNav{height:35px; line-height:35px;background: #f5f9ff;padding:0 3%;}
.phoneEjNav li {float: left;}
.phoneEjNav li.active a{color:#0b4ca3;}
.phoneEjNav em{padding:0 12px;font-size:12px;font-style:normal; float:left;}
.phoneEjNav em:last-child{display: none;}

.phoneSjNav{overflow:hidden;padding:0 2%; width: 96%;}
.phoneSjNav li{display:inline-block;width:29%;height:34px;margin:13px 3px 0 7px;text-align:center;line-height:32px;border:1px solid #d8d8d8;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fafafa;}
.phoneSjNav li.active{border:1px solid #0b4ca3;}
.phoneSjNav li a{margin-left:3px;}
.phoneSjNav li.active a{color:#0b4ca3;}


.phonejjNav{overflow:hidden;padding:0 2%; width: 96%;}
.phonejjNav li{display:inline-block;width:29%;height:34px;padding-left: 3px;margin:13px 3px 0px 7px;text-align:center;line-height:32px;border:1px solid #d8d8d8;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fafafa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.phonejjNav li.active{border:1px solid #0b4ca3;}
.phonejjNav li.active a{color:#0b4ca3;}



/* 中间导航 */
/*.banner_box{position: relative;}*/
#product_nav{width: 1160px; z-index:1; margin: 0 auto;position: relative;top: -70px;left: 0px;}
.product_title{width: 320px;height: 130px;background-color: #fff;box-shadow: 0px 7px 10px 0px #e6e6e6;float: left;}
.product_title span{text-align: center;display: block;}
.product_title span:first-child{color: #000;font-size: 28px;line-height: 80px;}
.product_title span:last-child{color: #bfbfbf; font-size: 20px;line-height: 20px;}

ul.cp_hnav{float: left;margin-top: 30px;margin-left: 4px;}
ul.cp_hnav  li{display:inline-block;width: 210px;height: 100px;line-height: 100px;background-color: #fff;box-shadow: 0px 7px 5px -5px #e6e6e6;margin-left: -4px;}
ul.cp_hnav  li a{text-align: right;display: block;margin-right: 40px;font-size: 16px;color: #8c8c8c;}
ul.cp_hnav li:first-child a{margin-right: 70px;}

ul.cp_hnav  li:first-child a{background: url( /uiFramework/commonResource/image/2020072014570777068.png  ) no-repeat 45px 30px; }
ul.cp_hnav  li:nth-child(2) a{background: url( /uiFramework/commonResource/image/2020072014571840680.png ) no-repeat 45px 30px; }
ul.cp_hnav  li:nth-child(3) a{background: url(/uiFramework/commonResource/image/2020072014573213760.png  ) no-repeat 45px 30px; }
ul.cp_hnav  li:last-child a{background: url( /uiFramework/commonResource/image/2020072014574245299.png   ) no-repeat 45px 30px; }

ul.cp_hnav li:first-child.active{background:url( /uiFramework/commonResource/image/2020072014494876643.png   ) no-repeat;background-size: 100% 100%;}
ul.cp_hnav li:first-child a.select{color:#fff;background:url( /uiFramework/commonResource/image/2020072014535474101.png  ) no-repeat 45px 30px;}

ul.cp_hnav li:nth-child(2).active{background:url(/uiFramework/commonResource/image/2020072014500319098.png ) no-repeat;background-size: 100% 100%;}
ul.cp_hnav li:nth-child(2) a.select{color:#fff;background:url(/uiFramework/commonResource/image/2020072014543996674.png    ) no-repeat 45px 30px;}

ul.cp_hnav li:nth-child(3).active{background:url(/uiFramework/commonResource/image/2020072014501846842.png   ) no-repeat;background-size: 100% 100%;}
ul.cp_hnav li:nth-child(3) a.select{color:#fff;background:url(/uiFramework/commonResource/image/2020072014545437992.png   ) no-repeat 45px 30px;}

ul.cp_hnav li:last-child.active{background:url(/uiFramework/commonResource/image/2020072014503312216.png   ) no-repeat;background-size: 100% 100%;}
ul.cp_hnav li:last-child a.select{color:#fff;background:url(/uiFramework/commonResource/image/2020072014550689499.png  ) no-repeat  45px 30px;}



/* 内容大盒子 */
.Content{
    width: 1160px;
    margin: 0px auto 20px;
}

/* 左侧导航——产品 */
.Content .product_fl{
    width: 290px;
    float: left;
}
ul.CP_menu{box-shadow: 0px 1px 6px 0px #e6e6e6;}
ul.CP_menu li.active h3 {color: #fff; border-bottom:0;background: #3b70b4 url( /uiFramework/commonResource/image/2020072015370135592.png   )  80% 50%  no-repeat;}
ul.CP_menu li h3 {height: 88px;font-size: 24px;line-height: 90px;padding-left: 39px;color: #0b4da4;cursor: pointer;border-bottom:2px dashed #0a4ca2;background:url( 
/uiFramework/commonResource/image/2020072015371595228.png   )  80% 50%  no-repeat;}
ul.CP_menu li:last-child h3{border-bottom:none;}
ul.CP_menu li .subMenuWrap p a {display: block;color: #666666;height: 40px;margin-bottom: 30px;line-height: 40px;padding-left: 40px;font-size:16px;}
ul.CP_menu li .subMenuWrap p.active a{background: url( /uiFramework/commonResource/image/2020072015372848806.jpg ) right no-repeat;color: #0b4da4;font-weight: bold; }   
ul.CP_menu li .subMenuWrap p a:hover{color:#0b4da4;font-weight: bold;}
ul.CP_menu li:last-child .subMenuWrap{border-bottom:0;} 
ul.CP_menu li .subMenuWrap{display:none;padding-top: 30px;border-bottom: 2px dashed #0a4ca2;} 
ul.CP_menu li.active .subMenuWrap{display:block;}

/* 左侧导航——解决方案 */
ul.jdal_menu{box-shadow: 0px 1px 6px 0px #e6e6e6;}
ul.jdal_menu li:first-child h3,li:last-child h3{height: 88px;line-height: 90px;cursor: pointer;border-bottom:2px dashed #0a4ca2;}
ul.jdal_menu li:last-child h3{border-bottom:none;}
ul.jdal_menu li h3 a{font-size: 24px;color: #0b4da4;padding-left: 39px;display: block;}
ul.jdal_menu li h3 a.active{background: #3b70b4;color: #fff;}
ul.jdal_menu li:nth-child(2)  h3 a{height: 88px;font-size: 24px;line-height: 90px;color: #0b4da4;cursor: pointer;border-bottom:2px dashed #0a4ca2;background:url( 
/uiFramework/commonResource/image/2020072015371595228.png   )  93% 50%  no-repeat;}
ul.jdal_menu li:nth-child(2)  h3.active a{height: 88px;font-size: 24px;line-height: 90px;padding-left: 39px;color: #fff;cursor: pointer;border-bottom:none;background:#3b70b4 url( /uiFramework/commonResource/image/2020072015370135592.png   )  93% 50%  no-repeat;}
ul.jdal_menu li .subMenuWrap p a {display: block;color: #666666;height: 40px;margin-bottom: 30px;line-height: 40px;padding-left: 50px;font-size:16px;}
ul.jdal_menu li .subMenuWrap{display:none;padding-top: 30px;border-bottom: 2px dashed #0a4ca2;}
ul.jdal_menu li:nth-child(2) .subMenuWrap p a.active{background: url( /uiFramework/commonResource/image/2020072015372848806.jpg  ) right no-repeat; color:#0b4da4;font-weight: bold;}   
ul.jdal_menu li:nth-child(2) .subMenuWrap p a:hover{color:#0b4da4;font-weight: bold;}

/* 左侧导航——经典案例 */
ul.jdalNav { box-shadow: 0px 1px 6px 0px #e6e6e6; }
ul.jdalNav  li {height: 88px;line-height: 90px;cursor: pointer;border-bottom: 2px dashed #0a4ca2;}
ul.jdalNav  li:last-child{border-bottom: none;}
ul.jdalNav li a {font-size: 24px;color: #0b4da4;padding-left: 39px;display: block;}
ul.jdalNav  li.active  a{background: #3b70b4;color: #fff;}
ul.jdalNav  li:nth-child(3) a,ul.jdalNav  li:nth-child(4) a{line-height: 30px;padding: 15px 0 15px 39px;}

/* 右侧内容 */
.Content .product_fr{
    width:840px;
    float: right;
}
.yzpt {margin-bottom: 30px;}
.yzpt span{color:#333333;}  
.yzpt .yzpt_title{font-size: 28px;font-weight: 400; padding-left: 10px;background: url( /uiFramework/commonResource/image/2020072015372848806.jpg ) left no-repeat; line-height: 40px;}
 .yzpt .yzpt_title span{margin-left: 20px;}
.yzpt .yzpt_ft{font-size: 16px;background: url(/uiFramework/commonResource/image/2020072110093768361.png   ) left no-repeat; margin-left: 30px;line-height: 30px;}
 .yzpt .yzpt_ft span{margin-left: 20px;}
.yzpt .yzpt_title img{width: 124px;margin: 3px 0 3px 20px;}

/*产品简介*/
  .cpjj{box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;margin-bottom: 30px;}
  .cpjj h3 {text-align: center;line-height: 82px;font-size: 24px;color: #333;}
  .cpjj_content{padding: 0 45px 40px;}
   .cpjj_content p{font-size:15px;color: #989898;line-height: 24px;text-justify:inter-ideograph;}



/*云缴费——产品简介*/
  .cpmx{box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;margin-bottom: 30px;}
  .cpmx h3{text-align: center;line-height: 82px;}
  .cpmx h3 a{font-size: 24px;color: #333;}
  .cpmx_content{padding: 0 45px 40px;}
 .cpmx_content p{ font-size: 14px;color: #989898;line-height: 24px;text-justify:inter-ideograph;}

/*产品特色*/
.cpts-box{box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;margin-bottom: 30px;}
.cpts-box h3{text-align: center;line-height: 82px;font-size: 24px; color: #333;}
ul.cpts{padding: 0 35px 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}

li.cpts_item{border: 1px dashed #0e49a3; width: 44%;border-radius: 10px;padding: 0 15px 30px;text-align: center;margin-bottom: 20px;}

.cpts_title{margin: 15px 0;}
.cpts_title a{font-size: 18px; color:#555;line-height: 28px;}
.cpts_cont{text-align: left;}
.cpts_cont p a{font-size: 15px;color: #989898;line-height: 21px;text-indent: 0px;display: inline-block;}
.cpts_cont p {font-size: 15px;line-height: 21px;text-indent: 0px;display: inline-block;color:#989898;text-justify:inter-ideograph;}

/*产品功能*/
.cpgn-box{box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;margin-bottom: 30px;}
.cpgn-box h3{text-align: center;line-height: 82px;font-size: 24px; color: #333;}
ul.cpgn{padding: 0 45px 40px;}
ul.cpgn li:last-child{margin-bottom:0px;}
li.cpgn_item{margin-bottom: 40px;}
.cpgn_title{border: 1px solid #ccc;text-align: right;position: relative;display: inline-block;margin-bottom: 20px;}
.cpgn_title img{position: absolute;left: 5px;bottom: 3px;width: 57px;}
.cpgn_title span{margin:0 5px 0 60px;}
.cpgn_title span a{font-size:18px;color:#555;}
.cpgn_infor p,.cpgn_infor p a{font-size:15px;color: #989898;line-height: 24px;text-justify:inter-ideograph;}
.cpgn_pic{ padding: 0 47px;margin-bottom: 30px;}


/*核心产品体系*/
.hx-tixi{border: 1px solid #ccc;text-align: right;position: relative;display: inline-block;margin-bottom: 20px;}
.hx-tixi img{position: absolute;left: 5px;bottom: 3px;width: 57px;}
.hx-tixi span{margin:0 5px 0 60px;}
.hx-tixi span a{font-size:18px;color:#555;}




/*应用场景*/
.yycj-box{box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;margin-bottom: 30px;}
.yycj-box h3{text-align: center;line-height: 82px;font-size: 24px; color: #333;}
ul.yycj{padding: 0 45px 40px;}
ul.yycj li:last-child{margin-bottom:0px;}
li.yycj_item{margin-bottom: 30px;}
.yycj_item  .yycj_title{text-align: center;margin-bottom: 15px;}
.yycj_item .yycj_line{color:#cccccc;}
.yycj_item span:nth-child(2) a{color:#0b4da3;font-size: 16px;}
.yycj_infor p{font-size:15px;line-height: 24px;color: #989898;}


/*响应式样式*/
@media screen and (max-width:1200px){
#product_nav,.Content{width:92%;}
#product_L{width:24%;}
#product_R{width:70%;}
.product_title{width:30%;}
ul.cp_hnav{width:69%;}

/*中心导航*/
ul.cp_hnav li{width:25%;}
ul.cp_hnav li a{margin-right: 20px;}
ul.cp_hnav li:first-child a{margin-right: 50px;}

/*左侧导航*/
ul.jdal_menu li h3 a, ul.jdal_menu li:nth-child(2) h3 a,ul.jdal_menu li:nth-child(2) h3.active a{font-size:20px; padding-left: 19px;}
ul.jdal_menu li .subMenuWrap p a{padding-left: 30px;}
ul.CP_menu li h3,ul.jdalNav li a{padding-left: 19px; font-size:20px;}
ul.jdalNav li:nth-child(3) a, ul.jdalNav li:nth-child(4) a{padding: 15px 0 15px 19px}

}


@media screen and (max-width:1100px){
ul.cp_hnav li:first-child a{margin-right: 40px;}
ul.cp_hnav li a{margin-right: 10px;}
ul.cp_hnav li:first-child a,ul.cp_hnav li:first-child a.select,ul.cp_hnav li:nth-child(2) a,ul.cp_hnav li:nth-child(2) a.select,ul.cp_hnav li:nth-child(3) a,ul.cp_hnav li:nth-child(3) a.select,ul.cp_hnav li:last-child a,ul.cp_hnav li:last-child a.select{ background-position: 35px 30px;}
ul.CP_menu li h3,ul.jdal_menu li h3 a, ul.jdal_menu li:nth-child(2) h3 a,ul.jdal_menu li:nth-child(2) h3.active a,ul.jdalNav li a{ padding-left: 10px;}
ul.CP_menu li .subMenuWrap p a ,ul.jdal_menu li .subMenuWrap p a{padding-left: 15px;}
ul.jdalNav li:nth-child(3) a, ul.jdalNav li:nth-child(4) a{padding: 15px 0 15px 10px}
}

@media screen and (max-width:1000px){
ul.cp_hnav li a{margin-right: 10px;}
ul.cp_hnav li:first-child a,ul.cp_hnav li:first-child a.select,ul.cp_hnav li:nth-child(2) a,ul.cp_hnav li:nth-child(2) a.select,ul.cp_hnav li:nth-child(3) a,ul.cp_hnav li:nth-child(3) a.select,ul.cp_hnav li:last-child a,ul.cp_hnav li:last-child a.select{ background-position: 15px 30px;}
li.cpts_item{width: 100%;}

ul.jdal_menu li:nth-child(2) h3.active a{font-size:18px; padding-left: 0px;background-position: 93% 50%;}
ul.jdal_menu li h3 a, ul.jdal_menu li:nth-child(2) h3 a,ul.jdalNav li a{font-size:18px; padding-left: 0px;}
ul.CP_menu li .subMenuWrap p a ,ul.jdal_menu li .subMenuWrap p a { font-size:14px; padding-left: 5px;}
ul.jdalNav li:nth-child(3) a, ul.jdalNav li:nth-child(4) a{padding: 15px 0 15px 0px}

}


@media screen and (max-width:880px){
/*移动端中心导航*/
#product_nav,#product_L{display:none;}
.phoneEjNav, .phoneSjNav,.phonejjNav,ul.jdalNav {display: block;}

/*调整数字和文字的距离*/
.cpgn_title span{margin:0 5px 0 65px;}

#product_L{float: inherit;    width: 100%;}
#product_R {width: 100%; margin-top: 34px;}

}


@media screen and (max-width:750px){
/*内容*/
ul.cpts,ul.yycj{padding: 0 15px 20px;}
ul.cpgn,.cpjj_content,ul.cpgn,.cpmx_content{padding: 0 15px 40px;}
.cpgn_pic{   padding: 0 15px;}
.yzpt .yzpt_title{font-size: 2.8rem; line-height: 30px;padding-left: 15px;}
.yzpt .yzpt_title span{    margin-left: 0px;}
.yzpt .yzpt_ft{margin-left: 15px;}
.yzpt .yzpt_title img{margin: 0px;width: 110px;}
li.cpts_item{padding: 0 15px 15px;}

/*标题修改*/
.cpjj h3,.cpts-box h3,.cpgn-box h3,.yycj-box h3,.cpmx h3 a{line-height: 8.2rem;font-size: 2.6rem;}

/*文字过长隐藏*/
.yycj_item .yycj_title{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

/*移动端中心导航*/
#product_nav,#product_L{display:none;}
.phoneEjNav, .phoneSjNav,.phonejjNav,ul.jdalNav {display: block;}


/*调整数字和文字的距离*/
.cpgn_title img,.hx-tixi img{width: 47px;}
.cpgn_title span,.hx-tixi span{margin:0 5px 0 55px;}
.cpgn_title span a,.hx-tixi span a{font-size: 16px;}



}

@media screen and (max-width:640px){
.yzpt .yzpt_title {font-size: 2.4rem;}

}