@charset "utf-8";
/*************************************
* 文件名称：common.css
* 作   者：界面设计制作部
* 创建日期：2022-01-01
* 最后修改：name/ 第X行 / yyyy-mm-dd
* 文件版本：UI CSS Frameworks Beta
* 内容概要: 公用样式文件
*************************************/

.clearfix:before, .clearfix:after {
	display: table;
	content: "";
	line-height: 0px;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}

a {
	transition:all 0.5s ease 0s;
	-o-transition:all 0.5s ease 0s;
	-moz-transition:all 0.5s ease 0s;
	-webkit-transition:all 0.5s ease 0s;
}
a:hover, a:active {
	text-decoration: none;
}
@keyframes gWelCnta {
 0% {
 transform: rotate(0);
}
 70% {
 transform: rotate(360deg);
}
 80% {
 transform: rotate(350deg);
}
 95% {
 transform: rotate(370deg);
}
 100% {
 transform: rotate(360deg);
}
}
a {
	outline:none;
}
/* scrollbar css */
/* width */
::-webkit-scrollbar {
 width:3px;
}
/* Track */
::-webkit-scrollbar-track {
 background: #fff;
 border-radius: 6px;
}
/* Handle */
::-webkit-scrollbar-thumb {
 background: #11379e;
 border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
 background: #222;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
	color: #fff;
	background-color: #222;
	border-color: #222;
}
 @media only screen and (max-width: 768px) {
 #c_static_001-1639474398600 .e_navigationF-2 .p_navButton > p span {
 background: #fff;
}
 #c_grid-16394716322740 > .p_gridbox {
 display: flex;
 align-items: center;
}
 #c_static_001-1639473756592 .e_image-1 {
 overflow: hidden;
 max-width: 150px;
 height: auto;
 max-height: none;
 width: auto;
 padding-left: 0px;
 margin-left: 0px;
 display-radio: 1;
}
 #c_navigation_019-1639645892245 .e_container-4 .cbox-4-1 {
display: none;
}
 #c_navigation_019-1639645892245 .e_container-4 .cbox-4-2 {
display: none;
}
 #c_navigation_019-1639645892245 .e_container-4 .cbox-4-3 {
display: none;
}
}
 @media only screen and (min-width: 769px) {
 .zcfdcd {
 position:fixed;
 right:0;
 margin-right:0px;
 top:40%;
 z-index:99;
}
.zcfdcd .btn {
 width:48px;
 height:48px;
 display: block;
 margin-bottom: 4px;
 cursor:pointer;
 position:relative;
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 border-radius: 80px;
 padding: 0px;
 line-height: 48px;
 border: none;
 align-items: center;
 display: flex;
}
 .zcfdcd .btn .yctb {
display: flex;
 width: 2pc;
 height: 2pc;
 line-height: 2pc;
 border: none;
 padding: 2px 2px;
 margin: 0 auto;
 overflow: hidden;
 cursor: pointer;
 fill: rgb(255, 255, 255);
 align-items: center;
 justify-content: center;
}
 .zcfdcd .btn-wx .yctb {
 width:1.6pc;
 height: 1.6pc;
 line-height:1.6pc;
}
 .zcfdcd .btn-ly {
background-color: #cc0000;
}
 .zcfdcd .btn-ly .yctb {
 width:1.6pc;
 height: 1.6pc;
 line-height:1.6pc;
}
 .zcfdcd .yctb .icon_tb {
 width: 100%;
 height: auto;
 display: inline-block;
}
.zcfdcd .btn-ly:hover {
 background-color: #333333;
}
 .zcfdcd a.btn-ly, .izl-rmenu a.btn-ly:visited {
 text-decoration:none;
}
.zcfdcd .btn-qq {
background-color: #cc0000;
}
.zcfdcd .btn-qq:hover {
 background-color: #333333;
}
 .zcfdcd .btn-qq .yctb {
 width:1.6pc;
 height: 1.6pc;
 line-height:1.6pc;
}
 .zcfdcd a.btn-qq, .izl-rmenu a.btn-qq:visited {
background-color: #cc0000;
}
.zcfdcd .btn-wx {
background-color: #cb0000;
}
.zcfdcd .btn-wx:hover {
 background-color: #cb0000;
}
.zcfdcd .btn-wx .pic {
 position:absolute;
 left:-130px;
 top:-65px;
 display:none;
 width:130px;
 height:160px;
}
.zcfdcd .btn-phone {
background-color: #cb0000;
}
 .zcfdcd .btn-phone .yctb {
 width:1.6pc;
 height: 1.6pc;
 line-height:1.6pc;
}
.zcfdcd .btn-phone:hover {
 background-color: #333333;
}
.zcfdcd .btn-phone .phone {
background-color: #cb0000;
 position:absolute;
 width:auto;
 left:-100%;
 top:0px;
 line-height:48px;
 color:#FFF;
 font-size:18px;
 text-align:center;
 display:none;
}
.zcfdcd .btn-phone .phone.dh {
background-color: #333333;
position: absolute;
width:160px;
 left:-160px;
top: 4px;
line-height: 40px;
color: #FFF;
padding: 0px 0px;
font-size: 15px;
text-align: center;
border-radius: 100px;
}
 .zcfdcd .btn-phone .phone a {
 color:#FFF;
}
.zcfdcd .btn-top {
background-color: #333333;
 display:none;
 padding-top: 6px;
}
.zcfdcd .btn-top:hover {
 background-color: rgb(203 0 0);
}
 #c_category_047-16459395353810 .e_loop-2 .p_list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
#c_category_047-16459395353810 .e_loop-2 .p_list a {
 width: 100%;
 height: 100%;
 display: inline-block;
}
 #c_category_042-16459567038760 .e_loop-5 .p_list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
 #c_category_042-16459567038760 .e_loop-5 .p_list a {
