@charset "utf-8";
/*base*/
html,body,ul,ol,li,p,h2,h4,a,img,input,span,a{margin:0;padding:0;}
img,input,button {border: 0;}
t{font-style: normal;font-family: "Microsoft Yahei"; font-weight:normal;}
input:focus,textarea:focus,select:focus, button{outline:none;}
ul,li,button{list-style: none;}
body{font-size: 16px;color: #333;font-family:"微软雅黑";}
a{color: #333;text-decoration:none;font-family:"微软雅黑";}
a:hover,a:link,a:visited,a:active{text-decoration: none !important;}
button,img,input { vertical-align: middle;}
.clearfix:before,.clearfix:after {content: " ";display: table;clear: both;}
::-webkit-input-placeholder {color: #b2b2b2; } :-moz-placeholder { color: #b2b2b2; } ::-moz-placeholder {  color: #b2b2b2; } :-ms-input-placeholder {color: #b2b2b2; }
.fl{ float:left;}
.fr{ float:right;}
.more{color: #db1616;}
.text_01{text-indent: 2em;line-height: 2em;font-size: 18px;padding-left: 15px;}
.text16{text-indent: 2em;line-height: 2em;}
.text15{text-indent: 2em;line-height: 2em;font-size: 15px;}
blockquote {
    margin: 0;
    padding: 0;
    position: relative;
    border: none !important;
    }
    blockquote:before {
        color: #eaeaea;
        content: "\201C";
        font-size: 5em;
        position:absolute;
        left: -0.5em;
        top: 0.4em;
        line-height: 0.1em;
        font-family: '黑体';
        font-weight: 700;
    }
    
    blockquote:after {
    color: #eaeaea;
    content: "\201D";
    font-size: 5em;
    position:absolute;
    right: -15px;
    bottom: -0.2em;
    line-height: 0.1em;
    font-family: '黑体';
    font-weight: 700;
    }

.banner{background: url('../images/ban.png') no-repeat top center; height: 565px;background-size: 100%;}
.section01{background: url('../images/bj01.png') no-repeat bottom; height: 1250px;background-size: 100%;}
.section02{background: url('../images/bj02.png') no-repeat bottom; height: 750px;background-size: 100%;}
.section03{background: url('../images/bj03.png') no-repeat bottom; height: 760px;background-size: 100%;margin-top: 20px;}
.section04{background: url('../images/bj04.png') no-repeat bottom; height: 760px;background-size: 100%;}
.section05{background: url('../images/bj05.png') no-repeat bottom;background-size: 100%;overflow: hidden;}
.section06{background: url('../images/bj06.png') no-repeat bottom; height: 660px;overflow: hidden;}
.section07{background: url('../images/bj07.png') no-repeat bottom; height: 860px;overflow: hidden;margin-top: 20px;}
.jxgk01{width: 1336px; margin: 0 auto;padding-top: 15px;overflow: hidden;background: url(../images/tit01.png) no-repeat top center;}
.jxgk02{width: 1336px; margin: 0 auto;padding-top: 55px;overflow: hidden;}
.jxgk01_left{width: 51%;margin-top: 100px;float: left;}
.jxgk01_left p{text-indent: 2em;line-height: 2em;padding-left: 15px;font-size: 16px;}
.jxgk01_right{float: right;padding: 100px 0;
  position: relative;
  width: 45%;
  height: 500px;
}
/* .jxgk01_right img {position: absolute;} */
/* .jxgk01_right img:hover {transform: rotateY(180deg);} */

.jxgk02_left{width: 40%;float: left;margin-left: 60px;text-align: center;}
.round_slide{background: url(../images/round.png) no-repeat;height: 550px;position: relative;}
.jxgk02_left ul li{width: 80px;cursor: pointer;position: absolute;}
.jxgk02_left ul li .dot{
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #1772ce;
    position: absolute;
    box-shadow: 0px 0px 0px 3px #92b6db57;
    
}
.dot01{left: -19px;top: 48px;}
.dot02{left: -10px;top: -2px;}
.dot03{top: -22px;}
.dot04{top: -2px;right: -18px;}
.dot05{right: -26px;top: 47px;}
.dot06{bottom: -13px;}

.jxgk02_left ul li:hover .round_btn,
.round_slide li.active .round_btn
{
    background-color: #1772ce;
    box-shadow: 0px 0px 0px 6px #92b6db57;
    transition: 0.5s;
}
.jxgk02_left ul li:hover .s1,
.round_slide li.active .s1,
.jxgk02_left ul li:hover .s2,
.round_slide li.active .s2,
.jxgk02_left ul li:hover .s3,
.round_slide li.active .s3,
.jxgk02_left ul li:hover .s4,
.round_slide li.active .s4,
.jxgk02_left ul li:hover .s5,
.round_slide li.active .s5,
.jxgk02_left ul li:hover .s6,
.round_slide li.active .s6{
    background-position-x: -30px;
}

.jxgk02_left ul li:hover,
.jxgk02_left ul li.active
{font-weight: 700; color: #236ebc;}


.jxgk02_right {margin-top: 87px;width: 52%;float: right;}
.jxgk02_right h3{color: #236ebc;margin-bottom: -20px;margin-left: 40px;}
.describe{margin: 30px 0;}
.describe li{float: left;padding: 4px 17px;background-color: #c5e2ff;border-radius: 15px;margin-right: 20px;color: #236ebc;}

.round_btn{border: 1px solid #add4fd;
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #f5fafe;
    margin: 0 auto 10px;}
.s1,.s2,.s3,.s4,.s5,.s6{display: block; width: 30px;height: 30px;}
.s1{background: url(../images/gk_ico01.png) no-repeat;}
.s2{background: url(../images/gk_ico02.png) no-repeat;}
.s3{background: url(../images/gk_ico03.png) no-repeat;}
.s4{background: url(../images/gk_ico04.png) no-repeat;}
.s5{background: url(../images/gk_ico05.png) no-repeat;}
.s6{background: url(../images/gk_ico06.png) no-repeat;}
.con_1{right: 23px; top: 20%;}
.con_2{right: 43px;bottom: 20%;}
.con_3{bottom: 0;left: 38%;}
.con_4{left: -4px;bottom: 16%;}
.con_5{top: 20%;left: -23px;}
.con_6{left: 38%;top: -48px;}

/* 江夏建设 */
.jjjs{width: 1336px; margin: 0 auto;padding-top: 15px;overflow: hidden;background: url(../images/tit02.png) no-repeat top center;}
.jjjs_main{width: 100%;height: 530px;margin-top: 70px;background-color: #fff;padding: 35px;box-sizing: border-box;}
.jjjs_left{width: 65%;float: left;}
.jjjs_btn{border: 2px solid #add4fd;width: 85px;
    height: 85px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #f5fafe;
    margin: 0 auto 10px;}
.jjjs_left_top{padding: 15px 0;}
.jjjs_left_top ul,.jxmp_select ul{display: flex;justify-content: space-around;}
.jjjs_left_top ul li,.jxmp_select ul li{cursor: pointer;position: relative;}
.jjjs_left_top .dot{
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid #1672d1; 
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 38%;
    bottom: -20px;
}
.jjjs_left_top li.active .jjjs_btn,.jxmp_select li.active .jxmp_btn{
    box-shadow: 0px 0px 0px 6px #92b6db57;
    background-color: #1672d1;
    transition: 0.5s;
}
.jjjs_left_top li.active .jjjs_btn .c1,
.jjjs_left_top li.active .jjjs_btn .c2,
.jjjs_left_top li.active .jjjs_btn .c3,
.jjjs_left_top li.active .jjjs_btn .c4,
.jjjs_left_top li.active .jjjs_btn .c5,
.jjjs_left_top li.active .jjjs_btn .c6{
    background-position-x: -36px;
    
}

.c1,.c2,.c3,.c4,.c5,.c6{display: block; width: 38px;height: 38px;}
.c1{background: url(../images/jj_ico01.png) no-repeat;}
.c2{background: url(../images/jj_ico02.png) no-repeat;}
.c3{background: url(../images/jj_ico03.png) no-repeat;}
.c4{background: url(../images/jj_ico04.png) no-repeat;}
.c5{background: url(../images/jj_ico05.png) no-repeat;}
.c6{background: url(../images/jj_ico06.png) no-repeat;}
.c1:after{
    content: "";
    width: 600px;
    border-top: 1px dashed #1373d6;
    display: block;
    margin-left: 63px;
    margin-top: 17px;
}

.jjjs_left_bottom{width: 100%;background-color: #f0f7ff;height: 320px;padding: 30px;box-sizing: border-box;}
.jjjs_title{display: inline-block; text-align: center;padding: 10px 70px;border: 1px solid #1373d6;font-size: 20px;font-weight: 700;color: #1373d6;border-top-right-radius: 20px;border-bottom-left-radius: 20px;margin-bottom: 30px;}
.jjjs_right{width: 33%;height: 100%;float: right; background: url(../images/jj_img02.jpg) no-repeat;padding: 30px;box-sizing: border-box;}

.xzjz{width: 1336px; margin: 20px auto 0;padding-top: 40px;overflow: hidden;background: url(../images/tit03.png) no-repeat top center;}
.xzjz_left{float: left;width: 45%;margin-top: 40px;}
.xzjx_right{padding-top: 170px;}
.xzjz_btn {display: flex;justify-content: space-around;flex-wrap: wrap;}
.xzjz_btn li{width: 30%; background-color: #fff;text-align: center;margin-top: 30px;padding: 10px 20px;box-sizing: border-box;}
.xzjz_btn li a{display: block; line-height: 60px;font-size: 20px;font-family: '宋体';
    font-weight: bolder;}
.xzjz_btn li a span{display: block;}
.xzjz_btn li a img{float: left;transition: all .4s ease;}
.xzjz_btn li:hover img{transform: rotateY(180deg);}



.jxms{height: 600px;}
.jxms ul {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.jxms ul li {width: 32%; margin-top: 30px;position: relative;height: 17em;}
.jxms ul li img{width: 100%;height: 100%;}
.jxms ul li p{position: absolute;top: 9%;left: 5%;
  color: #fff;
  transform: rotate(deg);
  writing-mode: vertical-rl;
  font-size: 28px;
  font-family: "宋体";
  font-weight: 700;
  background: #000;
  padding: 0px 12px;
  min-height: 228px;
  text-align: center;}
.jxms ul li:nth-child(odd) p{
  background: #892a1480;
}
.jxms ul li:nth-child(even) p{
  background: #7e6d1687;
}
.jxms .jxms_picmask{
    position: absolute;
    display: none;
    width: 82%;
    right: 0px;
    bottom: 0px;
    background: #8d8d8dc7;
    color: #fff;
    padding: 10px 15px 10px;
    text-indent: 2em;
    line-height: 1.7em;
}
.activee{display: block !important;}
html,body {position: relative;height: 100%;}
.jxms .swiper {width: 100%;height: 100%;}
.jxms .swiper-wrapper{padding: 0;}
.jxms .swiper-slide {height: calc((100% - 30px) / 2) !important;display: flex;}
.jxms ul li{margin-top: 0;}
.jxms ul li a{display: inline-block;height: 100%;width: 100%;}
.section04_box{position: relative;width: 1336px;margin: 0 auto;padding-top: 80px;background: url(../images/tit04.png) no-repeat top center;}
.section04_box .swiper-button-prev,.section04_box .swiper-button-next{top: 57%;}
.section04_box .swiper-button-prev{left: -45px;}
.section04_box .swiper-button-next{right: -45px;}

.jxmp{width: 1336px; margin: 0 auto;padding-top: 40px;overflow: hidden;padding-bottom: 50px;background: url(../images/tit06.png) no-repeat top center;}
.box_skitter_large{width: 600px; height: 400px;}
.box_skitter_large .prev_button,
.box_skitter_large .next_button{display: none !important;}
.jxmp_select{margin-top: 50px;}
.jxmp_btn{width: 150px;height: 50px;display: grid;place-items: center;border-radius: 35px;margin: 0 auto 10px;font-size: 20px;background: linear-gradient(to bottom, #fbfdff, #e6f2ff);border: 1.5px solid #b8dbff;color: #226ebc;}

.jxmp_select li:not(:last-child)::after{
  position: absolute;
  content: "";
  width: 110px;
  border-top: 1px dashed #1373d6;
  display: block;
  right: -112px;
  top: 42%;
}

.jxmp_select li.active .jxmp_btn{box-shadow: 0px 0px 0px 9px #92b6db57; background: #1672d1;transition: 0.5s;font-weight: 700;color: #fff;border: none;}
.jxmp_content{width: 100%;box-sizing: border-box;margin-top: 50px;}
.jxmp_content div.list:nth-of-type(n+2){display: none;}
.jxmp_bottom_left{float: left; width: 45%;overflow: hidden;height: 400px;}
.jxmp_bottom_left div{height: 100%;}
.jxmp_bottom_left img{width: 100%;height: 100%;}
.jxmp_bottom_right{float: right; width: 53%;}
.jxmp_bottom_right h3 {
  color: #236ebc;
  margin-bottom: -20px;
  margin-left: 40px;
  margin-top: 0;
  font-size: 25px;
}
.jxmp_bottom_right .describe{margin: 20px 0;width: 410px;height: 37px;overflow: hidden;}
.jxmp_bottom_right .describe li{float: left;padding: 8px 22px;background-color: #c5e2ff;border-radius: 20px; margin: 0 20px 20px 0;color: #236ebc;font-size: 18px;}
.jxmp_name{margin-bottom: 20px;}
.jxmp_bottom_right p{padding: 0 15px;line-height: 2em;}
.jxmp_bottom_right .jmxp_imgflex  {
  position: relative;
    display: flex;
    height: 145px;
    overflow: hidden;
    margin-top: 15px;
    justify-content: space-between;
}
.jxmp_bottom_right .jmxp_imgflex .jxmp_img {
  width: 32% !important;
  height: 152px;
  /* margin-right: 20px; */float: left;
}
.jxmp_bottom_right .jmxp_imgflex img {
  width: 100%;
  cursor: pointer;height: 100%;}

.jxmp_title{display: inline-block; text-align: center;padding: 10px 70px;border: 1px solid #1373d6;font-size: 20px;font-weight: 700;color: #1373d6;border-top-right-radius: 20px;border-bottom-left-radius: 20px;margin-bottom: 30px;}
.jxmp_article{display: none;}
.jxmp_describe{overflow: hidden;height: 240px;}


.zshj{width: 1336px; margin: 20px auto 0;padding-top: 40px;overflow: hidden;padding-bottom: 50px;background: url(../images/tit07.png) no-repeat top center;}
.zshj_left{float: left;width: 69%;display: flex;margin-top: 50px;}
.zshj_btn .zjhs_project,.zshj_btn .zshj_news
{writing-mode: vertical-lr;font-size: 28px;
  width: 57px;
  height: 214px;
  text-align: center;
  line-height: 57px;cursor: pointer;}
.zshj_content{height: 428px;width: calc(100% - 57px);background: #ffffff91;}
.zshj_content .news{padding: 30px;position: relative;}
.zshj_content .news:first-child{margin-bottom: 20px;}
.zshj_content .news .news_img img{ width: 286px; height: 176px;}
.zshj_content .news_content{margin-left: 25px;line-height: 2em;width: 60%;}
.zshj_content .news_content h4{font-size: 18px;}
.zshj_content .news_content p.more_text{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.zshj_icon{background: url(../images/zs_ico02.png) no-repeat;}
.zshj_icon.active{background: url(../images/zs_ico01.png) no-repeat;color: #fff;}
.zs_more {    position: absolute;
  font-size: 18px;
  right: 20px;
  bottom: 30px;
  font-weight: 700;}
.zs_more a{color: #0d76e1;
  padding: 5px 15px;
  border-radius: 12px;
  box-shadow: 0px 4px 3px -2px #e5e2e2;}

.zshj_right{float: right;width: 29%;background-color: #ffffff91;height: 428px;margin-top: 50px;text-align: center;}
.zs_img img{margin: 10px 0;}


.jxmp_select li.active .jxmp_btn::after{
    display: block;
    content:'';
    width: 0;
    height: 0;
    border-top: 10px solid #1672d1; 
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: 42%;
    bottom: -20px;
}
.swiper-button-next, .swiper-button-prev {
  --swiper-navigation-size: 20px;
  padding: 20px;
  border-radius: 50%;
  background: #fff;
  
}
.jxmp_content .jxmp_name:nth-of-type(n+2){
  display: none;
}


.jxyx{width: 1336px; margin: 0 auto;padding-top: 40px;overflow: hidden;background: url(../images/tit08.png) no-repeat top center;}
.jxyx_bg{}
.jxyx_demo{background: url('../images/bj08.png') no-repeat top center; height: 586px;background-size: 100%;width: 78%;margin-top: 54px;}
.pageChange{background: url('../images/bj09.png') no-repeat top center; height: 617px;background-size: 100%;width: 22%;margin-top: 40px;}
.jxyx_bg video{ width: 100%;height: 100%;margin-top: 20px;object-fit: cover;
  outline: none;}
.pubCase{width: 93%;float: right;display: flex;flex-direction: column;    justify-content: space-around;
  height: 100%;
  padding: 50px 0;
  box-sizing: border-box;}
.pubCase li.on img{border: 2px solid #1e7dde;}
.pubCase li div{width: 80%;margin: 0 auto;cursor: pointer;}
.pubCase li div img{width: 100%;}
.jxyx_demo div{display: none;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  margin: auto;}
.jxyx_demo div.active{display: block;}
.jxyx_btn{
  width: 200px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 35px;
  margin: 0 auto 10px;
  font-size: 20px;
  background: linear-gradient(to bottom, #fbfdff, #e6f2ff);
  border: 1.5px solid #b8dbff;
  color: #226ebc;
}

@media (max-width: 750px) {
 
  .section01,.section02,.section03,.section04,.section05,.section06,.section07{width: 100%;
    padding-left: 12px; padding-right: 12px;}
  .section01,.section02,.section03,.section06,.section07,.section04{height: auto;}
  .section07,.jxyx_demo{margin-top: 0;}
  .banner{display: none;}
  .jxgk01,.jjjs,.xzjz,.zshj,.jxyx,.section04_box,.jxmp{width:100%;background-size: 40% !important;}
  .jxgk01{background: url(../images/mljx_icon/icon01.png) no-repeat top center;width: 100%;}
  .jjjs{background: url(../images/mljx_icon/icon02.png) no-repeat top center;}
  .xzjz{background: url(../images/mljx_icon/icon03.png) no-repeat top center;}
  .zshj{background: url(../images/mljx_icon/icon07.png) no-repeat top center;}
  .jxyx{background: url(../images/mljx_icon/icon08.png) no-repeat top center;}
  .section04_box{background: url(../images/mljx_icon/icon04.png) no-repeat top center;}
  .jxmp{background: url(../images/mljx_icon/icon06.png) no-repeat top center;}
  .jxgk01_left,.jxgk01_right{float: none; margin-top: 20px;width: 100%;}
  .jxgk01_left p{font-size: 14px;}
  blockquote:before,blockquote:after{font-size: 3em;}
  .jxgk01_right{padding: 0;height: auto;}
  .jxgk01_right video{width: 100% !important;}
  .jxgk01_right span{top: 2% !important;font-size: 10px !important;}
  .jxgk02{width: 100%;}
  .jxgk02_left {width: 100%;float: none;margin-left: 0;}
  .round_slide{background: none;height: auto;position: unset;}
  .round_slide ul{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
  .jxgk02_left ul li {width: 30%;position: unset;}
  .round_btn {width: 60px;height: 60px;}
  .jxgk02_right{margin-top: 20px;width: 100%;}
  .describe{margin: 10px 0;}
  .describe li{font-size: 13px; padding: 4px 10px;margin-right: 10px;}
  .jxgk02_right p{font-size: 14px;}
  .jjjs_main{padding: 0;height: auto;margin-top: 20px;}
  .jjjs_left,.jjjs_right,.zshj_left,.zshj_right{float: none;width: 100%;margin-top:20px;}
  .jjjs_btn{width: 50px;height: 50px;}
  .jjjs_left_bottom{height: auto;padding:10px}
  .jjjs_title{padding: 5px 50px;font-size: 15px;margin-bottom: 10px;}
  .jjjs_left_bottom p,.xzjx_right p{font-size: 14px;}
  .jjjs_right{padding: 10px;margin-top: 10px;}
  .jjjs_right p{font-size: 14px !important;}
  .xzjz_left,.xzjz_btn li a img,.jxmp_bottom_left{display: none;}
  .xzjx_right{padding-top: 10px;}
  .xzjz_btn li{padding: 10px;margin-top: 10px;}
  .xzjz_btn li a{font-size: 15px;line-height: 30px;}
  .zshj_left{float: none;width: 100%;display: unset;margin-top: 10px;}
  .zshj_icon.active,.zshj_icon{background: none;}
  .zshj_icon.active{background: #1c70c7;}
  .zshj_icon{background: #d8ebff;}
  .zshj_btn .zjhs_project, .zshj_btn .zshj_news{padding: 20px;
    border-top-left-radius: 10px;border-top-right-radius: 10px; writing-mode: lr;font-size: 20px;width: 100%;height: 100%;line-height: 0;}
  .zshj_btn{display: flex;}
  .zshj_content,.jxyx_demo div,.jxmp_bottom_right .describe{height: auto;width: 100%;}
  .zshj_content .news{padding: 10px;}
  .news_img,.news_content,.jxyx_demo{float: none;}
  .news_img{text-align: center;}
  .zshj_content .news_content,.pageChange,.jxmp_select{margin-top: 10px;}
  .zshj_content .news_content{width: 100%;}
  .zshj_content .news_content h4{font-size: 16px;}
  .zshj_content .news_content p,.zs_more,.jxmp_bottom_right p{font-size: 14px;}
  .jxyx_demo,.pageChange{background: none;height: auto;width: 100%;}
  .jxyx_demo,.jxmp_content{margin-top: 20px;}
  .pubCase{width: 100%;flex-direction: row;float: none;height: auto;}
  .pubCase li{width: 33%;}
  .section04_box {padding-top: 30px;height: 350px;}
  .jxms {height: 280px;}
  .jxms ul li{width: 48%;height: 12rem;}
  .jxms ul li p{top: 0;left: 0;min-height: auto;writing-mode: rl;font-size: 16px;padding: 3px 12px;}
  .section04_box .swiper-button-prev{left: 0px;}
  .section04_box .swiper-button-next{right: 0px;}

  .jxmp_btn{font-size: 15px; width: auto;}
  .jxmp_bottom_right {float: none;width: 100%;}
  .jxmp_name h3{font-size: 20px;}
  .jxmp_bottom_right .describe{margin: 10px 0;}
  .jxmp_bottom_right .describe li{font-size: 14px;padding: 5px 15px;margin: 0 15px 10px 0;}
  .jxmp_bottom_right .jmxp_imgflex .jxmp_img{width: 48% !important;}
  .jxmp_describe{height: auto;}
  .jxms .jxms_picmask{font-size: 12px;padding: 5px;}
  
  
}