@charset "utf-8";

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

.index-tit{text-align:center;}
.index-tit h3{font-size:48px;color:#333;line-height:1;text-align:center;font-family:'BodoniBT-Bold';}
.index-tit p{font-size:16px;color:#666;margin:10px 0 0;}


.indexA{margin:90px 0 110px;padding:0 0 0 40px;box-sizing:border-box;height:780px;display:-webkit-flex;display:flex;position:relative;-webkit-align-items:flex-start;align-items:flex-start;}

.indexA .left{width:52%;margin-top:40px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:column;flex-direction:column;}
.indexA .txt{border:4px solid #FFD100;padding:45px 160px 45px 50px;box-sizing:border-box;}
.indexA .txt .tit{}
.indexA .txt .tit h3{font-size:48px;line-height:1;color:#000;font-weight:bold;}
.indexA .txt .t{margin:30px 0 0;font-size:15px;color:#797979;line-height:22px;}
.indexA .txt .t p~p{margin-top:15px;}
.indexA .txt .more{width:94px;height:38px;line-height:38px;background:#FFD100;display:block;font-size:16px;border-radius:8px;color:#000;text-align:center;margin:20px 0 0;}


.indexA .swiper-box{margin:50px 290px 0 0;position:relative;}
.indexA .swiper-box::after{content:"";position:absolute;right:-25px;top:0;width:50px;height:100%;background:#fff;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);z-index:20;}
.indexA .swiper2 .swiper-slide{position:relative;cursor:pointer;}
.indexA .swiper2 .swiper-slide::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:none;}
.indexA .swiper2 .swiper-slide-thumb-active::after{display:block;}


.indexA .list{position:absolute;z-index:30;top:0;bottom:0;right:-135px;width:64%;height:780px;padding-bottom:70px;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);}
.indexA .list::after{content:"";background:url(../images/ibg1.png) no-repeat left bottom;width:100%;height:70px;position:absolute;bottom:0;left:10px;display:block;-webkit-transform:skew(20deg);-ms-transform:skew(20deg);transform:skew(20deg);}
.indexA .swiper1 .swiper-slide{text-align:center;height:780px;}
.indexA .swiper1 .swiper-slide .pic{display:block;width:100%;height:100%;}
.indexA .swiper1 .swiper-slide .pic img{position:absolute;left:-135px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transform:skew(20deg);-ms-transform:skew(20deg);transform:skew(20deg);}


.indexA .page{position:absolute;bottom:100px;left:-110px;width:184px;height:64px;overflow:hidden;z-index:50;font-size:0;-webkit-transform:skew(20deg);-ms-transform:skew(20deg);transform:skew(20deg);box-shadow:0 3px 28px rgba(0,0,0,0.23);}
.indexA .swiper-button-prev,.indexA .swiper-button-next{width:110px;height:64px;display:block;line-height:64px;top:auto;overflow:hidden;border-radius:0;background:#fff;margin-top:0;text-align:center;color:#000;-webkit-transform:skew(-20deg);-ms-transform:skew(-20deg);transform:skew(-20deg);}
.indexA .swiper-button-prev{left:-15px;background:#FFD100;}
.indexA .swiper-button-next{right:-15px;background:#fff;}
.indexA .swiper-button-next::after, .indexA .swiper-button-prev::after{display:none;}
.indexA .swiper-button-prev i,.indexA .swiper-button-next i{color:inherit;font-size:30px;display:inline-block;margin-top:1px;-webkit-transform:skew(20deg);-ms-transform:skew(20deg);transform:skew(20deg);}
.indexA .swiper-button-prev:hover,.indexA .swiper-button-next:hover{background:#302f2f;color:#fff;}

.indexA .swiper-pagination{display:none;position:static;width:100%;margin-top:20px;}
.indexA .swiper-pagination-bullet {height:10px;width:10px;margin:0 3px;background:none;border:1px solid #FFD100;border-radius:50%;opacity:1;box-sizing:border-box;}
.indexA .swiper-pagination-bullet-active{background:#FFD100;}




.indexB{padding:70px 0;background:url(../images/ibg1.jpg) no-repeat center top;}

.indexB .tit{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.indexB .tit h3{color:#000;font-weight:bold;line-height:1;font-size:54px;font-style:italic;position:relative;}
.indexB .tit h3 span{position:relative;z-index:20;}
.indexB .tit h3::before{content:"OUR PRODUCT";font-style:italic;color:transparent;position:absolute;left:0;top:-20px;font-size:70px;line-height:1;width:510px;-webkit-text-stroke:1px rgba(0,0,0,0.2);}
.indexB .tit h3::after{content:"";background:url(../images/ibg2.png) no-repeat;width:160px;height:14px;display:block;margin:25px 0 0;}

.indexB .tit ul{margin:15px 0 0;text-align:center;font-size:0;}
.indexB .tit ul li{display:inline-block;font-size:16px;color:#717171;font-weight:500;border:1px solid #BBB;line-height:54px;padding:0 16px;border-radius:8px;cursor:pointer;}
.indexB .tit ul li+li{margin-left:40px;}
.indexB .tit ul li.active{background:#FFD100;border-color:#FFD100;color:#000;}


.indexB .bd ul{margin:40px -17px 0;display:none;}
.indexB .bd ul.active{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexB .bd ul li{width:25%;padding:17px;box-sizing:border-box;}
.indexB .bd ul li .pic{display:block;width:100%;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:0 0 5px 0 rgba(63,62,62,0.1);}
.indexB .bd ul li .pic > img{width:100%;display:block;transition:transform .5s;-webkit-transition:transform .5s;}
.indexB .bd ul li h5{font-size:18px;color:#000;font-weight:500;margin:13px 0 0;text-align:center;}
.indexB .bd ul li h5 a:hover{color:#0096CD;}
.indexB .bd ul li:hover .pic > img{transform:scale(1.05);-webkit-transform: scale(1.05);}



.indexC{padding:100px 0 240px;background:url(../images/ibg2.jpg) no-repeat center bottom;}
.indexC .wp{position:relative;}
.indexC h3{position:absolute;right:-90px;top:0;color:#000;font-weight:600;line-height:1;font-size:44px;writing-mode:vertical-lr;}
.indexC h3 span{position:relative;z-index:20;}
.indexC h3::before{content:"Applications";color:transparent;position:absolute;left:-4px;top:0px;font-size:70px;line-height:1;height:455px;-webkit-text-stroke:1px rgba(0,0,0,0.2);}

.indexC .list{display:-webkit-flex;display:flex;}

.indexC .bd{width:1020px;}
.indexC .bd ul{}
.indexC .bd ul li{width:100%;position:relative;}
.indexC .bd ul li a{display:block;width:100%;overflow:hidden;}
.indexC .bd ul li a img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexC .bd ul li:hover a img{transform:scale(1.01);-webkit-transform:scale(1.01);}
.indexC .bd ul li .t{position:absolute;left:0;top:0;right:0;bottom:0;z-index:200;padding:0 80px;box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;}
.indexC .bd ul li .t h5{font-size:42px;color:#ffd100;line-height:1;font-weight:bold;text-transform:uppercase;}
.indexC .bd ul li .t p{font-size:18px;color:#fff;line-height:28px;margin:50px 0 0;}
.indexC .bd ul li .t .more{width:86px;height:42px;line-height:42px;border-radius:25px;background:#FFD100;text-align:center;margin:25px 0 0;}
.indexC .bd ul li .t .more i{font-size:25px;color:#3D3D3D;}

.indexC .bd .pageState{position:absolute;bottom:50px;left:80px;font-size:18px;color:rgba(255,255,255,0.6);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.indexC .bd .pageState em{width:300px;height:1px;background:rgba(255,255,255,0.6);margin:0 9px;}

.indexC .hd{-webkit-flex:1;flex:1;overflow:hidden;background:#F0F0F0;}
.indexC .hd ul{height:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;}
.indexC .hd ul li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;padding:0 30px 0 70px;font-size:16px;color:#403f3f;font-weight:500;line-height:60px;height:60px;border-bottom:1px solid #E0E0E0;box-sizing:border-box;cursor:pointer;position:relative;text-transform:uppercase;}
.indexC .hd ul li:last-child{border-bottom:none;}
.indexC .hd ul li.on{background:#FAEFBA;}



/*------------------------------------------------------------*/
.sidebanner{}

.path{height:50px;line-height:50px;border-bottom:1px solid #EAEAEA;}
.path p{color:#666;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.path p i{margin:0 5px 0 0;font-size:14px;}
.path p a{color:#666;}

.main{padding-top:60px;padding-bottom:250px;background:url("../images/ibg4.png") no-repeat center bottom;}
.main-left{width:280px;}
.main-left2{width:320px;}
.main-right{margin-left:30px;-webkit-flex:1;flex:1;overflow:hidden;}
/*----------------------------------------*/

.main-left h3{font-size:22px;color:#302f2f;font-weight:500;height:70px;line-height:70px;padding:0 0 0 15px;background:#FFD100;position:relative;}
.main-left h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:calc(50% - 20px);right:6px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.main-left h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}

.sidemenu{margin:0 0 20px;}
.sidemenu ul{}
.sidemenu > ul > li{margin:3px 0 0;border-bottom:1px solid #EDEDED;}
.sidemenu > ul > li:last-child{border-bottom:none;}
.sidemenu > ul > li h5{line-height:24px;display:block;font-size:16px;cursor:pointer;position:relative;}
.sidemenu > ul > li h5::before{content:"";width:4px;height:4px;border-radius:50%;background:#4D4C4C;display:block;position:absolute;left:0;top:19px;}
.sidemenu > ul > li h5 a{color:#292929;display:inline-block;padding:10px 0 10px 12px;margin-right:30px;text-transform:capitalize;}
.sidemenu > ul > li h5 a:hover{color:#000;text-decoration:underline;}
.sidemenu > ul > li h5 span{position:absolute;top:0;right:0;background:url("../images/i10.png") no-repeat center;width:40px;height:45px;display:block;}

.sidemenu ul ul{display:none;}
.sidemenu ul ul li{line-height:22px;border-bottom:1px dashed #DCDCDC;background:#fff;padding:0 20px;}
.sidemenu ul ul li:last-child{border-bottom:none;}
.sidemenu ul ul li a{font-size:16px;padding:10px 0;display:block;color:#545454;text-transform:capitalize;}
.sidemenu ul ul li.active a,.sidemenu ul ul li a:hover{color:#000;}

.sidemenu > ul > li.active h5 a{color:#000;}
.sidemenu > ul > li.active span{background:url("../images/i10-1.png") no-repeat center;}


.side-nav{margin:0 0 20px;}
.side-nav ul{background:#FAFAFA;}
.side-nav ul li{display:block;line-height:24px;padding-left:15px;border-bottom:1px solid #E6E0E0;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.side-nav ul li a{font-size:17px;color:#4d4c4c;text-transform:capitalize;padding:15px 0;display:inline-block;}
.side-nav ul li:last-child{border-bottom:none;}
.side-nav ul li::before{content:"";width:4px;height:4px;border-radius:50%;background:#4D4C4C;display:inline-block;vertical-align:middle;margin-right:12px;}

.side-nav ul li.active::after{display:block;color:#000;}
.side-nav ul li.active a,.left_nav ul li a:hover{color:#000;}


.menu-tabs{padding:60px 0 0;text-align:center;}
.menu-tabs h3{display:none;font-size:18px;font-weight:bold;color:#2C353D;height:46px;line-height:46px;padding:0 0 0 20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-transform:uppercase;position:relative;}
.menu-tabs h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.menu-tabs h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}
.menu-tabs ul{font-size:0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.menu-tabs ul li{line-height:60px;display:inline-block;-webkit-flex:1;flex:1;border:1px solid #9C9894;text-align:center;}
.menu-tabs ul li+li{margin-left:25px;}
.menu-tabs ul li a{font-size:22px;color:#9c9894;display:block;font-weight:500;}
.menu-tabs ul li.active{background:#FFD100;border-color:#FFD100;}
.menu-tabs ul li.active a{color:#000;}

.rtit{text-align:center;margin-bottom:30px;}
.rtit h1{font-size:42px;color:#000;font-weight:bold;}


/*---------news-----------*/

.newslist ul li{overflow:hidden;cursor:pointer;padding:15px;background:#FAFAFA;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;}
.newslist ul li+li{margin-top:25px;}
.newslist ul li .pic{width:242px;display:block;}
.newslist ul li .pic img{width:100%;transition:all 0.5s ease 0s;}
.newslist ul li .t{-webkit-flex:1;flex:1;box-sizing:border-box;margin:0 0 0 20px;}
.newslist ul li .t h5{font-size:18px;color:#010101;font-weight:600;}
.newslist ul li .t h5 a:hover{color:#FFD100;}
.newslist ul li .t em{background:url("../images/time.png") no-repeat left center;padding:0 0 0 26px;display:block;font-weight:300;font-size:14px;color:#262626;margin:15px 0 0;}
.newslist ul li .t p{color:#6c6c6c;font-size:16px;line-height:21px;margin-top:13px;padding-top:15px;border-top:1px dashed #545454;}

.newslist ul li:hover{box-shadow:-17.798px 12.931px 28.42px 0.58px rgba(118, 118, 118, 0.13);}


.newsnr{}
.newsnr h1{font-size:28px;line-height:1.4;color:#121212;text-align:center;font-weight:700;}

.newsnr .artInfo{padding:0 0 20px;border-bottom:1px solid #D9D9D9;text-align:center;margin:25px 0 0;position:relative;}
.newsnr .artInfo span{margin:0 10px;line-height:20px;display:inline-block;font-size:15px;color:#333;}

.myart{padding:30px 0;border-bottom:1px solid #E8E8E8;line-height:30px;font-size:16px;color:#262626;}
.myart p{margin:0 0 10px;}

.pnbar{margin-top:50px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.pnbar p{width:49%;border:1px solid #D1D1D1;line-height:33px;padding:0 12px;border-radius:8px;box-sizing:border-box;font-size:16px;color:#2e2e2e;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pnbar p:hover a{color:#FFD100;}

/*-----about------*/

.about{font-size:18px;color:#161616;line-height:26px;}
.about img{margin-bottom:20px;}
.about p{margin-bottom:20px;}
.about h5{margin-bottom:15px;font-size:20px;color:#000;font-weight:600;}

.eq-list{}
.eq-list ul{display:-webkit-flex;display:flex;margin:0 -13px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.eq-list ul li{width:33.33333333%;text-align:center;padding:13px;box-sizing:border-box;}
.eq-list ul li a{display:block;width:100%;overflow:hidden;border:1px solid #000;padding:16px;box-sizing:border-box;}
.eq-list ul li img{width:100%;display:block;}

.cert-list{}
.cert-list ul{display:-webkit-flex;display:flex;margin:0 -13px;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.cert-list ul li{width:25%;text-align:center;padding:13px;box-sizing:border-box;}
.cert-list ul li a{display:block;width:100%;overflow:hidden;box-shadow:0 0 21px rgba(0,0,0,0.16);}
.cert-list ul li img{width:100%;display:block;}
.cert-list ul li p{font-size:22px;margin:15px 0 0;color:#3c3c3c;font-weight:bold;}



.factory{}
.factory ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.factory ul li{width:49%;margin:0 0 25px;text-align:center;}
.factory ul li:first-child{width:100%;}
.factory ul li a{display:block;width:100%;overflow:hidden;}
.factory ul li a img{display:block;width:100%;}


.culture{display:-webkit-flex;display:flex;background:#F5F5F5;-webkit-align-items:center;align-items:center;}
.culture .txt{-webkit-flex:1;flex:1;padding:0 35px;}
.culture .txt h1{font-size:30px;color:#000;line-height:1;font-weight:700;position:relative;margin-bottom:35px;}
.culture .txt dl{font-size:16px;color:#373737;line-height:28px;}
.culture .txt dl~dl{margin-top:25px;}
.culture .txt dl dt{font-size:18px;color:#000;font-weight:bold;padding:0 0 0 34px;background:url("../images/dot.png") no-repeat left center;}
.culture .txt dl dd{font-size:16px;color:#373737;line-height:28px;margin:0 0 0 34px;}
.culture .pic{width:577px;}
.culture .pic img{width:100%;display:block;}


/*-----video------*/

.app-top{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.app-top .tit{}
.app-top .tit h1{font-size:42px;color:#000;font-weight:bold;line-height:1;}
.app-top .tit p{font-size:16px;color:#262626;margin:10px 0 0;}
.app-top .more{width:187px;height:57px;line-height:57px;background:#FFD100;display:block;font-size:18px;font-weight:500;color:#000;text-align:center;}

.app-list{margin-top:40px;}

.app-list .swiper{padding-bottom:145px;}
.app-list .swiper-slide{position:relative;}
.app-list .swiper-slide .txt{position:relative;z-index:30;background:#fff;padding:35px 45px;box-sizing:border-box;box-shadow:0 0 25px rgba(5,5,5,0.23) inset;max-width:90%;margin:-100px auto 0;}
.app-list .swiper-slide .txt h5{font-size:18px;color:#000;font-weight:600;text-align:center;}
.app-list .swiper-slide .txt h5::after{content:"";width:24px;height:3px;background:#000;margin:10px auto 0;display:block;}
.app-list .swiper-slide .txt .t{font-size:16px;color:#262626;line-height:24px;margin:20px 0 0;}

.app-list .swiper-button-prev,.app-list .swiper-button-next{width:50px;height:50px;border-radius:50%;background:none;top:17%;color:#fff;margin-top:0;text-align:center;text-shadow: 2px 2px 4px #666;}
.app-list .swiper-button-next::after,.app-list .swiper-button-prev::after {display:none;}
.app-list .swiper-button-prev i,.app-list .swiper-button-next i{font-size:45px;line-height:50px;color:inherit;}
.app-list .swiper-button-prev,.app-list .swiper-container-rtl .swiper-button-next{left:10px;right:auto;}
.app-list .swiper-button-next,.app-list .swiper-container-rtl .swiper-button-prev{right:10px;left:auto;}

.app-list .swiper-button-prev:hover,.app-list .swiper-button-next:hover{color:#FFD100;}

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

.mate-tit{height:52px;line-height:52px;background:#F0F0F0;padding:0 0 0 24px;}
.mate-tit h1{color:#000;font-size:22px;font-weight:600;}

.mate-text{padding:20px 0 0;line-height:22px;font-size:16px;color:#5c5b5b;}
.mate-text p{margin-bottom:10px;}
.mate-text img{margin-bottom:10px;}
.mate-text h5{margin-bottom:15px;font-size:20px;color:#000;font-weight:600;}
.mate-text h5~h5{margin-top:30px;}
.mate-text .table-response{width:100%;max-width:100%;overflow-x:auto;}
.mate-text table{max-width:100%;width:100%;margin-bottom:20px;font-size:15px;text-align:center;line-height:24px;border:1px solid #000;color:#333;}
.mate-text table tr > th{padding:5px 6px;vertical-align:middle;border:1px solid #000;background:#00B050;color:#fff;font-size:16px;text-align:center;}
.mate-text table tr > td{padding:5px 6px;line-height:24px;vertical-align:middle;border:1px solid #000;}
.mate-text table tr > td p{margin:0;}

/*-----products------*/
.pro-top{/*! background:#F0F0F0; *//*! padding:20px; */margin-bottom: 20px;/*! border: 1px solid #dedede; */}
.pro-top h1{font-size:36px;color:#241a18;font-weight:bold;}
.pro-top .txt{font-size:17px;color:#4d4c4c;line-height:24px;margin:15px 0 0;}

.pro-tit{height:52px;line-height:52px;background:#F0F0F0;padding:0 0 0 15px;margin-bottom:25px;}
.pro-tit h1{color:#000;font-size:22px;font-weight:600;}

.prolist{}
.prolist ul{margin:-25px 0 0 -2%;}
.prolist ul li{float:left;width:31.33333%;text-align:center;margin:25px 0 0 2%;cursor:pointer;box-sizing:border-box;}
.prolist ul li .pic{width:100%;display:block;overflow:hidden;position:relative;}
.prolist ul li .pic img{width:100%;transition:all 0.5s ease 0s;}
.prolist ul li h5{margin-top:15px;color:#4d4d4d;font-size:17px;text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.prolist ul li h5 a:hover{color:#000;}

/*-----pro-view----*/

.pro_view{display:-webkit-flex;display:flex;}

.pro_img{width:422px;}
.pro_img .view{width:100%;position:relative;box-sizing:border-box;}
.pro_img .view .swiper-container{width:100%;}
.pro_img .view .swiper-container img{width:100%;display:block;}
.pro_img .view .arrow-left,.pro_img .view .arrow-right{background:rgba(0,0,0,0.3);position:absolute;top:50%;margin-top:-25px;width:28px;height:50px;z-index:10;text-align:center;}
.pro_img .view .arrow-left{left:0;}
.pro_img .view .arrow-right{right:0;}
.pro_img .view .arrow-left i,.pro_img .view .arrow-right i{color:#fff;font-size:15px;line-height:50px;}

.pro_img .preview{width:100%;position:relative;text-align:center;overflow:hidden;box-sizing:border-box;}
.pro_img .preview .swiper-slide{cursor:pointer;padding:10px 0 0;height:83px;display:inline-block;box-sizing:border-box;position:relative;}
.pro_img .preview .swiper-slide::after{display:none;content:'';width:0;height:0;line-height:0;border-width:5px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#A2CDE7;position:absolute;top:0px;left:50%;margin:0 0 0 -5px;}
.pro_img .preview .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}

.pro_img .preview .swiper-slide.active-nav::after{display:inline-block;}



.pro_view_inner{-webkit-flex:1;flex:1;margin:0 0 0 25px;box-sizing:border-box;}
.pro_view_inner h1{color:#000;font-size:20px;font-weight:600;}

.pro_view_inner .pro_para{margin:20px 0 0;font-size:14px;color:#020202;line-height:20px;}
.pro_view_inner .pro_para p~p{margin-top:5px;}

.pro_view_inner .book{margin:25px 0 0;width:188px;height:45px;line-height:45px;text-align:center;font-size:16px;font-weight:500;color:#282828;display:block;background:#FFD100;}
.pro_view_inner .pro-share{margin:25px 0 0;}


.pro_text{margin:30px 0 0;}
.pro_text .tit{height:55px;line-height:55px;background:#EDEDED;border-left:19px solid #FFD100;padding:0 0 0 23px;}
.pro_text .tit h5{color:#131313;box-sizing:border-box;font-size:19px;font-weight:bold;}

.pro-content{padding:20px 0 0;line-height:24px;font-size:16px;color:#333;}
.pro-content p{margin-bottom:8px;}
.pro-content .table-response{width:100%;max-width:100%;overflow-x:auto;}
.pro-content table{max-width:100%;width:100%;margin-bottom:20px;font-size:14px;line-height:21px;color:#333;}
.pro-content table tr > th{padding:5px 6px;vertical-align:middle;border:1px solid #999;background:#00B050;color:#fff;font-size:15px;text-align:center;}
.pro-content table tr > td{padding:5px 6px;vertical-align:middle;border:1px solid #999;}
.pro-content table tr > td p{margin:0;}

.pro-content h5{font-size:17px;font-weight:bold;}
.pro-content h5~h5{margin-top:25px;}
.pro-content .row{margin-bottom:20px;}


.pro-content dl{padding:20px 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.pro-content dl dd{-webkit-flex:1;flex:1;text-align:center;}
.pro-content dl dd p{font-size:16px;color:#000;font-weight:bold;margin:10px 0 0;}

.pro-inquiry{margin-top:30px;}
.pro-inquiry .inquirbox{border:2px solid #F3F3F3;border-top:none;padding:20px 20px 10px;}

.related-pro{margin-top:25px}
.related-pro .tit{height:55px;line-height:55px;background:#EDEDED;border-left:19px solid #FFD100;padding:0 0 0 23px;}
.related-pro .tit h5{color:#131313;box-sizing:border-box;font-size:19px;font-weight:bold;}
.related-pro ul{margin:0 0 0 -2%;}
.related-pro ul li{float:left;width:31.333333%;margin:15px 0 0 2%;text-align:center;padding:5px 5px 0;position:relative;border:1px solid #eee;cursor:pointer;box-sizing:border-box;}
.related-pro ul li .pic{position:relative;display:block;background:#fff;overflow:hidden;}
.related-pro ul li .pic img{width:100%;transition:all 0.5s ease 0s;}
.related-pro ul li p{padding:5px 0;height:60px;text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
.related-pro ul li p a{font-size:15px;color:#333;line-height:22px;overflow:hidden;height:44px;}
.related-pro ul li h6 a:hover{color:#D37875;}
.related-pro ul li:hover img{transform:scale(1.08);-ms-transform:scale(1.08);-webkit-transform:scale(1.08);}

/*contact*/


.contact{margin:30px 0 0;}
.contact h1{font-size:42px;color:#000;line-height:1;font-weight:bold;}
.contact ul{margin:50px 0 0;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.contact ul li{box-sizing:border-box;}
.contact ul li:first-child{width:33.3333333%;}
.contact ul li em{background:#fff;width:56px;height:56px;line-height:56px;border:2px solid #FFD100;text-align:center;border-radius:50%;display:inline-block;}
.contact ul li em i{font-size:30px;color:#FFD100;}
.contact ul li h6{font-size:18px;color:#222224;font-weight:bold;margin:20px 0 0;}
.contact ul li p{color:#222224;margin:10px 0 0;font-size:16px;line-height:24px;}
.contact ul li p a:hover{color:#000;}

.contact-inquiry{margin:80px 0 0;border-top:1px solid #EBEBEB;padding:65px 0 0;}
.contact-inquiry h3{font-size:42px;color:#000;line-height:1;font-weight:bold;}
.contact-inquiry .inquirbox{margin:40px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:20px;}
.contact-inquiry .inquirbox .submit{border-radius:8px;margin:0;}


.map{margin:100px 0 0;}
.map img{width:100%;}



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