width: 100%;
height: 100%;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
 #c_category_048-16459602089300 .e_loop-1 .p_list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
#c_category_048-16459602089300 .e_loop-1 .p_list a {
 width: 100%;
 height: 100%;
 display: inline-block;
}
 #c_category_047-16459657544100 .e_loop-2 .p_list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
 #c_category_047-16459657544100 .e_loop-2 .p_list a {
 width: 100%;
 height: 100%;
 display: inline-block;
}
 #c_banner_008-1639476415422 .e_bannerA-2 .swiper-slide {
 width: 100%;
 height: 100%;
}
 #c_grid-16396410377760 .e_container-1 .cbox-1-0 {
 background-color: rgba(0, 0, 0, 0.2);
 transition:all 0.5s ease 0s;
}
 #c_grid-16396410377760 .e_container-1:hover .cbox-1-0 {
 background-color: rgba(0, 0, 0, 0.8);
}
 .kjtb {
width:100%;
 height:auto;
 text-align: right;
}
 .kjtb_01 {
 display: inline-block;
}
.kjtb_02 {
 display: inline-block;
}
 .icon_01 {
width: 40px;
 height: 40px;
 margin: 0px auto;
 background:none;
 fill: #c00;
 border-radius: 0px;
 padding: 0px;
}
 .icon_02 {
width: 40px;
 height: 40px;
 margin: 0px auto;
 background: none;
 fill: #fff;
 border-radius: 0px;
 padding: 7px;
 margin-left: 10px;
}
 .syjjtb .icon01 {
 width: 50px;
 height: 50px;
 margin: 0px auto;
 background: none;
 display: block;
 fill: #c00;
 border-radius: 0px;
 padding: 0px;
 transition:all 0.5s ease 0s;
}
 .syjjtb:hover .icon01 {
 fill: #fff;
}
 .syjjtb {
 width: 100%;
 padding-right: 20px;
 height: auto;
 display: inline-block;
}
 .syjjtb a {
 width: 100%;
 padding: 20px;
 height: auto;
 display: inline-block;
 background: rgba(0, 0, 0, 0.15);
 transition:all 0.5s ease 0s;
 color: rgba(0, 0, 0, 1);
}
 .syjjtb a:hover {
 color: rgba(255, 255, 255, 1);
 background: #c00;
}
 .syjjtb .syjjtb_wz {
 font-size: 16px;
 line-height: 24px;
 text-align: center;
 margin-top: 10px;
}
 .icon001 {
width: 76px;
 height: 76px;
 margin: 0px auto;
 background: none;
 display: block;
 fill: #fff;
 border-radius: 0px;
 padding: 0px;
 transition:all 0.5s ease 0s;
}
 .swiper-pagination-bullet {
 width: 12px;
 height: 12px;
 border-radius: 20px;
transition:all 0.5s ease 0s;
}
.swiper-pagination-bullet-active {
 width: 30px;
 height: 12px;
 background: #083090;
}
 #c_product_list_019-16396257078600 .e_container-7 {
 background-color: rgba(247, 247, 247, 1);
 transition:all 1s ease 0s;
}
 #c_product_list_019-16396257078600 .e_container-7:hover {
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
 background-color: rgba(255, 255, 255, 1)
}
 #c_product_list_019-16396257078600 .cbox-29-0 {
 width: 100%;
 height: 100%;
 padding:0;
 overflow: hidden;
 display: block;
 position: relative;
}
#c_product_list_019-16396257078600 .cbox-29-0 .e_container-30 {
 position: absolute;
 top: 0px;
 height: 100%;
 margin: 0px;
 left: 0px;
 display: block;
 padding: 40px 50px;
 background: rgb(0 0 0 / 30%);
 transition:all 1s ease 0s;
}
#c_product_list_019-16396257078600 .cbox-29-0:hover .e_container-30 {
 background: rgb(0 0 0 / 60%);
 padding: 60px 50px;
}
 #c_product_list_019-16396257078600 .cbox-29-0 .e_text-10 a {
 color: rgba(255, 255, 255, 1);
 transition:all 1s ease 0s;
}
#c_product_list_019-16396257078600 .cbox-29-0:hover .e_text-10 a {
 color: rgba(255, 255, 255, 1);
}
 #c_product_list_019-16396257078600 .cbox-29-0 .e_line-27 {
 border-top-style: solid;
 border-top-color: rgba(255, 255, 255, 1);
 width: 0px;
 margin-left: 0px;
 margin-right: auto;
 height: 0px;
 display-radio: 1;
 border-top-width: 1px;
 transition:all 1s ease 0s;
}
#c_product_list_019-16396257078600 .cbox-29-0:hover .e_line-27 {
 border-top-color: rgba(204, 0, 0, 1);
 width: 100%;
}
 #c_product_list_019-16396257078600 .cbox-29-0 .e_richText-26 {
 color: rgba(255, 255, 255, 0);
 margin-top: 100px;
 transition:all 1s ease 0s;
}
 #c_product_list_019-16396257078600 .cbox-29-0:hover .e_richText-26 {
 color: rgba(255, 255, 255, 1);
 margin-top: 0px;
}
 #c_product_list_019-16396257078600 .cbox-29-0 .e_button-34 {
 margin-top: 10px;
 transition:all 1s ease 0s;
 opacity:0;
}
 #c_product_list_019-16396257078600 .cbox-29-0:hover .e_button-34 {
 margin-top: 30px;
 opacity:1;
}
 #c_product_list_019-16396257078600 .e_image-8 {
 width: 100%;
 height: 0px;
 padding-bottom: 75%;
 overflow: hidden;
 display: block;
