/*common start*/
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:#666;}
body.head_on{overflow:hidden}
a{color:#666;transition: 0.3s;}
a:hover{ color:#f60; text-decoration:none;cursor: pointer;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px; margin:0 auto;}

*,
*::before,
*::after{-webkit-box-sizing: border-box;box-sizing: border-box;}

 :root {
    --main-color: #195FCF;
    --main-color-white: #fff;
    --main-color-000: #000;
    --main-color-333: #333333;
    --main-color-888: #888888;
    --main-transition: all ease 0.4s;
    --main-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.indexTop{width: 100%;background: #f2f2f2;}
.indexTop .warp{display: flex;justify-content: flex-end;align-items: center;height: 30px;line-height: 30px;color: #666;}
.indexTop .warp a{color: #222;font-size: 12px;}
.indexTop .line{display: inline-block;width: 1px;height: 18px;background: #333;margin: 0 10px;}
.indexTop strong{color: var(--main-color);}
.mShowBtn{position: relative;}
.mShowBtn .panel{position: absolute;top: 30px;left: 50%;transform: translateX(-50%);background: #fff;z-index: 999;box-shadow: 2px 2px 5px rgba(0,0,0,0.2);padding: 5px;text-align: center;font-size: 12px;color: #666;line-height: 1;width: 120px;display: none;}
.mShowBtn:hover .panel{display: block;}
.mShowBtn .panel .img{width: 100%;}
.mShowBtn .panel .img img{width: 100%;}

.header{ position:relative;border-bottom: 2px solid var(--main-color);}
.headList{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.headList .logo{display: block;}
.headList .logo img{max-height: 120px;width: auto;}

.search{width: 520px;}
.search ul li{width: 48.3%;padding: 5px;display: flex;align-items: center;}
.search .tit{width: 60px;line-height: 30px;font-size: 12px;}
.search input{width: 100%;height: 30px;border: 1px solid #ddd;padding: 0 10px;flex: 1;}
.search ul li:last-child{width: 100%; justify-content: flex-end;}
.search button{width: 162px;height: 30px;background: var(--main-color);color: #fff;font-size: 12px;font-weight: bold;border: none;border-radius: 5px; margin-right:18px;}

.hTel p{padding: 2px 0;}
.hTel .phone i img{width: 35px;margin-right: 10px;}
.hTel .phone .desc{text-align: center;font-size: 16px;color: #666;}
.hTel .ewm{margin-left: 10px;width: 80px;text-align: center;font-size: 14px;}
.hTel .ewm img{width: 100%;}

.headBtm{position: relative;}
.headBtm .mProTit{position: relative;width: 195px;}
.headBtm .mProList{position: absolute;top: 40px;left: 0;width: 100%;z-index: 999;background: #fff;}
.headBtm .mProPanel{width: 760px;left: 195px;}

.mProMenu{position: relative;width: 195px;}
.mProMenu .mProTit{margin: 0;}
.mProTit{width: 195px;height: 40px;position: relative;background: var(--main-color);font-size: 14px;color: #fff;line-height: 40px;text-align: center;margin-top: -40px;}
.mProMenu .mProList{display: none;}
.mProMenu:hover .mProList{display: block;}


.mProList{width: 100%;left: 0;}
.mProList>ul{width: 100%;}
.mProList>ul>li{padding: 0 10px;}
.mProList>ul>li>span{display: flex;align-items: center;height: 55px;font-size: 14px;color: #333;}
.mProList>ul>li>span a{color: #333;}
.mProList>ul>li>span:hover a{color: var(--main-color);}
.mProList>ul>li>span img{width: 20px;margin-right: 10px;vertical-align: middle;}

.mProList .mProPanel{position: absolute;top: 0;left: 195px;width: 760px;background: #f8f8f8;z-index: 9;height: 100%;display: none;}
.mProList .mProPanel .warp{padding: 20px;}
.mProList .mProPanel dl{margin: 5px;font-size: 14px;color: #666;line-height: 2;}
.mProList .mProPanel dl dt{font-weight: bold;font-size: 14px;}
.mProList .mProPanel dl dd a{display: inline-block;margin-left: 10px;}
.mProList .mProPanel a{color: #666;}
.mProList .mProPanel a:hover{color: var(--main-color);}

.mProList>ul>li:hover .mProPanel{display: block;}

/*menu*/
.pc_menu{}
.menu{height:40px;line-height:40px;}
.menu ul li{ float:left; position:relative;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:50%; top:40px; box-shadow:2px 2px 5px rgba(0,0,0,0.2);display:none;z-index: 9;transform: translateX(-50%);min-width: 150px;}
.menu ul li dl dd{ line-height:40px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.menu ul li dl dd a{ font-size:14px; color:#333;display:block;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:15px;color:#333;display:block;text-align:center;padding: 0 20px;}
.menu a:hover{color: var(--main-color);}
a.menu_hover{color: var(--main-color);}

/*swiper*/
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper .swiper-button-next:after,.swiper .swiper-button-prev:after{font-size: 30px;}

/*common*/
.disFlex {
	flex-wrap: wrap;
	display: -webkit-box;/* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
	display: -moz-box;/* Firefox 17- */
	display: -webkit-flex;/* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
	display: -moz-flex;/* Firefox 18+ */
	display: -ms-flexbox;/* IE 10 */
	display: flex;
}
.jusBet{justify-content: space-between;}
.jusCet{justify-content: center;}
.jusEnd{justify-content: flex-end;}
.aliTop{align-items: flex-start;}
.aliCet{/*align-items: center;*/}
.aliBtm{align-items: flex-end;}

.img{font-size: 0px;overflow: hidden;}
img{transition: 0.5s;}

.f_left{float: left;}
.f_right{float: right;}
.clearfix:before,
.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;overflow: hidden;}
.clearfix {*zoom: 1;}

.bgfff{background: #fff !important;}
.fff{color: #fff !important;}
em{font-style: normal;}
.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.pt140{padding-top: 140px;}
.pb140{padding-bottom: 140px;}
.pt120{padding-top: 120px;}
.pb120{padding-bottom: 120px;}
.pt100{padding-top: 100px;}
.pb100{padding-bottom: 100px;}
.pt80{padding-top: 80px;}
.pb80{padding-bottom: 80px;}
.pt60{padding-top: 60px;}
.pb60{padding-bottom: 60px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt35{margin-top: 35px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}

.textCet{text-align: center;}
.textRight{text-align: right;}
.pc_show{}
.m_show{display: none;}
.iTit{}
.iTxt{}
.iLine{}
/*-------------------------------------------*/

/*banner*/
.banner{width: 100%;}
.banner2{width: 100%;}
.banner2 .swiper-pagination-bullet{opacity: 1;background: #fff;transition:width ease 0.35s;border-radius: 20px;}
.banner2 .swiper-pagination-bullet-active{background: var(--main-color);width:20px;}
.banner2 .swiper-button-next:after,.bannerSwiper .swiper-button-prev:after{color: #fff;}

.mainFull{width: 100%;background: #f2f2f2;}
.mainWarp{width: 100%;position: relative;}
.mainWarp>.left{width: 195px;background: #fff;}
.mainWarp>.cet{width: calc(100% - 445px);margin: 0 10px;}
.mainWarp>.right{width: 230px;background: #fff;padding: 15px;}


.index1{width: 100%;margin-top: 10px;}
.i1List{width: 100%;}
.i1List ul{display: flex;justify-content: space-between;}
.i1List ul li{width: 19%;}
.i1List .part{display: block;width: 100%;}
.i1List .part .img{width: 100%;}
.i1List .part .img img{width: 100%;}

.iTop{height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;margin-bottom: 10px;}
.iTop .tit{font-size: 16px;color: #333;}
.iTop a{color: #666;font-size: 14px;}
.index2{width: 100%;overflow: hidden;}
.i2Slide{width: 100%;/*height: 350px;*/overflow: hidden;}
.i2List{width: 100%;}
.i2List ul li{line-height: 35px;}
.i2List a{display: block;font-size: 15px;color: #666;}
.i2List a:hover{color: var(--main-color);}

.index3{width: 100%;background: #fff;padding: 20px;margin-top: 50px;}
.i3Top{width: 100%;height: 42px;line-height: 42px;padding: 0 10px;}
.i3Top .tit{font-size: 24px;color: #000;font-weight: bold;}
.i3Top a{font-size: 16px;color: var(--main-color);}
.i3List ul li{width: 20%;padding: 0 10px;margin-top: 10px;}
.i3List .part{display: block;width: 100%;}
.i3List .part .img{width: 100%;}
.i3List .part .img img{width: 100%;}
.i3List .part .desc{margin-top: 10px;}
.i3List .part .t1{color: var(--main-color);font-size: 12px;}
.i3List .part .price{font-size: 14px;color: #f00;margin-top: 10px;}

.index4{padding: 10px 0;}
.i4Item{padding: 10px 0;}
.i4Item .left{width: 240px;position: relative;}
.i4Item .left .imgBg{width: 100%;height: 100%;position: relative;font-size: 0px;}
.i4Item .left .imgBg img{width: 100%;height: 100%;object-fit: cover;}
.i4Item .left .imgTop{position: absolute;left: 0;top: 0;padding: 30px 20px;}
.i4Item .left .tit{font-size: 24px;color: #fff;font-weight: bold;margin-right: 10px;}
.i4Item .left .tit a{display: inline-block;}
.i4Item .left .tit a img{width: 24px;}
.i4Item .left .list{margin-top: 20px;}
.i4Item .left .list ul li{width: 50%;padding-right: 10px;padding-bottom: 10px;}
.i4Item .left .list a{display: block;height: 26px;border: 1px solid #fff;border-radius: 40px;color: #fff;font-size: 13px;display: flex;justify-content: center;align-items: center;}

.i4Item .right{width: calc(100% - 240px);background: #fff;}
.i4List{width: 100%;}
.i4List ul li{width: 25%;border: 1px solid #F2F2F2;}
.i4List .part{display: block;width: 100%;padding: 10px;}
.i4List .part .img{width: 100%;}
.i4List .part .img img{width: 100%;}
.i4List .part .desc{margin-top: 10px;}
.i4List .part .t1{color: var(--main-color);font-size: 12px;}
.i4List .part .price{font-size: 14px;color: #f00;margin-top: 10px;}

.index5{width: 100%;background: var(--main-color);padding: 15px 0;}
.i5List{width: 100%;}
.i5List ul li{width: auto;display: flex;align-items: center;}
.i5List .icon{width: 56px;margin-right: 14px;}
.i5List .icon img{width: 100%;}
.i5List .desc{color: #fff;}
.i5List .tit{font-size: 20px;font-weight: bold;}
.i5List .txt{font-size: 14px;}

.footer{font-size: 13px;color: #fff;background: #2e323f;padding: 35px 0;}
.footer a{color: #fff;}
.footer p{padding: 0;}
.footer .tit{font-size: 14px;color: #fff;font-weight: bold;margin-bottom: 10px;}
.footer ul li{margin-bottom: 10px;}
.fTel ul li{display: flex;margin-bottom: 15px;}
.fTel ul li img{width: 20px;margin-right: 10px;}
.fEwm .box{width: 140px;text-align: center;padding: 0 20px;}
.fEwm .box img{width: 100%;}

.fBtm{text-align: center;margin-top: 10px;color: #999;}

.iRight{position: fixed;top: 50%;transform: translateY(-50%);right: 0;z-index: 999;display: none;}
.iRight.active{display: block;}
.iRight ul li{border-bottom: 1px solid #E5E5E5;position: relative;}
.iRight .tab{display: block;display: flex;justify-content: center;align-items: center;flex-direction: column;background: #fff;width: 68px;height: 68px;text-align: center;color: #333;}
.iRight ul li:last-child{margin-top: 20px;}
.iRight .panel{position: absolute;top: 50%;transform: translateY(-50%);right: 68px;background: #fff;padding: 5px;width: auto;text-align: center;display: none;}
.iRight .panel img{width: 100px;}
.iRight .panel p{padding: 0;}
.iRight ul li:hover .panel{display: block;}

.iImg{width: 100%;font-size: 0px;}
.iImg img{width: 100%;}

.product1{width: 100%;position: relative;}
.product1>.img{width: 100%;}
.product1>.img img{width: 100%;}
.product1>.imgTop{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding-top: 70px;}
.product1 .title{color: #fff;font-weight: bold;font-size: 30px;margin-bottom: 20px;}
.product1 .search2{width: 600px;height: 45px;position: relative;border-radius: 5px;padding: 3px;overflow: hidden;background: #fff;margin-bottom: 40px;}
.product1 .search2 input{position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 3px 80px 3px 10px;font-size: 14px;color: #333;}
.product1 .search2 button{position: absolute;top: 3px;right: 3px;width: 80px;height: 39px;background: var(--main-color);color: #fff;font-size: 14px;border: none;border-radius: 0 5px 5px 0;}
.pro1Box{position: relative;background: #fff;border-radius: 10px;padding: 30px;box-shadow: var(--main-shadow);}
.pro1Box .left{width: 50%;}
.pro1Box .right{width: 300px;}
.pro1Box .tit{font-size: 12px;color: #000;margin-bottom: 10px;}
.pro1Box .tit strong{font-weight: bold;font-size: 20px;}

.proSelect{width: 100%;}
.proSelect ul li{display: inline-block;margin-right: 10px;margin-bottom: 5px;}
.proSelect a{font-size: 14px;color: #333;}

.proSelect2{width: 100%;}
.proSelect2 select{width: 100%;height: 40px;border: 1px solid #DCDFE6;background: #eeeeee;font-size: 14px;color: #333;padding: 0 10px;border-radius: 5px;}
.proSelect2 .row{margin-top: 10px;}
.proSelect2 input{flex: 1;width: 100%;height: 40px;border: 1px solid #DCDFE6;padding: 0 10px;font-size: 14px;}
.proSelect2 button{margin-left: 20px;width: 90px;height: 40px;background: var(--main-color);border: none;color: #fff;font-size: 14px;border-radius: 5px;}

.product2{width: 100%;padding-top: 160px;padding-bottom: 60px;}
.proTit{font-size: 25px;margin: 20px 0px;color: #000;}
.pro2Slide{width: 100%;}
.pro2Tab{width: 100%;}
.pro2Tab ul li{margin-right: 20px;margin-bottom: 10px;font-size: 12px;color: #000;cursor: pointer;}
.pro2Tab ul li.on{font-weight: bold;}

.pro2List{width: 100%;}
.pro2List ul li{width: 25%;padding: 0 10px;margin-bottom: 20px;}
.pro2List .part{display: block;width: 100%;}
.pro2List .part .img{width: 100%;}
.pro2List .part .img img{width: 100%;}
.pro2List .part .desc{padding-top: 10px;}
.pro2List .part .t1{font-size: 14px;color: #333;}
.pro2List .part .txt{font-size: 12px;color: #666;margin-top: 20px;}
.pro2List .part .tag{margin-top: 10px;}
.pro2List .part .tag span{display: inline-block;margin-right: 10px;padding: 5px 10px;background: #fff4ee;color: #f17b30;font-size: 12px;font-weight: bold;border-radius: 3px;}
.pro2List .part .t2{font-size: 17px;color: rgb(17, 173, 170);margin-top: 20px;}

.inside{padding: 20px 0;min-height: 500px;}

.case{padding: 20px 0;}
.caseWarp{width: 100%;}
.ml_left{width: 980px;}
.mr_right{width: 200px;margin-left: 10px;}

.caseSelect{width: 100%;background: #fff;border: 1px dotted #e8e8e8;}
.caseSelect dl{display: flex;border-top: 1px dotted #e8e8e8;}
.caseSelect dl:first-child{border-top: none;}
.caseSelect dl dt{background-color: rgb(238, 238, 238);width: 8%;color: rgb(102, 102, 102);text-align: center;}
.caseSelect dl dt span{display: block;height: 100%;display: flex;justify-content: center;align-items: center;width: 100%;}
.caseSelect dl dd{width: 90%;padding: 10px 20px 0 10px;display: flex;flex-wrap: wrap;}
.caseSelect dl dd a{display: inline-block;padding: 0 5px;margin: 0 6px 10px 0;line-height: 30px;color: #333333;white-space: nowrap;border-radius: 3px;margin-left: 10px;}
.caseSelect dl dd a:hover{color: var(--main-color);}

.caseList{margin-top: 10px;}
.caseList ul li{width: calc(25% - 7.5px);margin-right: 10px;margin-bottom: 10px;}
.caseList ul li:nth-child(4n){margin-right: 0;}
.caseList .part{display: block;width: 100%;height: 100%;background: #fff;padding: 8px;transition: 0.3s;}
.caseList .part .imgBox{position: relative;width: 100%;overflow: hidden;}
.caseList .part .img{width: 100%;height: 230px;display: flex;justify-content: center;align-items: center;}
.caseList .part .img img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.caseList .part .btn{transition: 0.3s;position: absolute;left: 0;bottom: -100%;width: 100%;}
.caseList .part .btn a{display: block;width: 100%;padding: 10px 20px;background: rgba(0,0,0,0.3);color: #fff;font-size: 14px;text-align: center;}
.caseList .part .btn a:hover{background: var(--main-color);color: #fff;}
.caseList .part .desc{width: 100%;padding: 20px 0;}
.caseList .part .tip{padding: 0 5px;margin-bottom: 5px;font-size: 17px;margin-top: 3px;color: #FC4324;font-weight: bold;}
.caseList .part .t1{display: block;height: 36px;padding: 0 5px;margin-top: 6px;margin-bottom: 5px;overflow: hidden;font-size: 14px;line-height: 1.3;height: 37px;color: #333333;}
.caseList .part .t1 a{color: #333;}
.caseList .part .tag{color: #666666;font-size: 12px;}
.caseList .part .txt2{color: #666666;font-size: 12px;margin-top: 5px;}
.caseList .part .txt2 span{display: inline-block;padding: 0 8px;margin-right: 5px;color: #ffffff;text-align: center;background-color: red;border-radius: 0px;padding: 0 2px;height: 15px;line-height: 15px;}
.caseList .part .btn2{margin-top: 8px;}
.caseList .part .btn2 a{height: 25px;border: 1px solid #cccccc;display: flex;justify-content: center;align-items: center;width: 50px;color: #666666;margin-right: 10px;}
.caseList .part .btn2 a:nth-child(2){color: #195FCF;flex: 2;width: 100px;}


.caseList .part:hover{box-shadow: var(--main-shadow);}
.caseList .part:hover .img img{transform: scale(1.1);}
.caseList .part:hover .btn{bottom: 0;}


.mr_right_tit{width: 100%;height: 50px;line-height: 50px;background: #f2f2f2;font-size: 16px;padding-left: 20px;font-weight: bold;}
.mr_right_list{width: 100%;}
.mr_right_list ul li{margin-bottom: 20px;}
.mr_right_list img{width: 100%;}



.p_page{width: 100%;background: #f2f2f2;padding: 10px 0;}
.current a{font-size: 14px;color: #888;position: relative;}
.current a:after{content: ">";padding: 0 5px;color: #888;}
.current a:last-child:after{display: none;}

.p_page .right{font-size: 14px;color: #333;}
.p_page .right a{color: #333;}
.p_page .right .txt{margin-right: 20px;}
.p_page .right .txt span{display: inline-block;padding: 2px 6px;background: #FF0000;color: #fff;font-size: 12px;margin-right: 5px;}
.p_page .right .tel img{width: 20px;margin-right: 5px;vertical-align: middle;}
.p_page .right .tel strong{color: var(--main-color);font-weight: bold;font-size: 16px;display: inline-block;margin-left: 10px;}

.prodetail{width: 100%;padding: 20px 0;}
.prodWarp{width: 100%;}
.prodWarp .left{width: 350px;}
.prodWarp .center{width: 560px;}
.prodWarp .right{width: 250px;padding: 10px;border: 1px solid #efefef;}

.prodWarp .ewm{margin-top: 20px;position: relative;width: 120px;}
.prodWarp .ewm .icon{text-align: center;}
.prodWarp .ewm .icon img{width: 16px;margin-bottom: 10px;}
.prodWarp .ewm .icon .txt{font-size: 12px;color: #999;}
.prodWarp .ewm .panel{position: absolute;top: 55px;left: 0;width: 120px;background: #fff;z-index: 999;padding: 10px;box-shadow: var(--main-shadow);display: none;}
.prodWarp .ewm:hover .panel{display: block;}
.prodWarp .ewm .panel img{width: 100%;}
.prodTit{font-size: 20px;color: #000;font-weight: bold;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #ddd;}
.prodPrice{margin-bottom: 10px;}
.prodPrice a{display: inline-block;padding: 10px 20px;color: #fff;background: var(--main-color);}
.prodListCon{}
.prodListCon ul{display: flex;flex-wrap: wrap;}
.prodListCon ul li{margin: 10px 0;display: flex;width: 50%;font-size: 14px;color: #666;}
.prodListCon ul li span:nth-child(1){display: block;width: 70px;color: #333;}
.prodWarp .center .imgList{width: 100%;margin-top: 10px;}
.prodWarp .center .imgList img{width: 100%;}

.prodWarp .logo{text-align: center;}
.prodWarp .logo img{width: auto;max-width: 100%;max-height: 50px;}
.prodWarp .right .btn{padding: 10px 0;margin: 10px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.prodWarp .right .btn a{display: inline-block;padding: 8px 10px;width: 100%;font-size: 12px;text-align: center;background: #f8f8f8;color: #333;}
.prodWarp .right .btn a:last-child{background: #fff;border: 1px solid var(--main-color);color: var(--main-color);margin-top: 10px;}
.prodWarp .right .btn a:hover{background: var(--main-color);color: #fff;}

.prodSearch{width: 100%;}
.prodSearch .tit{font-size: 16px;font-weight: bold;margin-bottom: 10px;color: #333;}
.prodSearch .tit span{font-weight: normal;font-size: 12px}
.prodSearch .box{width: 100%;font-size: 14px;color: #333;}
.prodSearch select{width: 100%;height: 40px;background: #f8f8f8;border-radius: 5px;border: none;}
.prodSearch .warp{margin-top: 10px;}
.prodSearch input{width: 100%;flex: 1;height: 40px;background: #fff;border: 1px solid #ddd;padding: 0 10px;outline: none;}
.prodSearch button{width: 60px;height: 40px;background: var(--main-color);text-align: center;color: #fff;border: none;margin-left: 15px;}

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:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.m1_galleryTop { border:1px solid #eee; margin-bottom:10px;}


.prodWarp .swiper_tab {
  height: 20%;
  box-sizing: border-box;
  margin-top: 10px;
}

.prodWarp .swiper_tab .swiper-slide {
  width: 25%;
  opacity: 0.4;
}

.prodWarp .swiper_tab .swiper-slide-thumb-active {
  opacity: 1;
}

.prodWarp .swiper-slide img {
  display: block;
  width: 100%;
  object-fit: cover;
}
.swiper_tab .swiper-slide img{
	border: 1px solid #ddd;
}

.prodWarp .tab{position: relative;}
.tab_prev{
	position: absolute;
	top: 50%;
	z-index: 9;
	left: 0px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	background: none;
	font-size: 40px;
	color: #111;
	box-sizing: border-box;
	align-items: center;
	opacity: 1;
	transition: all .3s;
}

.tab_next{
	position: absolute;
	top: 50%;
	z-index: 9;
	right: 0px;
	cursor: pointer;
	width: 36px;
	height: 36px;
	display: flex;
	justify-content: center;
	background: none;
	font-size: 40px;
	color: #111;
	box-sizing: border-box;
	align-items: center;
	opacity: 1;
	transition: all .3s;
}
.tab_next.swiper-button-disabled,.tab_prev.swiper-button-disabled{opacity: 0.5;}

.prodWarp2{margin: 20px 0;}
.prodWarp2 .left{width: 215px;border: 1px solid #ddd;margin-right: 15px;}
.prodWarp2 .right{width: calc(100% - 230px);border: 1px solid #ddd;}
.prodDesc{font-size: 14px;color: #333;overflow: hidden;padding: 15px;}
.prodDesc img{max-width: 100%;}
.prodTit2{padding: 10px;border-bottom: 1px solid #ddd;}
.prodTit2 span{display: inline-block;color: var(--main-color);font-size: 14px;font-weight: bold;border-bottom: 2px solid var(--main-color);}

.prodList{width: 100%;padding: 15px;}
.prodList ul li{margin-top: 10px;}
.prodList .part{display: block;}
.prodList .part .img{width: 100%;}
.prodList .part .img img{width: 100%;}
.prodList .part .desc{padding-top: 10px;}
.prodList .part .t1{font-size: 14px;color: #333;}
.prodList .part .more{margin-top: 10px;display: flex;justify-content: space-between;align-items: center;color: #333;}



@media only screen and (max-width: 1200px) {
.wapper{ width:1200px; margin:0 auto;}

}


.index_form1{ margin-bottom:20px;}
.index_form1 .h1{ line-height:34px; height:34px;}
.index_form1 .h1 strong{ font-size:16px;}
.index_form1 .h1 span{ font-size:12px; float:right;}
.index_form1 .form{ margin-top:10px;}
.index_form1 .form2{ height:32px; margin-top:10px;}
.index_form1 .form .select1{ border:1px solid #ccc; background:#eee; height:32px; line-height:30px; padding:0 10px; width:100%;}
.index_form1 .form .text1{ float:left; border:1px solid #ccc; background:#fff; height:32px; line-height:30px; padding:0 10px; width:calc(100% - 70px);}
.index_form1 .form .button1{ float:right; border:none; width:60px; height:32px; line-height:30px; border-radius:4px; background:var(--main-color); color:#fff; font-size:14px; cursor:pointer; text-align:center;}
.index_form1 .form .button1:hover{ opacity:.9;}