@charset "utf-8";
/* CSS Document */
/* ============================
          	内页样式
   ============================*/

/* 新闻列表 */

.fmt_nav{
   float: left;
   width: 100%;
   height: 280px;
  
}
.fmt_bjt{
   float: left;
   width: 100%;
   height: 280px;
}
.fmt_dht{

   float: left;
   width: 100%;
   height: 80px;
   /* background: #39a9dc; */
   position: relative;
   background: url(../img/lanmudbj.jpg) top no-repeat;

}

.fmt_dht .dnghe_box{
   width: 1200px;
   margin: 0 auto;
}

.dnghe_box .mbxdj{
   float: left;
   margin-top: 17px;
   height: 45px;
   text-align: left;

}
.mbxdj img{
   float: left;
}

.mbxdj a{
   float: left;
   font-size: 14px;
   line-height: 45px;
   color: #fff;
}

.mbxdj span{
   float: left;
   font-size: 14px;
   line-height: 45px;
   color: #fff;
}
.mbxdj p{
   float: left;
   font-size: 14px;
   line-height: 45px;
   color: #fff;
}

.fmt_dht ul{

   float: right;

}

.fmt_dht ul li{

   float: left;
   margin-left: 2px;

}

.fmt_dht ul li a{

   display: block;
   padding: 0 20px;
   font-size: 16px;
   color: #fff;
   line-height: 80px;

}
.fmt_dht ul li .on{

   background: #0784bd;
   color: #fff;
}

.fmt_dht ul li a:hover{
   background: #0784bd;
   color: #fff;
}



/* 列表 */
.nrzt_box{
   float: left;
   margin-top: 30px;
   width: 100%;
}

.nrzt_ztnr{
   width: 1200px;
   margin: 0 auto;
}

.nrzt_ztnr ul{
   float: left;
   width: 100%;
}

.nrzt_ztnr ul li{
   float: left;
}

.nrzt_ztnr ul li a{
   display: block;
   padding: 15px 15px;
   width: 1170px;
   height: 160px;
   background: #fafafa;
   transition:all 0.4s; 
   -webkit-transition:all 0.4s;
   -moz-transition:all 0.4s;
}

.nrzt_ztnr ul li a:hover{

   background: #39a9dc;
}

.nrzt_ztnr ul li a:hover .zuo_xwxx1 h3{
   color: #fff;
}
.nrzt_ztnr ul li a:hover .zuo_xwxx1 span{
   color: #fff;
}
.nrzt_ztnr ul li a:hover .zuo_xwxx1 p{
   color: #fff;
}


.nrzt_ztnr .zuo_img1{
   float: left;
   width: 324px;
   height: 160px;
}
.nrzt_ztnr .zuo_img1 img{
   float: left;
   width: 324px;
   height: 160px;
}
.nrzt_ztnr .zuo_xwxx1{
   float: left;
   width: 816px;
   padding: 0 15px;
}

.nrzt_ztnr .zuo_xwxx1 h3{
   float: left;
   width: 100%;
   height: 30px;
   font-size: 16px;
   color: #333;
}

.nrzt_ztnr .zuo_xwxx1 span{
   float: left;
   margin-top: 15px;
   width: 100%;
   color: #999;
}

.nrzt_ztnr .zuo_xwxx1 p{

   float: left;
   margin-top: 15px;
   width: 100%;
   color: #666;
   
}

/* 分页 */
.fy_pc {
   width: 100%;
   height: 50px;
  margin-top: 30px;
  float: left;
  text-align: center;
}

.fy_pc span {
  padding: 8px 10px;
  margin: 0 2px;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px 4px;
}

.fy_pc a {
  padding: 8px 10px;
  margin: 0 2px;
  border: 1px solid #ccc;
  color: #333;
  border-radius: 4px 4px;
}


.fy_pc .current {
  background: #f3f3f3;
}


/* 内容 */
.nrzt_box2{
   float: left;
   margin-top: 40px;
   width: 100%;
}

.nrzt_ztnr2{
   width: 1200px;
   margin: 0 auto;
}


.nrzt_qnbr{
   float: left;
   width: 1170px;
   padding: 15px 15px;
   margin-bottom: 20px;
   background: #fafafa;
}


.mbx_box{
   float: left;
   width: 100%;
}

.mbx_box p{
   float: left;
   width: 100%;
   line-height: 32px;
   color: #999;
   font-size: 14px;
}