position: relative;
}
 #c_product_list_019-16396257078600 .cbox-29-0 .e_image-8 img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%) scale(1)!important;
 width:100%;
 height:100%;
 overflow:hidden;
transition:all 1s ease 0s;
}
 #c_product_list_019-16396257078600 .cbox-29-0:hover .e_image-8 img {
transform:translate(-50%, -50%) scale(1.1)!important;
}
 #c_new_list_018-1643101639306 .e_image-3 {
 width: 100%;
 height: 0px;
 padding-bottom: 60%;
 overflow: hidden;
 display: block;
position: relative;
}
 #c_new_list_018-1643101639306 .cbox-2-0 .e_image-3 img {
 position:absolute;
 top:50%;
 left:50%;
 transform:translate(-50%, -50%) scale(1)!important;
 width:100%;
 height:auto;
 overflow:hidden;
transition:all 1s ease 0s;
}
 #c_new_list_018-1643101639306 .cbox-2-0:hover .e_image-3 img {
transform:translate(-50%, -50%) scale(1.1)!important;
}
 #c_new_list_018-1643101639306 .cbox-2-0 .e_container-14 .cbox-14-0 {
 margin-bottom: 10px;
 padding-bottom: 25px;
 margin-top: 0px;
 padding-top: 25px;
 background-color: rgba(247, 247, 247, 1);
 transition:all 1s ease 0s;
 box-shadow: 0 0 20px rgba(204, 0, 0, 0);
}
 #c_new_list_018-1643101639306 .cbox-2-0:hover .e_container-14 .cbox-14-0 {
 margin-top: 10px;
 margin-bottom: 0px;
 background-color: rgba(255, 255, 255, 1);
 box-shadow: 0 0 20px rgba(204, 0, 0, 0.1);
}
 #c_product_list_019-16396257078600 .swiper-container {
 overflow: visible;
}
 #c_product_list_019-16396257078600 .swiper-button-next {
right: 15px;
 top: -75px;
 left: auto;
 color: #fff;
 width: 40px;
 height: 60px;
 display: inline-block;
 background: #ccc;
 text-align: center;
 line-height: 60px;
 transition:all 1s ease 0s;
}
 #c_product_list_019-16396257078600 .swiper-button-prev {
