@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:40px; }
.nav{ font-size: 18px; display:flex; height:100%;align-items: center;  line-height:70px; gap:60px;}
.nav li{  text-align: center; position: relative; z-index: 999; flex:auto; height:100%;}
.nav li a{ display: block; width:100%; height:100%;}
.nav li:hover a,.nav li.on a{
    font-weight: bold; color:#333; background:url(../images/NAVBG.jpg) center bottom no-repeat;}

.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: 13.1%; }
.nbanner dl{ position:absolute; width:100%;top:50%; 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:#FFF; width:100%; position:relative; z-index:9999}
.head .w1200{display:flex;align-items: center;justify-content: space-between; height:70px; gap:20px;}

.fuwu{ padding:5% 0 5% 0;}
.comtit{ text-align:center;}
.comtit i{ display:block; display:inline-block; padding:0px 15px; position:relative;font-size: 28px; color: rgb(34, 34, 34);  line-height:28px; height:28px;}
.comtit i:before{ display:block; width:3px; background:#fb3800; height:100%; position:absolute; top:1px; left:0%; content:'';}
.comtit i:after{ display:block; width:3px; background:#fb3800; height:100%; position:absolute;top:1px; right:0%; content:'';}
.comtit span{ display:block;text-transform: uppercase; font-family: arial; color: rgb(226, 226, 226); font-size: 14px; margin-top:8px;}

.fuwu .pic_list{ padding-top:25px;}
.pic_list{display: grid;grid-template-columns: repeat(4, minmax(0px, 1fr));gap:30px;}
.pic_list .item{}
.pic_list .item .pic span{ padding-bottom:104%;}
.pic_list .item .txt{ padding:15px 0;}
.pic_list .item .txt span{ font-size: 18px; font-family: "Microsoft YaHei"; color: rgb(34, 34, 34); display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; position:relative; padding-bottom:13px;}
.pic_list .item .txt span:after{ position:absolute; bottom:0; left:0px; display:block; content:''; height:2px; background:#888; width:24px;}
.pic_list .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 20;overflow: hidden; line-height: 180%; color: rgb(102, 102, 102); margin:10px 0;}
.pic_list .item .txt em{ display:inline-block; color:#999;}


.why{background-color: rgb(251, 56, 0); padding:5.2% 0;}
.why .w1200{ position:relative; display:flex;}
.why_l{ width: 60%; display: flex; }
.why_r{ width: 40%; }
.why .w1200 .item {}
.why .w1200 .item dl.bok{ display:block;}
.why .w1200 .item dl{ display:flex;align-items: center;justify-content: center; height:264px}
.why .w1200 .item dd{ width:190px; max-width:80%}
.why .w1200 .item dd i{font-size: 38px; font-family: "arial black"; color: rgb(34, 34, 34); font-weight:bold; display:inline-block; border-bottom:1px solid rgb(34, 34, 34)}
.why .w1200 .item dd span{ font-size:18px; color:#222; display:block; padding-top:20px;}
.why .w1200 .item dd p{font-size: 14px; font-family: "Microsoft YaHei"; line-height: 180%; color: rgb(136, 136, 136); padding-top:8px;}
.why .w1200 .item1{  width:66.66%;}
.why .w1200 .item1 dl{justify-content:left}
.why .w1200 .item1 dl i{font-size: 50px; font-family: "arial black"; color: rgb(255, 255, 255); text-transform: uppercase; display:block; line-height:1.4}
.why .w1200 .item1 dl span{ font-size:28px; color:#FFF;}
.why .w1200 .item1 dl p{font-size: 14px; font-family: "Microsoft YaHei"; color: rgb(255, 255, 255); line-height: 170%; padding-top:13px;width:365px; max-width:90%;}
.why .w1200 .item1 dl .pic span{ /*padding-bottom:50%;*/ height: 264px;}
.why .w1200 .item2{  width:33.34%; padding-top:264px;}
.why .w1200 .item2 .item2con{ background:url(../images/ys4.jpg) #6FD39F center center no-repeat; background-size:cover; text-align:center}
.why .w1200 .item2 dl{}
.why .w1200 .item2 dl dd p{ color: rgb(18, 24, 24);}

.why .w1200 .item3{display: flex;}
.why .w1200 .item3 dl{ background:#FFF; width: 50%; }
.why .w1200 .item3 dl .pic span{ height: 264px;}
.why .w1200 .item4{display: flex;}
.why .w1200 .item4 dl{ background:#FFF; width: 50%; order: 1; }
.why .w1200 .item4 dl .pic span{ height: 264px;}
.why .w1200 .item4 dl.bok{ order:0; }
.why .w1200 .item5 dl{ width: 60%; }
.why .w1200 .why_fix{ padding-left: 40px; /*position:absolute; bottom:10px; padding-left:36px; left:60%; width:290px*/}
.why .w1200 .why_fix i{font-size: 24px; text-transform: uppercase; font-family: "arial black"; color:#FFF;}
.why .w1200 .why_fix p{font-size: 14px; line-height: 180%; color:#FFF; padding-top:15px;}

.indexabout{ padding:5.2% 0; text-align:center;}
.indexaboutny{padding:2.2% 0;}
.indexabout .w1200{}
.indexabout .w1200 .ddes{color: rgb(51, 51, 51);font-size: 14px; line-height: 200%; margin:25px auto;  max-width:100%;}
.indexabout .w1200 .ddes h3{ font-size: 20px; font-weight: bold; margin-bottom: 20px; }
.indexabout .w1200 ul{ display:flex; margin:auto;margin-bottom:30px;  width:780px; gap:130px}
.indexabout .w1200 ul li{ }
.indexabout .w1200 ul li .num{display:flex;justify-content: center;font-size: 14px; color: rgb(251, 56, 0);}
.indexabout .w1200 ul li .num .counter{color: #fb3800; font-size:32px;font-family: arial black;}
.indexabout .w1200 ul li .num em{ position:relative; top:4px;}
.indexabout .w1200 ul li p{}

.indexnew{}
.indexnew ul{ padding-top:35px; text-align:center; }
.indexnew ul.nyul{ padding-top:20px; }
.indexnew ul a{ display:inline-block;color:#333; padding:0 14px 14px; font-size:18px;border-bottom:1px solid #fff;}
.indexnew ul a:hover,.indexnew ul a.on{  border-bottom:1px solid #333333;}
.indexnew .indexnewnr{background-color: rgb(248, 248, 248); padding:3.1% 0 5.6% 0;}
.indexnew .indexnewnr .w1200{display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	grid-column-gap: 50px;
  grid-row-gap: 30px; margin-bottom:40px;}
.indexnew .indexnewnr .w1200 .item{}
.indexnew .indexnewnr .w1200 .item a{ gap:18px;width:100%; display:flex;align-items: center;}
.indexnew .indexnewnr .w1200 .item .t{background:#ffffff;width:140px;height:100px; display:flex; flex:none;align-items: center;justify-content: center;}
.indexnew .indexnewnr .w1200 .item .t dl{ text-align:center;}
.indexnew .indexnewnr .w1200 .item .t span{color:#fb3800;font-size:28px; display:block;    height: 41px;
    line-height: 41px;font-family: arial black;}
.indexnew .indexnewnr .w1200 .item .t p{color:#fb3800;font-size:12px;display:block; }
.indexnew .indexnewnr .w1200 .item .newlist_nr{}
.indexnew .indexnewnr .w1200 .item .newlist_nr span{font-size: 16px;
    color: #333333;
    font-weight: normal;
    line-height: 140%; display:block;}
.indexnew .indexnewnr .w1200 .item .newlist_nr span:hover{color: #fb3800;}
.indexnew .indexnewnr .w1200 .item .newlist_nr p{line-height: 20px;
    padding-top: 14px;
    color: #888888;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.indexnew .indexnewnr .w1200 a.ades{}

.indexapp{ background-attachment:fixed; background-position:center center; background-repeat:no-repeat; background-size:cover; padding-bottom:27.3%; position:relative;}
.indexapp .indexapp_nr{left:50%;top:50%; text-align:center; transform: translate(-50%,-50%); position:absolute;font-size: 32px; color: rgb(255, 255, 255); line-height: 180%; width: 1200px; max-width: 90%;}
.indexapp .indexapp_nr span{}
.indexapp .indexapp_nr p{ padding-bottom:40px;}
.indexapp .indexapp_nr a{}

.foot{background-color: rgb(46, 49, 57);color: rgb(153, 153, 153);}
.foot .w1200{}
.foot .w1200 .footnr{ padding:6% 0; display:flex;justify-content: space-between;}
.foot .w1200 .footnr .item{ color:#FFF; line-height:2;}
.foot .w1200 .footnr .item img{ margin-bottom:18px;}
.foot .w1200 .footnr .item p{}
.foot .w1200 .footnr .itemr{ display:flex; gap:40px;}
.foot .w1200 .footnr .itemr ul{}
.foot .w1200 .footnr .itemr ul a{ display:block;color: rgb(153, 153, 153); line-height:2.2}
.foot .w1200 .footnr .itemr ul a.at{ color:#FFF; font-weight:bold; font-size:16px; margin-bottom:10px;}
.foot .w1200 p.fp{ text-align:center; line-height:3}
.foot .w1200 .footnr .itemr ul a:hover{ color: #fff; }

.fwfw{background-color: rgb(237, 237, 237);}
.fwfw .fwfw_top{ height:199px; background:url(../images/111.jpg) center center no-repeat; background-size:cover;display:flex; align-items: center;  }
.fwfw .fwfw_top .w1200{display:flex;justify-content: center; align-items: center; color:#FFF; gap:20px;}

.fwfw .fwfw_top .ico{ display:flex; height:66px; width:66px; background:#FFF; border-radius:66px;display: flex;align-items: center;justify-content: center; text-align:center; line-height:1}
.fwfw .fwfw_top .ico i{font-family: "arial black"; display:block; font-size:12px;color: #5a5a5a; padding-top:3px;}
.fwfw .fwfw_top .ico em{font-family: "arial black"; display:block; font-size:20px;color: #5a5a5a; padding-top:3px;}
.fwfw .fwfw_top p{ font-size:18px; font-weight:bold; width: 100px;}
.fwfw .fwfw_top .line{ height:0px; border-bottom:2px dashed #fff; width:214px;}
.fwfw .fwfwnr{ padding:50px 0;display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:30px;}
.fwfw .fwfwnr .item{ background:#FFF;}
.fwfw .fwfwnr .item dl{ padding:0 4.7%; display:block;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ width:100%;}
.fwfw .fwfwnr .item .item_top{ height:160px;display: flex;align-items: center;justify-content: center; color:#FFF;}
.fwfw .fwfwnr .item .item_top i{ display:inline-block; font-size:18px; position:relative; padding-bottom:10px;}
.fwfw .fwfwnr .item .item_top i:after{ position:absolute; left:0; bottom:0; height:2px; display:block; background:#FFF; content:''; width:27px;}
.fwfw .fwfwnr .item .item_top p{ line-height:1.7; opacity:0.73; padding-top:12px; width:420px; max-width:100%;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden; }
.fwfw .fwfwnr .item .item_bottom{ padding:4px 0 30px 0}
.fwfw .fwfwnr .item .item_bottom ul{ margin-bottom:15px;}
.fwfw .fwfwnr .item .item_bottom ul li{    border-bottom: 1px dashed #ededed; padding:14px 0;}
.fwfw .fwfwnr .item .item_bottom ul li.z{ border:none}
.fwfw .fwfwnr .item .item_bottom ul li i{ font-weight:bold;color: rgb(34, 34, 34);}
.fwfw .fwfwnr .item .item_bottom ul li p{ padding-top:4px;color: rgb(153, 153, 153); line-height:1.4; }
.fwfw_bottom{ height:199px; background:url(../images/222.jpg) center center no-repeat; background-size:cover;display: flex;align-items: center;justify-content: center; text-align:center }
.fwfw_bottom .p1{ color:#FFF; margin-bottom:14px;}
.fwfw_bottom .p2{ color:#FFF; display:flex; font-size:32px;}
.fwfw_bottom .p2 a{width: 135px;

    height: 41px;
    line-height: 41px;border-radius: 5px 5px 5px 5px;background-color: rgba(251,56,0,1); color:#FFF; font-size:14px; display:inline-block}
.nbanner .comtit i{ color:#FFF}
.aboutnav{ margin-top:10px}
.aboutnav .w1200{ display:flex; gap:10px;}
.aboutnav a{ display:block;height: 66px;
    line-height: 66px; color:#333;    font-size: 18px;background-color: rgba(244,244,244,1); display:block; flex:1; text-align:center;}
.aboutnav a:hover{ background:none}
.aboutnav a.on{background:none; font-weight:bold; border-bottom:2px solid #fb3800; height:64px;}
.route{height: 50px;
    background-color: rgb(244, 244, 244); line-height:50px; font-size:12px;}
.detaildes{font-size: 12px;
    font-size: 12px;
    color: #868686;
    font-weight: normal;
    text-decoration: none;
    line-height: 20px;
    background: #F5F5F5;
    border-style: solid solid solid solid;
    border-color: #E5E5E5 #E5E5E5 #E5E5E5 #E5E5E5;
    border-width: 1px 1px 1px 1px;}
.detaildes p{ padding:6px 24px;}
.wenhualist{ padding:2% 0 0 0}
.wenhualist .item{ display:flex;margin-bottom:110px; justify-content: space-between;}
.wenhualist .item .whtu{  width: 50%; position:relative; z-index:2; }
.wenhualist .item .whtu .pic span{ padding-bottom:54.5%;}
.wenhualist .item .whz{ background-color: rgb(245, 245, 245); position:relative; top:60px; display:flex;align-items: center;justify-content: center; z-index:1;  width: 50%;}
.wenhualist .item .whz:before{ position:absolute; width:50px; height:100%;background-color: rgb(245, 245, 245); content:''; display:block; left:-50px; top:0;}
.wenhualist .item .whz .con{ width:470px; max-width:90%}
.wenhualist .item .whz .con .whztit{font-size: 18px;
    color: rgb(251, 56, 0);
    text-transform: uppercase; font-weight:bold; display:block; padding-bottom:15px; position:relative}
.wenhualist .item .whz .con .whztit:after{ height:1px; position:absolute; display:block; left:0; bottom:0; width:69px; background:#ccc; content:''}
.wenhualist .item .whz .con p{
line-height: 170%;
color: rgb(85, 85, 85);
padding-top:20px;
}
.wenhualist .item.z .whtu{order:2}
.wenhualist .item.z .whz{ order:1}
.wenhualist .item.z .whz:before{left:auto; right:-50px;}
.nycontact{ padding:2% 0;}
.nycontact ul{ display:flex;justify-content: center; gap:60px;}
.nycontact ul li{}
.nycontact ul li span{ display:flex;font-size: 18px;align-items: center; color: rgb(34, 34, 34);}
.nycontact ul li span i{ color:#fb4815; font-size:26px;}
.nycontact ul li p{ display:block; padding-top:12px; color: rgb(136, 136, 136); font-size: 14px; line-height: 160%;}
.nycontact ul li em{ display:block;font-size: 24px;  color: rgb(34, 34, 34);}
.map{ padding-top:30px;}
.map img{ width:100%}
.pic_list_ny{display: grid;grid-template-columns: repeat(3, minmax(0px, 1fr));gap:10px; margin:30px auto}
.pic_list_ny .item{ border:1px solid #ededed; padding:10px;}
.pic_list_ny .item:hover{border-color: #fb3800;}
.pic_list_ny .item .pic span{ padding-bottom:73.2%;}
.pic_list_ny .item .txt{ text-align:center;}
.pic_list_ny .item .txt span{ padding-top: 15px; line-height:1.4;display:block; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pic_list_ny .item .txt p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; line-height:20px; color:#999; margin:6px 0;}


.map{ width: 1000px!important; margin:auto; max-width: 100%; }