.mbx_box p a{
   color: #999;
   font-size: 14px;
   line-height: 32px;
}

.hot_xw{
   float: left;
   width: 100%;
   margin: 15px 0;
}

.hot_xw h3{
   float: left;
   width: 100%;
   height: 32px;
   line-height: 32px;
   font-size: 14px;
   font-weight: bold;
   color: #333;
   border-bottom: 1px solid #e1e1e1;
} 
.hot_xw ul{
   float: left;
   padding-left: 10px;
   margin-top: 20px;
   width: 100%;
}

.hot_xw ul li{
   float: left;
   margin-right: 20px;
   margin-bottom: 10px;
   width: 300px;
   height: 24px;
   background: url(../img/anniudian.png) left no-repeat;
   overflow: hidden;
}
.hot_xw ul li a{
   float: left;
   font-size: 14px;
   color: #333;
   line-height: 24px;
   margin-left: 16px;
}
.hot_xw ul li a:hover{
   color: #39a9dc;
}


/* 产品中心 */
.nrzt_tmnrbx{

   width: 1200px;
   margin: 0 auto;
}

.nrzt_tmnrbx ul{
   float: left;
   margin-right: -24px;
}

.nrzt_tmnrbx ul li{
   float: left;
   width: 280px;
   margin-right: 24px;
   margin-bottom: 24px;
}
.nrzt_tmnrbx ul li a{
   float: left;
   width: 280px;
   height: 320px;
}

.nrzt_tmnrbx ul li a img{
   float: left;
   width: 280px;
   height: 280px;
}
.nrzt_tmnrbx ul li a p{
   float: left;
   width: 100%;
   height: 50px;
   color: #333;
   text-align: center;
   line-height: 50px;
   font-size: 14px;
   background: #fff;
   transition:All 0.4s ease-in-out;
   -webkit-transition:All 0.4s ease-in-out;
   -moz-transition:All 0.4s ease-in-out;
  -o-transition:All 0.4s ease-in-out;
  word-break:keep-all;
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;

}
.nrzt_tmnrbx ul li a:hover p{
   color: #fff;
   background: #3399cc;
}

/* 合作伙伴 */
.nrzt_hzhbnr{

   width: 1200px;
   margin: 0 auto;

}

.nrzt_hzhbnr ul{

   float: left;
}

.nrzt_hzhbnr ul li{
   float: left;
   width: 238px;
   height: 176px;
   margin-bottom: 20px;
   cursor: pointer;
}
.nrzt_hzhbnr ul li img{
   float: left;
   width: 238px;
   height: 126px;
}
.nrzt_hzhbnr ul li p{
   float: left;
   width: 100%;
   height: 50px;
   color: #333;
   text-align: center;
   line-height: 50px;
   transition:All 0.4s ease-in-out;
   -webkit-transition:All 0.4s ease-in-out;
   -moz-transition:All 0.4s ease-in-out;
  -o-transition:All 0.4s ease-in-out;
}
.nrzt_hzhbnr ul li:hover{
   
   transform:translate(0,-10px);
   -webkit-transform:translate(0,-10px);
   -moz-transform:translate(0,-10px);
   -o-transform:translate(0,-10px);
   -ms-transform:translate(0,-10px);
   -moz-box-shadow: 0px 10px 20px rgba(2,48,76,0.08);
   -webkit-box-shadow: 0px 10px 20px rgba(2,48,76,0.08);
   box-shadow: 0px 10px 20px rgba(2,48,76,0.08);

}


/* 案例列表 */

.nrzt_ztnr3{
   width: 1200px;
   margin: 0 auto;
}

.nrzt_ztnr3 ul{
   float: left;
   width: 100%;
}

.nrzt_ztnr3 ul li{
   float: left;
}

.nrzt_ztnr3 ul li a{
   display: block;
   padding: 15px 15px;
   width: 1170px;
   height: 160px;
   background: #fafafa;
   transition:all 0.4s; 
   -webkit-transition:all 0.4s;
   -moz-transition:all 0.4s;
}

.nrzt_ztnr3 ul li a:hover{

   background: #39a9dc;
}

/* .nrzt_ztnr3 ul li a:hover .zuo_xwxx2 h3{
   color: #fff;
}
.nrzt_ztnr3 ul li a:hover .zuo_xwxx2 span{
   color: #fff;
}
.nrzt_ztnr3 ul li a:hover .zuo_xwxx2 p{
   color: #fff;
} */


