@charset "utf-8";
html{ font-size: 100px; }
body{font-family:Arial, Helvetica, 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:#fcc93f}
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;}
.w1200{ width: 1290px; margin: auto; max-width:96% }
.head{ position:fixed; width:100%; height:104px; left:0; top:0; color:#FFF; z-index:999;transition:All .3s ease 0s;
-webkit-transition:All .3s ease 0s;
-moz-transition:All .3s ease 0s;
-o-transition:All .3s ease 0s;}
.head .logo{float: left; margin-top:30px; }
.head .logo img.yin{ display: none; }

.head span.spanlogo{ display:inline-block; font-size:24px; color:#fff; float:left; margin-left:14px; font-weight: bold;}
.head.fix{ background:#fff; color:#333}
.head.fix a{ color:#333}
.head.fix span.spanlogo{color:#333}
.head.fix img.yin{display: block;}
.head.fix img.xian{ display: none; }
img.wlang{ float:right; height:30px; margin-top:10px;}
.spanlogo{ float:left; display:inline-block; line-height:104px;}
.nav{ font-size: 16px;  float:left; margin-left:20px;  width: calc(100% - 370px);}
.nav li{ float: left; text-align: center; position: relative; z-index: 999; display:block;}
.nav li a{ display: block; border-top: rgba(0,0,0,0) 3px solid; height:101px; line-height:101px;  color:#FFF; padding:0 20px;}
.nav li:hover a,.nav li.on a{ color:#fcc93f;  border-top: #fcc93f 3px solid;}

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

.nav li:hover .sub-box1{ display: block; height: auto; z-index: 1;opacity:1; filter:alpha(opacity=1); }
.nav li .sub-box{ background:#fcc93f; }
.nav li .sub-box a{ display: block; font-size: 16px; color:#333;   text-align: center; line-height: 45px; height:45px; }
.nav li .sub-box a:hover{ font-weight:bold}
.nav li .sub-box dd a{ height: 35px; line-height: 35px; font-size: 15px; }
img.lang{ float:right; margin-top:41px; height:22px;}

.tel{ float: right;  padding-top: 30px; }
.tel span{ display: block; font-size: 26px; color: #e40011;}


.nbanner{ margin: auto;  }
.nbanner .pic span{ padding-top: 31.25%; }




#zuo {overflow:hidden; width: 100%;   }
#inzuo { float: left; width: 800%;   }
#zuo1 { float: left;}
#zuo li{ float:left; list-style:none; width:200px;}
#zuo2 { float: left;}
.foot{ background:#333; position:relative;}
.foot .w1200{ position:relative; z-index:1}
.foot .cor{ border-bottom:1px solid #434343; padding:2% 0}
.foot .cor li{ margin-right:20px;}
.foot .cor li span{ padding-bottom:50%}
.footnr{ padding:3% 0 4% 0;}
.footnr .gongchengjx{ float: left; width: 30%; margin-right: 5%;}
.footnr .gongchengjx .jxtit{}

.footnr .gongchengjx .jxtit span{ display:inline-block; line-height:43px; color:#FFF; font-size:22px; margin-left:14px;}
.footnr .gongchengjx p{line-height: 180%; color: rgb(204, 204, 204); display:block; margin:26px auto;}
.footnr .gongchengjx em{font-size: 28px; color: rgb(252, 201, 63);}
.footnr .gongchengjx a{ display:block;height: 36px;
    line-height: 36px;width: 100px;
    height: 36px; border:1px solid #FFF; color:#FFF; text-align:center; margin-top:20px;}
.foot_list{ float: left; width: 20%; }

.foot_list .foot_list_tit{ margin-bottom:25px; font-size:18px; color:#FFF}
.foot_list ul{}
.foot_list ul a{ color:#ccc; display:block; line-height:36px;}
.foot_list ul a:hover{ color:#fcc93f}
.foot_list p{color: rgb(153, 153, 153); line-height:36px;}
.fqrcode{display: grid; float: right;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:16px; margin-top:80px;}
.fqrcode li{ text-align:center;}

.fqrcode li span{ display:block; line-height:3; color:#FFF;}
.copy_foot{ color:#ccc; padding:15px 0;}
.copy_foot span{display:inline-block;}
.copy_foot span i{display:inline-block;}
.copy_foot span.l{float:left}
.copy_foot span.r{float:right;}
.bolang{position: absolute;
    height: 90px;

    -webkit-mask-image: url(../images/bolang.png);
    left: -306.5px;
    width: 1903px; bottom:0; z-index:0; }

@keyframes wp_wave_mask_ani {
	0% { -webkit-mask-position-x: 0; }
	100% { -webkit-mask-position-x: 100vw;}
}
.wp_wave_mask_ani {background-color: rgb(34, 34, 34)!important;
	position: absolute;width: 100%;	height: calc(100% + 0px); height:90px;left: 0;bottom: 0px;	background-color: #fff;-webkit-mask-size: 100% 100%;-webkit-mask-repeat: repeat;animation: wp_wave_mask_ani linear 5s infinite;
}
.route{background-color: rgb(247, 247, 247); height:50px; line-height:50px;}
.route p.cj a{ font-weight:bold;}

.wenhua{ margin:30px auto}
.wenhua .culture{display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:30px;}
.wenhua .culture li{
    border: 1px solid rgb(221, 221, 221); text-align:center; padding:7% 0;}
.wenhua .culture li dl{ display:block; width:460px; margin:auto; max-width:95%;}
.wenhua .culture li .pic1{ width:88px;}
.wenhua .culture li .pic1 span{ padding-bottom:100%}
.wenhua .culture li i{font-size: 20px;
    color: rgb(67, 67, 67); font-weight:bold; display:block; padding:4% 0 2% 0;}
.wenhua .culture li p{color: rgb(136, 136, 136); font-size: 15px; line-height: 180%;}

.honor{ width:1207px; margin:auto; max-width:95%; padding:2% 0;display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:28px;}
.honor li{
    border: 1px solid rgb(221, 221, 221); text-align:center; padding:4%}
.honor li .pic span{ padding-bottom:66%}
.honor li .pic span img{object-fit: contain;}
.honor li .text{color: #5a5a5a; display:block; padding:8px 0 9px 0;
    font-size: 16px; line-height:1.2;border-bottom: 1px solid #ccc; font-weight:bold}

.licheng{ margin:5% 10%; background:url(../images/lvbg.png) center 0px repeat-y;}
.licheng .licheng_cat{ text-align:center; padding-bottom:30px;}
.licheng .licheng_cat p.catname{ position:relative}
.licheng .licheng_cat p.catname i{ color:#ebebeb; font-size:22px; background:#FFF; position:relative; top:-5px;}
.licheng .licheng_cat p.catname em{ display:block; position:absolute;color: #fcc93f;
    font-size: 20px;
    font-weight: bold; left:50%; top:0; margin: -6px 0 0 22px;}
.licheng .licheng_art{ position:relative; text-align:center;}
.licheng .licheng_art .licheng_art_ico{    background-color: #fcc93f;
    height: 45px;
    width: 45px; border-radius:45px;display: flex;align-items: center; position:absolute; left:50%; margin-left:-22.5px;}
.licheng .licheng_art .licheng_art_ico img{ display:block; margin:auto;}
.licheng .licheng_art dl{ float:right; width:calc(50% - 70px); text-align:left; margin-top:5px; position:relative}
.licheng .licheng_art dl:before{content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 42px;
    background: #fcc93f;
    left: -53px;
    top: 17px;}
.licheng .licheng_art dl i{color: #666666;
    font-size: 18px;
    font-weight: bold;}
.licheng .licheng_art dl p{color: #888888; font-size:12px; line-height:1.5; padding:8px 0 8px 0;}
.licheng .licheng_art dl span{ display:block;color: #666666; width:100%; text-align:right;
    font-size: 14px;}

.licheng .licheng_art.z dl{ float:left;}
.licheng .licheng_art.z dl:before{content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 42px;
    background: #fcc93f;
    right: -53px;
    top: 17px; left:auto;}
.licheng .licheng_art.z dl i{}
.licheng .licheng_art.z dl p{}
.licheng .licheng_art.z dl span{}
i.lcbottom{color:#ebebeb; font-size:22px; background:#fff; line-height:22px; height:22px; display:block; margin:0px auto; text-align:center;}

.n_dh{ font-size:0; text-align:center; margin:20px auto;}
.n_dh a{ height:50px; line-height:50px; display:inline-block; padding:0px 20px; font-size:14px;}
.n_dh a.on,.n_dh a:hover{
    background-color: #fcc93f; color:#333}

.pic_list1{display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:24px; margin-top:25px; margin-bottom:20px;}
.pic_list1 li{ text-align:center; padding: 15px;
    border: 1px solid #dddddd;}
.pic_list1 li .pic1 span{ padding-bottom:66%;}
.pic_list1 li .text{ font-size:16px; line-height:1.5; display:block; padding-top:5px;}

.lxwm{}
.lxwm ul{display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:10px; margin-top:4%}
.lxwm ul li{ text-align:center;}
.lxwm ul li i{ font-size:50px;}
.lxwm ul li p{ padding-top:25px;}
.lxwm iframe{ margin:4% 0;}

.job .jobtit{ padding-top:4%; text-align:center; font-weight:bold; font-size:28px;}
.job .jobdes{ text-align:center;color: rgb(136, 136, 136);font-size: 15px; padding-top:10px;
    line-height: 200%;}
.job ul.jobul{display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:0px; padding-top:5%}
.job ul.jobul li{ text-align:center;}
.job ul.jobul li dl{ display:block; width:300px; margin:auto; max-width:95%;}
.job ul.jobul li .pic1{ width:64px; margin:auto}
.job ul.jobul li .pic1 span{ padding-bottom:100%}
.job ul.jobul li i{ font-size:20px; font-weight:bold; color:#434343; display:block; margin:4% auto;}
.job ul.jobul li p{color: rgb(153, 153, 153);
    font-size: 14px;
    line-height: 180%;}
.jobline{ border-bottom:1px solid #DDDDDD; padding-top:4%}
.zhiwei{ padding-top:3.4%; padding-bottom:3%}
.zhiwei .zhiwei_l{border-color: rgb(221, 221, 221);
    border-width: 1px;border-style:solid; float:left;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */ width:73.6%; }
.zhiwei .zhiwei_l ul{ padding:4.2%; margin:auto;}
.zhiwei .zhiwei_l ul li{ border-bottom:1px dotted #DDDDDD; cursor:pointer}
.zhiwei .zhiwei_l ul li .at{ display:block; height:80px; line-height:80px;font-size: 18px;
    color: #666666;
    font-weight: bold;}
.zhiwei .zhiwei_l ul li .at i{ color:#FCC93F; font-size:30px; width:20px; margin-right:12px; margin-left:20px; font-weight:normal; display:inline-block; float:left;}
.zhiwei .zhiwei_l ul li .at em{ display:inline-block; position:relative;  float:left;}
.zhiwei .zhiwei_l ul li .at i span.jia{ display:inline-block}
.zhiwei .zhiwei_l ul li .at i span.jian{ display:none}
.zhiwei .zhiwei_l ul li .jnr{ padding:20px 52px 20px 52px; line-height:28px; display:none}
.zhiwei .zhiwei_l ul li .jnr:hover{ background:#ffffef}

.zhiwei .zhiwei_l ul li.act .at i span.jia{ display:none}
.zhiwei .zhiwei_l ul li.act .at i span.jian{ display:inline-block}
.zhiwei .zhiwei_l ul li.act .jnr{ display:block}
.zhiwei .zhiwei_l ul li.act .jnr p{ width:auto!important}
.zhiwei .zhiwei_l ul li .jnr dl{}
.zhiwei .zhiwei_r{border-color: rgb(221, 221, 221);
    border-width: 1px; border-style:solid; float:right; width:23.3%;}
.zhiwei .zhiwei_r .at{font-size: 20px; font-weight:bold; color:#5a5a5a}
.zhiwei .zhiwei_r dl{ width:247px; margin:auto; max-width:96%; padding:8% 0 8% 0;}

.zhiwei .zhiwei_r dl .ypxz{line-height: 200%;
    color: rgb(136, 136, 136); padding-top:20px;}
.zhiwei .zhiwei_r dl .sm{ font-weight:bold;}

.indexserv{ padding:3.5% 0;}
.comtit{ line-height:1.4; font-weight:bold; font-size:24px;}
.indexserv ul{ padding:2% 0 1% 0;display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:40px;}
.indexserv ul li{ text-align:center; border-bottom:3px solid rgb(252, 201, 63); padding-bottom:30px}
.indexserv ul li .pic span{ padding-top:50%}
.indexserv ul li .pic .ico{ display:block;transition: all 0.2s; position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(252,201,63,0.9); content:''; z-index:99;display: flex;align-items: center;justify-content: center; }
.indexserv ul li .pic:hover .ico{top:0%;}
.indexserv ul li .pic:hover .ico em{ color:#FFF; font-size:40px;}
.indexserv ul li dl{}
.indexserv ul li dl span{ font-size:18px; font-weight:bold; color:#000; display:block; margin:4% auto}
.indexserv ul li dl p{ line-height:24px; height:48px; width:300px; margin:auto; max-width:100%;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.indexabout{background-color: rgb(249, 249, 249); padding:3.7% 0;}
.indexabout_nr{ padding-top:30px;}
.indexabout_nr .indexabout_nr_l{ float:left; width:50%;display: grid;
	grid-template-columns: repeat(2, minmax(0px, 1fr));
	gap:20px;}
.indexabout_nr .indexabout_nr_l li{ background:#FFF;}
.indexabout_nr .indexabout_nr_l li dl{ padding:12% 9%;}
.indexabout_nr .indexabout_nr_l li dl img{ width:36px; display:block; float:left;}
.indexabout_nr .indexabout_nr_l li dl .dlnr{ display:block; overflow:hidden; padding-left:14px;}
.indexabout_nr .indexabout_nr_l li dl .dlnr span{ display:block; font-weight:bold; font-size:18px; color:#000;}
.indexabout_nr .indexabout_nr_l li dl .dlnr p{    font-size: 12px;
    line-height: 22px; height:44px; color:#676767; padding-top:13px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}

.indexabout_nr .indexabout_nr_l li.f{background-color: rgb(252, 201, 63);}
.indexabout_nr .indexabout_nr_l li.f dl{}
.indexabout_nr .indexabout_nr_l li.f dl img{}
.indexabout_nr .indexabout_nr_l li.f dl .dlnr{}
.indexabout_nr .indexabout_nr_l li.f dl .dlnr span{}
.indexabout_nr .indexabout_nr_l li.f dl .dlnr p{}
.indexabout_nr .indexabout_nr_r{ display:block; overflow:hidden; padding-left:2.3%; }
.indexabout_nr .indexabout_nr_r dl{ background:#FFF;padding:6%}
.indexabout_nr .indexabout_nr_r dl i{font-size: 22px; color: rgb(51, 62, 70); font-weight:bold; display:block;}
.indexabout_nr .indexabout_nr_r dl p.pp{font-size: 14px; line-height: 28px; height:84px; color: rgb(136, 136, 136); padding-top:17px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden; }
.indexabout_nr .indexabout_nr_r dl ul{ max-width:100%;display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:0px; padding-top:35px; padding-bottom:19px}
.indexabout_nr .indexabout_nr_r dl ul li{}
.indexabout_nr .indexabout_nr_r dl ul li p{ position:relative; }
.indexabout_nr .indexabout_nr_r dl ul li p em{color: #fcc93f;
    font-family: tahoma;
    font-size: 40px;
    font-weight: bold;}
.indexabout_nr .indexabout_nr_r dl ul li p i{font-size:16px; color:#999; position:absolute; top:4px; right:53px; }
.indexabout_nr .indexabout_nr_r dl ul li span{font-size:16px; color:#999; display:block; padding-top:7px;}

.indexnew{background-color: rgb(249, 249, 249); padding:3% 0;}
.indexnew .comtit{ padding-bottom:18px;}
.indexnew .indexnew_l{ width:60.5%; float:left;}
.indexnew .indexnew_l ul{}
.indexnew .indexnew_l ul li{    border-bottom: 1px dotted #cccccc;margin-bottom: 20px;
    padding-bottom: 20px;}
.indexnew .indexnew_l ul li .pic{ display:block; float:left; width:180px; width:23.1%}
.indexnew .indexnew_l ul li .pic span{ padding-bottom:66%;}
.indexnew .indexnew_l ul li dl{ display:block; overflow:hidden; padding-left:15px;}
.indexnew .indexnew_l ul li dl i{font-size: 18px;
    color: #333e46;
    font-weight: bold; display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.indexnew .indexnew_l ul li a:hover dl i{ color: #fcc93f }

.indexnew .indexnew_l ul li dl span{display: block;
    font-size: 16px;
    padding-top: 5px;
    color: #fcc93f;
    font-weight: bold;
    line-height: 140%;}
.indexnew .indexnew_l ul li dl p{padding-top: 8px;
    color: #5A5A5A; line-height:1.4;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.indexnew .indexnew_r{ float:right; width:34.9%;}
.indexnew .indexnew_r a.atj{}
.indexnew .indexnew_r a.atj span{ padding-bottom:66%;}
.indexnew .indexnew_r .newzuixin{ padding:20px 0 0 0;}
.indexnew .indexnew_r .newzuixin li{ line-height:2.3}
.indexnew .indexnew_r .newzuixin li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; width:100%; display:block;}
.indexcp{ padding:3% 0;}
.indexcp .comtit{ margin-bottom:25px;}

.cp_tx_ul{ display:none;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:15px;}
.cp_tx_ul li{ text-align:center}
	.cp_tx_ul li p{ padding:10px 0;}
	.cp_tx_ul li span{ padding-bottom:100%}
.cp_tx{ position:relative; overflow:hidden; display:flex;}
.cp_tx li{transition: all 1s; width:25%;height:600px; background-position:center center; background-repeat:no-repeat; position:relative }
.cp_tx li.li0{ z-index:1;}
.cp_tx li.li1{z-index:2;}
.cp_tx li.li2{z-index:3;}
.cp_tx li.li3{z-index:4;}
.cp_tx li.act{ width:66.7%;}
.cp_tx li.no{ width:11.1%;}
.cp_tx li .aaa{transition: all 1s; display:block; left:50%;top:50%; transform: translate(-50%,-50%); position:absolute; width:100%; text-align:center}
.cp_tx li .iat{
	color: #ffffff;
    font-size: 20px;
    font-weight: bold;
	display:inline-block;
}
.cp_tx li.no .aaa i{
    font-size: 18px;
	}
.cp_tx li.act .aaa{ opacity:0;}
.cp_tx li .bbb{ left:50%;top:50%; transform: translate(-50%,-50%); position:absolute;transition: all 1s; opacity:0; width:100%  }
.cp_tx li .bbb dl{ padding-left:3.4%; padding-right:3.4%;}
.cp_tx li.act .bbb{ opacity:1}
.cp_tx li:before{ content:''; position:absolute; transition: all 1s;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); display:block; opacity:0}
.cp_tx li.act:before{ opacity:1}
.cp_tx li .bbb ul{ width:632px; display: grid;
	grid-template-columns: repeat(3, minmax(0px, 1fr));
	gap:15px; padding-top:20px; max-width:98%}
.cp_tx li .bbb .iat{ float:left}
.cp_tx li .bbb .ckgd{ display:inline-block; float:right; width:86px; height:26px; border:1px solid #FFF; border-radius:26px; line-height:26px; text-align:center; color:#FFF; margin-top:14px;}
.cp_tx li .bbb ul .li .pic{ background: #fff;  }
.cp_tx li .bbb ul .li span{ padding-bottom:100%}
.cp_tx li .bbb ul .li span img{object-fit: contain;}

.acontainer {
    transform: rotate(-90deg);
    width: 50px;
    height: 50px;
	 margin:20px auto auto auto;
}

.arrow12 {
    left: 15px;
    position: absolute;
    width: 20px;
    height: 5px;
    opacity: 0;
    transform: scale(0.3);
    animation: move-arrow 3s ease-out infinite;
}

.arrow12:first-child {
    animation: move-arrow 3s ease-out 1s infinite;
}

.arrow12:nth-child(2) {
    animation: move-arrow 3s ease-out 2s infinite;
}

.arrow12:after,
.arrow12:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
	 background:#fff
}

.arrow12:before {
    left: 0;
    transform: skewY(30deg);
}

.arrow12:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
}
@keyframes move-arrow {
	25% {
	opacity:1;
}
33.3% {
	opacity:1;
	transform:translateY(28px);
}
66.6% {
	opacity:1;
	transform:translateY(38px);
}
to {
	opacity:0;
	transform:translateY(56px) scale(0.5);
}
}

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