/*common start*/
:root{
 --primary-color:#087852;
 --secondary-color:#00ad7e;
 --third-color:#069;
 --fourth-color:#ff9800;
 --main-color:#087852;
 --main-color-white:#fff;
}
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; color:#333; overflow-x:hidden; }
a{ color:#666;}
a:hover{ color:var(--primary-color); text-decoration:none;}
p{line-height:1.5em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper1{ width:90%; margin:0 auto; max-width:1550px; min-width:1000px;}
.wapper2{ width:90%; margin:0 auto; min-width:1000px;}
input,textarea,select{outline:none; font-family:inherit; }
img{object-fit: cover;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;}
#lContent img,#lblContent img,.xiangxi_con img,.xiangqing img{ width:auto !important; height:auto !important; max-width:100%;}
@media(max-width:999px){
.wapper1{ width:90%; min-width:0;}
.wapper2{ width:90%; min-width:0;}
}
/*common end*/


.head{ width:100%; background:#fff; position:fixed; z-index:55; left:0; top:0;}
.head2bg{ }
.head2{ height:70px;
display: flex;
justify-content: space-between;
align-items: center;}
.head .logo{/* width:15%; */ position:relative;display: flex; justify-content: flex-start; align-items: center;} 
.head .logo a{ margin-right:20px;height:70px;display: flex; justify-content: flex-start; align-items: center;}
.head .logo img{ max-width:100%; max-height:80%;/* position:absolute; top:0; right:0; bottom:0; left:0; margin:auto 0;*/}
.head .rt{
display: flex;
justify-content: flex-end;
align-items: center;}
.head .h_share{display: flex; justify-content: flex-start; align-items: center;}
.head .h_share a{ margin-left:15px;}
.head .h_share a img{ display:block; width:30px;}
.head .h_search_btn{ width:80px; height:80px; font-size:20px;display: flex; justify-content:center; align-items: center; background:var(--primary-color); color:#fff; margin-left:1.04vw; cursor:pointer; display:none;}
.head .h_search_btn i{ vertical-align:super;}
/*menu*/
.head .menu{ height:70px; line-height:70px; }
.head .menu>ul{display: flex; justify-content: center; align-items: center;}
.head .menu>ul>li{ }
.head .menu>ul>li.menu_down{ position:relative;}
.head .menu>ul>li>a{ color:#333; display:block; font-size:16px; font-weight:normal; position:relative; padding:0 1.04vw; z-index:1;}
.head .menu>ul>li>a:hover,.head .menu>ul>li:hover>a{ color:var(--secondary-color); }
.head .menu>ul>li.menu_down>a:after{ content:"\f0d7";font: normal normal normal 14px/1 FontAwesome; margin-left:.26vw;}
/*.head .menu>ul>li>a:before{ content:""; width:100%; height:2px; background:var(--primary-color); position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s ease; opacity:0; visibility:hidden;}
.head .menu>ul>li>a:hover:before,.head .menu>ul>li:hover>a:before{ opacity:1; visibility:visible;}*/
.head .menu>ul>li ul{ width:200px; padding:10px 0; background:#fff; box-shadow:0 0 5px #aaa; position:absolute; top:100%; left:0; z-index:5; display:none;}
.head .menu>ul>li ul li{ position:relative }
.head .menu>ul>li ul li a{ color:#666; display:block; font-weight:normal; font-size:14px; line-height:24px; padding:10px 5px 10px 1.04vw; text-align:left; position:relative;}
.head .menu>ul>li ul li a:hover,.head .menu>ul>li>ul li:hover>a{ color:var(--primary-color);}
.head .menu>ul>li ul li ul{ width:100%; position:absolute; top:0; left:100%; transform:translateX(0); display:none;}
.head .menu>ul>li ul li:hover>ul{ display:block;}

.head_height{ height:70px;}
.head.active1{ box-shadow:0 0 5px #aaa;}
.head.active2{ }
@media(min-width:999px){
.head .h_search_box{ }
.head .h_search_close1{ display:none;}
.head .h_searchbg{  }
.head .h_search{ }
.head .h_search_close2{ display:none;}
.head .h_search .form{ height:40px; overflow:hidden; background:#fff; border-bottom:1px solid #ddd; }
.head .h_search .form .text1{ float:left; border:none; background:none; height:40px; line-height:40px; padding:0 0 0 10px; width:250px; box-sizing:border-box;}
.head .h_search .form .button1{ float:right; border:none;  background:none; width:40px; height:40px; line-height:40px; cursor:pointer; font-size:16px; color:#333; transition:all .3s ease;}
.head .h_search .form .button1:hover{ opacity:.9;}
}
@media(max-width:999px){
.head_height{ height:60px;}
.head{ position:fixed;}
.head2{ height:60px; }
.head .logo{/* width:40%;*/ }
.head .logo a{ height:60px; margin-right:10px;}
.head .logo img{ max-width:100%; max-height:30px}
.head .rt>.h_share{ display:none;}
.head .h_share a{ margin:0 5px 0 0;}
.head .h_share a img{ width:24px;}
.head .h_search_btn{ width:20px; height:20px; font-size:20px; margin-left:0; background:transparent; color:#666; display:block;}

.head .h_search_box{ width:100%; height:calc(100% - 60px); position:fixed; top:60px; left:0; z-index:999; opacity:0; visibility:hidden; transition:all .3s ease;}
.head .h_search_box.active1{ opacity:1; visibility:visible;}
.head .h_search_close1{ width:100%; height:100%; background:#f2f2f2; position:absolute; left:0; top:0; z-index:998;}
.head .h_searchbg{ width:100%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); position:absolute; left:50%; top:0; transform:translate(-50%,0); z-index:999;}
.head .h_search{ padding:20px 5%; max-width:1000px; margin:0 auto;}
.head .h_search_close2{ display:none;}
.head .h_search .form{ height:40px; overflow:hidden; background:#fff; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.head .h_search .form .text1{ float:left; border:none; background:none; height:40px; line-height:40px; padding:0 0 0 10px; width:calc(100% - 40px); box-sizing:border-box;}
.head .h_search .form .button1{ float:right; border:none;  background:var(--primary-color); width:40px; height:40px; line-height:40px; cursor:pointer; font-size:16px; color:#fff; transition:all .3s ease;}
.head .h_search .form .button1:hover{ opacity:.9;}

.head .menu{ display:none;}
}
/**/
.head .nav_open{ width:24px; height:20px; cursor:pointer; position:relative; display:none; margin-left:15px;}
.head .nav_open i,.head .nav_open:before,.head .nav_open:after{ width:24px; height:2px; background:#000; position:absolute; left:50%; transform:translateX(-50%); transition:all .3s ease;}
.head .nav_open i{ top:50%; transform:translateX(-50%) translate(0,-50%);}
.head .nav_open:before{ content:""; top:0px; }
.head .nav_open:after{ content:""; bottom:0px; }
.head .nav_open.active0 i{ opacity:0; visibility:hidden;}
.head .nav_open.active0:before{transform:translateX(-50%) translateY(9px) rotate(45deg);}
.head .nav_open.active0:after{transform:translateX(-50%) translateY(-9px) rotate(-45deg);}
.head .nav_box{ width:100%; height:100vh; position:fixed; right:0; top:0px; z-index:999; display:none;}
.head .nav_close1{ width:100%; height:100%; background:rgba(51,51,51,.5); position:absolute; left:0; top:0; z-index:998;}
.head .navbg{ width:100%; max-width:450px; height:100%; background:#fff; position:absolute; right:0; top:0; z-index:999; transition:all .6s ease; transform:translateX(100%);}
.head .nav_box.active1 .navbg{ transform:translateX(0);}
.head .nav{ position:relative; padding:60px 5% 0 5%;}
.head .nav_close2{ width:20px; height:20px; background:url(../images/close-on.png) center no-repeat; position:absolute; right:5%; top:20px;}
.head .nav_list{ max-height:calc(100vh - 60px); overflow-y:auto;}
.head .nav_list ul{ }
.head .nav_list ul li{ padding:5px 0;}
.head .nav_list>ul>li{ padding:10px 0; }
.head .nav_list ul li span{ display:block; position:relative;}
.head .nav_list ul li span a{ display:inline-block; font-size:14px; line-height:24px; position:relative; z-index:2; }
.head .nav_list>ul>li>span a{ font-size:16px; line-height:26px; font-weight:normal;}
.head .nav_list ul li.nav_down>span:after{ content:"\f0d7";font: normal normal normal 14px/1 FontAwesome; position:absolute; top:6px; right:0; }
.head .nav_list ul li.nav_down.active1>span:after{ transform:rotate(180deg);}
.head .nav_list ul li ul{ padding:5px 15px 0 15px; display:none;}
.head .nav_list ul li.active1>span>i{ background-image:url(../images/ico_up1.png);}
.head .nav .h_share{display: flex; justify-content: flex-start; align-items: center; margin-top:15px;}
.head .nav .h_share a{ margin:0 15px 0 0;}
.head .nav .h_share a img{ display:block; width:30px;}
@media(max-width:999px){
.head .nav_open{ display:block;}
}


.banner_swiper{ position:relative;}
.banner_swiper .swiper-container { width: 100%; }
.banner_swiper .swiper-container .swiper-slide { position:relative;}
.banner_swiper .swiper-container .swiper-slide img{ display:block; width:100%; }
.banner_swiper .swiper-container .swiper-slide .txtbg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.banner_swiper .swiper-container .swiper-slide .txt{ text-align:center; color:#fff;}
.banner_swiper .swiper-container .swiper-slide .txt .h2{ font-size:50px; line-height:1.2; }
.banner_swiper .swiper-pagination{ bottom:20px; height:12px; width:100%; }
.banner_swiper .swiper-pagination span{ vertical-align:top; width:12px; height:12px; border-radius:12px; background:#fff; opacity:.6; margin:0 8px; transition:all .3s ease; box-sizing:border-box; position:relative;}
.banner_swiper .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; background:#fff; opacity:1;}
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{ width:27px; height:44px; margin-top:-22px; background-size:100% 100%; text-align:center; color:transparent; font-size:0; transition:all .3s ease; box-sizing:border-box; }
.banner_swiper .swiper-button-prev:hover,.banner_swiper .swiper-button-next:hover{ opacity:1;}
.banner_swiper .swiper-button-prev{ left:5%;}
.banner_swiper .swiper-button-next{ right:5%;}
@media(max-width:999px){
.banner_swiper .swiper-container .swiper-slide .txt .h2{ font-size:24px; }
.banner_swiper .swiper-pagination{ bottom:10px; height:8px; }
.banner_swiper .swiper-pagination span{ width:8px; height:8px; border-radius:8px; margin:0 4px; }
.banner_swiper .swiper-pagination span.swiper-pagination-bullet-active{ width:16px; }
.banner_swiper .swiper-button-prev,.banner_swiper .swiper-button-next{ width:20px; height:40px; margin-top:-20px; }
}


.tit1{ text-align:center; position:relative;}
.tit1 .h2{ font-size:32px; line-height:42px; font-weight:bold;}
.tit1 .h3{ font-size:14px; line-height:24px; font-weight:bold; position:absolute; right:0; top:50%; transform:translateY(-50%);}
.tit1 .h3 a{ color:var(--third-color);}
.tit1 .h3 a:hover{ text-decoration:underline;}
.more1{ text-align:center;}
.more1 span{ display:inline-block; text-align:center; width:100%; line-height:50px; background:var(--primary-color); color:#fff; font-size:16px; transition:all .3s ease;}
.more1 span:hover{ opacity:.9;}
.con01bg{ margin:60px 0;}
.con01{}
.con01 .list{ margin-top:30px;}
.con01 .list ul{display: flex; justify-content: flex-start;/* align-items: center;*/ flex-wrap:wrap;}
.con01 .list ul li{ width:25%; text-align:center; border:1px #ddd solid; box-sizing:border-box;}
.con01 .list ul li .nr_box{ height:100%;display: flex; justify-content: space-between; align-items: center;flex-direction: column;}
.con01 .list ul li .txtbg{ width:100%;}
.con01 .list ul li .txt{ padding:30px 20px ; min-height:340px;}
.con01 .list ul li .txt .h2{ font-size:24px; line-height:34px; font-weight:bold; font-style:italic; color:var(--primary-color); margin-bottom:10px; opacity:.6;}
.con01 .list ul li .txt .h3{ font-size:25px; line-height:35px; font-weight:bold; margin-bottom:15px;}
.con01 .list ul li .txt .h4{ font-size:15px; line-height:25px;}
.con01 .list ul li .more1{ width:100%;}
.con01 .list ul li:nth-child(4n-3) .txt .h2{ color:#517f9c;}
.con01 .list ul li:nth-child(4n-3) .more1 span{ background:#517f9c;}
.con01 .list ul li:nth-child(4n-2) .txt .h2{ color:#5e718c;}
.con01 .list ul li:nth-child(4n-2) .more1 span{ background:#5e718c;}
.con01 .list ul li:nth-child(4n-1) .txt .h2{ color:#4e7b6f;}
.con01 .list ul li:nth-child(4n-1) .more1 span{ background:#4e7b6f;}
.con01 .list ul li:nth-child(4n) .txt .h2{ color:#667953;}
.con01 .list ul li:nth-child(4n) .more1 span{ background:#667953;}
@media(max-width:999px){
.tit1 .h2{ font-size:24px; line-height:34px; }
.more1 span{ line-height:40px; font-size:16px; }
.con01bg{ margin:40px 0;}
.con01 .list{ margin-top:20px;}
.con01 .list ul li{ width:100%; margin-bottom:20px;}
.con01 .list ul li .nr_box{ display:block;}
.con01 .list ul li .txt{ padding:30px 20px ; min-height:0px;}
.con01 .list ul li .txt .h2{ font-size:18px; line-height:28px; margin-bottom:10px; }
.con01 .list ul li .txt .h3{ font-size:18px; line-height:28px; margin-bottom:15px;}
.con01 .list ul li .txt .h4{ font-size:14px; line-height:24px;}
}


.con02bg{ margin:60px 0;}
.con02{}
.con02 .list{ margin-top:30px;}
.swiper_indexPro{ position:relative; padding:0 75px;}
.swiper_indexPro .swiper-container { width: 100%; }
.swiper_indexPro .swiper-container .swiper-slide { position:relative;}
.swiper_indexPro .swiper-container .swiper-slide .nr_box{ margin:0 1px;}
.swiper_indexPro .swiper-container .swiper-slide .imgbg{}
.swiper_indexPro .swiper-container .swiper-slide .img{ padding-bottom:54%; position:relative; overflow:hidden; border:1px #ddd solid;}
.swiper_indexPro .swiper-container .swiper-slide .img img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.swiper_indexPro .swiper-container .swiper-slide .txt{ margin-top:5px;}
.swiper_indexPro .swiper-container .swiper-slide .txt .h2{ font-size:18px; line-height:28px; font-weight:bold; color:var(--third-color); margin-bottom:15px;}
.swiper_indexPro .swiper-container .swiper-slide .txt .h2:hover{ text-decoration:underline;}
.swiper_indexPro .swiper-container .swiper-slide .txt .h3{ font-size:15px; line-height:25px; color:#666;}
.swiper_indexPro .swiper-pagination{ bottom:0px; height:12px; width:100%; display:none;}
.swiper_indexPro .swiper-pagination span{ vertical-align:top; width:12px; height:12px; border-radius:12px; background:#fff; opacity:.6; margin:0 8px; transition:all .3s ease; box-sizing:border-box; position:relative;}
.swiper_indexPro .swiper-pagination span.swiper-pagination-bullet-active{ width:30px; background:#fff; opacity:1;}
.swiper_indexPro .swiper-button-prev,.swiper_indexPro .swiper-button-next{ width:40px; height:40px; line-height:38px; margin-top:-21px; background:none; border:1px solid var(--third-color); color:var(--third-color); font-size:24px; transition:all .3s ease; border-radius:100%; text-align:center; top:40%;}
.swiper_indexPro .swiper-button-prev{ left:0;}
.swiper_indexPro .swiper-button-next{ right:0;}
@media(max-width:999px){
.con02bg{ margin:40px 0;}
.con02 .list{ margin-top:20px;}
.swiper_indexPro{ padding:0;}
.swiper_indexPro .swiper-container .swiper-slide .txt{ margin-top:15px;}
.swiper_indexPro .swiper-container .swiper-slide .txt .h2{ font-size:18px; line-height:28px; margin-bottom:10px;}
.swiper_indexPro .swiper-container .swiper-slide .txt .h3{ font-size:14px; line-height:24px; }
.swiper_indexPro .swiper-pagination{ bottom:10px; height:8px; }
.swiper_indexPro .swiper-pagination span{ width:8px; height:8px; border-radius:8px; margin:0 4px; }
.swiper_indexPro .swiper-pagination span.swiper-pagination-bullet-active{ width:16px; }
.swiper_indexPro .swiper-button-prev,.swiper_indexPro .swiper-button-next{ top:40%;}
.swiper_indexPro .swiper-button-prev{ left:-15px;}
.swiper_indexPro .swiper-button-next{ right:-15px;}
}


.con03bg{ margin:60px 0;}
.con03{}
.con03 .list{ margin-top:30px;display: flex; justify-content: space-between; align-items: flex-start;}
.con03_lt{ width:66%; border:1px #dedede solid;}
.con03_lt ul li{ border-bottom:1px #dedede solid;}
.con03_lt ul li:last-child{ border-bottom:none;}
.con03_lt ul li .txt{ padding:30px;}
.con03_lt ul li .txt .h2{ font-size:14px; line-height:28px;display: flex; justify-content: space-between;/* align-items: center;*/ margin-bottom:15px;}
.con03_lt ul li .txt .h2 strong{ font-weight:normal; flex:1; font-size:20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.con03_lt ul li .txt .h2 span{ color:#999; margin-left:10px;}
.con03_lt ul li .txt .h3{ font-size:16px; line-height:26px; color:#666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.con03_rt{ width:30%; position:relative;}
.con03_rt .img{ height:400px; position:relative; overflow:hidden;}
.con03_rt .img img{ display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.con03_rt .txtbg{ width:100%; position:absolute; top:0; left:0;}
.con03_rt .txt{ padding:40px 30px; color:#fff;}
.con03_rt .txt .h2{ font-size:36px; line-height:46px; margin-bottom:15px;}
.con03_rt .txt .h2 span{ color:var(--fourth-color);}
.con03_rt .txt .h3{ font-size:20px; line-height:30px;}
@media(max-width:999px){
.con03bg{ margin:40px 0;}
.con03 .list{ margin-top:20px;display:block;}
.con03_lt{ width:100%; margin-bottom:20px;}
.con03_lt ul li .txt{ padding:20px;}
.con03_lt ul li .txt .h2{ font-size:14px; line-height:28px; display:block; margin-bottom:10px;}
.con03_lt ul li .txt .h2 strong{ display:block; font-size:18px; }
.con03_lt ul li .txt .h2 span{ display:block; margin:5px 0 0 0;}
.con03_lt ul li .txt .h3{ font-size:16px; line-height:26px; }
.con03_rt{ width:100%; }
.con03_rt .img{ height:300px; }
.con03_rt .txt{ padding:20px; }
.con03_rt .txt .h2{ font-size:24px; line-height:34px; margin-bottom:10px;}
.con03_rt .txt .h3{ font-size:14px; line-height:24px;}
}


.more2{}
.more2 span{ display:inline-block; text-align:center; font-size:16px; line-height:46px; width:190px; box-sizing:border-box; border-radius:40px; background:var(--primary-color); color:#fff; transition:all .3s ease;}
.more2 span:hover{ text-decoration:underline;}
.con04bg{ padding:60px 0; background-repeat:no-repeat; background-size:cover; background-position:center;}
.con04{}
.con04 .list{}
.con04 .list .h2{ font-size:32px; line-height:42px; font-weight:bold;}
.con04 .list .line1{ width:50px; height:2px; background:#666; margin-top:25px; margin-bottom:25px;}
.con04 .list .h3{ font-size:26px; line-height:36px; margin-bottom:45px;}
@media(max-width:999px){
.more2 span{ font-size:14px; line-height:40px; width:120px; }
.con04bg{ padding:40px 0; }
.con04 .list .h2{ font-size:24px; line-height:34px; }
.con04 .list .line1{ width:50px; height:2px; margin-top:10px; margin-bottom:10px;}
.con04 .list .h3{ font-size:14px; line-height:24px; margin-bottom:20px;}
}




.foot{ }
.foot1bg{}
.foot1{}
.foot1_top{ font-size:16px; line-height:26px; border-bottom:1px  #d5d5d5 solid; display: flex; justify-content: space-between; align-items: center;}
.foot1_top .lt{}
.foot1_top .lt span{ padding:20px 0; display:block; position:relative;}
.foot1_top .lt span:before{ content:""; width:100%; height:4px; background:var(--primary-color); position:absolute; bottom:0; left:0;}
.foot1_top .rt{display: flex; justify-content: flex-start; align-items: center;}
.foot1_top .rt span{}
.foot1_top .f_share{ flex:1;display: flex; justify-content: flex-start; align-items: center; flex-wrap:wrap;}
.foot1_top .f_share a{ margin-left:15px;}
.foot1_top .f_share a img{ display:block; width:30px;}
.foot1_btm{ padding:20px 0; display: flex; justify-content: space-between;/* align-items: center;*/}
.foot1_btm .lt{ flex:1;}
.foot .f_nav{ font-size:16px; line-height:26px;}
.foot .f_nav ul{ display: flex; justify-content: flex-start;/* align-items: center;*/ flex-wrap:wrap;}
.foot .f_nav ul li{ margin:0 30px 10px 0;}
.foot1_btm .rt{/* max-width:20%;*/ margin-left:2%;}
.foot1_btm .f_logo{}
.foot1_btm .f_logo a{ display:inline-block; margin-left:10px;}
.foot1_btm .f_logo img{/* display:block;*/ max-width:100%; max-height:60px;}
.foot2bg{ padding:20px 0; background:#363636; color:#adadad;}
.foot2bg a{ color:#adadad;}
.foot2bg a:hover{ color:#fff;}
.foot2{}
.foot .f_info{ font-size:14px; line-height:24px;}
.foot .f_info ul li{ margin:10px 0;}
@media(max-width:999px){
.foot1_top{ padding:20px 0; font-size:14px; line-height:24px; display:block;}
.foot1_top .lt{ display:none;}
.foot1_top .f_share a{ margin-left:10px;}
.foot1_top .f_share a img{ width:30px;}
.foot1_btm{ padding:20px 0; display:block;}
.foot1_btm .lt{ }
.foot .f_nav{ display:none;}
.foot1_btm .rt{ max-width:100%; margin-left:0;}
.foot1_btm .f_logo{ text-align:center;}
.foot1_btm .f_logo a{ margin:10px 0;}
.foot1_btm .f_logo img{ max-height:40px;}
.foot2bg{ padding:20px 0; }
.foot .f_info{ font-size:12px; line-height:22px;}
.foot .f_info ul li{ margin:5px 0;}
}




/*Add------------------------------------------------------------------------------*/

.insideBanner_box{ position:relative;}
.insideBanner{ position:relative;}
.insideBanner img{ display:block; width:100%; }
.insideBanner_txtbg{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.insideBanner_txt{ }
.insideBanner_txt .h2{ font-size:40px; line-height:1.25; font-weight:bold;}
.inbarbg{ padding:20px 0; background:#f3f3f3;}
.inbar{display: flex; justify-content:space-between; align-items: center;}
.innav{ flex:1; font-size:14px; line-height:30px; }
.innav .h1{ font-size:16px; line-height:50px; text-align:left; padding:0 40px 0 20px; position:relative; background:var(--primary-color); font-weight:bold; display:none; }
.innav .h1:before{ content:"\f107";font: normal normal normal 14px/1 FontAwesome; position:absolute; right:20px; top:18px; transition:all .3s ease;}
.innav .h1.active1:before{ transform:rotate(180deg);}
.innav>ul{ display: flex; justify-content:flex-end;/* align-items: center; */flex-wrap:wrap;}
.innav>ul>li{/* display: flex;justify-content:center;align-items:center;*/ color:#333; position:relative; margin-left:1.04vw; }
.innav>ul>li>a{ display:block; position:relative; white-space:nowrap; text-align:center; transition:all .3s ease;}
.innav>ul>li>a:before{ content:""; width:0; height:2px; background:#000; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all .3s ease;}
.innav>ul>li.hover>a{ color:#000;}
.innav>ul>li:hover>a{ color:#000;}
.innav>ul>li.hover>a:before{ width:100%;}
.innav>ul>li:hover>a:before{ width:100%;}
.innav ul li ul{ width:fit-content; min-width:120px; padding:5px 0; background:#fff; box-shadow:0px 0px 30px 0px rgba(216.09375000000003, 216.09375000000003, 216.09375000000003, 0.27); position:absolute; top:100%; left:50%; transform:translateX(-50%); display:none; z-index:2;}
.innav ul li:hover>ul{ display:block;}
.innav ul li ul li{ text-align:center; line-height:24px; padding:5px 5px;}
.innav ul li ul li a{ font-size:14px; }
.innav ul li ul li a:hover{ color:var(--primary-color);}
.weizhi{ font-size:16px; line-height:26px; }
.weizhi i{ margin-right:5px; }
@media(max-width:999px){
.insideBanner_txt .h2{ font-size:24px; }
.inbarbg{ position:static; }
.inbar{ display:block; border-top:none; padding:0;}
.innav{ font-size:14px; line-height:24px; }
.innav>ul{ justify-content:flex-start; }
.innav>ul>li{ margin:5px 15px 5px 0; }
.weizhi{ font-size:12px; line-height:22px;}
}

.insideContentbg {
    padding: 60px 0 80px 0;
    background-image: url(../images/nybg.jpg);
}
.insideContent{}
.insideContent_lt{ float:left; width:21%;/* position:sticky; top:100px;*/}
.side_a{ }
.side_a .h1{ font-size:22px; line-height:32px; color:var(--third-color); margin-bottom:15px;}
.side_a .h1 strong{ display:block; }
.side_a>ul{ }
.side_a ul li{ }
.side_a>ul>li{ border-bottom:1px #dedede dotted;}
.side_a>ul>li:last-child{ border-bottom:none;}
.side_a ul li span{ display:block; position:relative; cursor:pointer; }
.side_a ul li span:hover{ color: var(--third-color);}
.side_a ul li.hover>span{ color: var(--fourth-color);}
.side_a ul li.active1>span{ }
.side_a ul li.active1>span:hover{ }
.side_a ul li.has_sub>span:after{ content:"\f105"; font: normal normal normal 16px/1 FontAwesome; text-align:center; width:16px; height:16px; line-height:16px; position:absolute; right:10px; top:50%; transform:translateY(-50%); transition:all .3s ease;}
.side_a ul li.has_sub.active1>span:after{ transform:translateY(-50%) rotate(90deg);}
.side_a ul li a{ display:block; font-size:14px; line-height:24px; padding:10px 30px 10px 15px; font-weight:bold;}
.side_a>ul>li>span a{ font-size:16px; line-height:26px; padding:17px 30px 17px 0; position:relative; }
.side_a ul li span:hover a{ color:var(--third-color); }
.side_a ul li.hover>span a{ color:var(--fourth-color); }
.side_a ul li ul{ padding:0 0 10px 0; display:none;}
.side_a ul li ul li{ }
.side_a ul li ul li span{  }
.side_a ul li ul li a{}
.insideContent_rt{ float:right; width:75%; box-sizing: border-box;}
.insideContent_con{}
@media(max-width:999px){
.insideContentbg{ padding:20px 0 40px 0; }
.insideContent_lt{ float:none; width:100%; position:static; margin-bottom:20px;}
.side_a .h1{ font-size:22px; line-height:32px; margin-bottom:10px;}
.side_a ul li a{ padding:8px 30px 8px 15px; }
.side_a>ul>li>span a{ padding:12px 30px 12px 0; }
.insideContent_rt{ float:none; width:100%; }
.insideContent_con{ }
}



.aboutus1bg{ margin:60px 0;}
.aboutus1{}
.aboutus1 .h2{ font-size:30px; line-height:40px;}
.aboutus1 .list{ margin-top:30px;}
.aboutus1 .list .txt{ font-size:16px; line-height:2;}
.aboutus1 .list .img{ margin-top:20px; display: flex;justify-content:flex-start;/*align-items:center;*/ flex-wrap:wrap;}
.aboutus1 .list .img img{ display:block; width:49%; margin-top:1%; margin-right:1%;}
    .aboutus1 .list .img img:nth-child(2n){ margin-right:0;}
    /*.aboutus1 .list .img img:nth-child(5n-1),.aboutus1 .list .img img:nth-child(5n){ width:49%;}
.aboutus1 .list .img img:nth-child(5n-4),.aboutus1 .list .img img:nth-child(5n-1){ margin-left:0;}*/
    @media(max-width:999px) {
        .aboutus1bg{ margin:40px 0;}
.aboutus1 .h2{ font-size:24px; line-height:34px;}
.aboutus1 .list{ margin-top:20px;}
.aboutus1 .list .txt{ font-size:14px; line-height:24px;}
.aboutus1 .list .img{ margin-top:10px;}
.aboutus1 .list .img img{ display:block; width:100% !important; margin-left:0; margin-top:1%;}
}

.tit2{ text-align:center;}
.tit2 .h2{ font-size:30px; line-height:40px;}
.aboutus2bg{ padding:60px 0; background-repeat:no-repeat; background-position:center; background-size:cover; background-attachment:fixed;}
.aboutus2{}
.aboutus2 .list{ margin-top:30px;}
.aboutus2 .list ul li{ margin-bottom:10px; background:#fff; padding:10px;}
.aboutus2 .list ul li .txt{}
.aboutus2 .list ul li .txt .h2{ font-size:16px; line-height:26px; color:var(--secondary-color); margin-bottom:5px;}
.aboutus2 .list ul li .txt .h3{ font-size:15px; line-height:25px;}
@media(max-width:999px){
.tit2 .h2{ font-size:24px; line-height:34px;}
.aboutus2bg{ padding:40px 0; }
.aboutus2 .list{ margin-top:20px;}
.aboutus2 .list ul li{ margin-bottom:10px; padding:10px;}
.aboutus2 .list ul li .txt .h2{ font-size:16px; line-height:26px; margin-bottom:5px;}
.aboutus2 .list ul li .txt .h3{ font-size:14px; line-height:24px;}
}



.inContact1{ display: flex;justify-content:space-between;/*align-items:center;*/}
.inContact1_lt{ width:46%;}
.inContact1_lt .h2{ font-size:24px; line-height:34px; color:var(--fourth-color); margin-bottom:40px;}
.inContact1_lt .h3{ font-size:30px; line-height:40px; margin-bottom:45px;}
.inContact1_lt .h3 span{ display:block; margin-bottom:35px;}
.inContact1_lt .h3 strong{ display:block;}
.inContact1_lt .h4{ font-size:16px; line-height:26px;white-space: normal; word-break: break-word;}
.inContact1_lt .h4 ul li{ margin-bottom:10px;}
.inContact1_rt{ width:50%;}
.inContact1_rt .form{}
.inContact1_rt .form ul li{ margin-bottom:10px;}
.inContact1_rt .form .h3{ font-size:16px; line-height:26px; font-weight:bold;}
.inContact1_rt .form font{ color:#f00;}
.inContact1_rt .form .text1{ border:1px #dedede solid; background:none; height:50px; line-height:48px; padding:0 10px; width:100%; box-sizing:border-box;}
.inContact1_rt .form .text3{ border:1px #dedede solid; background:none; height:300px; line-height:24px; padding:10px 10px; width:100%; box-sizing:border-box;}
.inContact1_rt .form .text2{ border:1px #dedede solid; background:none; height:50px; line-height:48px; padding:0 10px; width:calc(100% - 150px); box-sizing:border-box;}
.inContact1_rt .form .yzm{ display: flex;justify-content:space-between;/*align-items:center;*/}
.inContact1_rt .form .yzm img{ display:block; height:50px; width:140px; object-fit:contain;}
.inContact1_rt .form .button1{ border:none; background:var(--fourth-color); color:#fff; height:48px; line-height:48px; font-size:16px; border-radius:40px; cursor:pointer; width:136px; margin-top:10px;}
.inContact1_rt .form .button1:hover{ opacity:.9;}
@media(max-width:999px){
.inContact1{ display:block;}
.inContact1_lt{ width:100%; margin-bottom:20px;}
.inContact1_lt .h2{ font-size:18px; line-height:28px; margin-bottom:20px;}
.inContact1_lt .h3{ font-size:24px; line-height:34px; margin-bottom:20px;}
.inContact1_lt .h3 span{ margin-bottom:10px;}
.inContact1_lt .h4{ font-size:14px; line-height:24px;}
.inContact1_lt .h4 ul li{ margin-bottom:10px;}
.inContact1_rt{ width:100%;}
.inContact1_rt .form ul li{ margin-bottom:10px;}
.inContact1_rt .form .h3{ font-size:16px; line-height:26px; }
.inContact1_rt .form .text1{ height:40px; line-height:38px; }
.inContact1_rt .form .text2{ height:40px; line-height:38px; width:calc(100% - 134px); }
.inContact1_rt .form .yzm img{ height:40px; width:124px; }
.inContact1_rt .form .button1{ height:40px; line-height:40px; font-size:16px; width:136px; margin-top:10px;}
}



.inProduct1{ font-size:16px; line-height:26px;}
.inProduct1 table{ width:100%;}
.inProduct1 table tr:nth-child(2n){ background:#f9f9f9;}
.inProduct1 table th{ padding:15px 10px; text-align:left; font-size:20px; line-height:30px;}
.inProduct1 table td{ padding:15px 10px;}
.inProduct1 table a.pro_tit{ color:var(--third-color);}
.inProduct1 table a.pro_tit:hover{ text-decoration:underline;}
.inProduct1 table a.pro_btn{ display:inline-block; text-align:center; border:1px solid var(--fourth-color); color:var(--fourth-color); line-height:28px; border-radius:20px; width:80px; transition:all .3s ease;}
.inProduct1 table a.pro_btn:hover{ background:var(--fourth-color); color:#fff;}
@media(max-width:999px){
.inProduct1{ font-size:16px; line-height:26px;}
.inProduct1 table tr{ background:none !important;}
.inProduct1 table th{ display:none;}
.inProduct1 table td{ padding:2px 0; display:block;}
.inProduct1 table tr td:nth-child(1){ padding-top:12px;}
.inProduct1 table tr td:last-child{ padding-bottom:12px; border-bottom:1px #dedede solid;}
.inProduct1 table a.pro_btn{ line-height:28px; width:80px; }
}




.proDetail1{}
.proDetail1_top{ display: flex;justify-content:space-between;align-items:flex-start; margin-bottom:60px;}
.proDetail1_top_lt{ width:400px;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:var(--fourth-color); opacity:.5;cursor:move;z-index:1;}
.pro_gallery{ }
.pro_gallery-top { border:1px solid #d7d7d7; margin-bottom:10px;}
.pro_gallery-top .gallery-top{}
.pro_gallery-top .gallery-top .swiper-slide { }
.pro_gallery-top .gallery-top .swiper-slide .img{ padding-bottom:100%; position:relative;}
.pro_gallery-top .gallery-top .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.pro_gallery-thumbs { position:relative;}
.pro_gallery-thumbs .gallery-thumbs{}
.pro_gallery-thumbs .gallery-thumbs .swiper-slide { opacity: 0.9; }
.pro_gallery-thumbs .gallery-thumbs .swiper-slide .img{ padding-bottom:100%; position:relative; cursor:pointer; border:1px solid #d7d7d7;}
.pro_gallery-thumbs .gallery-thumbs .swiper-slide .img img{ max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.pro_gallery-thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity: 1; }
.pro_gallery-thumbs .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .img{ border-color:var(--fourth-color);}
.pro_gallery .swiper-button-prev,.pro_gallery .swiper-button-next{ display:none;}
.pro_gallery .swiper-button-prev{ }
.pro_gallery .swiper-button-next{ }
.proDetail1_top_rt{ width:calc(96% - 400px);}
.proDetail1_top_rt .h2{ font-size:26px; line-height:36px; font-weight:bold; margin-bottom:5px;}
.proDetail1_top_rt .h3{ font-size:16px; line-height:26px; margin-bottom:30px;}
.proDetail1_top_rt .h3 ul li{ border-bottom:1px #dedede dotted; padding:12px 0;}
.more3{}
.more3 span{ display:inline-block; text-align:center; background:var(--fourth-color); color:#fff; font-size:18px; line-height:48px; width:135px; box-sizing:border-box; border-radius:40px;}
.more3 span:hover{ opacity:.9;}
.proDetail1_btm{}
.proDetail1_btm .h1{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:20px;}
.proDetail1_btm .xiangqing{ font-size:16px; line-height:26px;}
@media(max-width:999px){
.proDetail1_top{ display:block; margin-bottom:20px;}
.proDetail1_top_lt{ width:100%; margin-bottom:20px;}
.proDetail1_top_rt{ width:100%;}
.proDetail1_top_rt .h2{ font-size:20px; line-height:30px; margin-bottom:5px;}
.proDetail1_top_rt .h3{ font-size:14px; line-height:24px; margin-bottom:20px;}
.proDetail1_top_rt .h3 ul li{ padding:10px 0;}
.more3 span{ font-size:14px; line-height:40px; width:120px; }
.proDetail1_btm .h1{ font-size:24px; line-height:34px; margin-bottom:20px;}
.proDetail1_btm .xiangqing{ font-size:14px; line-height:24px;}
}

.inProRelated{ margin-top:60px;}
.inProRelated .h1{ font-size:24px; line-height:34px; font-weight:bold; margin-bottom:20px;}
.inProRelated .list{}
.inProRelated .list ul{display: flex;justify-content:flex-start;/*align-items:center;*/ flex-wrap:wrap;}
.inProRelated .list ul li{ width:32%; margin:0 0 2% 2%; background:#f5f5f5;}
.inProRelated .list ul li:nth-child(3n-2){ margin-left:0;}
.inProRelated .list ul li .img{ padding-bottom:52%; position:relative; overflow:hidden; background:#fff; border:1px #eee solid;}
.inProRelated .list ul li .img img{ display:block; max-width:100%; max-height:100%; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto auto;}
.inProRelated .list ul li .txt{ font-size:16px; line-height:26px; color:#666; text-align:center; padding:10px 10px;}
.inProRelated .list ul li .txt .h2{ color:var(--third-color); margin-bottom:10px;}
.inProRelated .list ul li:hover .txt .h2{ text-decoration:underline;}
.inProRelated .list ul li .txt .h3{}
@media(max-width:999px){
.inProRelated{ margin-top:40px;}
.inProRelated .h1{ font-size:24px; line-height:34px; margin-bottom:20px;}
.inProRelated .list ul li{ width:100%; margin:0 0 20px 0;}
.inProRelated .list ul li .txt{ font-size:14px; line-height:24px; padding:10px 10px;}
.inProRelated .list ul li .txt .h2{ margin-bottom:10px;}
}




.inquiry1{ font-size:16px; line-height:30px;}
.inquiry1 table{ width:100%;}
.inquiry1 table th{ padding:5px 0; width:15%; text-align:left; font-weight:normal;}
.inquiry1 table td{ padding:5px 0; width:85%;}
.inquiry1 font{ color:#f00;}
.inquiry1 .text1{ border:1px solid #ddd; height:30px; line-height:28px; padding:0 10px; width:100%; box-sizing:border-box;}
.inquiry1 .text2{ border:1px solid #ddd; height:30px; line-height:28px; padding:0 10px; width:100%; box-sizing:border-box;}
.inquiry1 .text3{ border:1px solid #ddd; height:30px; line-height:28px; padding:0 10px; box-sizing:border-box; flex:1;}
.inquiry1 .text4{ border:1px solid #ddd; height:30px; line-height:28px; padding:0 10px; box-sizing:border-box; flex:1;}
.inquiry1 .button1{ border:1px solid #F1881F; background:#F1881F; color:#fff; height:40px; line-height:38px; width:130px; border-radius:4px; cursor:pointer; transition:all .3s ease; font-size:16px; margin-top:20px;}
.inquiry1 .button1:hover{ opacity:.9;}
.inquiry1 .box1{display: flex;justify-content:space-between;align-items:center;}
.inquiry1 select{ border:1px solid #ddd; height:30px; line-height:28px; width:110px; margin-left:5px;}
.inquiry1 .yzm{display: flex;justify-content:space-between;align-items:center;}
.inquiry1 .yzm img{ width:80px; height:30px; object-fit:contain; margin-left:5px;}
.inquiry1 .h3{}
@media(max-width:999px){
.inquiry1{ font-size:14px; line-height:30px;}
.inquiry1 table th{ display:block; padding:5px 0 0 0; width:100%;}
.inquiry1 table td{ display:block; padding:0 0 5px 0; width:100%;}
.inquiry1 table .hidem{ display:none;}
}