/* .zuo_img2{
   float: left;
   width: 230px;
   height: 160px;
}
.zuo_img2 img{
   float: left;
   width: 230px;
   height: 160px;
}
.zuo_xwxx2{
   float: left;
   width: 910px;
   padding: 0 15px;
}

.zuo_xwxx2 h3{
   float: left;
   width: 100%;
   height: 30px;
   font-size: 16px;
   color: #333;
}

.zuo_xwxx2 span{
   float: left;
   margin-top: 15px;
   width: 100%;
   color: #999;
}

.zuo_xwxx2 p{

   float: left;
   margin-top: 15px;
   width: 100%;
   color: #666;
   
} */

/* 搜索结果 */
.boxwrap{
   width: 1200px;
   margin: 0 auto;
}

.main_box{
   float: left;
   width: 100%;
   margin: 15px 0;
}
.main_tit{
   float: left;
   width: 100%;
   height: 30px;
   font-size: 16px;
   line-height: 16px;
   font-weight: bold;
   border-bottom: 1px dotted #ccc;
}
.main_tit span{
   margin: 0 10px;
   color: #F00;
}


.search_list{
   float: left;
   width: 100%;
   margin: 10px 0;
}
.search_list li{
   float: left;
   width: 98%;
   padding: 15px 1%;
   background: #f7f7f7;
   margin-bottom: 15px;
}
.search_list li a{
   color: #007ab0;
}
.search_list li a:hover{
   color: #F00;
}
.search_list li p{
   padding: 10px 0;
}

/* 附件下载 */
.fjxz_box{
   float: left;
   width: 1170px;
   margin-top: 15px;
   margin-bottom: 15px;
   padding: 10px 0;
}

.fjxz_box h3{
   border-bottom: 1px solid #e1e1e1;
    color: #39a9dc;
    height: 34px;
    line-height: 34px;
    font-size: 16px;
    font-weight: normal;
}

.fjxz_box span{
   position: relative;
    top: 1px;
    display: inline-block;
    height: 33px;
    border-bottom: 1px solid #39a9dc;
}

.fjxz_zt{
   float: left;
   margin-top: 20px;
   width: 1168px;
   height: 100px;
   border: 1px solid #e1e1e1;
}

.fjxz_zuo{
   float: left;
   margin: 27px 27px;
   width: 45px;
   height: 45px;
}
.fjxz_bt{
   float: left;
   margin-top: 29px;
}

.fjxz_dj{
   float: right;
   margin: 34px 34px;
   width: 74px;
   height: 32px;
   border-radius: 4px 4px;
   border: 1px solid #e1e1e1;
}
.fjxz_dj a{
   display: block;
   width: 74px;
   height: 32px;
   line-height: 32px;
   color: #666;
}
.fjxz_dj a img{
   float: left;
   margin-top: 2px;
   margin-left: 6px;

}
.fjxz_dj a:hover{

   color: #3399cc;
}
.kjeud{
   float: left;
   width: 100%;
    height: 30px;
    line-break: 30px;
    text-align: center;
    font-display: none;
}


/* 产品中心修改 */
.nrzt_box_qp{
   float: left;
   width: 100%;

}
.nrzt_tmnrbx_qp{
   float: left;
   width: 100%;
}

.nrzt_tmnrbx_qp .one{
   float: left;
   padding: 25px 0;
   width: 100%;
   background: #f2f2f2;
   height: 400px;
}
.nrzt_tmnrbx_qp .two{
   float: left;
   padding: 50px 0;
   width: 100%;
   background: #fff;
   height: 400px;
}
.one a{
   display: block;
   width: 1200px;
   margin: 0 auto;
}

.two a{
   display: block;
   width: 1200px;
   margin: 0 auto;
}

.one a .xxzyd{

   float: left;
   width: 590px;
}

.one a .img_hdjt{
   float: right;
   width: 400px;
   height: 400px;
}

.two a .xxzyd{

   float: right;
   width: 590px;
}

.two a .img_hdjt{
   float: left;
   width: 400px;
   height: 400px;
}

.xxzyd h2{
   float: left;
   margin-top: 100px;
   width: 100%;
   line-height: 30px;
   font-size: 30px;
   font-weight: 600;
   color: #000;
}

.xxzyd p{
   float: left;
   margin-top: 30px;
   width: 100%;
   color: #666;
   font-size: 16px;
}

