body{margin:0;padding: 0;color: #9b9b9b;font-family:  'Microsoft Yahei', Verdana, sans-serif;}
ul {margin:0px;padding: 0px;}
ul li{list-style: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clear{ clear:both;}
.clearfix { display: block;}
a{text-decoration: none;}
a:link{color:#9b9b9b;}
a:visited{color:#9b9b9b;}
a:hover {color: #0069ad; /*text-decoration: underline;*/}

.fl{ float:left;}
.fr{ float:right;}
.w1200{ width:1200px; margin:0 auto;}

/* head */
.head{width: 100%;overflow: hidden;}


.head_top{ height:38px; line-height:38px; border-bottom:1px #e5e5e5 solid; font-size:14px; font-family:"微软雅黑";}
.head_top_left span{ color:#5ababe; padding-left:10px;}
.head_top_right a{ padding:0px 10px; }


.head .head_body{width:1200px;margin:0 auto;margin-top:10px;}
.head .head_body .logo{float: left;}
.head .head_body .logo h1{margin:0;}
.head .head_body .nav{float:right;margin-top:20px;}
.head .head_body .nav ul li{float: left;list-style: none; margin-left: 8px;}
.head .head_body .nav ul li a{color:#909090;cursor: pointer; text-decoration: none;display: block;padding: 6px 14px;}
.head .head_body .nav ul li.selected{background: #5ababe;}
.head .head_body .nav ul li.selected a{color: #fff;}
.head .head_body .nav ul li:hover{ background: #5ababe; }
.head .head_body .nav ul li a:hover{color:#fff;}

/* banner */
/*数字切换图标*/
.banner{width: 100%;position: relative;overflow: hidden;}
.banner .hd{position: absolute;bottom: 6%; right: 6%; z-index: 1;float: right;}

.banner .hd ul li{width:20px;height:20px;float:left;display: block;overflow: hidden;border: 1px solid #0069ad;margin-left: 3px;text-align: center;color: #5bbabe;background-color: #fff; cursor: pointer;}
.banner .hd ul li.on {background-color: rgba(55, 128, 187, 0.41); color: #f5f5f5;}

.banner .bd ul li {float: left;width: 100%;}
.banner .bd ul li img{width: 100%;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(logo.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}
/* body内容start */
.body{width: 100%;overflow: hidden;}
.body .content{width:1200px;margin: 0 auto;overflow: hidden;}
.body .content .about {width: 100%; text-align: center;}
.body .content .about .title{text-align: center; width: 500px;  overflow: hidden;height: 30px;color: #9b9ba7;font-size:24px!important}
.body .content .about .title h3{ color: #9b9ba7;font-size:24px!important}
.body .content .about .text{line-height: 35px;text-indent:2em; /* height: 210px; */overflow: hidden;}
.body .content .about .box_menu {margin-top:40px;overflow: hidden; margin-bottom:20px;}
.body .content .about .box_menu ul li h3{height: 25px;line-height: 25px;overflow: hidden;}
.body .content .about .box_menu ul li{float: left;width: 275px; /*height: 275px;*/ margin-left: 20px;/*border: 1px solid #5bbabe;*/border-radius: 10%; margin-top:50px;}
.body .content .about .box_menu ul li .b_img {margin-top: 10px;display: block;}
.body .content .about .box_menu ul li .des{padding:0 10px;display: block;font-size: 14px;    line-height: 26px;overflow: hidden;height: 80px;}


.index_bg {
    height: 320px;
    background: #5ababe;
}
.index_info {
    text-align: center;
    margin: 0 auto;
}
.index_info h3 {
    font-size: 32px;
    color: #fff;
    padding-top: 80px;
}
.mt4_line {
    font-size: 1.25rem;
    line-height: 30px;
    color: #fff!important;
}

.index_info a {
    width: 100px;
    height: 26px;
    line-height: 26px;
    display: block;
    margin: 0 auto;
    border: 1px solid #fff;
    padding: 6px 20px;
    /* margin-top: 8px; */
    color: #fff;
    border-radius: 6px;
    list-style: none; 
    transition: all .2s linear;  
    transition: transform 0.5s;
}

.index_info a:hover {
    /*background-color: #4370fe;*/
    /*box-shadow: 10.777px 7.27px 40px 0px rgba(67, 112, 254, 0.49);*/
    transform: translateY(-10px);
    color: #fff;
}

.mt4_info{
    text-align: center;
    margin-top: 30px;
}
.mt4_info .title h3{
    display: block;
    font-size: 24px; 
    color: #9b9ba7;
}
.mt4_items{
    display: block;
    overflow: hidden;

}
.mt4_items ul {
    display: block;
    font-size:0;
}
.mt4_items ul li{
    width: 22%;
    display:inline-block;
    vertical-align: top;
    background: #fff;
    margin: 20px 1.5%;
    border-radius: 10px;
    list-style: none; 
    transition: all .2s linear;  
    transition: transform 0.5s;
}
.mt4_items ul li:hover{
     transform: translateY(-10px);
}

.content-box{
    text-align: center;
    margin: 20px 15px;
}
.content-box h5 {
    font-size: 14px;
    line-height: 25px;
    margin: 5px auto;
}
.content-box p {
    font-family: 'Open Sans',sans-serif!important;
    margin: 0 0 10px;
    font-size: 13px;
}

.icon-img {
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px;
}
/*
.content-box h5{
  margin: 0 0 0 90px;
    float: left;
}

.content-box p {
    float: left;
    margin: 10px 0 0 90px;
}*/

.about_items_li {
    display: inline-block;
    margin: 20px 20px;
    width: 46%;

}

.icon-img {
    float: left;
    margin: 0 15px 0 0;
    font-size: 40px;
    width: 80px;
    height: 80px;
    border: 1px solid #ccc;
    text-align: center;
}

.icon-img .icon {
    font-size: 45px;
    line-height: 82px;
    margin: 0 auto;
    color: #5ababe;
}

.about_items_li h5 {
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 0;
}
.about_items_li p {
    margin: 0;
    padding: 0;
    padding-top: 8px;
    font-size: 14px;
}
.text-center{
  text-align: center;
}

.container{
    margin-top: 40px;
    margin-bottom: 40px;
    display: block;
    overflow: hidden;
}

.h2_title {
    text-align: center;
    font-size: 1.17em;
    color: #0f5f9f;
}

/* 产品 */
.body .product  {background-color: #f7f7f7;}
.body .product .content {margin-top: 20px;}
.body .product .content .puduct_line {overflow: hidden;height: 5px;width: 100%;background-color: #5ababe;}
.body .product .content span.catname{display: block;overflow: hidden;height: 40px;line-height: 40px;color: #474A52;margin-top: 15px;}
.body .product .content .product_list{margin-top: 20px;overflow: hidden;padding-bottom: 15px;}
.body .product .content .product_list ul li {width:360px;height: 280px;    box-shadow: 1px 1px 3px 0px #808080; float: left;margin-left: 28px;margin-top: 22px;}
.body .product .content .product_list .product_img {position: relative;}
.body .product .content .product_list .product_img img{width:360px;}
.product .content .product_list ul li .product_img .bg_img{width: 100%;overflow: hidden;height: 222px;position: absolute;z-index: 1;top: 0;
    background-color: rgba(55, 128, 187, 0.41);display: none;}
.body .product .content .product_list .product_img span.product_des{    color: #fff; overflow: hidden; text-align: center; line-height: 27px; display: block; width: 85%; margin: 44px auto;height: 135px;}

.body .product .content .product_list .product_title{width: 100%; text-align: center; margin-top:15px; overflow: hidden; display: block;height: 23px;text-align: center; color: #909090;/*font-weight: 700;*/}

/*新闻*/
.body .newscenter{overflow: hidden;width: 100%;}
.body .newscenter .content .puduct_line {overflow: hidden;height: 5px;width: 100%;background-color: #5ababe;}
.body .newscenter .content span.catname{display: block;overflow: hidden;height: 40px;line-height: 40px;color: #474A52;margin-top: 15px;}
.body .newscenter .content .news{width: 550px; margin: 23px;margin-top: 22px;float: left;height: 400px;border: 1px solid #ccc; }
.body .newscenter .content .news .newscat{border-bottom: 1px solid #ccc;padding:0 10px;height: 40px;line-height: 40px;}
.body .newscenter .content .news .newscat span{float: right;}
.body .newscenter .content .news .news_top img{float: left;margin: 8px 13px;}
.body .newscenter .content .news .news_top a{overflow: hidden;height: 30px;color:#323232;display: block;padding-top: 10px;line-height: 30px;}
.body .newscenter .content .news .news_top p{overflow: hidden;height: 68px;line-height: 21px;display: block;margin:0;font-size: 13px;}
.body .newscenter .content .news .news_list {margin-top: 10px;}
.body .newscenter .content .news .news_list ul li{width: 100%;height: 34px; line-height: 41px; overflow: hidden;margin: 4px 2px;border-bottom:1px dashed;display: block;}
.body .newscenter .content .news .news_list{padding:2px 13px;}
.body .newscenter .content .news .news_list ul li a{display: block;overflow: hidden;height: 30px;float: left;font-size: 13px;}
.body .newscenter .content .news .news_list ul li span{font-size: 14px;float: right;}

/* 案例 */
.body .anli{overflow: hidden;width: 100%;background-color: #F7F7F7; margin-top: 30px;position: relative;padding-bottom: 35px;}
.body .anli .content {padding: 0px 40px; overflow: hidden;}
.body .anli .content .anli_box{height: 272px;overflow: hidden;border:1px solid #ccc;width: 100%;margin-top: 10px;}
.body .anli .content .puduct_line {overflow: hidden;height: 5px;width: 100%;/*background-color: #5ababe;*/}
.body .anli .content span.catname{display: block;overflow: hidden;height: 40px;line-height: 40px;color: #474A52;margin-top: 15px;}
.body .anli .content .anli_box .anli_cat{padding:10px 10px;border-bottom:1px solid #ccc;}
.body .anli .content .anli_box .anli_cat span{display: block;width: 60px;height: 25px;overflow: hidden;float: right;}
.body .anli .content .anli_box .anli_list {padding:12px 35px;width: 100%;overflow: hidden;position: relative;}
.body .anli .content .anli_box .anli_list ul{margin-left: 20px;}
.body .anli .content .anli_box .anli_list ul li{width:200px;height: 200px;float: left;overflow: hidden;display: block;border: 1px solid #ccc;margin-left:20px; }
.body .anli .content .anli_box .anli_list ul li img{width: 100%;height: 100%;}
/*切换*/
.body .anli .content .anli_box .anli_list .prev{position: absolute; left: 10px; top: 100px; background: url(../image/slider-left.png)no-repeat; width: 35px; height: 35px; z-index: 1;}
.body .anli .content .anli_box .anli_list .next{position: absolute; right: 80px; top: 100px; background: url(../image/slider-rig.png)no-repeat; width: 35px; height: 35px; z-index: 1;}
/*.body .anli .content .anli_box .anli_list .next{right: 8%;left: auto;}*/
/* 底部样式 */
.foot {background-color: #3A3333;overflow: hidden;}
.foot .foot_nav{margin-left: 80px; width: 730px; overflow: hidden;}
.foot .left_nav{float: left;}
.foot .left_nav ul{margin-top: 20px;}
.foot .left_nav ul li{ float: left;/* width: 185px;*//*text-align: center;*/font-size: 14px; padding-right:68px;}
.foot .left_nav ul li span.nav_name{font-size:20px;color: #F5F5F5;}
.foot .left_nav ul li ul{margin-top: 10px;}
.foot .left_nav ul li ul li{float: none;height: 28px;}
.foot .linkman {margin-top: 20px;}
.foot .linkman span{font-size: 20px;color:#F5F5F5;}
.foot .linkman p{font-size: 14px; margin:8px 0px;}
.foot .wx{margin:13px 0px 0px 104px;text-align: center; display: none;}
.foot .wx span{display: block;color: #f5f5f5;}
.foot .wx img{margin-top: 10px;}
.foot .foot_end{text-align: center;overflow: hidden;border-top:1px solid #4A4646; padding-top:10px;width: 1200px;line-height: 30px;margin:18px auto;font-size: 14px;}

.banner img{width: 100%;}

/*.body .position{margin:30 auto; padding:0px 0px 10px 0;border-bottom:1px solid #E4E3E3; }*/




/*二级页面*/
.ej_main{ margin-top:20px;}
.left_menu{ width:250px; margin-bottom:20px;}
.left_menu01 {border:solid 1px #e4e3e3;}
.left_menu01 h3 ,.left_menu02 h3 ,.right_menu h3{background:#5ababe; color:#fff; margin:0px; padding:0px; height:40px; line-height:40px; font-size:16px; border-bottom:1px solid #e4e3e3;text-align: center;   font-weight: normal;}
.left_menu01 ul li{ background:url(logo.png) no-repeat left; height:32px; line-height:32px; border-bottom:1px solid #e4e3e3; padding-left:20px; margin:0 10px; font-size:14px;overflow: hidden;}
.left_menu01 ul li:hover{ background:url(logo.png) no-repeat left;}

.left_menu01 .no_bor{ border-bottom:0px;}
.left_menu02{ margin-top:10px; border:solid 1px #e4e4e3;}
.left_menu02 p{ font-size:14px; padding-left:10px;line-height:26px; padding-right:10px;}
.left_img{ margin-left:4px; margin-top:4px;}


.position{ background:#5ababe; color:#fff; margin:0px; padding:0px; height:40px; line-height:40px; padding-left:10px; font-size:16px;}
.position a{ color:#fff;}
.right_menu{ margin-left:10px; width:930px; border:solid 1px #e4e3e3; margin-bottom:30px;}
.right_menu ul{ padding:10px;}
.right_menu ul li { border-bottom:1px dashed #e4e3e3; margin:10px 0;}
.right_menu ul li p{ text-indent:2em; font-size:14px; line-height:26px; margin:5px 0px; padding:5px 0px; height: 62px;line-height: 31px;overflow: hidden;}
.right_menu ul li span{ float:right; font-size:14px; height:30px; line-height:30px; overflow:hidden;}
.right_menu ul li a{ color:#5ababe; background:url(logo.png) left no-repeat; padding-left:15px; margin-left:6px; font-size:14px;}
.right_menu h4{ margin:0px; padding:0px; height:26px; line-height:26px; overflow:hidden; font-size:16px; font-weight:normal;}



.ej_pro{ margin-bottom:15px;}
.ej_pro dl{ float:left; margin:0px; padding:0px; }
.ej_pro dl dt{ margin-left:15px; margin-top:15px;}
.ej_pro dl .no_mar{ }
.ej_pro dd{ width:290px;height:36px; line-height:36px; overflow:hidden; margin:0px; padding:0px; text-align:center;    padding-left: 15px;}




.about_tit{ text-align:center; margin:10px 0; font-size:20px;}
.about_data{ font-size:14px; text-align:center;}
.about_img{ text-align:center; margin:10px 0;}
.about_page{ font-size:14px; }
.abou_con{ /*text-indent:2em; */font-size:14px; padding:10px 30px; line-height:30px;    text-align: center;
    font-size: 16px;
    line-height: 37px;}
.about_page{ padding:0px 30px 10px 30px; line-height:30px;}


.Page{width:100%; text-align:center; padding:10px 0px 30px 10px;}
.Page li{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#9b9b9b; outline:none;}
.Page a{display:inline-block;width:65px;height:48px; vertical-align:middle; line-height:48px; font-size:14px;float:left;text-decoration:none; color:#9b9b9b; outline:none;}
.Page a:hover{ background:#5ababe; color:#FFF; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page .thisclass{ background:#5ababe; color:#FFF}
.Page .pageinfo{width:125px;margin-top: -1px;}

.links{ width:1200px; margin:15px auto; min-height:20px;font-family:"微软雅黑"; color:#757575; font-size:14px; margin-bottom:15px; line-height:24px;overflow:hidden;}
.links li{ float:left; padding-right:15px;}
.links li span{font-size: 15px;color: #727171; font-weight: bold;}
.links li a{font-family:"微软雅黑"; color:#757575;}



.xwzx {
    width: 1200px;
    margin: 0 auto
}
.xwzx ul li {
    width: 47%;
    float: left;
    height: 70px;
    margin: 25px 20px 25PX 16px;
    display: block
}
.xwzx ul li samp {
    height: 70px;
    font-size: 52px;
    line-height: 70px;
    display: block;
    width: 80px;
    text-align: center;
    color: #fff;
    float: left;
    background: #999;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 20px;
}
.xwzx ul li strong {
    height: 18px;
    line-height: 18px;
    overflow: hidden;
    display: block;
    font-weight: normal;
    margin-bottom: 10px;
}
.xwzx ul li strong a {
    display: block;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    color: #474a52;
}
.xwzx ul li strong span {
    display: block;
    height: 18px;
    font-size: 12px;
    float: right;
    width: 80px;
    text-align: right;
    color: #999999
}
.xwzx ul li p a {
    height: 36px;
    font-size: 14px;
    line-height: 18px;
    overflow: hidden;
    color: #707070;
}
.xwzx ul li:hover samp{
    background: #5ababe;
}
.xwzx ul li:hover strong a,.xwzx ul li:hover p a{
    color: #5ababe;
}
.more {
    width: 590px;
    height: 40px;
    margin: 25px auto 6px auto;
    box-shadow: 5px 5px 5px #eee;
    border-radius: 6px;
    border: #CCC 1px solid;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.more:hover {
    background: #e71f19;
    transition: 1.1s;
}
.more:hover a {
    color: #FFF;
    display: block;
}
.xwzx .title h3 {
    display: block;
    font-size: 24px;
    color: #0f5f9f;
    text-align: center;
}

.text-center h3 {
          display: block;
          font-size: 24px;
          /*color: #0f5f9f;*/
      }

        .service_info {
            background: #f7f7f7;
            padding: 20px 0;
        }
      .items_01 li {
          width: 30%;
          display: inline-block;
          vertical-align: top;
          padding: 0 1.5%;
          text-align: center;
      }
      .items_01 h5 {
          font-size: 18px;
          margin: 16px 0;
      }
      .items_01 p {
          padding-top: 0;
          margin-top: 0;
          font-size: 14px;
          line-height: 24px;
      }
      .items_01 .icon {
      font-size: 50px;
      line-height: 138px;
      width: 138px;
      height: 138px;
      display: block;
      overflow: hidden;
      text-align: center;
      margin: 0 auto;
      border: 1px solid #ccc;
      border-radius: 50%;
      color: #5ababe;
  }
  .items_01, .items_02, .items_03 {
    display: block;
    overflow: hidden;
    margin: 5% 0;
}

.st_left {
    width: 65%;
    float: left;
    /*padding-top: 30px;*/
}
.st_right {
    float: left;
    width: 35%;
}
.st_right h3 {
    font-size: 18px;
    color: #ef790f;
}

.st_right p {
    font-size: 14px;
}
.st_right h3 i {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: #f3bb57 1px solid;
    margin-right: 5px;
    background: #f3bb57;
}
.items_03 {
    margin-top: 32px;
}
.col-li {
    width: 31%;
    /* float: left; */
    margin: 0;
    padding: 0;
    list-style: outside none none;
    margin-left: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    /* background: #ccc; */
    display: inline-flex;
}
.col-li .fa {
    float: left;
    display: inline-block;
    font-size: 40px;
    line-height: 70px;
    padding: 20px;
    color: #FFF;
    width: 70px;
    height: 70px;
    text-align: center;
    /*background-color: #cccccc;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5ababe;
    border: 1px solid #ccc;
}

.col-li .txt {
  float: left;
    width: 252px;
    padding-left: 20px;
}

.col-li .txt h4 { 
    font-size: 16px;
    line-height: 20px;
    margin: 7px 0 7px;
}

.col-li .txt span {
    font-size: 12px;
    font-family: Arial;
    font-style: normal;
    border-bottom: 1px solid #5ababe;
}
.col-li .txt p {
    float: left;
    font-size: 14px;
    margin-top: 10px;
}
.items_01 ul li:hover .icon{
        border: 1px solid #5ababe;
}

.b_img .fa {
    font-size: 60px;
}