right: 57px;
 top: -75px;
 left: auto;
 color: #fff;
 width: 40px;
 height: 60px;
 display: inline-block;
 background: #ccc;
 text-align: center;
 line-height: 60px;
 transition:all 1s ease 0s;
}
 #c_product_list_019-16396257078600 .swiper-button-next:hover {
 background: #c00;
}
 #c_product_list_019-16396257078600 .swiper-button-prev:hover {
 background: #c00;
}
 #c_product_list_019-16396257078600 .swiper-button-next:after {
 font-size: 18px;
}
 #c_product_list_019-16396257078600 .swiper-button-prev:after {
 font-size: 18px;
}
 #c_grid-116273709439191 {
 position:fixed;
 width: 100%;
 left:0;
 top: 0px;
 z-index:99;
 transition:all 0.5s ease 0s;
}
 #c_grid-116273709439191.yya {
 box-shadow:0px 5px 5px 0px rgba(100, 100, 100, 0);
}
 #c_grid-116273709439191.syys {
 padding-top: 0px;
 background-color: rgba(0, 0, 0, 0);
}
 #c_grid-116273709439191.syys.yya {
 padding-top: 0px;
 background-color: rgba(0, 0, 0, 0.8);
}
 #c_grid-116273709439191.syys.active {
 background-color: rgba(0, 0, 0, 0.8);
}
 #c_grid-116273709439191.nyys {
 background: #fff;
}
 #c_grid-116273709439191.yya {
 top:0px;
}
 #c_grid-116273709439191.yya.sabit {
 top:0px;
}
 #c_grid-116273709439191.gizle {
 top:0px;
}
 #c_grid-116273709439191.sabit {
 top: 0px;
}
 #c_grid-16394716322740 > .p_gridbox {
 display: flex;
 align-items: center;
}
 #c_static_001-1639473756592 .e_image-1 {
max-width: 371px;
transition:all 0.5s ease 0s;
}
 #c_static_001-1639473756592.zhai .e_image-1 {
max-width: 150px;
}
 #c_static_001-1639474398600 .e_navigationF-2 .p_navCon {
 font-size: 16px;
 line-height: 1;
 transition: all ease .3s;
 text-decoration: none;
 font-weight: normal;
 color: rgba(255, 255, 255, 1);
}
 #c_static_001-1639474398600 .e_navigationF-2.bai .p_navCon {
 color: rgba(255, 255, 255, 1);
}
}
 @media only screen and (max-width: 768px) {
 #zcfdcd {
display: none!important;
}
 .kjtb {
width:100%;
 height:auto;
 text-align: right;
}
 .kjtb_01 {
 display: inline-block;
}
.kjtb_02 {
 display: inline-block;
}
 .icon_01 {
width: 40px;
 height: 40px;
 margin: 0px auto;
 background:none;
 fill: #fff;
 border-radius: 0px;
 padding: 4px;
}
 .icon_02 {
 width: 40px;
 height: 40px;
 margin: 0px auto;
 background: none;
 fill: #fff;
 border-radius: 0px;
 padding: 10px;
 margin-left: 0px;
}
 .syjjtb .icon01 {
width: 50px;
 height: 50px;
 margin: 0px auto;
 background: none;
 display: block;
 fill: #c00;
 border-radius: 0px;
 padding: 0px;
 transition:all 0.5s ease 0s;
}
 .syjjtb:hover .icon01 {
 fill: #fff;
}
 .syjjtb {
 width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: auto;
 display: inline-block;
}
 .syjjtb a {
 width: 100%;
 padding: 20px;
 height: auto;
 display: inline-block;
 background: rgba(0, 0, 0, 0.15);
 transition:all 0.5s ease 0s;
 color: rgba(0, 0, 0, 1);
}
 .syjjtb a:hover {
 color: rgba(255, 255, 255, 1);
 background: #c00;
}
 .syjjtb .syjjtb_wz {
 font-size: 16px;
 line-height: 24px;
 text-align: center;
 margin-top: 10px;
}
 .icon001 {
width: 76px;
 height: 76px;
 margin: 0px auto;
 background: none;
 display: block;
 fill: #fff;
 border-radius: 0px;
 padding: 0px;
 transition:all 0.5s ease 0s;
}
 #c_static_001-1639474398600 .e_container-5 {
 display: flex;
 flex-wrap: wrap;
 width: 100%;
 display: flex;
 flex-direction: row-reverse;
 display-radio: flex;
}
}
 @media only screen and (max-width: 1560px) and (min-width: 769px) {
#c_static_001-1639474398600 .e_navigationF-2 .p_navItem1 {
 position: relative;
 padding-left: 20px;
 padding-right: 20px;
}
}