.xxzyd span{

   float: left;
   margin-top: 30px;
   width: 140px;
   line-height: 40px;
   font-size: 14px;
   color: #0784bd;

}
.nrzt_tmnrbx_qp ul li a{
   display: block;
   width: 1200px;
   height: 400px;
}

.nrzt_tmnrbx_qp a .img_hdjt{ 

   transition:all 0.4s; 
   -webkit-transition:all 0.4s;
   -moz-transition:all 0.4s;

}

.nrzt_tmnrbx_qp a:hover .img_hdjt{

   transform:translate(0,-10px);
   -webkit-transform:translate(0,-10px);
   -moz-transform:translate(0,-10px);
   -o-transform:translate(0,-10px);
   -ms-transform:translate(0,-10px);
   -moz-box-shadow: 0px 10px 20px rgba(2,48,76,0.08);
   -webkit-box-shadow: 0px 10px 20px rgba(2,48,76,0.08);
   box-shadow: 0px 10px 20px rgba(2,48,76,0.08);
}

.nrzt_tmnrbx_qp a .xxzyd span{ 

   transition:all 0.4s; 
   -webkit-transition:all 0.4s;
   -moz-transition:all 0.4s;

}

.nrzt_tmnrbx_qp a:hover .xxzyd span{

   transform:translate(20px,0);
   width: 140px;
   text-indent: 24px;
   -webkit-transform:translate(20px,0);
   -moz-transform:translate(20px,0);
   -o-transform:translate(20px,0);
   -ms-transform:translate(20px,0);
   background: #007ab0;
   color: #fff;

}

/* 案例中心 */
.nrzt_ztnr_tza{
   width: 1200px;
   margin: 0 auto;
}

.nrzt_ztnr_tza ul{
   float: left;
   width: 100%;
}

.nrzt_ztnr_tza ul li{
   float: left;
}

.nrzt_ztnr_tza ul li a{
   display: block;
   padding: 15px 15px;
   width: 1170px;
   height: 160px;
   background: #fafafa;
   transition:all 0.4s; 
   -webkit-transition:all 0.4s;
   -moz-transition:all 0.4s;
}

.nrzt_ztnr_tza ul li a:hover{

   background: #39a9dc;
}

.nrzt_ztnr_tza ul li a:hover .zuo_xwxx1 h3{
   color: #fff;
}
.nrzt_ztnr_tza ul li a:hover .zuo_xwxx1 span{
   color: #fff;
}
.nrzt_ztnr_tza ul li a:hover .zuo_xwxx1 p{
   color: #fff;
}
.nrzt_ztnr_tza .zuo_img1{
   float: left;
   width: 242px;
   height: 160px;
}
.nrzt_ztnr_tza .zuo_img1 img{
   float: left;
   width: 242px;
   height: 160px;
}
.nrzt_ztnr_tza .zuo_xwxx1{
   float: left;
   width: 880px;
   padding: 0 15px;
}

.nrzt_ztnr_tza .zuo_xwxx1 h3{
   float: left;
   width: 100%;
   height: 30px;
   font-size: 16px;
   color: #333;
}

.nrzt_ztnr_tza .zuo_xwxx1 span{
   float: left;
   margin-top: 15px;
   width: 100%;
   color: #999;
}

.nrzt_ztnr_tza .zuo_xwxx1 p{

   float: left;
   margin-top: 15px;
   width: 100%;
   color: #666;
   
}

/* 分享 */
.fenxiang{
   float: left;
   width: 100%;
   padding: 15px 0;
}
.dtbdnr_conter{
   font-family: 微软雅黑;
}

/* 修改 */
.conter_ztnr{
   float: left;
   width: 100%;
   margin-top: 15px;

}
.conter_ztnr .conter_jz{
   width: 1200px;
   margin: 0 auto;
}

.conter_jz .conter_zuoxg{
   float: left;
   width: 210px;
}
.conter_zuoxg .zuoxg_dbt{
   float: left;
   width: 210px;
   height: 90px;
   background: #39a9dc;
}
.zuoxg_dbt h3{
   float: left;
   margin-left: 20px;
   margin-top: 20px;
   width: 100%;
   font-size: 24px;
   font-weight: 700;
   color: #fff;
}
.zuoxg_dbt i{
   margin-left: 20px;
   margin-top: 15px;
   float: left;
   width: 40px;
   height: 3px;
   background: #fff;
}
.zuoxg_ul{
   float: left;
   width: 100%;

}

