@charset "utf-8";
/* CSS Document */

/*public css*/
*{ margin:0px; padding:0px;}
body{ font-size:14px; font-family:"微软雅黑","Microsoft Yahei"; color:#333; background:#FFF; line-height:26px; overflow-x:hidden;}
ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img {border: 0;vertical-align: middle;}
a{ color:#222; text-decoration:none;}
a:hover,a:active{color:#072844;text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.en_ft{ font-family:Arial;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hid{ overflow:hidden;}
.box_pad_lr{ width: 84.4vw; padding-left: 7.8vw; padding-right: 7.8vw;}
.box_mag_lr{ width: 84.4vw; margin-left: 7.8vw; margin-right: 7.8vw;}
.bt { color: #3D7F91; }



/*==Banner==*/
.in_boxA{width: 100vw; height: 100vh;}
.in_boxA ul{ height: 100%;}
.in_boxA li{ width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; position:relative;}
.in_boxA li .info { color: #FFF; position:absolute; top:50%; transform:translateY(-50%)}
.in_boxA li .info .p_1 { font-size: 50px; font-weight: bold; line-height: 1.3; text-transform: capitalize; }
.in_boxA li .info .p_2 { margin-top: 70px; font-size: 20px; line-height: 1.5; }
.in_boxA li .info .a_1{ margin-top: 80px; color: #0f6e78; font-size: 18px; font-weight: bold; width: 152px; height: 57px; line-height: 57px; text-align: center; background-color: #FFF; border-radius: 9px; display: block;}
.in_boxA li .info .p_21 { display:inline-block; font-size: 66px; font-weight: bold; line-height: 1.1; text-transform: capitalize; border-bottom: 5px solid #37B0C4; }
.in_boxA li .info .p_22 { font-size: 30px; line-height: 1.2; margin-top: 40px; }
/*.swiper_ban { width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper_ban .swiper-pagination{ text-align: center;}
.swiper_ban .swiper-pagination-bullet{ width: 36px; height: 6px; border-radius:0}
.swiper_ban .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 15px;}
.swiper_ban .swiper-pagination-bullet-active{ width: 122px; background-color: #FFF;}*/


/*chanping fenlei*/
.pro_leimu { width: 100%; overflow: hidden; }
.pro_leimu li { float: left; overflow: hidden; width:33.33%; position: relative; }
.pro_leimu li img { vertical-align: bottom;width:100%;height:auto}
.pro_leimu li .m_piaofu { position: absolute; left: 0px; top: 0px; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; text-align: center; background: rgba(243,152,0,0); transition: background 0.3s ease; }
.pro_leimu li .mp_1 { font-size:36px; color: #fff; }
.pro_leimu li .mp_1 img{width:109px;height:132px;}
.pro_leimu li .mp_1 font { padding-top: 50px; display: block; }
.pro_leimu li .mp_1 p { font-size:16px; color: rgba(255,255,255,.6); text-transform: uppercase; margin-top: 15px; }
.pro_leimu li .mp_2 { margin-top: 70px; overflow: hidden; position: relative; }
.pro_leimu li .mp_2 .ck1 { position: absolute; left: 0px; top: 0px; text-align: center; width: 100%; }
.pro_leimu li .mp_2 .ck1 img { width: 27px; height:43px;}
.pro_leimu li .ck2 a { display: flex; padding-left:24px; padding-right:24px; border: 1px solid #fff; height:59px; border-radius: 50px; text-align: center; line-height:59px; justify-content: space-between; align-items: center; position: relative; overflow: hidden; color: #fff; opacity: 0; width: 0px; transition: opacity ease 0.3s,width ease 0.3s; margin: 0 auto; }
.pro_leimu li:hover .ck2 a { opacity: 1; width:113px; }
.pro_leimu li:hover .ck2 a:hover { color: #333; }
.pro_leimu li:hover .ck2 a font { z-index: 2; }
.pro_leimu li:hover .ck2 a p { z-index: 2; width: 7px; height: 12px; background: url(/static/default/assets/img/jiao2.png) no-repeat; background-size: 100% 100%; }
.pro_leimu li:hover .ck2 a:hover p { background: url(/static/default/assets/img/jiao.png) no-repeat; }
.pro_leimu li:hover .ck2 a:before { width: 0px; content: ""; display: block; height: 100%; position: absolute; left: 0px; bottom: 0px; background: #fff; transition: width 0.3s ease; }
.pro_leimu li:hover .ck2 a:hover:before { width: 100%; }
.pro_leimu li:hover .mp_2 .ck1 { display: none; }
.pro_leimu li:hover .m_piaofu { background: rgba(250,191,9,.8); }

/*chanping fenlei*/

/*==products==*/
.in_boxB{ width: 100vw; height: 100vh; display: flex; }
.in_boxB .box{ display: flex; justify-content: space-between; align-items:center;}





/*==about==*/

.in_boxC{ width: 100vw; height: 100vh; background: url(/static/default/assets/img/index_07.jpg) center center no-repeat; background-size:100% 100%;}

.in_boxC .lt{ float: left; width:55%;color:#fff;}
.in_boxC .rt{ float: right; width: 45%;color:#fff;padding-top:150px;}

.abo_title{overflow:hidden;padding:100px 0 12px 0;font-size:30px;color: #fff;background:url(/static/default/assets/img/hon3.png) no-repeat left bottom;letter-spacing:1px;}
.abo_conn{font-size:16px;color:#fff;line-height:30px;padding:40px 0 80px;}

.in_boxC video{width:85%;height:auto;}




/*----------------xingxiang-----------------*/

.et_ban { width: 100%; height: 660px; text-align: center;  background: url(../images/br_box--.jpg) center right no-repeat;  }
.et_ban ul{}
.et_ban li {}
.et_ban li img{border:5px solid #fff;}
.et_ban .swiper-pagination { right:17%; top:550px; position:absolute;text-align:right;}
.et_ban .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50% ;background-color: #888; }
.et_ban .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; }
.et_ban .swiper-pagination-bullet-active { width: 10px; background-color: #333; }

.swiper_ban1 { width: 100%; height: 100%; position: relative; overflow: hidden; }
.swiper_ban1 .swiper-pagination{ text-align: center;}
.swiper_ban1 .swiper-pagination-bullet{ width: 24px; height: 6px; border-radius:0;background-color: #FFF;}
.swiper_ban1 .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px;}
.swiper_ban1 .swiper-pagination-bullet-active{ width: 24px; background-color: #f8b600;}

.xixi_title{padding:50px 8% 40px 8%;;text-align:center;}
.xixi_title .p_1 { font-size: 48px; font-weight: bold; line-height: 1; padding-top: 85px; }
.xixi_title .p_2 { font-size: 16px; padding-top: 30px;color:#555;line-height:160%; }
.xixi_title .p_2 b{ font-size: 27px; color: #9fe3ea;}


/*==pingzhi==*/
.in_boxD{ width: 100vw; height: 100vh; background: url(/static/default/assets/img/index_03.jpg) center center no-repeat; background-size:100% 100%;}
.in_boxD .box{ height: 100%; display: flex; flex-direction: column; justify-content: center;}

.pz_list{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0; }
.pz_list ul{display:grid;grid-template-columns: repeat(5,1fr);gap:15px}
.pz_list li{ overflow:hidden;height:auto;ext-align:center;padding:80px 0;}
.pz_list li .tb{ width:120px; line-height:120px;height:120px;overflow:hidden;margin:0 auto;border:1px solid rgba(255,255,255,.5); border-radius:50%;display: flex;  justify-content: center;  align-items: center;}
.pz_list li .title{color:#fff;font-size:21px;padding:25px 0 0px 0;text-align:center;}
.pz_list li .title p{font-size:16px;color:rgba(255,255,255,0.7);padding-top:10px;}
.pz_list li:hover {background:rgba(248,181,0,0.9);transition-duration:0.8s;}


.pz_title{overflow:hidden;padding:30px 0 50px 0;text-align:center;}
.pz_title h1{font-size:48px;color: #fff;margin:0 0 0 0;padding-bottom:15px;text-align:center; letter-spacing:1px; font-weight:600;}
.pz_title p{font-size:18px;color:rgba(255,255,255,.8);line-height:200%;overflow:hidden;padding:20px 0 20px 0;text-align:center;}




/*==news==*/
.in_boxE{ width: 100vw; height: 100vh; background: url(/static/default/assets/img/index_8.jpg) center center no-repeat; background-size:100% 100%;}
.in_boxE .box{ height: 100%; display: flex; flex-direction: column; justify-content: center;}

.xw_list{ width:auto; height:auto;overflow:hidden;padding:0 0; }
.xw_list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.xw_list li{ overflow:hidden;height:auto;background:#fff;}
.xw_list li .box{overflow:hidden;padding:20px 20px;}
.xw_list li .pic{width:100%;height:auto;overflow:hidden;}
.xw_list li .pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.xw_list li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.xw_list li .title{font-size:18px;padding:8px 0;}
.xw_list li .title p{font-size:12px;color:#777;padding-top:5px;}
.xw_list li .conn{font-size:14px;line-height:21px;color:#666;}


.ab_boxD{ width: 100%; background: url(../images/about_13.jpg) center center no-repeat; background-size: cover; position: relative; z-index: 1;}
.ab_boxD .box{ padding-top:0px; padding-bottom: 95px; position: relative;}
.ab_boxD .swiper_1{ position: relative; overflow: hidden; padding-bottom: 80px;}
.ab_boxD .box .btn{ position: absolute; right: 0; bottom: 0;}
.ab_boxD .box .btn span{display: inline-block; width: 32px; height: 20px; background: url(/static/default/assets/img/about_17_1.png) no-repeat; cursor: pointer;}
.ab_boxD .box .btn .prev{ transform: rotate(180deg); margin-right: 35px;}
.ab_boxD .box .btn span:hover{ background-image: url(/static/default/assets/img/about_17_2.png);}
.ab_boxD .con_tp{padding:0 0;  }
.ab_boxD .pic{width:100%;height:auto;overflow:hidden;}
.ab_boxD .pic img{width:100%;height:327px; -webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ab_boxD .title{font-size:20px;color:#333;text-align:left;}
.ab_boxD .title p{font-size:15px;line-height:160%;color:#888;padding-top:10px;}
.ab_boxD .con_box{background:#fff;padding:20px 20px;text-align:center;border-bottom-left-radius:12px;border-bottom-right-radius:12px;}
.ab_boxD a:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.cp_title{overflow:hidden;padding:170px 0 60px 0;text-align:center;}
.cp_title h1{font-size:48px;color: #333;margin:0 0 0 0;padding-bottom:15px;text-align:center; letter-spacing:1px; font-weight:600;}
.cp_title p{font-size:18px;color:rgba(0,0,0,.8);line-height:200%;overflow:hidden;padding:10px 0 20px 0;text-align:center;}

/*====*/

.vh-21{overflow:hidden;height:auto;margin-bottom:-26px;}
.in_btm { background-color: #222729; }
.in_btm .box_1{ padding: 27px 0; overflow: hidden; border-bottom: 1px solid #313131;}
.in_btm .box_1 .lt{ float: left;}
.in_btm .box_1 .lt img{ display: block;}
.in_btm .box_1 .rt{ float: right; padding-top: 28px;}
.in_btm .box_1 .rt .totop{ cursor: pointer;}
.in_btm .box_2{ overflow: hidden; padding: 80px 0 35px 0; color: #FFF;}
.in_btm .box_2 a{ color: #FFF;}
.in_btm .box_2 .lt{ float: left;}
.in_btm .box_2 .lt .tit{ font-size: 20px;}
.in_btm .box_2 .lt .info{ font-size: 16px; padding-top: 20px;}
.in_btm .box_2 .lt .info p{ padding-top: 10px;}
.in_btm .box_2 .lt .info img{ display: inline-block; margin:0 25px 0 0;}
.in_btm .box_2 .rt{ float: right; padding-top: 53px; position: relative;}
.in_btm .box_2 .rt .nav{ width: 100vw; text-align: right; position: absolute; top: 0; right: 0;}
.in_btm .box_2 .rt .nav a{ font-size: 16px; margin-right: 33px; display: inline-block; text-transform: capitalize;}
.in_btm .box_2 .rt .nav a:last-child{ margin-right: 0;}

.in_btm .box_2 .rt .fxbox{ padding-top: 0px; display: flex; justify-content: flex-end;width:400px;}
.in_btm .box_2 .rt .fxbox ul{display:grid;grid-template-columns: repeat(4,1fr);gap:15px}
.in_btm .box_2 .rt .fxbox li{overflow:hidden;text-align:center;}
.in_btm .box_2 .rt .fxbox li img{width:100%;height:auto;}
.in_btm .box_2 .rt .fxbox li p{font-size:13px;color:#fff;}

.in_btm .box_2 .rt .fxbox .lang{ display: inline-block; padding: 5px 10px; height: 21px; line-height: 21px; text-align: center; background-color: #43A1AD; color: #FFF;}
.in_btm .box_2 .rt .fxbox .lang img{ display: block; float: left; margin-right: 5px;}
.in_btm .box_3{ padding: 27px 0; overflow: hidden; color: #949494; border-top: 1px solid #313131; text-align:center;}
.in_btm .box_3 a{ color: #949494;}
.wap_btm{ display: none;}
.wap_cpy{ display: none;}

/*==右侧分屏导航==*/
.in_rtnav{ position:fixed; top:50%; right:3.12vw; z-index:10000;}
.in_rtnav li{ position: relative; width: 32px;}
.in_rtnav li a{ display: block; margin: 13px auto; width: 7px; height: 7px; border-radius: 7px; background-color: #D2D2D2; position: relative; transition: all 0.3s ease-out;}
.in_rtnav li.on a{ height: 73px; background: url(/static/default/assets/img/index_45.jpg) center top repeat-x; background-size: auto 100%;}
/*==右侧分屏导航==*/



.in_topnav{ display: none; position:fixed; top:40px; left:40px; width: 50px; height: 50px; cursor: pointer; background-color: #e89900; z-index:1000;}
.in_topnav i{ margin: 23px 0 0 11px; display:block;width:17px;height:3px;background: #FFF; position: relative; transition:all 0.3s;opacity:1;}
.in_topnav i::after{content:"";display:block;height:3px;background: #FFF;width:28px;position:absolute;top:-10px;left:0px;transition:all 0.3s;}
.in_topnav i::before{content:"";display:block;height:3px;background: #FFF;width:28px;position:absolute;bottom:-10px;left:0px;transition:all 0.3s;}
/*��������*/



/*---------------------------------------------------------------------------------------------------nei------------------------------------------------------*/

.wh1670{width: 100%;margin-right: auto;margin-left: auto;}
.wh1550{width: 100%;margin-right: auto;margin-left: auto;}
.wh1400{width: 100%;margin-right: auto;margin-left: auto;}
@media (min-width: 1400px) {
.container {max-width: 1400px;}
.container_nav{max-width: 1550px;}
.wh1670{max-width: 1670px;}
.wh1550{max-width: 1550px;}
.wh1400{max-width: 1400px;}
}

.in_banner{width:100%;height:450px;overflow:hidden;position:relative;}
.banimg{width:100%;height:auto;overflow:hidden;}
.banimg img{animation: abopicdong 15s linear infinite;}
.m-banimg{width:100%;height:auto;overflow:hidden;display:none;}
.m-banimg img{animation:none;}
.in_banner .bt1{position:absolute;top:48%;left:14%; }
.in_banner .bt1 h1{font-size:30px;color:#fff;background:url('/static/default/assets/img/hon2.png') left bottom no-repeat;padding-bottom:5px;}
.in_banner .bt1 p{font-size:13px;color:#fff;padding-top:12px; opacity:0.8;}


.pro_ban .info{ top: 20%; color: #FFF;}
.pro_ban .info p{ opacity: 0.3;}
.pro_ban .info i{ background-color: #DA3E2C;}
.pro_ban .info span{ color: #FFF;}
.in_banner .ctg{ position: absolute; left: 50%; bottom: 15%; transform: translateX(-50%);}
.in_banner .ctg ul{ display: flex; justify-content: center;}
.in_banner .ctg li{ margin: 0 24px; font-size: 16px;}
.in_banner .ctg li a{ width: 200px; height: 64px; display: flex; align-items: center; justify-content: center; color: #FFF; border: 1px solid #8E8E8D;}
.in_banner .ctg li.on a{ background-color: #eeab00; border-color: #eeab00;}


@keyframes abopicdong {
0% { transform:translateY(0px)}
50% { transform:translateY(-100px)}
100%{transform:translateY(0px)}
}

.nbox {
    width: 73%;
    max-width: 1400px;
    margin: auto;
    min-width: 1100px;
}
.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

/*-----------------------*/




.abo_ban{ width: 100%; height: 350px; background: url(../images/ban_about.jpg) center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.abo_ban p{ font-size: 40px; text-transform: uppercase; font-family: arial; color: #FFF; line-height: 1;}
.abo_ban i{ display: block; margin-top: 10px; width: 40px; height: 3px; background-color: #FFF;}


/*nei about us*/

.ab_boxA{overflow:hidden;font-size:17px;color:#444;line-height:160%;padding:0 0 30px;}

.ab_wenhua{overflow:hidden;font-size:17px;color:#444;line-height:160%;padding:0 0 30px; min-height:400px;}
.ab_licheng{ width:auto; height:auto;overflow:hidden;padding:0 0; min-height:400px;}
.ab_licheng  li{overflow:hidden;border-bottom:1px solid #e6e6e6;height:auto;margin-top:25px;padding-bottom:25px;}
.ab_licheng  li .txtbox{float:left;overflow:hidden;width:calc(100% - 450px);height:auto;}
.ab_licheng  li .imgbox{float:right;width:400px;height:auto;overflow:hidden;text-align:right;}
.ab_licheng  li .imgbox img{width:80%;height:auto;}
.ab_licheng  li .txtbox h1{font-size:42px;color:#C00; font-family:Arial, Helvetica, sans-serif;padding:20px 0 0;}
.ab_licheng  li .txtbox p{font-size:16x;color:#666;padding-top:15px;line-height:160%;}


.ab_honor{ width:auto; height:auto;overflow:hidden; min-height:500px;}
.ab_honor ul{display:grid;grid-template-columns: repeat(4,1fr);gap:30px;}
.ab_honor li{ overflow:hidden;height:auto;background:#FFF;padding:20px;}
.ab_honor li .himg{overflow:hidden;height:auto;}
.ab_honor li .himg img{width:100%;height:394px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ab_honor li:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ab_honor li p{font-size:16px;color:#666;text-align:center;padding:8px 0 0 0;}



.wenhua {
	padding: 0 0 0;
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
}
.wenhua .column {display: flex;flex-wrap: wrap;}
.wenhua .column .img {position: relative;float: left;width: 50%;}
.wenhua .column .img>img {position: relative;}
.wenhua .column .textBox {
	position: relative;
	float: left;
	width: 50%;
	/*padding: 0 110px;*/
	padding: 0px 100px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;background:#f8b500;
}
.wenhua .column .text {font-size: 18px;color: #fff;line-height:24px;}
.wenhua .column h1 {font-size:36px;color: #fff;font-weight:normal;padding-bottom:20px;}
.wenhua .column:nth-child(2n) {flex-direction: row-reverse;}
.wenhua .column:nth-child(2n) .img {float: right;}
.wenhua .column:nth-child(2n) .img::before {left: auto;right: -17px;}
.wenhua .column:nth-child(2n) .number {right: auto;left: 0;}

.jiagou{overflow:hidden; text-align:center;padding:70px 0 70px;}

/*news*/
.xwbox{background:#f9f9f9;overflow:hidden;padding:60px 0 30px;}
.xwbox1{background:#fff;overflow:hidden;padding:40px 40px;margin-bottom:0px;}

.xw-menu {width: 100%;overflow: hidden;text-align: center;background-color: #fff;}
.xw-menu a {display: inline-block;font-size: 22px;height:80px;line-height: 80px;margin: 0 35px;color: #333333;ransition: 0.3s ease color;position:relative;}
.xw-menu a.active::before{width:100%;left:0px;}
.xw-menu a::before{border-bottom:3px solid #f8b500;display:block;position:relative;width:0%;position:absolute;left:50%;bottom:0px;content:"";transition: 0.3s ease all;}
.xw-menu a:hover::before{width:100%;left:0px;}

.news_list{ width:auto; height:auto;overflow:hidden;padding:0 0; min-height:300px;}
.news_list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:20px}
.news_list li{ overflow:hidden;height:auto;background:#fff;}
.news_list li .box1{overflow:hidden;padding:20px 20px 30px 20px;}
.news_list li .pic{width:100%;height:auto;overflow:hidden;}
.news_list li .pic img{width:100%;height:256px;}
.news_list li .title{font-size:18px;padding:8px 0 0;}
.news_list li .title p{font-size:12px;color:#999;padding-top:5px;}
.news_list li .conn{font-size:15px;color:#777;}
.news_list li:hover{background:#f8b500;}
.news_list li:hover .title{color:#fff;}
.news_list li:hover .title p{color:#fff;}
.news_list li:hover .conn{color:#fff;}

.news_list li .mores { width: 90px; height: 40px; text-align:center;border: 1px solid #cfcfcf; line-height:40px; margin-top:20px;color: rgb(102, 102, 102); text-transform: uppercase; font-size: 12px; position: relative; z-index: 2; transition: border 0.3s ease 0s; }
.news_list li a:hover .mores { color:#333; border: 1px solid #fff; }
.news_list li a .mores::after { background:#fff; display: block; content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 0px; transition: width 0.3s ease 0s; z-index: -1; }
.news_list li a:hover .mores::after { width: 100%; }

/*news show*/

.ns_show_tit { text-align: center; font-size: 24px; line-height: 1.8; font-weight: bold; color: #333; }
.ns_show_tm { text-align: center; padding-top: 10px; color: #aaa; }
.ns_show_cont { font-size: 15px; line-height: 1.8; padding-top: 20px; text-align: justify; color:#666;}
.ff_pre { clear: both; margin-top: 30px; }

.prenext{margin-top:.3rem;display:grid;grid-template-columns: repeat(3,1fr);gap:10px;background:#f7f7f7;padding:0 30px;}
.prenext>div{overflow:hidden;padding:15px 0 10px;}
.prenext .pre{}
.prenext .back{text-align:center;}
.prenext .next{text-align:right;}



/*news*/

/*join center*/

.qyhj_conn{font-size:17px;color:#333;line-height:30px;padding-bottom:30px;}
.qyhj{ width:auto; height:auto;overflow:hidden;padding:0 0; }
.qyhj ul{display:grid;grid-template-columns: repeat(2,1fr);gap:30px;}
.qyhj li{ overflow:hidden;height:auto;width:100%;}
.qyhj li img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.qyhj li:hover img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.join_box{overflow:hidden;height:auto;font-size:16px;line-height:160px;}

.wfns { width: 100%; overflow: hidden; margin-top: .8rem; }
.xmin { width: 100%; height: 78px; background: url(/static/default/assets/img/qba.png); }
.div1 { min-width: 90px; width: 7.8947368421053%; text-align: right; font-size: 16px; float: left; line-height: 78px; margin-right: 2.6315789473684%; }
.div2 { min-width: 32px; float: left; width: 2.8289473684211%; height: 22px; }
.div2 font { background: #f8b500; width: 100%; line-height: 22px; color: #fff; text-align: center; margin-top: 30px; display: block; }
.div3 { float: left; margin-top: 18px; width: 79.605263157895%; margin-left: 2.6315789473684%; }
.div3 input { border: 1px solid #ebebeb; width: 100%; box-sizing: border-box; height: 43px; outline: none; background: #fff; padding-left: 20px; }
.xbie { background: none; }
.nobg { background: none; }
.div4 { float: left; overflow: hidden; margin-top: 30px; margin-left: 40px; }
.div4 label { float: left; width: 63px; padding-left: 24px; background: url(/static/default/assets/img/f1.png) no-repeat left center; cursor: pointer; }
.div4 label font { color: #000000; font-size: 16px; }
.div4 label input { display: none; }
.div4 .chek { background: url(/static/default/assets/img/f2.png) no-repeat left center; }
.div5 { float: left; margin-top: 18px; width: 79.605263157895%; margin-left: 2.6315789473684%; }
.div5 textarea { height: 225px; border: 1px solid #ebebeb; width: 100%; outline: none; padding: 20px; box-sizing: border-box; }
.texa { height: 265px; }
.div6 { float: left; margin-top: 18px; width: calc(71.710526315789% - 141px); margin-left: 2.6315789473684%; }
.div6 input { border: 1px solid #ebebeb; width: 100%; box-sizing: border-box; height: 43px; outline: none; background: #fff; padding-left: 20px; }
.div7 { float: left; overflow: hidden; margin-top: 26px; margin-left: 2.7631578947368%; }
.qren { width: 100%; text-align: center }
.qren input { width: 212px; height: 55px; background: #f8b500; color: #fff; outline: none; border: 0px; margin-top: 60px; margin-bottom: 60px; cursor: pointer; }


/*join center*/




/*contact*/
.content_main{width:100%;overflow:hidden;padding:60px 0 60px;}
.content_main .main_w{display:grid;grid-template-columns:500px auto;gap:49px;}
.contact_left{overflow:hidden;}
.contact_right{overflow:hidden;}
.contact_left .item{padding-bottom:23px;border-bottom:1px solid #e6e6e6;padding-top:23px;}
.eewm{padding-top:.6rem;overflow:hidden;display:none;width:152px;}
.contact_left .item font{font-size:16px;color:#999999;}
.contact_left .item p{font-size:24px;font-weight:bold;color:#333333;padding-top:10pxm;}
.contact_left .eewm p{text-align:center;color:#333333;padding-top:.14rem;line-height:1.65;}




/*--------------------------------------------------------------products------------------------------------------------------*/
.colnav{overflow: hidden;margin:50px auto;}
.colnav ul{display:grid;grid-template-columns: repeat(1,1fr);gap:20px}
.colnav li{background:#f7f7f7;overflow:hidden;padding:30px 30px;}
.colnav li .title{font-size:20px;color:#333;font-weight:600;}
.colnav a{ font-size:19px;padding-right:20px;color:#333;}
.colnav a:hover{color:#eeab00;}
.colnav li .on{ color:#eeab00;}

.colnav_sm{overflow:hidden;padding-top:10px;}
.colnav_sm dl{display:grid;grid-template-columns: repeat(5,1fr);gap:3px}
.colnav_sm dd{overflow:hidden;}
.colnav_sm dd a{font-size:15px;line-height:22px;color:#555;}
.colnav_sm dd .on{ color:#eeab00;}


.colnav_sm_nav{overflow:hidden;background:#f7f7f7;padding:20px 20px;margin-top:30px;}
.colnav_sm_nav li{float:left;margin: 0 10px; font-size: 16px;overflow:hidden;}
.colnav_sm_nav li a{width:120px; height:50px; display: flex; align-items: center; justify-content: center; color: #666;  }
.colnav_sm_nav li .on{ color:#fff;background:#373739;}


/*pronav list*/
.pronav_list{ width:auto; height:auto;margin:50px 0 30px;overflow:hidden;padding:10px 10px; min-height:400px;}
.pronav_list ul{display:grid;grid-template-columns: repeat(2,1fr);gap:30px}
.pronav_list li{overflow:hidden;height:auto;background:#fff;}
.pronav_list li .boxs{overflow:hidden;height:auto;padding:10px 10px;}
.pro_nav_pic{float:left;width:50%;overflow:hidden;}
.pro_nav_pic img{width:100%;height:auto;}
.pro_nav_conn{float:rgiht;width:50%;overflow:hidden;}
.pro_nav_conn .box1_con{padding:20px 20px;overflow:hidden;}
.pro_nav_title{font-size:26px;color:#333;font-weight:600;border-bottom:1px solid #e0e1e1;padding-bottom:12px;}
.pro_nav_title a{color:#333;}

.pro_nav_small{overflow:hidden;margin-top:20px;}
.pro_nav_small dl{display:grid;grid-template-columns: repeat(2,1fr);gap:5px}
.pro_nav_small dd{overflow:hidden;overflow:hidden;height:auto;}
.pro_nav_small dd a{font-size:15px;color:#666;height:24px;line-height:24px;}
.pro_nav_small dd a:hover{color:#C00;}

/*pronav list*/

/*ProList*/
.probox{background:#f7f7f7;100px;}
.ProList{ width:auto; height:auto;overflow:hidden;padding:10px 0; min-height:400px;margin-top:30px;}
.ProList ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.ProList li{overflow:hidden;height:auto; background:#f7f7f7;padding:30px;}
.ProList li .pro_pic{width:100%; height:auto; overflow:hidden;}
.ProList li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li a:hover .title{color:#C00;}
/*.ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}*/
.ProList li:hover{background:#fac522;}
.ProList li a{color:#666;}
.pro_3_1 {overflow: hidden;margin:10px 0 30px; text-align:center;}
.pro_3_1 font { font-size:22px; color: #333; }
.pro_3_2 { width:80px; padding-left:20px; padding-right:20px; height:45px; display: flex; justify-content: space-between; margin: 0 auto; align-items: center; background: #fac522; margin-top: .4rem; margin-bottom: .35rem; border-radius: 50px; color: #ffffff; }
.pro_3_2 p { width: 7px; height: 12px; background: url(/static/default/assets/img/pro_3.png) no-repeat center; }
.pro_3_2 font { font-size:14px;color:#fff; }
.ProList li:hover .pro_3_1 font { color: #ffffff; font-size:22px; }
.ProList li:hover .pro_3_2 { background: #363638;}
.ProList li:hover .pro_3_2 font { color: #fff; }
.ProList li:hover .pro_3_2 p { background: url(/static/default/assets/img/pro_3.png) no-repeat center; }
/*ProList*/


/*prod_main*/
.pro_det_box{background:#333;height:auto;padding-top:80px;}
.pro_det_nav a{font-size:20px;color:#fff;} 

.pro_det_nav{min-height:70px;}
.pro_det_nav ul{display:flex;align-items: center;height:100%;color:#999999;font-size:22px;}
.pro_det_nav ul li{margin-right:40px;display:inline;position:relative;line-height:70px;transition: 0.3s ease color;}
.pro_det_nav ul li.cur,.pro_det_nav ul li:hover{color:#fff;font-weight:bold;}
.pro_det_nav ul li a{color:#fff;display:block;}
.pro_det_nav ul li::before{border-bottom:3px solid #fabf09;display:block;position:relative;width:0%;position:absolute;left:50%;bottom:0px;content:"";transition: 0.3s ease all;}
.pro_det_nav ul li.cur::before,.pro_det_nav ul li:hover::before{width:100%;left:0px;}

.pro_det_main{overflow:hidden;height:auto;}
.pro_det_main .detlt{float:left;width:600px;overflow:hidden;height:auto;}
.pro_det_main .detlt .box{padding:40px;}
.pro_det_main .detlt img{width:100%;height:auto;}
.pro_det_main .detrt{float:right;width:50%;overflow:hidden;height:auto;padding-top:100px;}

.detrt_title{font-size:30px;overflow:hidden;height:50px;margin-bottom:30px;}

.spjs{margin-top:.3rem;display:grid;grid-template-columns: repeat(2,1fr);gap:10px 10px;}
.spjs>div{background:#fff; line-height:90px;}
.spjs>div:hover{background:#f8b500;}
.spjs>div a{color:#666;font-size:20px;padding-left:39px;padding-right:29px;background-position: right 29px center;background-repeat: no-repeat;background-size:27px 27px;display:block;}
.spjs>div:hover a{color:#fff;}
.spjs .item_video a{background-image:url(/static/default/assets/img/videos.png);}
.spjs .item_video a:hover{background-image:url(/static/default/assets/img/video.png);}
.spjs .item_cpzx a{background-image:url(/static/default/assets/img/content.png);}
.spjs .item_cpzx a:hover{background-image:url(/static/default/assets/img/contents.png);}
.spjs .item_lxyx a{background-image:url(/static/default/assets/img/mail.png);}
.spjs .item_lxyx a:hover{background-image:url(/static/default/assets/img/mails.png);}
.spjs .item_dhzx a{background-image:url(/static/default/assets/img/tel.png);}
.spjs .item_dhzx a:hover{background-image:url(/static/default/assets/img/tels.png);}
.spjs .item_pre a{background-image:url(/static/default/assets/img/pre.png);}
.spjs .item_pre a:hover{background-image:url(/static/default/assets/img/pres.png);}
.spjs .item_next a{background-image:url(/static/default/assets/img/next.png);}
.spjs .item_next a:hover{background-image:url(/static/default/assets/img/nexts.png);}

/*prod_main*/

/*prod_detail*/
.pro_con_box{overflow:hidden;padding:50px 0 30px;}
.pro_con_txt { width: 100%; overflow: hidden; color: #eeab00; font-size:24px; line-height: 1; font-weight:600;}
.pro_con_txt font { padding-left: 15px; overflow: hidden; border-left: 5px solid #eeab00; display: block; }
.pro_con_mation{overflow:hidden;height:auto;font-size:15px;line-height:22px;padding:20px 0;}
/*prod_detail*/

/*guanlian*/
.pro_lian_box{overflow:hidden;padding:25px 0 30px;}
.pro_lian_txt { width: 100%; overflow: hidden; color: #eeab00; font-size:24px; line-height: 1; font-weight:600;}
.pro_lian_txt font { padding-left: 15px; overflow: hidden; border-left: 5px solid #eeab00; display: block; }
.pro_lian_mation{overflow:hidden;height:auto;font-size:15px;line-height:22px;padding:20px 0;}

.related_product{ height:auto;margin-top:20px;overflow:hidden;margin-bottom:30px; }
.related_product ul{display:grid;grid-template-columns: repeat(7,1fr);gap:10px}
.related_product li{ overflow:hidden;position: relative; background:#f7f7f7;padding:10px 10px;}
.related_product li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.related_product li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.related_product li .pro_txt{color:#666;font-size:15px;padding:0px 10px 15px 10px;text-align:center;}
.related_product li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.related_product li:after {width: 0px;height: 2px;overflow: hidden;content: "";position: absolute;z-index: 30;bottom: 0px;left: 0px;background-color:#f8b500 ;transition: all .3s linear;}
.related_product li:hover:after{width: 100%;}

/*guanlian*/


/*-------------------------------------------------------products--------------------------------------------------------------*/









/*contact*/
.cont_boxA { width: 100%; position: relative; }
#allmap{ height: 782px;}
.cont_boxA .box{ display: flex; position: absolute; right: 0; bottom: 0;}
.cont_boxA .box .lt{ width: 78px; height: 137px; background: #408394 url(../images/contact_03.png) center center no-repeat;}
.cont_boxA .box .rt{ width: 695px; height: 440px; padding: 0 0 0 75px; background-color: #FFF;}
.cont_boxA .box .rt .p_1{ margin-top: 70px; font-size: 38px; font-weight: bold; color: #0d0d0d; line-height: 1; text-transform:capitalize;}
.cont_boxA .box .rt .p_2 { margin-top: 5px; color: #8e8e8e; }
.cont_boxA .box .rt .p_3{ margin-top: 40px; font-size: 16px; line-height: 1.8; font-weight: bold; color: #4f4d4d;}
.cont_boxA .box .rt .msgbox{ margin-top: 70px; overflow: hidden; width: 305px; border-bottom: 2px solid #BBB;}
.cont_boxA .box .rt .msgbox .txt{ float: left; width: calc(100% - 50px); height: 35px; line-height: 35px; font-weight: bold; color: #333; border: 0; outline: none;}
.cont_boxA .box .rt .msgbox .btn{ float: left; width: 50px; height: 35px; background: url(../images/contact_05.png) center center no-repeat; border: 0; outline: none; cursor: pointer;}





.sh_boxA .lt { width:220px; padding-top: 0px; }
.sh_boxA .rt .list_1 { margin-top: 0; }

.in_menu_hid { position: fixed; top: -150px; left: 0; width: 100%; z-index:10000; transition:all 0.3s ease-out; }
.in_menu_hid .close{ width:100%; position:relative;}
.in_menu_hid .close i { display: block; position: absolute; right: 15px; top: 120px; width: 30px; height: 30px; cursor: pointer; }
.in_menu_hid .close i:before, .in_menu_hid .close i:after { content: ""; display: block; width: 30px; height: 2px; background-color: #0E566F; }
.in_menu_hid .close i:before { transform: rotate(45deg); margin-top:14px }
.in_menu_hid .close i:after { transform: rotate(-45deg); margin-top:-1px; margin-left:-1px; }





.opa0 { opacity: 0; }
.txt_hide_1{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.txt_hide_2{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}










/*--page--*/
.vh100{height:80px;overflow:hidden;}
 .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;padding:25px 0 0 0;}
 
 .page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1;color:#007bff;background-color:#fff;border:1px solid #dee2e6}
 .page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}
 .page-link:focus{z-index:2;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}
 .page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}
 .page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}
 .page-item.active .page-link{z-index:1;color:#fff;background-color:#007bff;border-color:#007bff}
 .page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}
 .pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1}
 .pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}
 .pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}
 .pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1}
 .pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}
 .pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}
 .clean-block.clean-catalog .pagination{-ms-flex-pack:center;justify-content:center}
/*--page--*/

/*searchall*/
.searchall_title{font-size:24px;color:#333;padding:20px 0;}
.searchall{overflow:hidden;padding:20px 0 0 0; }
.searchall li{float:left;width:calc(50% - 20px);margin:0 10px 20px 10px;overflow:hidden;height:auto;background:#fff;border-radius:8px;}
.searchall li .pic{float:left;width:200px;height:auto;overflow:hidden;border-radius:8px;}
.searchall li .pic img{width:100%;height:160px;}
.searchall li .conn{float:right;width:calc(100% - 220px);overflow:auto;height:auto;}
.searchall li a{padding:15px;}
.searchall li h1{font-size:20px;color:#333;padding-top:12px;}
.searchall li p{font-size:15px;color:#666;line-height:160%;padding-top:10px;}/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
.searchall li .date{font-size:14px;color:#666;padding-top:12px;}
.searchall li:hover{background:#f8b500;}
.searchall li:hover h1,.searchall li:hover p,searchall li:hover .date{color:#fff;}
/*searchall*/


/*searchall*/
.searchall_title{font-size:24px;color:#333;padding:20px 0;}
.searchall{overflow:hidden;padding:20px 0 0 0; }
.searchall li{float:left;width:calc(50% - 20px);margin:0 10px 20px 10px;overflow:hidden;height:auto;background:#fff;border-radius:8px;background:#f5f5f5;}
.searchall li .pic{float:left;width:200px;height:auto;overflow:hidden;border-radius:8px;}
.searchall li .pic img{width:100%;height:160px;}
.searchall li .conn{float:right;width:calc(100% - 220px);overflow:auto;height:auto;}
.searchall li a{padding:15px;}
.searchall li h1{font-size:20px;color:#333;padding-top:12px;}
.searchall li p{font-size:15px;color:#666;line-height:160%;padding-top:10px;}/*overflow:hidden; text-overflow:ellipsis; white-space:nowrap;*/
.searchall li .date{font-size:14px;color:#666;padding-top:12px;}
.searchall li:hover{background:#1696f4;}
.searchall li:hover h1,.searchall li:hover p,searchall li:hover .date{color:#fff;}
/*searchall*/