@charset "utf-8";
html{ font-size: 100px; }
body{font-family:Arial, Helvetica, sans-serif;font-family:"Microsoft YaHei","Source Han Sans CN", sans-serif;  color:#333; font-size:14px;}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#0052d9}
i{ font-style: normal; }
em{ font-style:normal;}
.clear{clear:both;}
.l{float:left;}
.r{float:right;}
.layui-layer-setwin .layui-layer-close2 {
    right: -6px!important;
    top: -6px!important;
}
.bak{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;  display: block; }
.bak:hover {-webkit-transform:scale(1.08); -moz-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);}
.pic,.pic1{ overflow: hidden; margin: auto; position: relative;}
.pic span{ background-repeat: no-repeat; background-position: center; background-size: cover; display: block;}
.pic span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; transition: all 0.5s;}

.pic1 span{background-repeat: no-repeat; background-position: center; background-size:contain; display: block;}
.pic1 span img{position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; transition: all 0.5s;}



.middle{ width: 1320px; max-width:96%; margin: auto; }

.htel{ float:right;}
.htel:before{ font-size:20px; margin-right:12px;}


.head{background-color: rgb(0, 0, 0,0.27); height:70px; color:#FFF; line-height:70px; width:100%; position:fixed; left:0; top:0; z-index:1000}
.head .imglogo{ display:inline-block; float:left; height:45px; margin-top:13px; margin-right: 10px;}
.head .spanlogo{ display:inline-block; float:left; color:#FFF; font-size:18px;}
.nav{ float:left;  margin-left: 80px; }
.nav li{ float: left; text-align: center; position: relative; z-index: 999; height:69px; line-height:69px; margin:0px 24px;}
.nav li a{ display: block; width:65px; color:#FFF}
.nav li:hover a,.nav li.on a{ border-bottom:1px solid #FFF}

.nav li .sub-box1{ position:absolute;text-transform:none; top:70px; left: -10px;  width:calc(100% + 20px); overflow: hidden; height: 0px; display: block; z-index: 999; 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;  z-index: -1;opacity:0; filter:alpha(opacity=0); -webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -moz-box-shadow: 0 0px 5px rgba(0,0,0,0.2); -o-box-shadow: 0 0px 5px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px rgba(0,0,0,0.2); display:none!important }

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fff; }
.nav li .sub-box a{ display: block; margin: auto; font-size: 14px;  padding:0px 10px; text-align: center; border-bottom: #004F88 1px dotted; line-height: 45px; }
.nav li .sub-box a:hover{ background: #4078c2; color: #fff; }






.nbanner{ margin: auto;  }
.nbanner .p{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:100; color:#FFF;display: flex;align-items: center;justify-content: center;}
.nbanner .p i{ display:block;font-size: 32px; text-transform: uppercase;}
.nbanner .p em{ display:block; font-size:20px;}
.nbanner .p p{ text-align:center}
.nbanner .pic span{ padding-top: 16.8%; }
.n_dh{ margin: auto;  text-align: center; font-size:0; }
.n_dh a{ display: inline-block; padding: 20px 20px; font-size: 16px; margin: 50px 0px 20px 0px; background:#F2F2F2 }
.n_dh a:hover{color: #fff; background: #1E4FB1; }
.n_dh a.on{color: #fff; background: #1E4FB1; }

/*返回顶部*/
#goTopBtn{ position:fixed; right: 0px; bottom: 50px; width: 38px; height: 38px; background: #6D1EEB; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }

.foot{background-color: rgb(46, 49, 57); padding-top:3.9%; color: rgb(153, 153, 153); }
.foot .fnr{ padding-bottom:40px;}
.foot a{color: rgb(153, 153, 153);}
.footl{ float:left;}
.footl img{ height: 50px; }
.footl .ftel{color:#FFF; padding:10px 0;}
.footl .ftel:before{ font-size:20px; color:#FFF;}
.footl .ftel i{ font-weight:bold; font-size:24px;}
.footl p{ color:#FFF; line-height:2;}
.footz{  width:440px;display: grid;
	grid-template-columns: repeat(3, minmax(90px, 1fr));
	gap:20px; float:left; margin-left:15%;}
.footz ul{ display:block;}
.foot .at{ font-size:16px; font-weight:bold; color:#FFF; padding-bottom:20px; display:block;}
.footz ul a{ display:block; line-height:2}
.footr{ width:97px; float:right}
.footr img{ display:block;}
.footr i{ display:block; padding-top:5px;}
.dibu{ border-top:1px solid rgb(153, 153, 153); padding:1.5% 0; text-align: center;}
.dibu i{ display:inline-block; margin:0 5px;}

.route{ padding-top:12px;}
.route p{}

.lxwm{ padding-top:3%;}
.lxwm .mess{ background:#F2F2F2; padding:4% 6%; display:flex; margin:auto;}
.lxwm .mess .messl{ width:50%;}
.lxwm .mess .messl .mess_tel{ border-bottom:1px solid #DBDBDB; width:490px; max-width:90%; padding-bottom:40px; margin-bottom:40px;}
.lxwm .mess .messl .mess_tel dl{ width:102px; height:102px; display:block; float:left; border-radius:102px; line-height:102px; text-align:center; font-size:50px; background:#FFF;}
.lxwm .mess .messl .mess_tel p{ display:block; overflow:hidden; padding-left:25px;}
.lxwm .mess .messl .mess_tel p i{ display:block; font-size:18px; padding-top:12px;}
.lxwm .mess .messl .mess_tel p span{display:block; font-size:24px;}
.lxwm .mess .messl .mess_tel p em{display:block; font-size:12px; color:#999; padding-top:5px;}
.lxwm .mess .messl .mess_address{font-size: 14px; line-height: 240%; color: rgb(85, 85, 85);}
.lxwm .mess .messl .mess_qr{ width:97px; padding-top:20px;}
.lxwm .mess .messl .mess_qr img{}
.lxwm .mess .messl .mess_qr i{}
.lxwm .mess .messr dl{ width:410px; float:right; max-width:95%}
.lxwm .mess .messr{width:calc(50% - 1px); border-left:1px solid #DBDBDB;}
.lxwm .mess .messr .messr_tit{}
.lxwm .mess .messr .messr_tit i{color: rgb(34, 34, 34); display:block; font-size: 32px;}
.lxwm .mess .messr .messr_tit p{ line-height:1.4; padding:15px 0 30px 0;}
.lxwm .mess .messr ul{}
.lxwm .mess .messr ul li{}
.lxwm .mess .messr ul li span{ display:block; padding-bottom:10px; padding-top:10px;}
.lxwm .mess .messr ul li input{border:1px solid #dbdbdb; width:calc(100% - 2px);    font-size: 12px;
    text-indent: 5px;
    height: 38px;
    line-height: 38px; border-radius:3px;}
.lxwm .mess .messr ul li textarea{font-size: 12px;
    padding: 5px 0;
    width: 100%;
    height: 60px;border:1px solid #dbdbdb; border-radius:3px;}
.lxwm .mess .messr ul li input.tj{width: 167px;
    margin-top: 14px; height:40px; line-height:40px; color:#FFF; text-indent:0; border-radius:0; cursor:pointer; border:0; padding-top:0; background:#0052d9;}

.pic_list{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:10px; padding-top:25px; padding-bottom:25px;}
.pic_list .item{ background:#FFF; border:1px solid #ededed; text-align:center; padding:10px;}
.pic_list .item:hover{ border:1px solid #0052d9}
.pic_list .item .pic span{ padding-bottom:73.2%;}
.pic_list .item .txt{ padding-top:12px;}
.pic_list .item .txt span{ font-size:18px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:20px;  color:#999; margin:10px 0;}
.pic_list .item .txt em{ display:inline-block; color:#999;}

.pic_list_s{display: grid;grid-template-columns: repeat(5, minmax(0px, 1fr));gap:20px;padding-top:25px; padding-bottom:25px;}
.pic_list_s .item{}
.pic_list_s .item5{ display:none}
.pic_list_s .item .pic span{ padding-bottom:129%;}
.pic_list_s .item .txt{ position:absolute; width:100%; height:100%;background:#0052d9; color:#FFF; text-align:center;opacity:0;transition: all 0.5s;display: flex; z-index:10}
.pic_list_s .item .txt dl{ padding:14%; text-align:right;}
.pic_list_s .item .txt i{ font-size:18px; display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list_s .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 12;overflow: hidden; line-height:20px; height:40px; color:#fff; margin:10px 0;}
.pic_list_s .item .txt em{ display:inline-block; color:#999;}
.pic_list_s .item .txt1{ position:absolute; color:#FFF; bottom:0; left:0; width:100%; z-index:9999}
.pic_list_s .item .txt1 img{ height:45px;}
.pic_list_s .item .txt1 i{ display:block; font-size:18px; padding:4px 0 6px 0}
.pic_list_s .item .txt1 em{ display:block;opacity: 0.5; font-size:12px;}
.pic_list_s .item .txt1 dl{ padding:14%;}
.pic_list_s .item:hover .txt{opacity:1;}


.hdpnr{ position:absolute; width:100%; height:100%; left:0; top:0;display: flex;align-items: center; color:#FFF;}
.hdpnr dl{ width:100%}
.hdpnr dl i{ display:block; font-weight:bold; font-size:56px;}
.hdpnr dl p{ display:block; font-size:18px; padding-top:14px;}
.hdpnr dl em{ display:block; color:#FFF;background-color: rgba(0,82,217,1); width:180px; height:45px; line-height:45px; text-align:center; margin-top:2.9%}

.hdp_four{display: grid;
	grid-template-columns: repeat(4, minmax(0px, 1fr));
	gap:2.3%; margin-top:-48px; position:relative; z-index:8}
.hdp_four li{ background:#FFF;box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 7px;}
.hdp_four li dl{ padding:10%;}
.hdp_four li img{ width:27px; float:left; padding-right:13px;}
.hdp_four li i{font-size: 18px; color: rgb(34, 34, 34);}
.hdp_four li p{ display:block; width:100%;font-size: 14px; white-space: pre-wrap; color:#888; padding-top:6px;}
.fwfw{ padding-top:4%}
.comtit{ text-align:center;}
.comtit i{ display:block; position:relative;color: rgb(34, 34, 34); font-size: 32px;padding-bottom:10px;}
.comtit span{ display:block;}
.comtit p{}
.aall{ display:block; margin:auto; text-align:center; padding-top:3%; }
.aall a{width: 180px; display:block; margin:auto; color:#FFF;
    height: 45px; background:#0052D9;
    line-height: 45px;}

.shuzi{ background-size:cover; background-position:center; background-repeat:no-repeat; height:632px; margin-top:5%}
.shuzi .middle{ position:relative; height:632px;}
.shuzi .middle .sztx{ position:absolute; width:257px; left:0px; top:1px; background:#FFF; height:630px; text-align:center; }
.shuzi .middle .sztx li{ height:157px; width:196px; margin:auto; max-width:95%; border-bottom:1px solid #EDEDED;display: flex;align-items: center;justify-content: center;}
.shuzi .middle .sztx li.z{ border:none;}
.shuzi .middle .sztx li i{ font-family:Arial, Helvetica, sans-serif;    color: #0052d9; font-weight:bold; font-size:32px;}
.shuzi .middle .sztx li em{color: #0052d9; position:relative; top:-12px; }
.shuzi .middle .sztx li p{font-size: 14px; display:block; padding-top:4px; color: rgb(85, 85, 85);}
.shuzi .middle .shuzi_nr{ position:absolute; text-align:right; width:570px; max-width:calc(100% - 277px); right:0;top:50%; transform: translateY(-50%); color:#FFF;}
.shuzi .middle .shuzi_nr dl{}
.shuzi .middle .shuzi_nr dl i{ display:block;font-family: "arial black"; font-size: 51px; color: rgb(255, 255, 255);}
.shuzi .middle .shuzi_nr dl em{ display:block; line-height: 170%; color: rgb(255, 255, 255); font-size: 28px; padding:39px 0 14px 0;}
.shuzi .middle .shuzi_nr dl p{font-size: 14px; line-height: 180%; color: rgb(255, 255, 255);}
.shuzi .middle .shuzi_nr dl a{width: 180px; display:block; margin:auto; color:#FFF;
    height: 45px; background:#0052D9;
    line-height: 45px; text-align:center; margin-top:40px; float:right;}


.sfq{  width:100%; height:340px; position:relative;  margin:auto;  overflow:hidden  }
.sfq li{ position:absolute;transition: all 0.4s linear; top:0px; height:340px; width:75%; width:78.6%; overflow:hidden; background-size:cover; text-align:center; color:#FFF; }

/*
.sfq li:nth-child(1){left:0px;z-index:1;}
.sfq li:nth-child(2){left:75%;z-index:2;}
.sfq li:nth-child(3){left:81.25%;z-index:3;}
.sfq li:nth-child(4){left:87.5%;z-index:4;}
.sfq li:nth-child(5){left:93.75%;z-index:5;}
*/

.sfq li:nth-child(1){left:0px;z-index:1;}
.sfq li:nth-child(2){left:20%;z-index:2;}
.sfq li:nth-child(3){left:40%;z-index:3;}
.sfq li:nth-child(4){left:60%;z-index:4;}
.sfq li:nth-child(5){left:80%;z-index:5;}



.indexcase{ padding:4.5% 0 4% 0;}
.indexcase .comtit{ padding-bottom:25px;}
.indexcase .indexcase_l{ float:left; width:42.4%; height:340px; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.indexcase .indexcase_l dl{ position:absolute; bottom:14%; left:0; width:100%; }
.indexcase .indexcase_l dl dd{width:460px; max-width:90%; color:#FFF; margin:auto; display:block;}
.indexcase .indexcase_l dl img{ display:block; width:54px;}
.indexcase .indexcase_l dl i{ font-size:18px; display:block; padding-top:10px; padding-bottom:8px; margin-bottom:10px; position:relative}
.indexcase .indexcase_l dl i:after{ position:absolute; content:''; left:0; bottom:0; background:#FFF; height:2px; width:41px;}
.indexcase .indexcase_l dl p{}
.indexcase .indexcase_r{float:right; width:56.5%;}
.indexcase .indexcase_r li{}
.indexcase .indexcase_r li dl{ position:relative; width:100%; height:100%; color:#FFF}
.indexcase .indexcase_r li dl dd{ position:absolute; width:100%; left:0; bottom:0; opacity:0}
.indexcase .indexcase_r li.act dl dd{ opacity:1}
.indexcase .indexcase_r li dl i{ display:block; font-size:18px;}
.indexcase .indexcase_r li dl p{ padding-top:3px; margin-bottom:25px;}

.shiyong{ background-position:center; background-repeat:no-repeat; background-size:cover; height:769px;display: flex;align-items: center;justify-content: center; background-attachment:fixed}

.shiyong .shiyong_tit{ text-align:center; color:#FFF;font-size: 32px; color: rgb(255, 255, 255); line-height:1.4; margin:auto;  max-width:100%; width:720px;}
.shiyong ul{ padding:5% 0 3% 0;display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:4%; }
.shiyong ul li{ text-align:center;}
.shiyong ul li dl{color:#FFF; width:276px; margin:auto; max-width:100%}
.shiyong ul li img{ display:block; margin:auto; height:90px;}
.shiyong ul li i{ display:block; font-size:18PX; padding:20PX 0 15PX 0;}
.shiyong ul li p{ line-height:1.7}


.indexnew{ padding:4% 0;}
.indexnew .n_dh{ padding-bottom:20px;}
.index_newcon{}
.index_newcon .tong_list1{ padding-top:10px}
.index_newcon .tong_list1 li .text h3{ padding-top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.indexnew .indexnew_l{background-color: rgb(242, 242, 242); width:47.6%; float:left;}
.indexnew .indexnew_l dl{ padding:8.5% 8.5% 4% 8.5%}
.indexnew .indexnew_l dl img{ display:block; width:100%;}
.indexnew .indexnew_l dl i{ display:block; font-size:16px; line-height:1.4; margin:12px 0 5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indexnew .indexnew_l dl em{ display:block;    font-size: 12px;
    color: #929292;}
.indexnew .indexnew_l dl p{    font-size: 12px;
    line-height: 16px;
    padding-top: 5px;
    color: #888888;/*white-space:nowrap;overflow:hidden;text-overflow:ellipsis;*/}
.indexnew .indexnew_r{ width:48.7%; float:right;}
.indexnew .indexnew_r .tong_list1{}

.indexcor{background-color: rgb(250, 250, 250); padding:4.5% 0  4.5% 0}
.indexcor .comtit1{ text-align:center; font-size:28px; line-height:2; width:760px; margin:auto; max-width:100%}
.indexcor .pic span{ padding-bottom:55.3%}

#zuo {overflow:hidden; width: 100%; margin-top:3%; height:126px;   }
#inzuo {float: left; width: 800%;}
#zuo1 {float: left;}
#zuo li{float:left; list-style:none; width:228px; margin-right:30px;}
#zuo2{float: left;}

.index_cor{ background-position:center; background-size:cover; background-repeat:no-repeat; height:340px;display: flex;align-items: center;}
.index_cor .index_cor_nr{ width:670px; max-width:100%}
.index_cor .index_cor_nr p{color:#FFF;font-size: 28px; color: rgb(255, 255, 255); line-height: 170%;}
.index_cor .index_cor_nr a{
    color:#FFF;
	width: 180px;
    height: 45px;
    line-height: 45px; display:block; border:1px solid #FFF; text-align:center; margin-top:26px;
}
.index_cor .index_cor_nr a:hover{ background:#FFF; color:#0052d9;}