.zuoxg_ul ul{
   float: left;
   width: 100%;
}
.zuoxg_ul ul li{
   float: left;
   width: 210px;
   height: 50px;
   margin-top: 10px;
   position: relative;
}
.zuoxg_ul ul .on .zu_lj{
   float: left;
   width: 207px;
   height: 50px;
   text-indent: 10px;
   line-height: 50px;
   font-size: 14px;
   color: #39a9dc;
   background: #f8f8f8;
   border-left: 3px solid #39a9dc;
}

.zuoxg_ul ul li .zu_lj{
   float: left;
   width: 207px;
   height: 50px;
   text-indent: 10px;
   line-height: 50px;
   font-size: 14px;
   color: #333;
   background: #f8f8f8;
   border-left: 3px solid #f8f8f8;


}
.zuoxg_ul ul li:hover .lmh_box_ej{
     display: none;
}
.lmh_box_ej{
   display: none;
   position: absolute;
   left: 210px;
   top: -10px;
   width: 700px;
   padding: 20px 20px;
   z-index: 1;
  min-height: 150px;
   background: #fff;
   box-shadow: 0px 10px 20px rgba(2,48,76,0.05);
}
.lmh_box_ej a{
   float: left;
   padding: 4px 15px;
   display: block;
   font-size: 14px;
   color: #333;
   line-height: 40px;
   margin: 0 20px 15px 0;
}
.lmh_box_ej a:hover{
   background: #007ab0;
   color: #fff;
}


.zuoxg_ul ul li .zu_lj:hover{
   color: #39a9dc;
   border-left: 3px solid #39a9dc;
}





.conter_youxg{
   float: right;
   width: 970px;
}
.mbxxg_box{
   float: left;
   width: 100%;
   height: 45px;
   line-height: 45px;
   text-align: left;
   background: #f3f3f3;
}
.mbxxg_box img{
   float: left;
   width: 45px;
   height: 45px;
}
.mbxxg_box a{
   font-size: 14px;
   float: left;
   color: #333;
}
.mbxxg_box span{

   float: left;
}
.mbxxg_box p{
   font-size: 14px;
   float: left;
   color: #333;
}


/* 内容页面 */

.conter_younrqy{
   float: right;
   width: 970px;
}

.dtbdnr_xx{

   float: left;
   margin-top: 20px;
   width: 100%;
}

.dtbdnr_xx h3{
   float: left;
   width: 100%;
   text-align: center;
   font-size: 32px;
   line-height: 46px;
   color: #333;
   font-weight: bold;
}
.dtbdnr_xx p{
   float: left;
   padding: 20px 0;
   width: 100%;
   height: 30px;
   line-height: 30px;
   text-align: center;
}
.fy_zy{
   float: left;
   width: 100%; 
   margin-top: 20px;
}
.fy_zy p{
   float: left;
   width: 100%;
   height: 24px;
   line-height: 24px;
   color: #333;
}
.fy_zy span{
   float: left;
   font-size: 12px;
   color: #333;
   line-height: 24px;
}

.fy_zy a{
   float: left;
   font-size: 14px;
   color: #333;
   line-height: 24px;
}
.fy_zy a:hover{
   color: #39a9dc;
}





/* 新闻 */
.youxg_ulxg{
   float: left;
   width: 100%;
   margin-top: 10px;
}

.youxg_ulxg ul{
   float: left;
   width: 100%;
}
.youxg_ulxg ul li{
   float: left;
   padding: 10px 0;
   width: 100%;
   height: 150px;
}

