@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:none; width:auto; max-width:100%;}
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; }


/*��ҳ*/
.in_nav { width: 100vw; height: 130px; position: absolute; left: 0; top: 0; color: #FFF; z-index: 2000; }
.in_nav .box{ padding-top: 35px; display: flex; align-items: center; font-size: 22px; font-weight: bold;}
.in_nav .box .logo{ float: left;}
.in_nav .box .navbox{ float: left; margin-left: 85px; cursor:pointer;}
.in_nav .box .navbox i{display:inline-block;width:17px;height:4px;background: #FFF; position: relative; margin:0 28px 6px 0; transition:all 0.3s;opacity:1;}
.in_nav .box .navbox i::after{content:"";display:block;height:4px;background: #FFF;width:28px;position:absolute;top:-10px;left:0px;transition:all 0.3s;}
.in_nav .box .navbox i::before{content:"";display:block;height:4px;background: #FFF;width:28px;position:absolute;bottom:-10px;left:0px;transition:all 0.3s;}
.in_nav .box .navbox i.on{ background:none; opacity:1;}
.in_nav .box .navbox i.on::after{ transform:rotate(45deg); top:0px;}
.in_nav .box .navbox i.on::before{ transform:rotate(-45deg); bottom:0px;}	
.in_nav .box .shbox{ float: left; margin-left: 65px; cursor: pointer;}
.in_nav .box .shbox img{ display: inline-block; margin-right: 23px;}
/*==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;}
.in_wap_boxA{ display: none;}


/*==products==*/
.in_boxB{ width: 100vw; height: 100vh; display: flex; background: url(../images/index_03.jpg) center center no-repeat; background-size:100% auto ;}
.in_boxB .box{ display: flex; justify-content: space-between; align-items:center;}

.cp_title{overflow:hidden;padding:150px 0 60px 0;text-align:center;}
.cp_title h1{font-size:40px;color: #000;margin:0 0 0 0;background:url(../images/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:25px;text-align:center; letter-spacing:1px; font-weight:normal;}
.cp_title p{font-size:18px;color:rgba(0,0,0,.8);line-height:200%;overflow:hidden;padding:20px 0 20px 0;text-align:center;}


.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(../images/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(../images/about_17_2.png);}

.ab_boxD .con{background:#fff;padding:20px 20px;}
.ab_boxD .pic img{width:100%;height:auto;}
.ab_boxD .title{font-size:20px;color:#333;}

/*==about==*/
.in_boxC{ width: 100vw; height: 100vh; background: url(../images/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(../images/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;}





/*==pingzhi==*/
.in_boxD{ width: 100vw; height: 100vh; background: url(../images/index_15.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:100px 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:20px 0 20px 0;text-align:center;}
.pz_list li:hover {background:rgba(222,25,25,0.6);transition-duration:0.8s;}


.pz_title{overflow:hidden;padding:30px 0 30px 0;text-align:center;}
.pz_title h1{font-size:40px;color: #fff;margin:0 0 0 0;background:url(../images/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:25px;text-align:center; letter-spacing:1px; font-weight:normal;}
.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(../images/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;}

.xw_title{overflow:hidden;padding:30px 0 30px 0;text-align:center;}
.xw_title h1{font-size:40px;color: #fff;margin:0 0 0 0;background:url(../images/hon3.png) no-repeat center bottom;padding-top:10px;padding-bottom:25px;text-align:center; letter-spacing:1px; font-weight:normal;}
.xw_title p{font-size:18px;color:rgba(255,255,255,.8);line-height:200%;overflow:hidden;padding:20px 0 20px 0;text-align:center;}


/*====*/
.in_boxF{ width: 100vw; height: 100vh; position: relative; }
.in_boxF .img_list{ width: 100%; height: 100%;}
.in_boxF .img_list li{ width: 100%; height: 100%;}
.in_boxF .img_list img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.in_boxF .box { position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.in_boxF .lt{ float: left;}
.in_boxF .lt .tit_1{ width: 370px; font-size: 65px; line-height: 1.2; font-weight: bold; color: #3a909d; text-transform:capitalize;}
.in_boxF .lt .tit_2{ width: 495px; margin-top: 20px; font-size: 30px; line-height: 1.3; color: #505050;}
.in_boxF .lt .tit_3 { width: 420px; margin-top: 20px; font-size: 15px; line-height: 1.3; color: #6f6f6f; text-transform: capitalize; }
.in_boxF .lt .more{ margin-top: 30px; display: block; width: 200px; height: 33px; line-height: 33px; padding: 10px 0; text-align: center; font-size: 22px; background-color: #3A909D; color: #FFF; transition: all 0.5s ease-out;}
.in_boxF .lt .more:hover{ background-color: #0E566F;}
.in_boxF .rt{ float: right; height: 500px; position:relative;}
.in_boxF .rt .list{ width:100%; height:100%; overflow:hidden;}
.in_boxF .rt ul { padding-right: 50px; }
.in_boxF .rt li{ display: flex; align-items: center; padding: 8px; height: 60px; border-radius: 76px; margin-bottom: 30px; background: url(../images/index_31.jpg) repeat-x; background-size: auto 100%; color: #FFF; text-transform: capitalize;}
.in_boxF .rt li:last-child{ margin-bottom: 0;}
.in_boxF .rt li img{ display: block; max-height: 100%;}
.in_boxF .rt li p{ width: 125px; line-height: 18px; text-align: center;}
.in_boxF .rt .dd { position:absolute; left:73px; bottom:-40px;}
.in_boxF .rt .dd i { display: inline-block; margin-right:10px; width: 11px; height: 11px; border-radius: 50%; background-color: #3a909d; }
/*====*/
.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: 18px; 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:200px;}
.in_btm .box_2 .rt .fxbox ul{display:grid;grid-template-columns: repeat(2,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;}
.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(../images/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: #de0303; 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;}
/*��������*/
.sh_bkg { position: fixed; left: 0; top: 0; z-index: 2000; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); display: none; }
.sh_box { position: fixed; left: 20%; top: 40%; z-index: 2001; width: 60%; display: none; }
.sh_box .txt { float: left; display: block; width: calc(90% - 22px); height: 20px; line-height: 20px; padding: 15px 10px; border: 0; }
.sh_box .btn { float: left; display: block; width: 10%; height: 50px; line-height: 50px; text-align: center; color: #FFF; background: #478999 url(../images/sh_btn.png) center center no-repeat; border: 0; cursor: pointer; }
.sh_box form { margin-top: 35px; }
.sh_box .close { position: relative; width: 50px; height: 50px; margin: 0 auto 20px auto; cursor: pointer; transition: all 0.3s ease-out; }
.sh_box .close:before, .sh_box .close:after { content: ""; display: block; width: 60px; height: 1px; background-color: #FFF; position: absolute; left: -5px; top: 25px; }
.sh_box .close:before { transform: rotate(45deg); }
.sh_box .close:after { transform: rotate(-45deg); }



/*about us*/
.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;}
}


.ab_menu { box-shadow: 0 0 10px #999; position: relative; z-index: 10; }
.ab_menu .box{ height: 110px; background-color: #FFF;}
.ab_menu .box .lt{ float: left; padding-top: 20px;}
.ab_menu .box .lt img{ max-height: 76px;}
.ab_menu .box .shbox{ float: right; padding-top: 38px;}
.ab_menu .box .shbox img { cursor:pointer;}
.ab_menu .box .menu { float: right; width: calc(100% - 370px); padding-right: 50px; }
.ab_menu .box .menu ul{ float: right; width: 100%; display: flex; justify-content: flex-end;}
.ab_menu .box .menu li{ margin-right: 5%; }
.ab_menu .box .menu li:last-child{ margin-right: 0;}
.ab_menu .box .menu li>a{ display: inline-block; height: 72px; padding-top: 38px; font-size: 16px; color: #464646; text-transform: capitalize; position: relative;}
.ab_menu .box .menu li>a::after{ content: ""; display: block; width: 0; height: 2px; position: absolute; left: 50%; bottom: 0; background-color: #e50004; transition: all 0.3s ease-out;}
.ab_menu .box .menu li:hover>a::after{ width: 80%; left: 10%;}
.ab_menu .box .menu li.on>a::after{ width: 80%; left: 10%;}
.wap_top{ display: none;}
.wap_topjg{ display: none;}

.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;}

.contact_ban{ width: 100%; height: 350px; background: url(../images/ban_contact.jpg) center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.qyhj_ban{ width: 100%; height: 350px; background: url(../images/ban_qysl.jpg) center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.news_ban{ width: 100%; height: 350px; background: url(../images/ban_new.jpg) center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.product_ban{ width: 100%; height: 350px; background: url(../images/ban_product.jpg) center center no-repeat; background-size: cover; display: flex; flex-direction: column; justify-content: center; align-items: center;}

.ab_boxA{overflow:hidden;font-size:16px;color:#666;line-height:160%;background:#efefef;padding:80px 0;}
.ab_tub{ width:auto; height:auto;overflow:hidden;padding:50px 0 0; }
.ab_tub ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.ab_tub li{ overflow:hidden;height:auto;text-align:center;}
.ab_tub li .pic{width:100%;height:auto;overflow:hidden;}
.ab_tub li .pic img{width:100px;height:auto;}
.ab_tub li .title{font-size:28px;padding:8px 0;color:#333;padding-top:15px;}
.ab_tub li .title p{font-size:18px;color:#555;padding-top:10px;}
.ab_tub li .conn{font-size:14px;line-height:21px;color:#666;}


.ab_boxB{overflow:hidden;padding:80px 0;}
.ab_boxB .blt{float:left;width:616px;overflow:hidden;height:auto;}
.ab_boxB .brt{float:right;width:calc(100% - 680px);overflow:hidden;height:auto;padding-top:40px;}

.ab_boxB .title{font-size:40px;color:#222;}
.ab_boxB .title p{font-size:20px;color:#555;padding-top:20px;}
.ab_boxB .conn{font-size:16px;line-height:160%;color:#666;padding-top:20px;}

.ab_boxB .wh_list{overflow:hidden;padding-top:20px;}
.ab_boxB .wh_list ul{display:grid;grid-template-columns: repeat(3,1fr);gap:20px}
.ab_boxB .wh_list li{overflow:hidden;}
.ab_boxB .wh_list li h1{font-size:20px;color:#333;font-weight:normal}
.ab_boxB .wh_list li p{font-size:60px;color:#F60;font-weight:600;padding:20px 0 0;}
.ab_boxB .wh_list li .title{font-size:14px;color:#555;font-weight:normal;}


.ab_boxC{overflow:hidden;padding:50px 0 60px 0;}
.td_title{text-align:center;font-size:36px;color:#222;padding:0 0 40px;}
.td_list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.td_list li{overflow:hidden;}
.td_list li .pic{width:100%;height:auto;overflow:hidden;}
.td_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;}
.td_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);}
.td_list li .title{font-size:18px;padding:8px 0;}


/*news*/
.xwbox{background:#f9f9f9;overflow:hidden;padding:50px 0;}
.xwbox1{background:#fff;overflow:hidden;padding:30px 30px;}

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

.xw-menu {width: 100%;overflow: hidden;text-align: center;background-color: #fff;position:relative;transition: 0.3s ease color;}
.xw-menu a {display: inline-block;font-size: 22px;line-height: 80px;margin: 0 35px;color: #333333;border-bottom: 2px solid #fff;}
.xw-menu a:hover {border-bottom: 2px solid #d30000;}
.xw-menu a.active {border-bottom: 2px solid #d30000;}

.news_list{ width:auto; height:auto;overflow:hidden;padding:0 0; }
.news_list ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.news_list li{ overflow:hidden;height:auto;background:#fff;}
.news_list li .box{overflow:hidden;padding:20px 20px;}
.news_list li .pic{width:100%;height:auto;overflow:hidden;}
.news_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;}
.news_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);}
.news_list li .title{font-size:18px;padding:8px 0;}
.news_list li .title p{font-size:12px;color:#777;padding-top:5px;}
.news_list li .conn{font-size:14px;line-height:21px;color:#666;}



/*news show*/

.ns_show_tit { text-align: center; font-size: 22px; line-height: 1.5; font-weight: bold; color: #408394; }
.ns_show_tm { text-align: center; padding-top: 10px; color: #aaa; }
.ns_show_cont { font-size: 16px; line-height: 2; padding-top: 20px; text-align: justify; }
.ff_pre { clear: both; margin-top: 30px; }



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

.product_list{ width:auto; height:auto;overflow:hidden;padding:0 0; }
.product_list ul{display:grid;grid-template-columns: repeat(5,1fr);gap:20px}
.product_list li{ overflow:hidden;height:auto;background:#fff;text-align:center;}
.product_list li .box{overflow:hidden;padding:15px 15px;}
.product_list li .pic{width:100%;height:auto;overflow:hidden;}
.product_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;}
.product_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);}
.product_list li .title{font-size:18px;padding:8px 0;}

.prod_main{overflow:hidden;height:auto;}
.prod_main .plt{float:left;width:618px;height:auto;overflow:hidden}
.prod_main .plt .box{border:1px solid #ccc;overflow:hidden;}
.prod_main .plt img{width:100%;height:auto;}
.prod_main .prt{float:right;width:calc(100% - 660px);height:auto;overflow:hidden;}
.prod_main .prt .prt_name{font-size:20px;color:#333;}
.prod_main .prt .prt_con{font-size:14px;color:#666;line-height:160%;padding:12px 0;}
.prod_main .prt .prt_tel{width:120px;line-height:36px;background:#C00; border-radius:5px;color:#fff;text-align:center;}

.prod_conn_title{background:#FFF;line-height:42px;margin:50px 0 25px;}
.prod_conn_title span{background:#C00;padding:8px 15px;color:#fff;font-size:18px;}
.prod_conn_box{font-size:15px;line-height:150%;color:#666;}


.related_product{ width:auto; height:auto;overflow:hidden;padding:0 0; }
.related_product ul{display:grid;grid-template-columns: repeat(5,1fr);gap:20px}
.related_product li{ overflow:hidden;height:auto;background:#fff;text-align:center;}
.related_product li .box{overflow:hidden;padding:15px 15px;}
.related_product li .pic{width:100%;height:auto;overflow:hidden;}
.related_product 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;}
.related_product li:hover .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 .title{font-size:18px;padding:8px 0;}




/*products*/

/*qyhj*/
.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:20px}
.qyhj li{ overflow:hidden;height:auto;background:#fff;text-align:center;}
.qyhj li .box{overflow:hidden;padding:15px 15px;}
.qyhj li .pic{width:100%;height:auto;overflow:hidden;}
.qyhj 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;}
.qyhj li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.qyhj li .title{font-size:18px;padding:8px 0;}

.jsjc{ width:auto; height:auto;overflow:hidden;padding:0 0; }
.jsjc ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.jsjc li{ overflow:hidden;height:auto;background:#fff;text-align:center;}
.jsjc li .box{overflow:hidden;padding:15px 15px;}
.jsjc li .pic{width:100%;height:auto;overflow:hidden;}
.jsjc 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;}
.jsjc li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.honor{ width:auto; height:auto;overflow:hidden;padding:0 0; min-height:400px;}
.honor ul{display:grid;grid-template-columns: repeat(4,1fr);gap:20px}
.honor li{ overflow:hidden;height:auto;background:#fff;text-align:center;}
.honor li .box{overflow:hidden;padding:15px 15px;}
.honor li .pic{width:100%;height:auto;overflow:hidden;}
.honor li .pic img{width:100%;height:450px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.honor li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}


.down{ width:auto; height:auto;overflow:hidden;padding:0 0; min-height:400px;}
.down ul{display:grid;grid-template-columns: repeat(2,1fr);gap:30px}
.down li{ overflow:hidden;height:auto;background:#fff;}
.down li .box{overflow:hidden;padding:15px 15px;}
.down li .title{float:left;width:calc(100% - 100px);overflow:hidden;font-size:18px;color:#333;}
.down li .rtxz{float:right;overflow:hidden;width:60px;text-align:center;}



/*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{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:100%;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;color:#666;}
.page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */