@charset "utf-8";
body{width: 100%;height: auto;}



/*首页*/
.con{
  width: 100%;
  height:620px;
  background: url(../images/back_shiqing.png) no-repeat center;
  background-size: 100% 100%;
}


/*当前位置*/
.path_w{
    width: 1140px;
    height: 70px;
    margin: 0 auto;
    background: #fff;
    padding-top: 12px;
}

.path{
  width: 1090px;
  height: 53px;
  /*padding-left: 20px;
  padding-top: 10px;*/
  margin: 0 auto;
  border-bottom: 1px solid #438ac7;
  margin: 0 auto;
}
.path img{    
    float: left;
    width: 5px;
    height: 5px;
    margin-top: 25px;
    margin-right: 10px;}

.CurrChnlCls{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 53px;
  letter-spacing: 0px;
  color: #000000;}

.box_o{width: 1080px;margin:0 auto;min-height: 815px;padding: 0 30px 0 30px;background: #fff;}
.channel_name{/*width: 100%;*/width:771px;height: 50px;border-bottom: 1px solid #999999;}
.channel_name .name{height: 50px;width: auto;border-bottom: 3px solid #32abe8;font-size: 20px;color: #000;line-height: 50px;float: left;}
.box_b{    
    width: 100%;
    height: auto;
    overflow: hidden;
  }

.box_l{margin-top: 2px;width: 800px;height: auto;float: left;}
.tab{width: 240px;height: 80px;float: left;margin-top: 30px;margin-right: 25px;background: #eeeeee}
.tab a{font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #1aabeb;
  box-shadow: 0px 0px 5px 0px 
  rgba(50, 171, 232, 0.2);
  width: 100%;height: 100%;
  line-height: 80px;
  text-align: center;
  display: block;
  }
.tab a:hover{
  background: #0babee;
  color: #fff;
}

.box_r{
    width: 280px;
    height: auto;
    float: right;
   }
.box_r_top{width: 280px;height: auto;}
.box_r_top li{width: 134px;height: 60px;float: left;margin-right:10px;margin-bottom: 10px;background: #eeeeee;}
.box_r_top li:nth-child(2){margin-right:0px;} 
.box_r_top li:nth-child(4){margin-right:0px;} 
.box_r_top li a{width: 100%;height: 100%;font-size: 16px;line-height: 60px;text-align: center;display:block;color: #666666;}
.box_r_top li a:hover{color: #fff;background: #32abe8;}
.zt_hy{
  width: 22px;
  height: 22px;
  float: left;
  display: block;
  background: url(../images/zt_hy.png);
  margin-top: 19px;
  margin-left: 20px;
}
.zt_ms{
  width: 22px;
  height: 22px;
  float: left;
  display: block;
  background: url(../images/zt_ms.png);
  margin-top: 19px;
  margin-left: 20px;
}

.zt_zw{
  width: 22px;
  height: 22px;
  float: left;
  display: block;
  background: url(../images/zt_zw.png);
  margin-top: 19px;
  margin-left: 20px;
}
.zt_qt{
  width: 22px;
  height: 22px;
  float: left;
  display: block;
  background: url(../images/zt_qt.png);
  margin-top: 19px;
  margin-left: 20px;
}

.box_r_top li a:hover .zt_hy{background: url(../images/zt_hy_b.png);}
.box_r_top li a:hover .zt_ms{background: url(../images/zt_ms_b.png);}
.box_r_top li a:hover .zt_qt{background: url(../images/zt_qt_b.png);}
.box_r_top li a:hover .zt_zw{background: url(../images/zt_zw_b.png);}

.box_r_mid{width: 100%;height:230px;}
.box_r_mid  .box_r_mid_title{width: 100%;height: 50px;border-bottom: 1px solid #999999;}
.box_r_mid_title .name{height: 50px;width: auto;border-bottom: 3px solid #32abe8;font-size: 20px;color: #000;line-height: 50px;}
.box_r_mid_title a{display: block;}
.bianmin_list{margin-top: 20px;width: 100%;height: auto;}
.bianmin_list li{width: 135px;height: 40px;margin-right: 10px;margin-bottom: 10px;float: left;}
.bianmin_list li:nth-child(2n+0){margin-right: 0px;}
.bianmin_list li a{
  width: 100%;
  height: 100%;
  font-size: 14px;
  line-height: 40px;
  display: block;
  background: #eeeeee;
  color: #333333;
  text-align: center;
  line-height: 40px;
   }
  .bianmin_list li a:hover{
    color: #fff;
    background: #32abe8;
  }




.search{width: 681px;height: 50px;margin:0 auto;padding-top: 52px;padding-bottom: 40px;}
.search .inp{width: 455px;height: 50px;float: left;text-indent: 20px;}
.search .sub{width:110px;float: left;height: 50px;font-size: 14px;text-align: center;line-height: 50px;background: #438ac7;color: #ffffff;cursor: pointer;}
.search .sub_high{width:110px;float: left;height: 50px;margin-left: 6px;font-size: 14px;text-align: center;line-height: 50px;background: #69abe3;color: #ffffff;cursor: pointer;}

.presentation{
  width: 1090px;
  height: 103px;
  margin:0 auto;
  margin-top: 300px;
  background: url(../images/block_background.png);
  padding: 26px 20px;
}

.presentation .hyjj_logo{
  width: 118px;
  height: 113px;
  float: left;
}

.presentation .hyjj_logo img{
  width: 100%;
  height: 100%;
}

.presentation .hyjj_wz{
  width: 738px;
  height: 103px;
  float: left;
  margin-left:30px;
}

.presentation .hyjj_wz p{
  line-height: 34px;
  font-size: 14px;
  text-indent: 2rem;
  color: #ffffff;
}

.presentation .hyjj_wz p a{
  color: #82cbed;
}
.presentation .hyjj_sp{
  width: 174px;
  height: 103px;
  float: left;
  margin-left: 30px;
}

.presentation .hyjj_sp a{
  display: block;
}

.presentation .hyjj_sp a img{
  width: 100%;
  height: 100%
}


.box2{
  width: 1140px;
  /*width: 100%;*/
  margin:0 auto;
  height: auto;
  margin: 0 auto;
}

.xinxi_solution_main {
    overflow: hidden;
    margin-bottom: 85px;
    margin-top: 35px;
}

.xinxi_solution_bg{

}


.main_mobile{

}

.main_mobile ul {
    padding-left: 0;
    margin-bottom: 0;
}

.xinxi_solution_main ul li .left {
    float: left;
    width: 138px;
    background: #d6ecff;
    height: 272px;
    padding-top: 36px;
    cursor: pointer;
    padding-bottom: 25px;
}

.xinxi_solution_main ul li .right {
    float: left;
    margin-left: 127px;
    position: absolute;
    padding: 34px 33px 29px 43px;
    /*display: none;*/
}

.xinxi_solution_main ul li .right h4 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    margin-top: 0;
    margin-bottom: 16px;
}

.xinxi_solution_main ul li .right p {
    color: #000000;
    font-size: 16px;
    text-align: justify;
    line-height: 34px;
    margin-bottom: 19px;
}

.xinxi_solution_main ul li .right .on-click {
    width: 85px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(145deg,#84cded 0%,#59a6e9 100%);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eacb90',endColorStr='#bb7c35',gradientType='1');
    background-size: 100% 150%;
    background-position: 0 0;
    transition: .3s;
    font-size: 14px;
    display: block;
    color: #fff;
    border-radius: 4px;
}

.xinxi_solution_main ul li.on {
    border: 1px solid #DECBA4;
    width: 876px;
    margin-right: 0;
}

.xinxi_solution_main ul li .left_top {
    position: absolute;
    left: 0;
    padding: 0 28px;
    text-align: center;
    cursor: pointer;
}

.xinxi_solution_main ul li {
    float: left;
    width: 127px;
    position: relative;
    overflow: hidden;
    transition: all 0.5s;
    border: 1px solid #F9F7F2;
}

.xinxi_solution_main ul li .left_top .color-z{
   background: url(../images/ico_rw.png) no-repeat;
   width: 90px;
   height: 90px;
   display: block;
}
.xinxi_solution_main ul li.on .left_top .color-z{
    background: url(../images/ico_rw_hover.png) no-repeat;
}
.xinxi_solution_main ul li .left_top .color-yellow{
   background: url(../images/ico_jj.png) no-repeat;
   width: 90px;
   height: 90px;
   display: block;
}
.xinxi_solution_main ul li.on .left_top .color-yellow{
    background: url(../images/ico_jj_hover.png) no-repeat;
}
.xinxi_solution_main ul li .left_top .color-reder{
   background: url(../images/ico_ls.png) no-repeat;
   width: 90px;
   height: 90px;
   display: block;
}
.xinxi_solution_main ul li.on .left_top .color-reder{
    background: url(../images/ico_ls_hover.png) no-repeat;
}

.xinxi_solution_main ul li.on .left {
    background: -webkit-linear-gradient(bottom,#59a7e9, #59a7e9);
    background: -o-linear-gradient(bottom,#59a7e9, #59a7e9);
    background: -moz-linear-gradient(bottom,#59a7e9, #59a7e9);
    /* background: linear-gradient(to top,#B9916A, #EBCE97); */
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#59a7e9,endColorStr=#59a7e9);
}

.xinxi_solution_main ul li .left_top p {
    font-size: 24px;
    width: 25px;
    margin-bottom: 0;
    margin: 0 auto;
    line-height: 26px;
    color: #5b9ed4;
    margin-top: 10px;
        font-weight: bold;
}

.xinxi_solution_main ul li.on .left_top p {
    color: #fff;
}

.xinxi_solution_main ul li .right h4 {
    color: #4c4c4c;
    font-size: 18px;
    font-weight: bold;
    padding-left: 20px;
    position: relative;
    margin-top: 0;
    margin-bottom: 16px;
}


.xinxi_solution_main ul li .right h4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 18px;
    background-color: #5b9ed4;
}

.kjjy{
  width: 100%;
  height: auto;
}

.kjjy .top{
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #e4e4e4;
}

.kjjy .top .top_min{
  width: 600px;
  height: auto;
  margin:0 auto;

}

.kjjy .top .top_min_o{
  width: 112px;
  line-height: 70px;
  color: #666666;
  font-size: 28px;
  margin-right:80px;
  float: left;
  text-align: center;
  cursor: pointer;  
}

.kjjy .top .top_min_o:hover{
    color: #5b9ed4;
    border-bottom: 2px  solid #5b9ed4;
    font-weight: bold;
  
}

.kjjy .top .top_min_o.hover{
    color: #5b9ed4;
    border-bottom: 2px  solid #5b9ed4;
    font-weight: bold;
}

.kjjy .bottom_o{
   width: 100%;
   height: auto;
   display: none;
   margin-top: 35px;
}

.show{
  display: block !important;
}
.kjjy .bottom_o .b_o_l{
  width: 695px;
  height: 248px;
  float: left;
}

.kjjy .bottom_o .b_o_l span{
  line-height: 20px;
  font-size: 18px;
  color: #000;
  font-weight: bold;
}

.kjjy .bottom_o .b_o_l p{
  font-size: 16px;
  line-height: 43px;
  text-indent: 2rem;
}

.kjjy .bottom_o .b_o_r{
  width: 413px;
  height: 248px;
  float: right;
}

.kjjy .bottom_o .b_o_r img{
  width: 100%;
}

.kjjy .bottom_o .more{
  width: 100%;
}

.box3{
  width: 100%;
  height: 600px;
  background: url(../images/zirandili.png) no-repeat;
  margin-top: 133px;
  margin-bottom:133px;
}

.box3 .box3_main{
  width: 1140px;
  height: 740px;
  margin:0 auto;
  margin-top:63px;
  /*background: url(../images/zrdi_hover.png);*/
  position: relative;
}

.box3 .box3_main img{
      margin-top: -63px;
}

.dw01{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  top: -60px;
  cursor: pointer;
}

.dw02{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  top: -60px;
  left: 253px;
  cursor: pointer;
}

.dw03{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  top: -60px;
  left: 506px;
  cursor: pointer;
}

.dw04{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  top: -60px;
  left: 757px;
  cursor: pointer;
}

.dw05{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  top: -60px;
  left: 1010px;
  cursor: pointer;
}


.dw06{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  bottom: 65px;
  cursor: pointer;
}

.dw07{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  bottom: 65px;
  left: 253px;
  cursor: pointer;
}

.dw08{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  bottom:65px;
  left: 506px;
  cursor: pointer;
}

.dw09{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  bottom:65px;
  left: 757px;
  cursor: pointer;
}

.dw10{
  width: 130px;
  height: 42px;
/*  background: #000;*/
  position: absolute;
  bottom:65px;
  left: 1010px;
  cursor: pointer;
}

.box4{
  width: 1140px;
  height: auto;
  margin:0 auto;
}

.baoBiao_chart{
    text-align: center;
    margin-top: 64px;
    position: relative;
}
.baoBiao_chart a{
    position: absolute;
    display: block;
    width: 126px;
    height: 37px;
}
.hengshan{
    left: 125px;
}
.hengyang{
    left: 75px;
    top: 83px;
}
.zhengxiang{
    left: 136px;
    top: 156px;
}
.qidong{
    left: 95px;
    top: 283px;
}
.hengnan{
    left: 259px;
    top: 325px;
}
.changning{
    left: 224px;
    top: 437px;
}
.nanyue{
    left: 884px;
    top: 25px;
}
.hengdong{
    left: 834px;
    top: 96px;
}
.shigu{
    left: 905px;
    top: 214px;
}
.zhuhui{
    left: 768px;
    top: 230px;
}
.yanfeng{
    left: 905px;
    top: 319px;
}
.leiyang{
    left: 815px;
    top: 418px;
}

.xzqh{
  width: 100%;
  height: 73px;
}