@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; overflow-x:hidden}
*{margin:0px;padding:0px;list-style: none; }
img{border:0px; max-width: 100%;}
a{text-decoration:none;color:#333;}
a:hover{color:#ff3333}
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,a:hover .bak {-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;}



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

.logo{ flex:none; height:70px; }
.nav{ font-size: 14px; display:flex; height:100%;align-items: center; width:720px; line-height:100px;}
.nav li{  text-align: center; position: relative; z-index: 999; flex:1; height:100%;}
.nav li a{ display: block;color: #a9a9a9; width:100%; height:100%;}
.nav li a:hover,.nav li.on a{ background-color: #d90000; color:#FFF}

.nav li .sub-box1{ position:absolute;text-transform:none; top:72px; left: -45%;  width:200%; 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); }

.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; position:relative  }
.nbanner .pic span{ padding-top: 18.8%; }
.nbanner dl{ position:absolute; width:100%;top:50%; padding-top:50px; transform: translateY(-50%); text-align:center; left:0; color:#FFF;}
.nbanner dl em{ display:block; text-align:center; text-align:center; width:100%; text-transform:uppercase; font-size:0.6rem;  font-weight:bold; color:#999; background: -webkit-linear-gradient(rgba(255,255,255,.15), rgba(255,255,255,0));  -webkit-background-clip: text;
  color: transparent;}
.nbanner dl img{ display:block; margin:auto; max-width:90%}
.nbanner dl p{ font-size:30px; font-weight:bold; position:relative; z-index:100; margin-top:-15px; height:46px;}



.nbanner dl p:before{ position:absolute;height:1px; background:#ccc; width:130px;top:50%; margin-right:73px; transform: translateY(-50%); right:50%; content:''; display:block;}
.nbanner dl p:after{position:absolute; height:1px; background:#ccc; width:130px;top:50%;  margin-left:73px;transform: translateY(-50%); left:50%; content:'';display:block;}



.n_dh{ margin: auto;  text-align: center; }
.n_dh a{ display: inline-block; padding: 10px 20px; font-size: 16px; margin: 50px 10px 20px 10px; }
.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: #999; color: #fff; text-align: center;  border-radius: 100%; z-index: 99999; cursor: pointer; }
#goTopBtn i{ font-size: 22px;line-height: 38px; }

.head{  background:url(../images/PNAVBG.png); width:100%; position:fixed; left:0; top:0; z-index:9999}
.head .w1200{display:flex;align-items: center;justify-content: space-between; height:100px; gap:20px;}
.index{ background:url(../images/tat0.jpg) center 0px no-repeat}
.indexabout{ padding:4.4% 0;}
.indexabout .w1200{ display:flex;justify-content: space-between;}
.indexabout .aboutl{ flex:none; width:50%; position:relative;}
.indexabout .aboutl .entit{ /*font-family: "Arial";*/ font-size: 0.7rem; font-weight: bold; text-transform:uppercase;  background: -webkit-linear-gradient(rgba(220,31,20,.15), rgba(255,255,255,0));
  -webkit-background-clip: text;
  color: transparent; position:absolute; left:0; top:0px;}
.indexabout .aboutl img{ position:absolute; left:0; top:0;}
.indexabout .aboutl span{ display:block;font-size: 32px; font-weight:bold; color: rgb(26, 26, 26); padding-top:60px;}
.indexabout .aboutl span em{color:#d90000;}
.indexabout .aboutl p{font-size: 16px; color: rgb(34, 34, 34); line-height: 180%; width:600px; max-width:100%; margin:28px 0 30px 0;}
.indexabout .aboutl a{width:180px;height:50px;line-height:50px;background-color: rgba(217,0,0,1); color:#FFF; display:block; text-align:center}
.indexabout .aboutr{flex:none; width:45.5%;display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:12px;align-self: flex-start;}
.indexabout .aboutr li{ background:url(../images/axtx.png) center center no-repeat; height:169px; background-size:100% 100%; display:flex;align-items: center;}
.indexabout .aboutr li dl{ width:218px; display:block; margin:auto; max-width:90%}
.indexabout .aboutr li i{color: #d90000;
    font-family: arial black;
    font-size: 32px;
    font-weight: normal;
    text-decoration: none;
    text-align: left; display:inline-block; float:left; height:32px; line-height:32px; }
.indexabout .aboutr li em{font-size: 16px;float:left;display:inline-block; color: rgb(217, 0, 0);height:32px; line-height:32px;}
.indexabout .aboutr li p{font-size: 14px; clear:both; padding-top:7px; color: rgb(85, 85, 85);}



.fwfw{}
.fwfw .w1200{display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:0px;}
.fwfw .w1200 li{ position:relative}
.fwfw .w1200 li .pic span{ padding-bottom:48.5%;}
.fwfw .w1200 li .pic span img.url1{ opacity:1;}
.fwfw .w1200 li .pic span img.url2{opacity:0;}
.fwfw .w1200 li .pic:hover span img.url1{opacity:0;}
.fwfw .w1200 li .pic:hover span img.url2{opacity:1;}
.fwfw .w1200 li dl{ position:absolute; left:8.2%;color:#FFF; bottom:13%; z-index:999}
.fwfw .w1200 li dl span{ display:block; font-size:20px; padding-bottom:15px;}
.fwfw .w1200 li dl p{ width:360px; max-width:100%;display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:0px; line-height:2.2; }
.fwfw .w1200 li dl p a{ color:#FFF; display:block;  flex:none}
.fwfw .w1200 li dl p a:hover{ color:#ff3333}

.indexcase{ padding:5% 0;}
.comtit{ text-align:center;}
.comtit .entit{font-size: 0.7rem; font-weight: bold; text-transform:uppercase;  background: -webkit-linear-gradient(rgba(220,31,20,.15), rgba(255,255,255,0)); letter-spacing:5px;
  -webkit-background-clip: text;
  color: transparent;}
.comtit img{ display:block; margin:auto;}
.comtit span{ display:block;color: rgb(34, 34, 34); width:100%; text-align:center; position:relative; line-height:1.8; font-weight:bold; margin-top:-25px; font-size: 30px;}
.comtit span:before{ position:absolute;height:1px; background:#ccc; width:130px;top:50%; margin-right:73px; transform: translateY(-50%); right:50%; content:''; display:block;}
.comtit span:after{position:absolute; height:1px; background:#ccc; width:130px;top:50%;  margin-left:73px;transform: translateY(-50%); left:50%; content:'';display:block;}
.comtit p{font-size: 16px;  color: rgb(144, 144, 144);}

.comtit1 span{color: #fff;}
.comtit1 span:before{  background:#fff;}
.comtit1 span:after{background:#fff;}
.comtit1 p{color: #fff;}


.indexnew .comtit .entit{background: -webkit-linear-gradient(rgba(0,0,0,.15), rgba(255,255,255,0));  -webkit-background-clip: text;
  color: transparent;}

.pic_list{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:20px; padding-top:35px;}
.pic_list .item{  }
.pic_list .item .pic span{ padding-bottom:71.4%;}
.pic_list .item .pic em{ display:block; position:absolute; width:100%; left:0; bottom:0; text-align:center; color:#FFF; opacity:0 }
.pic_list .item .pic:hover em{ opacity:1;color: #ffffff;
    line-height: 50px;background: rgba(217, 0, 0, 0.61);}
.pic_list .item .txt{ padding:12px;}
.pic_list .item .txt span{ font-size:16px; line-height:1.4; font-weight:bold; 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: 1;overflow: hidden;color:#999;     line-height: 16px;
    padding-top: 6px;
    color: #888888;}
.pic_list .item .txt em{ display:inline-block; color:#999;}
a.more{ display:block; margin:auto;width: 220px;background-color: rgba(232,232,232,1); text-align:center; margin-top:25px;
    height: 50px;
    line-height: 50px;}
a.more:hover{background-color: rgba(212,4,44,1); color:#FFF}
a.more1{ color: rgba(212,4,44,1);}
.indexnew{background-color: rgb(212, 4, 44); padding:4.2% 0 4.7% 0;}
.indexnew .indexnewbody{ padding-top:20px;display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:17px;}
.indexnew .indexnewbody .ul{ background:#FFF; padding:5% 6%;}
.indexnew .indexnewbody .ul .ultit{ display:flex;justify-content: space-between;align-items: center; margin-bottom:12px;}
.indexnew .indexnewbody .ul .ultit span{font-size: 22px; font-weight:bold;  color: rgb(34, 34, 34);}
.indexnew .indexnewbody .ul .ultit a{color: rgba(34,34,34,1);}
.indexnew .indexnewbody .ul ul li{ gap:15px; border-bottom:1px dashed #ccc; height:50px;display:flex;justify-content: space-between;align-items: center;}
.indexnew .indexnewbody .ul ul li a{ flex:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.indexnew .indexnewbody .ul ul li span{font-size: 13px;
    color: #acacac; padding-right:3px; flex:none; width:73px; font-family:Arial, Helvetica, sans-serif}






.aboutbanner{ position:relative;}
.aboutbanner .pic span{ padding-bottom:34.3%;}
.aboutbanner dl{ position:absolute; width:100%; left:0;top:50%; transform: translateY(-50%); }
.aboutbanner dl dd{width:760px; max-width:90%; color:#FFF;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.aboutbanner dl dd i{font-size: 32px; display:block; margin-bottom:30px;}
.aboutbanner dl dd p{ height:145px; overflow-x:hidden; overflow-y:auto; padding-right:14px; position:relative }
.aboutbanner dl dd p img.s{ position:absolute; top:0; right:0; z-index:9999}
.aboutbanner dl dd p img.x{position:absolute; bottom:0; right:0;z-index:9999}


/*.about_con::-webkit-scrollbar {

  width:4px;
  }
  .about_con::-webkit-scrollbar-thumb {

  background: #333366;border-radius:4px;
  }
  .about_con::-webkit-scrollbar-track {

  background   : #ccc;
  }*/


 /* 1. 定义整个滚动条的基础尺寸 */
.about_con::-webkit-scrollbar { background:url(../images/ww.png) center center repeat-y;
  width: 10px; /* 垂直滚动条宽度，和图中细窄滚动条匹配 */
}

/* 2. 定义滚动条轨道背景 */
.about_con::-webkit-scrollbar-track {
  background: transparent; /* 可设置和页面背景适配的透明/浅色调 */
}

/* 3. 定义中间滚动滑块样式，匹配图中细长深色效果 */
.about_con::-webkit-scrollbar-thumb {
  /*background-color: #364852;*/ background:url(../images/t.jpg) center center repeat-y;
  border-radius: 4px; width:4px;
}

/* 4. 自定义顶部向上箭头按钮 */
.about_con::-webkit-scrollbar-button:vertical:start:decrement {
  height: 12px; /* 箭头按钮高度，保证点击区域足够大 */
  background:url(../images/up.png) center center no-repeat; cursor:pointer;
}

/* 5. 自定义底部向下箭头按钮 */
.about_con::-webkit-scrollbar-button:vertical:end:increment {
  height: 12px;
  background:url(../images/down.png) center center no-repeat;  cursor:pointer;
}



.ouradvance{ padding:6.1% 0 6.8% 0;}
.ouradvance ul{ padding-top:4.5%; text-align:center;display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:120px;}
.ouradvance ul li{}
.ouradvance ul li img{ display:block; margin:auto;}
.ouradvance ul li span{ display:block;font-size: 16px; color: rgb(217, 0, 0); margin:24px auto}
.ouradvance ul li p{ line-height:1.8}


.aboutjsq{background-color: rgb(217, 0, 0); padding:4.2% 0; color:#FFF;}
.aboutjsq .con{display: flex;    width:960px; margin:auto; max-width:96%;justify-content: space-between;}
.aboutjsq .con li{}
.aboutjsq .con li dl{}
.aboutjsq .con li dl i{ display:inline-block; float:left; font-size:32px; font-weight:bold;}
.aboutjsq .con li dl em{display:inline-block; float:left; font-size:16px; margin-top:5px; text-indent:6px;}
.aboutjsq .con li dl p{ padding-top:10px; clear:both}

.nycontact{}
.nycontact .w1200{}
.nycontact .w1200 ul{ display:flex; padding:5.3% 0; gap:15px;}
.nycontact .w1200 ul li{ flex:none; width:48%; text-align:center}
.nycontact .w1200 ul li img{ margin:auto; display:block;}
.nycontact .w1200 ul li span{ display:block; padding:18px 0; font-size: 14px; color: rgb(217, 0, 0);}
.nycontact .w1200 ul li p{color: rgb(0, 0, 0);  font-size: 18px;}
.nycontact .w1200 .liuyan{}
.ernav{ text-align:center; margin:-60px auto auto auto; background:#f4f4f4; width:810px; max-width:96%; position:relative; z-index:999; font-size:0; display:flex;}
.ernav a{ height:60px; line-height:60px; font-size:16px; flex:1;  }
.ernav a:hover,.ernav a.on{background:#d90000;color:#FFF}
.route{ padding:24px 0;background:#f4f4f4;}
.range{ padding:35px 0;}
.foot{ background:#f4f4f4;}
.foot .w1200{display:flex;
justify-content: space-between; padding:3.7% 0;}
.foot .w1200 .footnav{ display:flex; width:470px; max-width:100%; text-align:center}
.foot .w1200 .footnav ul{ flex:1;}
.foot .w1200 .footnav ul span{ display:block; color:#000; font-weight:bold; padding-bottom:15px;}
.foot .w1200 .footnav ul a{ display:block; line-height:2; color:#888;}
.foot .w1200 .footnav ul a:hover{ color:#ff3333;}
.foot .w1200 .email{}
.foot .w1200 .email p{ display:flex;}
.foot .w1200 .email p span{ display:block; flex:none; width:45px;}
.foot .w1200 .email p em{}
.foot .copy{ background:#FFF; text-align:center; padding:20px 0;}