.youxg_ulxg ul li a{
   display: block;

}
.youxg_ulxg ul li a .zuo_img1{
   float: left;
   width: 304px;
   height: 150px;
}
.zuo_img1 img{
   float: left;
   width: 304px;
   height: 150px;
   overflow: hidden;
}
.zuo_xwxx1{
   float: right;
   width: 637px;
   padding-left: 8px;
   padding-right: 8px;
   height: 150px;
   overflow: hidden;
   transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.youxg_ulxg ul li a .zuo_xwxx1 h3{
   float: left;
   width: 100%;
   font-size: 16px;
   color: #333;
   line-height: 50px;
   border-bottom: 1px dotted #dbdbdb;
   transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}

.youxg_ulxg ul li a .zuo_xwxx1 span{
   float: left;
   margin-top: 14px;
   width: 100%;
   font-size: 12px;
   color: #333;
   line-height: 20px;

}

.youxg_ulxg ul li a .zuo_xwxx1 p{
   float: left;
   margin-top: 10px;
   width: 100%;
   font-size: 14px;
   color: #333;
   line-height: 20px;

}
.youxg_ulxg ul li a:hover .zuo_xwxx1{
   background: #f5f5f5;
}
.youxg_ulxg ul li a:hover h3{

	transform:translate(10px,0);
	-webkit-transform:translate(10px,0);
	-moz-transform:translate(10px,0);
	-o-transform:translate(10px,0);
   -ms-transform:translate(10px,0);
   font-weight: bold;
   color: #39a9dc;
}

/* 产品 */
.youxg_ulxg1{
   float: left;
   width: 100%;
   margin-top: 10px;
}

.cp_xin_jgzt{
   float: left;
   width: 970px;
}
.cp_xin_ul{
   float: left;
   width: 100%;
}
#cp_cs_mhnd{
   float: left;
   width: 100%;
   height: 60px;
   background: #3399cc;
   display: flex;
   justify-content: space-between;
}
#cp_cs_mhnd .canshu{
   float: left;
   width: 49px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 60px;
   border-right: 1px solid #fff;
}
#cp_cs_mhnd .canshu1{
   float: left;
   width: 199px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 60px;
   border-right: 1px solid #fff;
}
#cp_cs_mhnd .canshu2{
   float: left;
   width: 149px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 60px;
   border-right: 1px solid #fff;
}
#cp_cs_mhnd .canshu3{
   float: left;
   width: 199px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 60px;
   border-right: 1px solid #fff;
}
#cp_cs_mhnd .canshu4{
   float: left;
   width: 370px;
   font-size: 16px;
   color: #fff;
   text-align: center;
   line-height: 60px;
}
.canshu_ul{
   float: left;
   width: 968px;
   border: 1px solid #e9e9e9;
   border-bottom: none;
}
.canshu_ul .canshu_li{
   float: left;
   width: 100%;
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #e9e9e9; ;
}
.canshu_li .xh_nr{
   float: left;
   padding: 0 10px;
   width: 29px;
   font-size: 14px;
   color: #333;
   text-align: center;
   line-height: 20px;
   border-right: 1px solid #e9e9e9;
   display: flex;
   align-items: center;
   justify-content: center;
}
.canshu_li .xh_nr1{
   float: left;
   padding: 0 10px;
   width: 179px;
   font-size: 14px;
   color: #333;
   text-align: center;
   line-height: 20px;
   border-right: 1px solid #e9e9e9;
   display: flex;
   align-items: center;
   justify-content: center;
}
.canshu_li .xh_nr1:hover{
   color: #0784bd;
}
.canshu_li .xh_nr2{
   float: left;
   padding: 0 10px;
   width: 129px;
   font-size: 14px;
   color: #333;
   text-align: center;
   line-height: 20px;
   border-right: 1px solid #e9e9e9;
   align-items: center;
   display: flex;
   align-items: center;
   justify-content: center;
}
.canshu_li .xh_nr3{
   float: left;
   padding: 0 10px;
   width: 179px;
   font-size: 14px;
   color: #333;
   text-align: center;
   line-height: 20px;
   border-right: 1px solid #e9e9e9;
   display: flex;
   align-items: center;
   justify-content: center;
}
.canshu_li .xh_nr4{
   float: left;
   padding: 10px 10px;
   width: 350px;
   font-size: 14px;
   color: #333;
   line-height: 20px;
   text-align: justify;

}


.youxg_ulxg1 ul{
   float: left;
   margin-right: -13px;
}
.youxg_ulxg1 ul li{
   float: left;
   margin-right: 13px;
   width: 230px;
   height: 290px;
   margin-top: 15px;
   border: 1px solid #eeeeee;
   transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}

.youxg_ulxg1 ul li a{
   display: block;
   width: 230px;
   height: 290px;
}

.youxg_ulxg1 ul li a img{
   float: left;
   width: 230px;
   height: 230px;
}

.youxg_ulxg1 ul li a .xxzyd1{
   float: left;
   height: 60px;
   width: 100%;
   background: #f3f3f3;

}

.xxzyd1 h2{
   float: left;
   width: 100%;
   text-align: center;
   font-size: 14px;
   line-height: 36px;
   color: #333;

}

