*{ margin: 0; padding: 0; font-family: "微软雅黑","黑体","宋体"; font-size: 12px; color: #333;}
body{ font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
a{ text-decoration: none; color: #000;}
ul,ol{ list-style: none;}
img{ border: none;}
input,textarea{ outline: none;}





.aaa{ position:absolute; top:63%; display:block; width:8.5%; height:5%; text-align:center; line-height:5%}
.aaa.one{ left:18.5%; color:#fff}
.aaa.tow{ left:29%}


.head{ width: 100%; height: 120px;}
.head .row{ width: 100%; height: 100%; margin: 0;}
.head .row .logo{ width: 100%; height: 120px; line-height: 120px; background: #3a68bb;}
.head .row .logo img{ width: 100px;}
.head .row .col-lg-4{ height: 100%; padding: 0;}
.head .row .col-lg-8{ padding: 0;}
.head .row .hd_top{ display: flex; border-bottom: 2px solid #cccccc;}
.head .row .hd_top .hd_Tleft{ padding: 20px 64px; width: 77%;}
.head .row .hd_top .hd_Tleft img{ width: 260px;}
.head .row .hd_top .hd_Trighr{ padding-top: 20px;}
.head .row .hd_top .hd_Trighr p{ margin-bottom: 0; font-size: 14px; color: #3a68bb; font-weight: 550;}
.head .row .hd_btm .nav{ display: flex; justify-content: space-between; padding-left: 16px; height:42px;}
.head .row .hd_btm .nav li{ height: 50px; line-height: 50px; width: 14%; text-align: center;}
.head .row .hd_btm .nav>li>a{ display: inline-block; font-size: 14px; color: #000; position: relative; padding: 0; transition: 0.3s; font-weight: 550;}
.head .row .hd_btm .nav>li>a:hover{ background: none; color: #3e6abc;}
.head .row .hd_btm .nav>li>a:hover::before{ width: 100%; height: 2px;}
.head .row .hd_btm .nav>li>a::before{ content: ""; display: block; width: 0; height: 0px; background: #3a68bb; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%); transition: 0.3s; }
.head .row .hd_btm .nav>li>a.active{ color: #3e6abc;}
.head .row .hd_btm .nav>li>a.active::before{ content: ""; display: block; width: 100%; height: 2px; background: #3a68bb; position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);}
/* .head .row .hd_btm .nav>li:hover .erji{ display: block;} */
.head .erji{ position: absolute; z-index: 2; background: #fff; width: 100%; top: 47px; border-radius: 0 0 5px 5px; overflow: hidden;display: none;}
.head .erji li{  width: 100%!important; }
.head .erji li a{ white-space: nowrap; padding: 11% 18%; border-bottom: 1px solid rgba(0,0,0,0.1); color: #6e6e6e; font-size: 12px; text-decoration: none;}
.head .erji li:last-child a{ border: 0;}
.head .erji li:hover{ background: #3a68bb;}
.head .erji li:hover a{ color: #fff;  border-bottom: #3a68bb;}


/* .banenr{ border: 1px solid #ccc;} */
.banenr .swiper-container{ width: 100%; height: 100%;}
.banenr img{ width: 100%;}


/* 关于我们 */
.about{padding-bottom: 68px;}
.about h3{ font-size: 35px; color: #000; text-align: center; margin: 60px 0;}
.about p{ text-align: center; width: 71%; margin: 0 auto; font-size: 16px; line-height: 30px; color: #707070; margin-bottom: 79px;}
.about span{ display: block; margin: 0 auto; width: 265px; height: 55px; line-height: 55px; color: #fff; background: #3a68bb; font-size: 24px; text-align: center; border-radius: 30px;}
.about span a{ color: #fff; font-size: 24px; text-decoration:none}

/* 我们的优势 */
.advantage{ width: 100%; background: #edf2f6;}
.advantage h3{ font-size: 35px; color: #000; text-align: center; margin: 60px 0;}
.advantage .list{ width: 100%; display: flex; justify-content: space-between; margin-bottom:50px}
.advantage .list li{ position: relative; top: 90px; opacity: 0; transition: 0.5s;}
.advantage .list.active li{ top: 0; opacity: 1; }
.advantage .list li:nth-child(2){ transition-delay: 0.1s;}
.advantage .list li:nth-child(3){ transition-delay: 0.2s;}
.advantage .list li:nth-child(4){ transition-delay: 0.3s;}
.advantage .list .item{ text-align: center;}
.advantage .list .item img{ width: 83px; height: 83px;}
.advantage .list .item h4{ font-size: 28px; margin-top: 60px;}
.advantage .list .item i{ display: block; height: 1px; background: #000; width: 36px; margin: 22px auto 0;}
.advantage .list .item p{ font-size: 14px; color: #000; margin-top: 20px;}



/* 科技助力 */
.science{padding: 70px 0;}
.science ul{ display: flex; justify-content: space-between;}
.science ul.active li{top: 0; opacity: 1; transition: 0.5s;}
.science .In_sce li:nth-child(2){transition-delay: 0.1s;}
.science .In_sce li:nth-child(3){transition-delay: 0.2s;}
.science .In_sce li:nth-child(4){transition-delay: 0.3s;}
.science .In_sce_tow li:nth-child(1){transition-delay: 0.5s;}
.science .In_sce_tow li:nth-child(2){transition-delay: 0.6s;}
.science .In_sce_tow li:nth-child(3){transition-delay: 0.7s;}
.science .In_sce_tow li:nth-child(4){transition-delay: 0.8s;}
.science ul li{ text-align: center; width: 120px; position: relative; top: 200px; opacity: 0;}
.science span{ display: block; margin-top: 20px;}
.science ul:first-child{ margin-bottom: 65px;}
.oneUl{margin-bottom: 65px;}


.strategy{ width: 100%; background: #edf2f6; padding-bottom: 68px;}
.strategy h3{ font-size: 35px; color: #000; text-align: center; margin: 60px 0;}
.strategy ul{ display: flex; justify-content: space-between;}
.strategy ul:first-child{ margin-bottom: 75px;}


.footer{ background: #3a68bb; width: 100%; padding: 80px 0 60px 0;}
/* .footer .container{} */
footer span{ display: block; width: 100%; height: 1px; background: #4d76c1; margin-top: 30px;}
.footer .left{ display: flex; align-items: center;}
.footer .left img{ width: 125px; height: auto;}
.footer .left i{display: block; background: #f2f3f5; width: 5px; height: 5px; border-radius: 50%; margin: 0 30px;}
.footer .left p{ margin-bottom: 0; color: #f2f3f5; font-size: 18px;}
.footer .contert li{ line-height: 36px; color: #f2f3f5; font-size: 14px;}
.footer .row .right{ width: 114px;padding: 0; float: right;}
.footer .right .pic{ text-align: right;}
.footer .right img{ width: 114px; height: 114px; }
.footer .right p{ font-size: 14px; color: #f2f3f5; text-align: center; margin-top: 16px;}

.footer .btm{ display: flex; align-items: center; justify-content: space-between; margin-top: 50px;}
.footer .btm .left{ position: relative; display: flex; align-items: center; justify-content: space-between; width: 290px; border-bottom: 1px solid #aabcdd; height:40px}
.footer .btm .left p{ font-size: 14px; color: #f2f3f5;}
.footer .btm .left:hover ul{ display: block;}
.footer .btm .left ul{ margin: 0; display: none; position: absolute; width: 100%; bottom:36px; background: #fff;}
.footer .btm .left ul li{ line-height: 35px; padding-left: 20px; box-sizing: border-box;}
.footer .btm .rightt .daohang{width: 755px; display: flex; justify-content: space-between; margin-bottom:0}
.footer .btm .rightt .daohang li a{ color: #fff; font-size: 12px; text-decoration: none;}






/******************************************* 关于我们 *******************************************/
.ab_banner { height: 438px;}
.ab_banner .container{position: relative; height: 100%;}

.ab_banner h3{ color: #fff; font-size: 22px; border-left: 2px solid #3a68bb; padding-left: 30px; position: relative; top: 195px;}
.ab_banner ul{ position: absolute; display: flex; background: #fff; bottom: 0; width: 100%; margin: 0;}
.ab_banner ul li{ text-align: center; width: 25%; height: 75px; line-height: 75px; border: 1px solid #c3c3c3; border-top: 0; border-left: 0;}
.ab_banner ul li:last-child{ border-right: 0;}
.ab_banner ul li.active{background: #3a68bb;}
.ab_banner ul li.active a{ color: #fff;}
.ab_banner ul li a{ color: #000; font-size: 14px; text-decoration: none; display: block;}
.ab_banner ul li:hover{ background: #3a68bb;}
.ab_banner ul li:hover a{ color: #fff;}

.ac_con .ab_nav{ display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #dbdbdb; padding: 74px 0 43px 0;}
.ac_con .ab_nav .titel h4{ font-size: 22px; color: #000; font-weight: bold;}
.ac_con .ab_nav .titel p{ font-size: 12px;}



.ab_cont{ margin-top: 70px; margin-bottom:30px}
.CP_cont .CP_nav {
    justify-content: center;
    display: flex;
    align-items: center;
}
.win_admin{ margin-bottom:70px}
.ab_cont .list{ display: flex; flex-wrap: wrap;}
.ab_cont .list li{ width: 346px; height: 218px; margin: 8px;}
.ab_cont .list li a{display: block; position: relative; overflow: hidden;}
 .list li a .ceng{ position: absolute; width: 100%; height: 57px; background: #3e6abc; color: #fff; text-align: center; line-height: 57px; bottom: -57px; font-size: 16px; transition: 0.3s;}
.ab_cont .list li a:hover .ceng{ bottom: 0;}

.ab_cont h4{ text-align: center; font-size: 20px; color: #000; font-weight: bold;}
.ab_cont i{ display: block; width: 87px; height: 4px; background: #929292; margin: 47px auto 86px;}
.ab_cont p{ width: 80%; font-size: 16px; color: #6e6e6e; text-align: center; margin: 0 auto; line-height: 40px;}
.ab_cont .ab_lent{ display: flex; justify-content: space-between; margin: 47px 0 81px 0;}
.ab_cont .ab_lent li{ 
	/*width: 375px;*/
	
}
.ab_cont .ab_lent li img{ width: 100%; height: auto;}
.ab_cont .menu h5{ font-size: 20px; font-weight: 550; padding-left: 20px; border-left: 5px solid #3a68bb;}
.ab_cont .menu p{ text-align: left; width: initial;}
.ab_cont .row{ margin-bottom: 70px;}


.ab_cont .content{ display: flex; margin-bottom: 70px;}
.ab_cont .content .ab_con_left{ width: 330px;}
.ab_cont .content .ab_con_left img{ width: 100%; height: auto;}
.ab_cont .content .ab_con_right{ margin-left: 67px; width: 60%;}
.ab_cont .content .ab_con_right h5{ font-size: 20px; font-weight: 550;}
.ab_cont .content .ab_con_right span{ padding: 45px 0 45px 0; display: block; font-size: 12px; color: #000; font-weight: 400;}
.ab_cont .content .ab_con_right p{ width: initial; text-align: left; font-size: 12px; line-height: 30px;}
.ab_cont .content .ab_con_right i{ width: 100%; display: block; height: 1px; background: #dbdbdb; margin: 50px 0;}
.ab_cont .content .ab_con_right .btm{ display: flex; align-items: center; justify-content: space-between;}
.ab_cont .content .ab_con_right .btm span{padding: 0;}
.ab_cont .content .ab_con_right .btm .lest{display: flex;}
.ab_cont .content .ab_con_right .btm .lest i{ width: 4px; height: 4px; background: #313131; border-radius: 50%; margin: 0 4px; opacity: 0.2;}
.ab_cont .content .ab_con_right .btm .lest i:first-child{ animation: myfirst 0.9s infinite;}
.ab_cont .content .ab_con_right .btm .lest i:nth-child(2){ animation: tow 0.9s infinite; animation-delay:0.3s}
.ab_cont .content .ab_con_right .btm .lest i:last-child{ animation: there 0.9s infinite; animation-delay:0.6s}




@keyframes myfirst
{
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@keyframes tow
{
    from {opacity: 0.2;}
    to {opacity: 1;}
}
@keyframes there
{
    from {opacity: 0.2;}
    to {opacity: 1;}
}



.hyllist{padding: 30px 20px; box-sizing: border-box; border-bottom: 1px solid #999; border-left: 0; transition:0.3s;}
.hyllist:hover{ background:#077BC9;}
.hyllist:hover .hyebox .hayeleft .rizi,.hyllist:hover .hyebox .hayeleft .nianyue,.hyllist:hover .hayecont .hangye_tit,.hyllist:hover .hyquan .hy_a{ color:#fff;}
.hyllist:hover .hayecont .hangye_p{ color:#E2F0F8}
.hyllist:hover .hyquan .hybig{border: 1px solid #fff;}
.hyllist:hover .hyquan .hybig .hydian{  background: #fff;}
.hyebox{ display:flex; align-items:center; justify-content: space-between;}
.hyebox .hayeleft{width:100px;}
.hyebox .hayeleft .rizi{text-align: center; font-size: 50px; font-weight: bold;line-height: 44px; transition:0.3s;}
.hyebox .hayeleft .nianyue{text-align: center;  font-size: 18px; letter-spacing: 1px; transition:0.3s;}
.hayecont .hangye_tit{ font-size: 16px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition:0.3s;}
.hayecont .hangye_p{ font-size: 14px; width: 700px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; transition:0.3s;}
.hyquan{display: flex; align-items: center;}
.hyquan .hybig{width: 40px; height: 40px; border: 1px solid #999; border-radius: 50%; position:relative;  margin-right: 20px; transition:0.3s;}
.hyquan .hybig .hydian{width: 4px; height: 4px; background: #999; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); border-radius: 50%; margin-right: 13px; transition:0.3s;}
.hyquan .hy_a{ font-size: 12px; color: #999;   text-decoration: none;}

/************************************ 智能售酒 ************************************/
.winBody{ background: #edf2f6;}
.winBody .head{ background: #fff;}
.ZN_cont .line{ font-size: 14px;}
.ZN_cont .ZN_lent{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 65px;}
.ZN_cont .ZN_lent li{ background: url(../images/ZN_bg.jpg) no-repeat; width: 260px; margin-bottom: 20px; background-size:100%}
.ZN_cont .ZN_lent li .ZN_box .pic{ width: 110px; margin:  0 auto; height:190px;overflow:hidden}
.ZN_cont .ZN_lent li .ZN_box .pic img{ width: 100%; height: auto;}
.ZN_cont .ZN_lent li .ZN_box .btn_Bg{ background: #3a68bb; padding-bottom: 10px; height:125px;overflow:hidden;}
.ZN_cont .ZN_lent li .ZN_box .btn_Bg .title{ color: #fff; font-size: 16px;}
.ZN_cont .ZN_lent li .ZN_box .btn_Bg .text{ color: #fff; font-size: 12px; line-height: 20px;}


.ZN_list{ background: #f4f4f4; padding-top: 70px;}
.ZN_list .ZN_lent{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 65px;}
.ZN_list .ZN_lent li{ background: #fff; box-shadow: 0 0 5px #ccd6e6; width: 340px; height: 340px; margin-bottom: 64px; letter-spacing: 4px;}
.ZN_list .ZN_lent li .ZN_box .pic{ width: 120px; margin: 40px auto;}
.ZN_list .ZN_lent li .ZN_box .pic img{ width: 100%; height: auto;}
.ZN_list .ZN_lent li .ZN_box .btn_Bg .title{ font-size: 20px; font-weight: bold; color: #000;}
.win_admin .win_ad_Con{ margin-top: 80px; display: flex;}
.win_admin .win_ad_Con .win_pic{ width: 60%;}
.win_admin .win_ad_Con .win_pic img{ width: 90%; height: auto;}
.win_admin .win_ad_Con .win_list{position: relative; right: 0;width: 40%; margin-top: -3%; margin-left: -5%;}
.win_admin .win_ad_Con .win_list .win_item{ display: flex; margin: 10% 0;}
.win_admin .win_ad_Con .win_list .win_item:first-child{ margin-top: 0;}
.win_admin .win_ad_Con .win_list .win_item:last-child{ margin-bottom: 0;}
.win_admin .win_ad_Con .win_list .win_item:nth-child(2){ margin-left: 14%;}
.win_admin .win_ad_Con .win_list .win_item:nth-child(3){ margin-left: 27%;}
.win_admin .win_ad_Con .win_list .win_item:nth-child(4){ margin-left: 14%;}
.win_admin .win_ad_Con .win_list .win_item .win_item_pic{ width: 104px;}
/* .win_admin .win_ad_Con .win_list .win_item .win_item_pic img{ width: 99%;}0 */
.win_admin .win_ad_Con .win_list .win_item .win_item_nei{margin-left: 5%;}
.win_admin .win_ad_Con .win_list .win_item .win_item_nei .win_title{ font-size: 22px; color: #3a68bb; font-weight: bold; margin-top: 10px; }
.win_admin .win_ad_Con .win_list .win_item .win_item_nei .win_item_con{ font-size: 14px; width: 80%;}




/************************************ 招商加盟 ************************************/
.ZS_cont .line{ font-size: 14px;}
.ZS_cont .ZS_lent{ display: flex; justify-content: space-between; margin-top: 65px;}
.ZS_cont .ZS_lent li{ width: 82px;}
.ZS_cont .ZS_lent li .ZS_box .pic{ height: 82px; line-height: 82px; margin-bottom: 20px;}
.ZS_cont .ZS_lent li .ZS_box .pic img{width: 100%; height:auto;}
.ZS_cont .ZS_lent li .ZS_box .btn_Bg .title{ font-weight: bold;}


.tiaojian{ padding-bottom: 70px;}
.tiaojian .ZS_Let{ width: 40%; float: right; padding-top: 70px;}
.tiaojian .ZS_Let h5{ font-size: 20px; font-weight: bold;}
.tiaojian .ZS_Let h5 .bb{ font-size: 20px; font-weight: bold; color: #3a68bb;}
.tiaojian .ZS_Let .intuce{ font-size: 12px; margin-bottom: 45px; display: block;}
.tiaojian .ZS_Let .many{ font-size: 14px; color: #4d5051; font-weight: 500; position: relative; padding-left: 20px;}
.tiaojian .ZS_Let .many::before{ content: ""; display: block; width: 7px; height: 7px; background: #5c82c6; position: absolute; left: 0; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.tiaojian .ZS_Let img{ width:400px}

.jin{ width: 100%; padding-bottom: 70px;}
.jin .ZS_table{ width: 500px; margin: 30px auto 0;}
.jin .ZS_table .list_item{ display: flex; align-items: center; margin-bottom: 30px;}
.jin .ZS_table .list_item .tit{ width: 160px; text-align: right; font-size: 16px; font-weight: 500; color: #404040;}
.jin .ZS_table .list_item input{ font-size: 12px; color: #9b9b9b; padding: 5px; width: 240px;}
.jin .btn{ width: 158px; height: 38px; color: #fff; background: #3a68bb; border-radius: 20px; margin: 0 auto; display: block; outline: none; border: 0;}
.jin .btn:focus{outline:0;}



/************************************ 产品中心 ************************************/
.CP_cont{ padding-bottom: 70px;}
.CP_cont .CP_lent{ display: flex; flex-wrap: wrap; margin-top: 65px; justify-content: space-between;}
.CP_cont .CP_lent li{ width: 324px; height: 310px; margin-bottom: 40px; background: #c5c5c5;}
.CP_cont .CP_lent li a{ display: block; height: 100%; position: relative; overflow: hidden;}
.CP_cont .CP_lent li a .pic{ width: 100%;}
.CP_cont .CP_lent li a .pic img{ width: 100%; height: auto;}
.CP_cont .CP_lent li a .link{ width: 100%; background: #3a68bb; text-align: center; height: 88px; line-height: 88px; position: absolute; bottom: -88px; color: #fff; font-size: 16px; transition: 0.3s;}
.CP_cont .CP_lent li:hover a .link{ bottom: 0;}

.CP_cont .CP_nav{justify-content: center; display: flex; align-items: center;}
.CP_cont .CP_nav li{ margin: 0 28px; }
.CP_cont .CP_nav li a{ font-size: 14px; display: block; text-decoration: none; }
.CP_cont .CP_nav li:first-child,.CP_cont .CP_nav li:last-child{ width: 24px; height: 24px; text-align: center; line-height: 22px; border: 1px solid #989898; border-radius: 50%; }

.page_list{width:360px; display:flex; align-items: center;}
.page_list a{  font-size: 14px; display: block; text-decoration: none;  margin: 0 28px; }
.page_list a:first-child,.page_list a:last-child{ display:none;}
.page_list a:nth-child(2){ display:block; width: 24px; height: 24px; text-align: center; line-height: 22px; border: 1px solid #989898; border-radius: 50%;}
.page_list a:nth-last-child(2){ display:block; width: 24px; height: 24px; text-align: center; line-height: 22px; border: 1px solid #989898; border-radius: 50%;}






/************************************ 个性定制 ************************************/
.GX_body{ background: #f4f4f4;}
.GX_body .head{ background: #fff;}
.GX_banner ul li{ width: 50%;}

.GX_cont .GX_lent li.active{ background: #3a68bb; }
.GX_cont .GX_lent{ display: flex; margin-top: 65px; justify-content: space-between;}
.GX_cont .GX_lent li{ background: #97aed7; width: 173px; height: 50px; color: #fff; font-size: 16px; text-align: center; line-height: 50px; cursor: pointer;}
.GX_cont .GX_len_con{ margin-top: 50px; margin-bottom: 60px;}
.GX_cont .GX_len_con li .GX_box{ display: flex;}
.GX_cont .GX_len_con li .GX_box .GX_left{ width: 40%;}
.GX_cont .GX_len_con li .GX_box .GX_left .pic{ width: 100%;}
.GX_cont .GX_len_con li .GX_box .GX_left .pic img{ width: 100%; height: auto;}
.GX_cont .GX_len_con li .GX_box .GX_left .GX_btn{letter-spacing:2px; width: 100%; text-align: center; background: #3a68bb; color: #fff; height: 70px; line-height: 70px; font-size: 20px;}
.GX_cont .GX_len_con li .GX_box .GX_right{ margin-left: 2%; width: 60%;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_on{ display: flex;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_on .GX_on_b{ margin-right: 20px;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_on .GX_on_b:nth-child(2){ margin-right: 0;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_on .GX_on_b .pic{ width: 100%;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_on .GX_on_b .pic img{ width: 100%; height: auto;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_on .GX_on_b .GX_btn{letter-spacing:2px; width: 100%; background: #3a68bb; height: 45px; text-align: center; line-height: 45px; color: #fff; font-size: 16px;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_dow{ display: flex; align-items: center; margin-top: 26px;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_dow .tit{ font-size: 28px; color: #3a68bb; font-weight: bold; padding-right: 20px; margin-right: 20px; border-right: 2px solid #3a68bb; line-height: 30px;}
.GX_cont .GX_len_con li .GX_box .GX_right .GX_dow .GE_ton .GE_ton_P{ width: 100%; margin: 0; text-align: left; line-height: initial; font-size: 14px;}

.GX_me{ background-color: #edf1f4; width: 100%; padding: 65px 0;}
.GX_me .GX_let{ display: flex; justify-content: space-between;}
.GX_me .GX_let .GX_pic{ width: 45%;}
.GX_me .GX_let .GX_pic img{ width: 100%; height: auto;}
.GX_me .GX_let .GX_content{ width: 50%; padding-left: 5%;}
.GX_me .GX_let .GX_content .GX_tit{ margin-left: 70px;}
.GX_me .GX_let .GX_content .GX_tit h5{  font-size: 20px;  color: #000; font-weight: bold; width: 150px;}
.GX_me .GX_let .GX_content .GX_tit span{ display: block;}
.GX_me .GX_let .GX_content .GX_tit .translate{ font-size: 12px;}
.GX_me .GX_let .GX_content .GX_tit .line{ width: 22px; height: 2px; background: #76787a; margin: 20px 0;}
.GX_me .GX_let .GX_content .GX_tit .explain{ font-size: 14px;}
.GX_me .GX_let .GX_content .GX_01{ display: flex; margin-top: 119px;}
.GX_me .GX_let .GX_content .GX_01 .GX_title h5{ font-size: 45px; color: #979b9c; margin: 0 0 35px 0;}
.GX_me .GX_let .GX_content .GX_01 .GX_title .heng{ width: 2px; height: 64px; background: #979b9c; display: block; margin: 0 auto;}
.GX_me .GX_let .GX_content .GX_01 .GX_Subtitle{ margin-left: 16px;}
.GX_me .GX_let .GX_content .GX_01 .GX_Subtitle .senv{ font-size: 20px; color: #707274; margin-bottom: 45px;}
.GX_me .GX_let .GX_content .GX_01 .GX_Subtitle .GX_con{ font-size: 14px; color: #565758; line-height: 30px;}

.GX_me .GX_rig { margin-top: 55px;}
.GX_me .GX_rig .GX_content{ padding: 0 5% 0 0; width: 72%;}
.GX_me .GX_rig .GX_content .GX_01{ margin-top: 0;}


.customized{ width: 100%; background: #5e83c6; padding: 50px 0;}
.customized .GX_logo{ width: 100px; margin: 0 auto;}
.customized .GX_logo img{ width: 100%; height: auto;}
.customized .GX_h4{ text-align: center; font-size: 22px; color: #fff;  font-weight: bold; margin: 30px 0;}
.customized .GX_btn{ display: flex; justify-content: center;}
.customized .GX_btn a{ display: block; margin: 0 5px; width: 95px; height: 28px; text-align: center; line-height: 28px; text-decoration: none;}
.customized .GX_btn .GX_service{ background: #f39606; color: #fff;}
.customized .GX_btn .GX_about{ border: 1px solid #ecf0f8; color: #fff;}

.customer{ width: 100%; background: #edf1f4; padding: 70px 0;}
.customer .GX_Kh{ width: 100%; display: flex;}
.customer .GX_Kh .GX_Kh_Left{ width: 80%; position: relative;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_One{ display: flex; justify-content: space-between;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_One .GX_Kh_List{ text-align: center;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_One .GX_Kh_List .GX_Kh_pic{ display: flex; align-items: center; justify-content: center; height: 80px;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_One .GX_Kh_List .GX_Kh_p{ font-size: 16px; margin-top: 20px;}

.customer .GX_Kh .GX_Kh_Left .GX_Kh_Onle{ position: absolute; right: 0; width: 122px; text-align: center;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_Tow{ display: flex; justify-content: space-between; align-items: center; margin-top: 66px;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_Tow .GX_Kh_List{text-align: center;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_Tow .GX_Kh_List .GX_Kh_pic{ display: flex; align-items: center; justify-content: center; height: 80px;}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_Tow .GX_Kh_List.GX_Jian .GX_Kh_pic img{ transform: rotateY(180deg);}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_Tow .GX_Kh_List .GX_Kh_p{ font-size: 16px; margin-top: 20px; white-space:nowrap}
.customer .GX_Kh .GX_Kh_Left .GX_Kh_Tow .GX_Kh_List.GX_Jian .GX_Kh_p{ opacity: 0;}
.customer .GX_Kh .GX_Kh_Right{  width: 20%; margin-left: 2%; background: #3a68bb;}
.customer .GX_Kh .GX_Kh_Right .GX_Kh_Rig{text-align: center; padding-top: 47px;}
.customer .GX_Kh .GX_Kh_Right .GX_Kh_Rig .GX_Kh_FT{ color: #fff; font-size: 12px;}
.customer .GX_Kh .GX_Kh_Right .GX_Kh_Rig .GX_Kh_Tit{ font-size: 21px; color: #fff; font-weight: 500; margin: 10px 0 20px 0;}
.customer .GX_Kh .GX_Kh_Right .GX_Kh_Rig .GX_Kh_line{ width: 46px; height: 2px; background: #fff; margin: 0 auto;}
.customer .GX_Kh .GX_Kh_Right .GX_Kh_Rig .GX_Kh_Btm{ color: #fff; font-size: 24px; font-weight: bold;}
.customer .GX_Kh .GX_Kh_Right .GX_Kh_Rig .GX_Kh_Btm span{ font-size: 50px; color:  #fff; margin-top: 90px; display: inline-block;}



.GX_lh_Con{ width: 100%; padding: 80px 0 70px 0;}
.GX_lh_Con h3{ text-align: center; font-size: 22px; font-weight: 500; color: #000;}
.GX_lh_Con .line{ text-align: center; font-size: 14px; color: #7d7f80; margin-top: 30px;}

.GX_select{ width: 100%; background: #3a68bb; padding: 74px 0 60px 0;}
.GX_select .GX_sel_H4{ text-align: center; font-size: 20px; color: #fff;}
.GX_select .free{ display: flex; justify-content: space-between; margin-top: 60px;}
.GX_select .free .free_list{ width: 30%; text-align: center;}
.GX_select .free .free_list .free_list_P{ font-size: 18px; color: #fff; margin-bottom: 40px;}
.GX_select .free .free_list:nth-child(2){ border: 1px solid #6186c9; border-top: 0; border-bottom: 0;}
.GX_select .free .free_list .free_list_span{ display: inline-block;margin: 0 10px; color: #c0cbe5; font-size: 14px;}


.customer .GX_Kh .process{ width: 100%; margin-top: 70px;}
.customer .customer_h3{  text-align: center; font-size: 22px; font-weight: 500; color: #000;}
.customer .line{ text-align: center; font-size: 14px; color: #7d7f80; margin-top: 30px;}


.personality{ background: #3a68bb; padding: 80px 0;}
.personality .customer_h3{  text-align: center; font-size: 22px; font-weight: 500; color: #fff;}
.personality .line{ text-align: center; font-size: 14px; color: #d1d9ec; margin-top: 20px;}
.personality .GX_per{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:30px}
.personality .GX_per .GX_per_list{ background: #fff; width: 30%; height: 350px; margin-bottom: 40px; position: relative; overflow: hidden;}
.personality .GX_per .GX_per_list .GX_per_pic{ height: 100%; display: flex; justify-content: center; align-items: flex-end; transition: 0.3s;}
.personality .GX_per .GX_per_list .GX_per_pic img{transition: 0.3s; width: 82%;}
.personality .GX_per .GX_per_list .GX_pe_ceng{ width: 100%; background: #6990d7; height: 80px; text-align: center; line-height: 80px; color: #fff; font-size: 14px; position: absolute; bottom: -80px; transition: 0.3s;}
.personality .GX_per .GX_per_list:hover .GX_pe_ceng{ bottom: 0;}
.personality .GX_per .GX_per_list:hover .GX_per_pic{ height: 77%;}
.personality .GX_per .GX_per_list:hover .GX_per_pic img{ width: 60%;}

.exclusive{ width: 100%; background-color: #edf1f4; padding: 80px 0; }
.exclusive .customer_h3{  text-align: center; font-size: 22px; font-weight: 500; color: #000;}
.exclusive .line{ text-align: center; font-size: 14px; color: #000; margin-top: 20px;}
.exclusive .exclusive_p{ width: 70%; text-align: center; margin: 60px auto 56px;}
.exclusive .form_Con{ width: 100%; background: #3a68bb; display: flex; justify-content: center; padding: 50px 0;}
.exclusive .form_Con .exclusive_left{ margin-right: 10%;}
.exclusive .form_Con .exclusive_left,.exclusive .form_Con .exclusive_right{ width: 30%;}
.exclusive .form_Con .exclusive_left .form-group{position: relative;}
.exclusive .form_Con .exclusive_left .form-group label{ position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 20px;}
.exclusive .form_Con .exclusive_left .form-group .form-control{ background: none; padding-left: 65px; outline: none; color: #fff; background-color: 0;}
.exclusive .form_Con .exclusive_left .exclusive_se{ position: relative;}
.exclusive .form_Con .exclusive_left .exclusive_se .lary{ position: absolute; top: 50%; transform: translateY(-50%); color: #fff; left: 20px;}
.exclusive .form_Con .exclusive_left .exclusive_se .form-control{ background: none; color: #fff; padding-left: 65px;}

.exclusive .form_Con .exclusive_right .exclusive_se{ display: flex; justify-content: space-between;}
.exclusive .form_Con .exclusive_right .exclusive_se .du{ position: relative;}
.exclusive .form_Con .exclusive_right .exclusive_se .du input{ width: 60%;}
.exclusive .btn{ width: 150px ; height: 47px; background: #3a68bb; color: #fff; margin: 30px auto 0; display: block;}



.ab_cont.CP_cont.anli .CP_lent{ justify-content:left}
.ab_cont.CP_cont.anli .CP_lent li{ height:192px; overflow:hidden; margin-right:50px}
.ab_cont.CP_cont.anli .CP_lent li:nth-child(3n){ margin-right:0}
.ab_cont.CP_cont.anli .CP_lent li a .link{ height:50px; line-height:50px}







/************************************ 联系方式 ************************************/


.mode{ width: 100%;}
.mode .mode_con{ font-size: 16px; color: #000; margin-top: 70px;}
.mode ul{ width: 100%; display: flex; justify-content: space-between; margin-top: 50px;}
.mode ul li{ display: flex;}
.mode ul li .icon{ margin-right: 30px;}
.mode ul li .mede_titel{ font-size: 14px; margin-bottom: 10px;}
.mode ul li .medo_num{ font-size: 14px;}