.xxzyd1 span{
   float: left;
   width: 100%;
   text-align: center;
   font-size: 12px;
   line-height: 20px;
   color: #333;

}

.youxg_ulxg1 ul li:hover{

   -moz-box-shadow: 0px 10px 20px rgba(2,48,76,0.05);
   -webkit-box-shadow: 0px 10px 20px rgba(2,48,76,0.05);
   box-shadow: 0px 10px 20px rgba(2,48,76,0.05);
}
.youxg_ulxg1 ul li a:hover .xxzyd1{

   background: #39a9dc;
}

.youxg_ulxg1 ul li a:hover .xxzyd1 h2{

   color: #fff;

}

.youxg_ulxg1 ul li a:hover .xxzyd1 span{
   
   color: #fff;

}


/* 案例中心 */
.youxg_ulxg ul li a .zuo_img4{
   float: left;
   width: 227px;
   height: 150px;
}
.zuo_img4 img{
   float: left;
   width: 100%;
}
.zuo_xwxx4{
   float: right;
   width: 707px;
   padding-left: 8px;
   padding-right: 8px;
   height: 150px;
   overflow: hidden;
   transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}
.youxg_ulxg ul li a .zuo_xwxx4 h3{
   float: left;
   width: 100%;
   font-size: 16px;
   color: #333;
   line-height: 50px;
   border-bottom: 1px dotted #dbdbdb;
   transition:all 0.4s; 
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
}

.youxg_ulxg ul li a .zuo_xwxx4 span{
   float: left;
   margin-top: 14px;
   width: 100%;
   font-size: 12px;
   color: #333;
   line-height: 20px;

}

.youxg_ulxg ul li a .zuo_xwxx4 p{
   float: left;
   margin-top: 10px;
   width: 100%;
   font-size: 14px;
   color: #333;
   line-height: 20px;

}
.youxg_ulxg ul li a:hover .zuo_xwxx4{
   background: #f5f5f5;
}
.youxg_ulxg ul li a:hover h3{

	transform:translate(10px,0);
	-webkit-transform:translate(10px,0);
	-moz-transform:translate(10px,0);
	-o-transform:translate(10px,0);
   -ms-transform:translate(10px,0);
   font-weight: bold;
   color: #39a9dc;
}

/* 合作伙伴 */
.youxg_ulxg6{

   float: left;
   width: 100%;
}

.youxg_ulxg6 ul{
   margin-top: 10px;
   float: left;
   margin-right: -10px;
}
.youxg_ulxg6 ul li{
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
   width: 227px;
   height: 160px;
   padding: 2px 2px;
   border: 1px solid #ededed;
}
.youxg_ulxg6 ul li img{
   float: left;
   width: 227px;
   height: 120px;
}
.youxg_ulxg6 ul li p{
   float: left;
   width: 100%;
   height: 40px;
   text-align: center;
   font-size: 14px;
   color: #333;
}

 /* 关于我们内容样式 */
 .diz{
		
   float:left;
   width:100%;
   
}
.gdmo_box{
   float: left; 
   margin-top: 15px;
   width: 50%; 
   /* width: 100%; */
   font-size:16px;
   line-height:26px;
   text-align:left;
}
.gdmo_box span{
   float:left; 
   width: 100%;
   font-size:16px;
   line-height:26px;
}

/* 产品中心二级栏目 */
.ejlm_box{
   float: left;
   width: 100%;
   padding: 10px 0;
}
.ejlm_box .ejlm{
   float: left;
}
.ejlm span{
   float: left;
   width: 110px;
   height: 48px;
   text-align: center;
   line-height: 48px;
   font-size: 14px;
   border: 1px solid #eeeeee;
   margin-right: 4px;
   border-radius: 3px;
   background: #f3f3f3;
}
.ejlm a{
   float: left;
   margin-right: 4px;
   width: 110px;
   height: 48px;
   text-align: center;
   line-height: 48px;
   font-size: 14px;
   color: #333;
   border: 1px solid #eeeeee;
   border-radius: 3px;

}
.ejlm a:hover{
   background: #39a9dc;
   color: #fff;
}
.ejlm .on{
   float: left;
   margin-right: 4px;
   width: 110px;
   height: 48px;
   text-align: center;
   line-height: 48px;
   font-size: 14px;
   border: 1px solid #eeeeee;
   border-radius: 3px;
   background: #39a9dc;
   color: #fff;
}