/* 前端白明明 */

@font-face
{
    font-family: opeb;
    src: url(../fonts/Open-Sans-Semibold.ttf),
         url(../fonts/OpenSemibold.woff) format("woff");
}

@font-face
{
    font-family: ope ;
    src: url(../fonts/OpenSans.ttf),
         url(../fonts/OpenSans.woff) format("woff");
}

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

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; min-width: 1280px;position: relative;padding-top: 140px ; width: 100%;color: #333;font-family:'ope', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}

body{padding-top: 90px;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar{
    width: 8px;
    height: 8px;
    background-color: #ddd;
}

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: #eee;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #c8c8c8;
}


.f_12{ font-size:12px; }

.f_14{ font-size:14px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_70{font-size: 70px;}

/*分页*/

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.a_dw{position: relative;top: -70px;}

.box { min-width: 1200px;width:100%; margin: 0 auto;padding: 0 80px;  position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;max-width: 1920px;}


.box2 {width:74%; margin: 0 auto;padding: 0 ;max-width: 1400px;min-width: 1200px;  position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.page{font-family: opeb;}

.page1{clear:both; text-align:center; height: 35px;margin: 0;text-align: center;}

.page1 span a{display: inline-block; color:#333333;padding:10px 13px; text-decoration:none;background: #fff;}

.page1 span a:hover,.page1 span.current a{  background:#2f2b2a; color:#fff;}

.page1 span.btn a{color: rgba(0, 0, 0, 0);background:#fff url(../images/r.png) center no-repeat ;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.page1 span.next a{transform: rotate(0deg);-webkit-transform: rotate(0deg);}

.page1 span.btn a:hover{background:#2f2b2a url(../images/r_b.png) center no-repeat ;}

.page1 span{margin:0;}

.page2{width: 120px;height: 40px;background: #2f2b2a;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 头部 */

.head{position: fixed;width: 100%;top: 0;left: 0;z-index: 9;background: #fff;-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s;}

.head .gg{width: 100%;line-height: 50px;background: #030405;color: #fff;text-align: center;position: relative;display: none;}

.head .gg a{display: inline-block;color: #fff;margin-left: 20px;text-decoration: underline;}

.head .gg .out{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 50px;background: url(../images/outb.png) center no-repeat;cursor: pointer;}

.head .hdtop{width: 100%;height: 90px;position: relative;background:#fff;}

.head .hdtop .logo{width: 13.64%;float: left;height: 100%;display: flex;text-align: center;align-items: center;}

.head .hdtop .hrt{float: right;}

.head .hdtop .hrt .sig{width: 30px;height: 30px;float: right;margin-top: 30px;position: relative;}

.head .hdtop .hrt .sig a{display: block;width: 100%;height: 100%;background: url(../images/hy.png) center no-repeat;}

.head .hdtop .hrt .sig .denglu{width: 450px;position: absolute;right: 0;top: 150%; background: #fff;z-index: 2;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;padding: 40px 30px;display: none;}

.head .hdtop .hrt .sig .denglu .dtt{border-bottom: 1px solid #e6e6e6;padding-bottom: 40px;}

.head .hdtop .hrt .sig .denglu .dtc{padding: 30px 0 0;border-bottom: 2px solid #ddd;color: #333;}

.head .hdtop .hrt .sig .denglu .dtc input{display: block;width: 100%;height: 70px;border: 0;outline: none;font-size: 18px;}

.head .hdtop .hrt .sig .denglu .login {display: block;width: 100%;line-height: 60px;background: #000;color: #fff;text-align: center;margin: 50px 0 20px;cursor: pointer;}

.head .hdtop .hrt .sig .denglu .login:hover{opacity: 0.8;}

.head .hdtop .hrt .sig .denglu .jz{line-height: 20px;}

.head .hdtop .hrt .sig .denglu .jz span{display: block;float: left;padding-left: 30px;cursor: pointer;background: url(../images/dui0.png) center left no-repeat;background-size: 20px;}

.head .hdtop .hrt .sig .denglu .jz span.act{background: url(../images/dui1.png) center left no-repeat;background-size: 20px;}

.head .hdtop .hrt .sig:hover a{opacity: 0.6;}

.head .hdtop .hrt .sig .tuic{width: 100px;text-align: center; position: absolute;right: -30px;top: 120%;opacity: 0;visibility: hidden; background: #fff;z-index: 2;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;padding: 15px 0; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;cursor: pointer;}

.head .hdtop .hrt .sig:hover .tuic{opacity: 1;visibility: visible;top: 110%;}


.head .hdtop .hrt .gwbtn2{width: 30px;height: 30px;float: right;margin: 30px 25px 0 30px;position: relative;}

.head .hdtop .hrt .gwbtn2 .a{display: block;width: 100%;height: 100%;background: url(../images/car.png) center no-repeat;cursor: pointer;}

.head .hdtop .hrt .gwbtn2 .num{position: absolute;top: -5px;right: -8px;width: 24px;line-height: 24px;text-align: center;background:#1f1f1f ;color: #fff;border-radius: 50%;font-size: 12px;pointer-events: none;transform: scale(0.8);-webkit-transform: scale(0.8);}


.head .hdtop .hrt .gwbtn2:hover .a{opacity: 0.6;}

.head .hdtop .hrt .ss{display: block;width: 250px;height: 50px;border: 1px solid #ddd;float: right;margin-top: 20px;padding: 0 10px;}

.head .hdtop .hrt .ss a{display: block;width: 50px;height: 50px;float: left;background:url(../images/ss.png) center no-repeat ;}

.head .hdtop .hrt .ss input{display: block;width:calc( 100% - 50px);height: 100%;border: 0;outline: none;color: #000;font-size: 16px;}

.head .hdtop .ul1{position: absolute;top: 0;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

.head .hdtop .ul1 li{float: left;margin: 0 30px;position: relative;}

.head .hdtop .ul1 li .ltop{line-height: 90px;}

.head .hdtop .ul1 li .ltop a{display: block;position: relative;font-family: "opeb";}

.head .hdtop .ul1 li.ki2,.head .hdtop .ul1 li.ki3{margin-right: 0;}

/* .head .hdtop .ul1 li .ltop2 a{background: url(../images/xia.png) center right no-repeat;padding-right: 30px;} */

.head .hdtop .ul1 li .ltop a s{display: block;width: 0%;height: 2px;background: #000;position: absolute;left: 0;top: 56px;}

.head .hdtop .ul1 li:hover .ltop a,.head .hdtop .ul1 li.act .ltop a{opacity: 0.7;}

.head .hdtop .ul1 li:hover  .ltop a s,.head .hdtop .ul1 li.act  .ltop a s{width: 100%;}

.head .hdtop .ul1 li.ki2:hover  .ltop a s,.head .hdtop .ul1 li.ki2.act  .ltop a s,.head .hdtop .ul1 li.ki3:hover  .ltop a s,.head .hdtop .ul1 li.ki3.act  .ltop a s{width: calc(100% - 30px);}

.head .hdtop .ul1 li:nth-child(3){display: none;}


.head .hdlbtm{position: fixed;width: 100%;top: 140px;left: 0;height: calc(100vh - 240px);z-index: 1;border-top: 1px solid #fff;overflow: auto;background: #f9f9f9;display: none;-moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD;}

.head .hdlbtm dl dd{width: 13.5%;float: left;padding: 20px 0 10px;margin-right: 0.916%;height: 450px;}

.head .hdlbtm dl dd:nth-child(7n){margin-right: 0;}

.head .hdlbtm dl dd a{display: block;line-height: 24px;font-size: 12px;color: #999;}

.head .hdlbtm dl dd a:nth-child(1){color: #333;font-size: 14px;font-family: opeb;}

.head .hdlbtm dl dd a:hover{color: #000;text-decoration: underline;}

.head .hdlbtm dl dd:nth-child(n + 8){height: auto;}

body .head {top: 0px;-moz-box-shadow:0px 2px 5px #ddd; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;}

body .hdlbtm{top: 90px;}


.head .hdlbtm2{position: fixed;width: 100%;top: 140px;left: 0;height: calc(100vh - 240px);z-index: 1;border-top: 1px solid #fff;background: #f9f9f9;display: none;-moz-box-shadow:0px 1px 5px #DDDDDD; -webkit-box-shadow:0px 1px 5px #DDDDDD; box-shadow:0px 1px 5px #DDDDDD;}

.head .hdlbtm2 .llt{width: 360px;float: left;height: 100%;padding: 50px 0 0 80px;line-height: 20px;font-family: opeb;}

.head .hdlbtm2 .llt .ltt{border-left: 4px solid #1f1f1f;padding-left: 10px;color: #000;}

.head .hdlbtm2 .llt a{display: block;line-height: 1;margin-top: 30px;color: #000;}

.head .hdlbtm2 .llt a:hover{text-decoration: underline;}

.head .hdlbtm2 .lrt{width: calc(100%  - 360px);float: right;height: 100%;padding: 50px ;background: #fff;overflow: auto;}

.head .hdlbtm2 .lrt a{display: block;width: 32%;float: left;margin-right: 2%;margin-bottom: 2%;}

.head .hdlbtm2 .lrt a:nth-child(3n){margin-right: 0;}

.head .hdlbtm2 .lrt a:nth-child(n + 7){margin-bottom: 0;}

.head .hdlbtm2 .lrt a .img{overflow: hidden;}

.head .hdlbtm2 .lrt a .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.head .hdlbtm2 .lrt a .txt{line-height: 1;margin-top: 10px;font-family: opeb;}

.head .hdlbtm2 .lrt a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 1;-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.head .hdlbtm2 .lrt a:hover .txt{text-decoration: underline;}

body .hdlbtm2{top: 90px;}


/* 首页 */

.i1{position: relative;margin-bottom: 2.2%;}

.i1 .ul1{}

.i1 .ul1 li{width: 69.31%;float: left;}

.i1 .ul1 li a{display: block;position: relative;line-height: 1;margin-bottom: 4%;}

.i1 .ul1 li a .img{overflow: hidden;}

.i1 .ul1 li a .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.i1 .ul1 li a .ltt{margin: 15px 0 10px;font-family: opeb;}

.i1 .ul1 li a .ltc{display: inline-block;border-bottom: 1px solid #797979;}

.i1 .ul1 li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.i1 .ul1 li.li2{width: 28.92%;float: right;}

.i2 .ul1 li{float: right;}

.i2 .ul1 li.li2{width: 28.92%;float: left;}

.i3{padding:10px 0 100px;}

.i3 s{border-top: 2px solid #cbbeb3;display: block;margin: 0 0 100px;width: 100%;float: left;}

.i3 a{display: block;width: 48%;float: left;height: 140px;background: url(../images/in_5_1.jpg) center no-repeat;text-align: center;background-size: cover;color: #894515;padding-top: 33px;}

.i3 a:nth-child(3){float: right;background: url(../images/in_5_2.jpg) center no-repeat;}

.i3 a span{display: inline-block;border-bottom: 1px solid #894515;margin-top: 15px;}

.i3 .mtc{display: none;}

.i3 .att {font-family: opeb;}

.i3 .mtc .m1{font-family: opeb;}

.i4{}

.i4 .itt{margin-bottom: 50px;border-bottom: 1px solid #cbbeb3;height: 40px;}

.i4 .itt span{display: inline-block;height: 40px;border-bottom: 1px solid #000;font-family: opeb;}

.i4 .swiper2{}

.i4 .swiper2 .swiper-slide{}

.i4 .swiper2 .swiper-slide .sbox{display: block;text-align: center;}

.i4 .swiper2 .swiper-slide .sbox .img{display: block;overflow: hidden;width: 100%;border-radius: 10px;overflow: hidden;}

.i4 .swiper2 .swiper-slide .sbox .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.i4 .swiper2 .swiper-slide .sbox .txt{padding: 20px;}

.i4 .swiper2 .swiper-slide .sbox .txt .stt{line-height: 20px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-family: opeb;}

.i4 .swiper2 .swiper-slide .sbox .txt .ck{display: inline-block;border-bottom: 1px solid #666;}

.i4 .swiper2 .swiper-slide .sbox:hover .txt .stt,.i4 .swiper2 .swiper-slide .sbox:hover .txt .ck{color: #000;}

.i4 .swiper2 .swiper-slide .sbox:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.i4 .swiper2 .pagination2{display: none;}

.i4 .swiper2 .prev2{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; left: 0;margin-top: -70px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.i4 .swiper2 .next2{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; right: 0;margin-top: -70px;}

.i4 .swiper2 .prev2:hover,.i4 .swiper2 .next2:hover {background:#fff url(../images/r.png) center no-repeat;}

.i5{margin: 80px 0;}

.i5 .swiper3{}

.i5 .swiper3 .swiper-slide{}

.i5 .swiper3 .swiper-slide .sbox{display: block;text-align: left;}

.i5 .swiper3 .swiper-slide .sbox .img{display: block;overflow: hidden;width: 100%;}

.i5 .swiper3 .swiper-slide .sbox .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.i5 .swiper3 .swiper-slide .sbox .txt{padding: 20px 0;}

.i5 .swiper3 .swiper-slide .sbox .txt .stt{line-height: 20px;margin-bottom: 10px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-family: opeb;}

.i5 .swiper3 .swiper-slide .sbox .txt .ck{display: inline-block;border-bottom: 1px solid #666;}

.i5 .swiper3 .swiper-slide .sbox:hover .txt .stt,.i5 .swiper3 .swiper-slide .sbox:hover .txt .ck{color: #000;}

.i5 .swiper3 .swiper-slide .sbox:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.i5 .swiper3 .pagination3{display: none;}


.i5 .swiper3 .prev3{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; left: 0;margin-top: -70px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.i5 .swiper3 .next3{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; right: 0;margin-top: -70px;}

.i5 .swiper3 .prev3:hover,.i5 .swiper3 .next3:hover {background:#fff url(../images/r.png) center no-repeat;}

.i6{padding: 20px 0;background: #f3f3f3;}

.i6 .itt{font-family: opeb;}

.i6 .tc{line-height: 24px;margin: 10px 0;}

.i6 a{display: inline-block;border-bottom: 1px solid #666;}

.i6 a:hover{color: #000;border-bottom: 1px solid #000;}



/* 新增二期 */

.i7{position: relative;padding: 50px 0 4.6vw;}

.i7 .itop{display: flex;}

.i7 .itop .ilt{width: 19.32%;text-align: center;}

.i7 .itop .ilt img{width: 100%;}

.i7 .itop .ilt .wz{font-family: 'opeb';margin-top: 20px;line-height: 1.5;}

.i7 .itop .irt{width: 80.68%;padding-left: 3.125vw;}

.swiper7{}

.swiper7 .swiper-slide {width: 25%;}

.swiper7 .swiper-slide .sbox{display: block;text-align: center;line-height: 1.5;}

.swiper7 .swiper-slide .sbox .img{width: 100%;overflow: hidden;border-radius: 50%;}

.swiper7 .swiper-slide .sbox .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.swiper7 .swiper-slide .sbox:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.swiper7 .swiper-slide .sbox .txt{}

.swiper7 .swiper-slide .sbox .txt .stt{font-family: 'opeb';margin-top: 20px;}

.swiper7 .pagination7{display: none;}

.swiper7 .prev7{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; left: 0;margin-top: -70px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.swiper7 .next7{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; right: 0;margin-top: -70px;}

.swiper7 .prev7:hover, .swiper7 .next7:hover {background:#fff url(../images/r.png) center no-repeat;}

.i8{}

.i8 .tt{display: flex;border-bottom: 1px solid #CBBEB3;position: relative;margin-bottom: 50px;}

.i8 .tt .wz{display: block;color: #8C8C8A;font-family: 'opeb';padding-bottom: 15px;position: relative;}

.i8 .tt .wz s{display: block;width: 100%;height: 1px;left: 0;bottom: -1px;z-index: 2;background: #000;position: absolute;}




.swiper8{padding-bottom: 50px;}

.swiper8 .swiper-slide {width: auto;width:22.85% ;max-width: 400px;}

.swiper8 .swiper-slide .sbox{display: block;position: relative;overflow: hidden;width: 100%;}

.swiper8 .swiper-slide .sbox .img{width: 100%;overflow: hidden;border-radius: 10px;}

.swiper8 .swiper-slide .sbox .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.swiper8 .swiper-slide .sbox:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.swiper8 .swiper-slide .sbox .txt{text-align: center;line-height: 1.5;padding-top: 20px;}

.swiper8 .swiper-slide .sbox .txt .stt{font-family: 'opeb';}

.swiper8 .swiper-slide .sbox .ico{position: absolute;left: 50%;bottom: 10%;transform: translateX(-50%);-webkit-transform: translateX(-50%);z-index: 5;display: none;}


.swiper8.yuan .swiper-slide .sbox .img{border-radius: 50%;}

.swiper8.yuan .swiper-slide {width: 19%;}

.swiper8 .swiper-slide.heng{width: 46.857%;max-width: 820px;}


.swiper8 .pagination8{display: none;}

.swiper8 .prev8{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; left: 0;margin-top: -25px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.swiper8 .next8{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; right: 0;margin-top: -25px;}

.swiper8 .prev8:hover, .swiper8 .next8:hover {background:#fff url(../images/r.png) center no-repeat;}


.swiper9{margin-top: 50px;}

.swiper9 .swiper-slide{}

.swiper9 .swiper-slide .sbox{display: block;width: 100%;border-radius: 10px;overflow: hidden;}

.swiper9 .swiper-slide .sbox img{display: block;width: 100%;}

.swiper9 .pagination9{display: none;}

.swiper9 .prev9{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; left: 0;margin-top: -25px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.swiper9 .next9{width: 40px;height: 50px;background:#fff url(../images/r_h.png) center no-repeat; right: 0;margin-top: -25px;}

.swiper9 .prev9:hover, .swiper9 .next9:hover {background:#fff url(../images/r.png) center no-repeat;}

/* 新专题 */

.spf1{padding: 50px 0 4.6vw;position: relative;}

.spf1 .spox{background: #000;}

.swiper10{padding: 50px 0;background: #3A3A3A;}

.swiper10 .swiper-slide{}

.swiper10 .swiper-slide .sbox{display: block;width: 100%;cursor: pointer;padding: 0 5%;}

.swiper10 .swiper-slide .sbox img{display: block;margin: 0 auto;max-width: 1200px;max-height: 850px;}

.swiper10 .next10{right: 30px;}

.swiper10 .prev10{left: 30px;}

.spf1 .spox .sbtm{padding: 10px 15px 20px;color: #fff;position: relative;}

.spf1 .spox .sbtm .jdt{display: block;width: 100%;height: 4px;background: #404143;border-radius: 4px;margin-bottom: 20px;}

.spf1 .spox .sbtm .jdt span{display: block;position: relative;width: 10%;height: 100%;background: #fff;border-radius: 4px;}

.spf1 .spox .sbtm .jdt span s{display: block;width: 16px;height: 16px;border-radius: 50%;position: absolute;right: 0;top: 50%;margin-top: -8px;background: #fff;}

.spf1 .spox .sbtm .fangda{position: absolute;right: 10%;bottom:10px;width: 50px;height: 30px;background: url(../images/fangda.svg) center no-repeat;background-size: 20px; cursor: pointer;z-index: 11;}

.spf1 .spox .pagination10{position: relative;width: 100%;bottom: 0;}

.spf1 .tt{font-family: 'opeb';line-height: 24px;padding:15px 0 5px;}

.spf1 .tc{color: #333;line-height: 1.5;}



.i6 .box{padding: 0 13%;}

.i7 .box{padding: 0 13%;}

.i8 .box{padding: 0 13%;}

.i4 .box{padding: 0 13%;}

.spf1 .box{padding: 0 13%;}



/* 底部 */

.footer{padding: 10px 0;background: #ededed;line-height: 26px;font-family: opeb;}

.footer .flt{display: block;float: left;}

.footer .flt a{display: block;float: left;}

.footer .flt s{display: block;float: left; width: 1px;height: 16px;background: #333;margin: 5px 10px 0;}

.footer .flt a:hover{color: #000;text-decoration: underline;}

.footer .frt{display: block;float: right;}

.footer .frt a{display: block;float: left;width: 26px;background: #ccc;border-radius: 50%;overflow: hidden;margin-right: 20px;}

.footer .frt a:hover{background: #000;}

.footer .frt span{display: block;float: left;font-family: ope;}

/* 问答 */

.faq1{padding: 110px 0 200px;}

.faq1 .ftt{font-size: 60px;line-height: 60px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}

.faq1 .ftt .flt{float: left;}

.faq1 .ftt .frt{float: right;cursor: pointer;}

.faq1 .ul1{}

.faq1 .ul1 li{border-bottom: 1px solid #ddd;}

.faq1 .ul1 li .ltop{display: block;padding: 50px 0;line-height: 30px;padding-right: 50px;background: url(../images/jia.png) center right no-repeat;background-size: 16px;cursor: pointer;}

.faq1 .ul1 li .ltop .ltlt{width: 50px;float: left;}

.faq1 .ul1 li .ltop .ltqt{width: calc(100% - 50px);float: left;}

.faq1 .ul1 li .lbtm{padding-bottom: 30px;line-height: 48px;display: none;}

.faq1 .ul1 li .lbtm .ltlt{width: 50px;float: left;}

.faq1 .ul1 li .lbtm .ltqt{width: calc(100% - 50px);float: left;color: #666;}


.faq1 .ul1 li .ltop.act{background: url(../images/jian.png) center right no-repeat;background-size: 16px;}


/* 搜索结果 */

.sea1{line-height: 50px;padding: 20px 0;background: #000;color: #fff;text-align: center;}





/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}

/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

/* 头部 */






/* 购物车 */

.car{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;background:rgba(0, 0, 0, .5) ;display: none;}

.car .cs{display: block;width: 100%;height: 100%;}

.car .crt{position: absolute;top: 0;right: -360px;opacity: 0;visibility: hidden; width: 360px;height: 100%;background:#fff;z-index: 2;}

.car.act .crt{right: 0;opacity: 1;visibility: visible;}

.car .crt .ctop{padding: 30px;border-bottom: 1px solid #e6e6e6;line-height: 20px;font-family: opeb;}

.car .crt .ctop .out{display: block;float: right;padding-left: 20px;background:url(../images/out.png) center left no-repeat ;background-size: 16px;color: #000;cursor: pointer;}

.car .crt .ctop .out:hover{opacity: 0.5;}

.car .crt .cbtm{padding: 30px;border-top: 1px solid #e6e6e6;}

.car .crt .cbtm a{display: block;width: 100%;text-align: center;line-height: 40px;background:#666 ;color: #fff;font-family: opeb;}

.car .crt .cbtm a:hover{background:#000 ;}

.car .crt .ul1{width: 100%; height: calc(100vh - 182px);padding: 30px;overflow: auto;}

.car .crt .ul1 li{position: relative;width: 100%;height: 62px;margin-bottom: 30px;}

.car .crt .ul1 li .img{display: block;float: left;width: 62px;height: 62px;border: 1px solid #e6e6e6;}

.car .crt .ul1 li .ltt{width: calc(100% - 86px);float: left;padding: 0 10px;display: flex;align-items: center;height: 100%;line-height: 16px;overflow: hidden;}

.car .crt .ul1 li .gb{width: 24px;height: 100%;float: right;background:url(../images/out.png) center no-repeat ;cursor: pointer;}

.car .crt .ul1 li:last-child{margin-bottom: 0;}


/* 产品 */

.nav{position: relative;padding: 50px 0;border-top: 1px solid #eee;font-family: opeb;}

.nav .navx {display: flex;justify-content: center;}

.nav .navx a{display: block;margin: 0 8px;color: #666;}

.nav .navx a.act{color: #000;}

.nav .navx a:hover{text-decoration: underline;}

.pr1{position: relative;}

.pr1 .plt{width: 350px;float: left;padding-bottom: 100px;background:#fff ;font-family: opeb;}

.pr1 .plt .by_ul1{margin-top: 20px;}

.pr1 .plt .by_ul1 li{padding: 0;}

.pr1 .plt .by_ul1 li .ltop{display: block;line-height: 40px;position: relative;width: 100%;cursor: pointer;color: #666;}

.pr1 .plt .by_ul1 li  a{display: block;width: 100%;color: #666;}

.pr1 .plt .by_ul1 li .ltop  .yjjt{width: 40px;height: 40px;position: absolute;top: 0;right: 0;z-index: 2;background: url(../images/xia.png) center no-repeat;}

.pr1 .plt .by_ul1 li .lbtm {display: none;width: 100%;padding: 20px 15px ;background: #f9f9f9;line-height: 30px;cursor: pointer;font-family: ope;}


.pr1 .plt .by_ul1 li.act  .ltop .yjjt{background: url(../images/xia2.png) center no-repeat;}

.pr1 .plt .by_ul1 li.act  .ltop a{color: #000;}

.pr1 .plt .by_ul1 li.act .lbtm{display: block;}

.pr1 .plt .by_ul1 li .lbtm dd{}

.pr1 .plt .by_ul1 li .lbtm dd .dtop{position: relative;display: block;margin-bottom: 5px;}

.pr1 .plt .by_ul1 li .lbtm dd .dtop .ejjt{width: 30px;height: 30px;position: absolute;top: 0;right: 0;z-index: 2;background:  url(../images/xia.png) center no-repeat;}

.pr1 .plt .by_ul1 li .lbtm dd .dbtm{padding: 0 15px;display:none ;font-size: 12px;}

.pr1 .plt .by_ul1 li .lbtm dd .dbtm a {line-height: 20px;margin-bottom: 5px;}

.pr1 .plt .by_ul1 li .lbtm dd .dbtm a span{display: inline-block;border-bottom: 1px solid rgba(0, 0, 0, 0);}

.pr1 .plt .by_ul1 li .lbtm dd .dbtm a span:hover{border-bottom: 1px solid rgba(0, 0, 0, 1);}

.pr1 .plt .by_ul1 li .lbtm dd.act .dtop .ejjt{background: url(../images/xia2.png) center no-repeat;}

.pr1 .plt .by_ul1 li .lbtm dd.act .dtop a{color: #000;}

.pr1 .plt .by_ul1 li .lbtm dd.act .dbtm{display: block;}

.pr1 .plt .by_ul1 li  a:hover,.pr1 .plt .by_ul1 li  a.act{color: #000;}

.pr1 .plt .by_ul1 li .lbtm dd .dbtm a.act span{border-bottom: 1px solid #000;}

.pr1 .plt .by2{margin: 30px 0 ;}

.pr1 .plt .by_ul2 {margin-bottom: 30px;border-top: 1px solid #ddd;}

.pr1 .plt .by_ul2 a{display: block; line-height: 70px;border-bottom: 1px solid #ddd;color: #666;color: #999;}

.pr1 .plt .by_ul2 a:hover,.pr1 .plt .by_ul2 a.act{color: #000;}

.pr1 .plt .by3{margin: 30px 0 ;font-size: 16px;display:none;}

.pr1 .plt .by_ul3{}

.pr1 .plt .by_ul3 a,.pr1 .plt .by_ul3 span{display:block;padding: 0 20px;line-height: 30px;border: 1px solid #ddd;margin: 2px 0;color: #666;cursor: pointer;height: 30px;font-family: ope;width: calc(100% - 15px);}

.pr1 .plt .by_ul3 a:hover,.pr1 .plt .by_ul3 a.act{color: #000;}

.pr1 .plt .by_ul3 span{line-height: 20px;}

.pr1 .plt .by_ul3 a:nth-child(n + 19){display: none;}

.pr1 .plt .by_ul3.act a:nth-child(n + 19){display: block;}

.pr1 .plt .by_ul3.act span{display: none;}

.pr1 .prt{width: calc(100% - 400px);float: right;padding-bottom: 150px;position: relative;}

.pr1 .prt .plt2{position: absolute;top: 30px;right: -400px;opacity: 0;visibility: hidden; z-index: 9;width: 400px;padding: 30px;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.pr1 .prt .plt2.act{right: 0;opacity: 1;visibility: visible;}

.pr1 .prt .ptop{line-height: 20px;font-family: opeb;}

.pr1 .prt .ptop .ptt{float: left;}

.pr1 .prt .ptop .ptt span{color: #666;}

.pr1 .prt .ptop .psx{float: right;}

.pr1 .prt .ptop .psx .shuz{float: left;}

.pr1 .prt .ptop .psx .shuz .shult{float: left;}

.pr1 .prt .ptop .psx .shuz .shurt{float: left;margin-left: 10px;}

.pr1 .prt .ptop .psx .shuz .shurt span{display: block;float: left;padding:0 10px;background: url(../images/xiex.png) center right no-repeat;color: #666;cursor: pointer;}

.pr1 .prt .ptop .psx .shuz .shurt span:last-child{background: rgba(0, 0, 0, 0);}

.pr1 .prt .ptop .psx .shuz .shurt span.act{color: #000;}

.pr1 .prt .ptop .psx .tux {float: left;margin: 0 10px 0 30px;}

.pr1 .prt .ptop .psx .tux .tu{float: left;position: relative;margin-right: 10px;cursor: pointer;}

.pr1 .prt .ptop .psx .tux .tu img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.pr1 .prt .ptop .psx .tux .tu.act img:nth-child(2){opacity: 1;}

.pr1 .prt .ptop .psx .shaixuan {float: right;padding-left: 30px;background: url(../images/shaixuan.png) top left no-repeat;cursor: pointer;height: 20px;line-height: 14px;}

.pr1 .prt .ptop .psx .shaixuan:hover{opacity: 0.6;}

.pr1 .prt .pbtm{position: relative;}

.pr1 .prt .pbtm .ul1{position: relative;padding: 50px 0 90px;}

.pr1 .prt .pbtm .ul1 li{position: relative;overflow: hidden;width: calc((100% - 30px) / 4);float: left;margin-right: 10px;margin-bottom: 20px;-webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}

.pr1 .prt .pbtm .ul1 li:nth-child(4n){margin-right: 0;}

.pr1 .prt .pbtm .ul1 li .img{display: block;width: 100%;position: relative;overflow: hidden;padding-bottom: 50px;}

.pr1 .prt .pbtm .ul1 li .img img{display: block;width: 100%;}

.pr1 .prt .pbtm .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;transform: scale(1.0000001);-webkit-transform: scale(1.0000001);opacity: 0;}

.pr1 .prt .pbtm .ul1 li .img .biaoti{position: absolute;left: 0;z-index: 3;width: 100%;bottom: 0px;background: #fff; line-height: 20px;height: 50px;text-align: center; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color: #333;padding:  10px 10px 0;}

.pr1 .prt .pbtm .ul1 li .img .bq{width: 50px;text-align: center;line-height: 24px;background: #999;color: #fff;position: absolute;top: 0;left: 0;z-index: 3;font-size: 12px;}

.pr1 .prt .pbtm .ul1 li .img .ptop{background: #f00;}

.pr1 .prt .pbtm .ul1 li .btn{width: 90px;height: 40px;background: rgba(255, 255, 255, .8);position: absolute;left: 50%;bottom: 70px;opacity: 0; transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;justify-content: center;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;z-index: 3;}

.pr1 .prt .pbtm .ul1 li .btn .div{width: 40px;height: 40px;position: relative;margin: 0 ;cursor: pointer;}


.pr1 .prt .pbtm .ul1 li .btn .sc{background: url(../images/prsc.png) center no-repeat;}

.pr1 .prt .pbtm .ul1 li .btn .ss{background: url(../images/prss.png) center no-repeat;}

.pr1 .prt .pbtm .ul1 li .btn .div .xq{display: block;position: absolute;width: 110px;line-height: 34px;background: #000;color: #fff;text-align: center;bottom: calc(100% + 5px);left: 50%;margin-left: -55px;opacity: 0;visibility: hidden;pointer-events: none;}

.pr1 .prt .pbtm .ul1 li .btn .div .xq s{display: block;width: 9px;height: 5px;background: url(../images/prsj.png) center no-repeat;position: absolute;top: 100%;left: 50%;margin-left: -5px;}

.pr1 .prt .pbtm .ul1 li .btn .div:hover .xq{opacity: 1;visibility: visible;}

.pr1 .prt .pbtm .ul1 li .btn .sc:hover{background: url(../images/prsc_h.png) center no-repeat;}

.pr1 .prt .pbtm .ul1 li .btn .ss:hover{background: url(../images/prss_h.png) center no-repeat;}

.pr1 .prt .pbtm .ul1 li:hover .btn{bottom: 80px;opacity: 1;}

.pr1 .prt .pbtm .ul1 li:hover .img img:nth-child(2){transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 1;-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.pr1 .prt .pbtm .ul1 li .duolb{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;z-index: 5;background: rgba(255, 255, 255, .9);padding: 50px 10px 0;}

.pr1 .prt .pbtm .ul1 li .duolb .out{display: block;position: absolute;top: 0;right: 0;z-index: 2;padding-left: 20px;background: url(../images/out.png) center left no-repeat;background-size: 14px;cursor: pointer;}

.pr1 .prt .pbtm .ul1 li .duolb  .set{width: 100%;height: 100%;overflow: hidden;padding-bottom: 40px; position: relative;text-align: center;line-height: 20px;}

.pr1 .prt .pbtm .ul1 li .duolb  .set .setbox{width: 100%;height: 100%;overflow: auto;}

.pr1 .prt .pbtm .ul1 li .duolb select{display: block;width: 100%;border: none;border-bottom: 1px solid #ddd;margin: 10px 0 20px;height: 40px;background:rgba(0, 0, 0, 0) ;}

.pr1 .prt .pbtm .ul1 li .duolb .jiaru{position: absolute; width: 100%;line-height: 40px;background:#666 ;color: #fff;text-align: center;left: 0;bottom: 0;z-index: 5;cursor: pointer;}

.pr1 .prt .pbtm .ul1 li .duolb .jiaru:hover{background:#000 ;}

.pr1 .prt .pbtm .ul1 li.act .duolb{top: 0;}

.pr1 .prt .pbtm .ul1 li .duolb .out:hover{opacity: 0.6;}

.pr1 .prt .pbtm .ul1.act0 li{width: calc((100% - 30px) / 4);}

.pr1 .prt .pbtm .ul1.act1 li{width: calc((100% - 40px) / 5);}

.pr1 .prt .pbtm .ul1.act1 li:nth-child(4n){margin-right: 10px;}

.pr1 .prt .pbtm .ul1.act1 li:nth-child(5n){margin-right: 0;}

.pr1 .prt .pbtm .ul1.act2 li{width: calc((100% - 51px) / 6);}

.pr1 .prt .pbtm .ul1.act2 li:nth-child(4n),.pr1 .prt .pbtm .ul1.act2 li:nth-child(5n){margin-right: 10px;}

.pr1 .prt .pbtm .ul1.act2 li:nth-child(6n){margin-right: 0;}

.pr1 .prt .pbtm .ul1.act2 li .img .biaoti{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 70px;white-space:normal;}

.pr1 .prt .pbtm .ul1.act2 li .img{padding-bottom: 70px;}



.pr1 .prt .pbtm .ul1 li .duolb .set::-webkit-scrollbar,.gdt::-webkit-scrollbar{width: 5px;height: 5px;background-color: #F5F5F5;}

.pr1 .prt .pbtm .ul1 li .duolb .set::-webkit-scrollbar-track,.gdt::-webkit-scrollbar-track {box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);border-radius: 10px;background-color: #fff;}

.pr1 .prt .pbtm .ul1 li .duolb .set::-webkit-scrollbar-thumb,.gdt::-webkit-scrollbar-thumb{border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .0);-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);background-color: #c8c8c8;}

.pr_li1{}

.pr_li1 .prt{width: 100%;float: none;}

/* 快速浏览 */

.kuaisu{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;background:rgba(0, 0, 0, .5) ;display: none;}

.kuaisu .s{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;cursor: pointer;}

.kuaisu .kbox{width: 920px;height: 460px;background:#fff ;position: absolute;top: 50%;left: 55%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);opacity: 0;z-index: 3;}

.kuaisu .kbox .out{width: 30px;height: 30px;background:url(../images/out.png) center no-repeat ;position: absolute;top: 10px;right: 10px;z-index: 3;background-size: 20px;cursor: pointer;}

.kuaisu .kbox .out:hover{opacity: 0.6;}

.kuaisu .kbox .klt{width: 50%;float: left;height: 100%;position: relative;overflow: hidden;}

.kuaisu .kbox .klt .swiper_tc{}

.kuaisu .kbox .klt .swiper_tc img{display: block;width: 100%;} 

.kuaisu .kbox .klt .prevtc {width: 40px;height: 40px;background:rgba(0, 0, 0, 0) url(../images/r.png) center no-repeat ;margin-top: -20px;left: -40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.kuaisu .kbox .klt .nexttc {width: 40px;height: 40px;background:rgba(0, 0, 0, 0) url(../images/r.png) center no-repeat ;margin-top: -20px;right: -40px;}

.kuaisu .kbox .klt:hover .prevtc{left: 0;}

.kuaisu .kbox .klt:hover .nexttc{right: 0;}

.kuaisu .kbox .klt .prevtc:hover{background:#000 url(../images/r_b.png) center no-repeat ;}

.kuaisu .kbox .klt .nexttc:hover{background:#000 url(../images/r_b.png) center no-repeat ;}

.kuaisu .kbox .klt .tt{position: absolute;width: 100%;line-height: 40px;background:#35312f ;color: #fff;text-align: center;z-index: 3;left: 0;bottom: -40px;}

.kuaisu .kbox .klt .tt:hover{background:#000 ;}

.kuaisu .kbox .klt:hover .tt{bottom: 0;}

.kuaisu .kbox .krt{width: 50%;float: left;height: 100%;position: relative;overflow: hidden;padding: 30px ;line-height: 1.5;overflow: auto;}

.kuaisu .kbox .krt .ktc,.kuaisu .kbox .krt .ktc2{font-size: 12px;color: #999;}

.kuaisu .kbox .krt .ktt{line-height: 1.3;font-size: 26px;font-family: opeb;}

.kuaisu .kbox .krt .ktc{margin: 0 0 20px;}

.kuaisu .kbox .krt .ktc2{line-height: 30px;}

.kuaisu .kbox .krt .siz {margin: 15px 0;line-height: 30px;}

.kuaisu .kbox .krt .siz span{width: 50px;float: left;}

.kuaisu .kbox .krt .siz select{display: block;float: left;width: 250px;height: 30px;border: 0;border-bottom: 1px solid #ddd;}

.kuaisu .kbox .krt .shul{position: relative;margin-top: 30px;}

.kuaisu .kbox .krt .shul .jj{width: 80px;height: 40px;border: 2px solid #ddd;position: relative;cursor: pointer;padding: 0 20px;float: left;}

.kuaisu .kbox .krt .shul .jj input{color: #666;}

.kuaisu .kbox .krt .shul .jia{position: absolute;width: 20px;height: 100%;top: 0;right: 0;z-index: 2;border: 0;background:#fff ;border-left: 2px solid #ddd;cursor: pointer;outline: none;}

.kuaisu .kbox .krt .shul .jia:hover{background:#000 ;color: #fff;}

.kuaisu .kbox .krt .shul .jian{position: absolute;width: 20px;height: 100%;top: 0;left: 0;z-index: 2;border: 0;background:#fff ;border-right: 2px solid #ddd;cursor: pointer;outline: none;}

.kuaisu .kbox .krt .shul .jian:hover{background:#000 ;color: #fff;}

.kuaisu .kbox .krt .shul .zi{width: 100%;height: 100%;text-align: center;border: 0;outline: none;color: #666;}

.kuaisu .kbox .krt .shul .gwbtn{display: block; line-height: 40px;width: 200px;float: left;margin-left: 0px;text-align: center;cursor: pointer;background:#666 ;color: #fff;}

.kuaisu .kbox .krt .shul .gwbtn:hover{background:#000 ;}

.kuaisu.act .kbox{left: 50%;opacity: 1;transition-delay: .3s;-webkit-transition-delay: .3s;}

/* 产品详情  */

.prc1{padding: 50px 0;background: #f9f9f9;}

.prc1 .box2{display: flex;}

.prc1 .plt{width: 55.72%;float: left;position: relative;margin-right: 1.43%;}

.prc1 .plt .pbimg{width: 77%;float: right;position: relative;overflow: hidden;}

.prc1 .plt .pbimg .prevshu {width: 40px;height: 40px;background:rgba(0, 0, 0, 0) url(../images/r.png) center no-repeat ;margin-top: -20px;left: -40px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.prc1 .plt .pbimg .nextshu {width: 40px;height: 40px;background:rgba(0, 0, 0, 0) url(../images/r.png) center no-repeat ;margin-top: -20px;right: -40px;}

.prc1 .plt .pbimg:hover .prevshu{left: 40px;}

.prc1 .plt .pbimg:hover .nextshu{right: 40px;}

.prc1 .plt .pbimg .prevshu:hover{background:#000 url(../images/r_b.png) center no-repeat ;}

.prc1 .plt .pbimg .nextshu:hover{background:#000 url(../images/r_b.png) center no-repeat ;}

.prc1 .plt .pbimg .img{position: relative;width: 100%;height: 100%;overflow: hidden;}

.prc1 .plt .pbimg .img .MagnifierMain{position: relative;width: 100%;height: 100%;}

.prc1 .plt .pbimg .img .MagnifierMain img{width: 100%;} 

.prc1 .plt .pbimg .img .MagnifierPop{position: absolute;top:0;left: 0;z-index: 3;pointer-events: none; overflow: hidden;background:#fff ; }

.prc1 .plt .pbimg .img .MagnifierImg{position: absolute;top:0; left: 0;   } 

.prc1 .plt .pbimg .new{width: 60px;line-height: 30px;background: #999;color: #fff;text-align: center;position: absolute;top: 35px;right: 0;z-index: 5;}

.prc1 .plt .pbimg .tc{padding-left: 50px; height: 50px;position: absolute;position: absolute;left: 20px;bottom: 20px;z-index: 5;background: #fff url(../images/fd.png) center left no-repeat;border-radius: 30px;border: 1px solid #ddd;cursor: pointer;opacity: 0.5;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;}

.prc1 .plt .pbimg .tc span{display: block;line-height: 46px;width: 0px;white-space: nowrap;overflow: hidden;}

.prc1 .plt .pbimg .tc:hover span{width: 120px;}

.prc1 .plt .pbimg .tc:hover{opacity: 1;}

.prc1 .plt .shu{width: 20.52%;position: absolute;height: 86.66%;top: 0;left: 0;z-index: 2;cursor: pointer;}

.prc1 .plt .shu .swiper_shu{height: 100%;width: 100%;}

.prc1 .plt .shu .swiper_shu .swiper-slide .img img{display: block;width: 100%;opacity: 1;}

.prc1 .plt .shu .swiper_shu .swiper-slide-active .img img{opacity: 0.5;}

.prc1 .prt{width: 42.85%;min-height: 100%;background: #fff;position: relative;top: 0;right: 0;padding: 25px 40px;float: right;}

.prc1 .prt .pnav{line-height: 20px;padding-right: 100px;}

.prc1 .prt .pnav a{display: block;float: left;color: #999;padding-right: 10px;margin-right: 10px;background: url(../images/xiex.png) center right no-repeat;}

.prc1 .prt .pnav a:hover{color: #000;}

.prc1 .prt .pxh{line-height: 20px;display: none;}

.prc1 .prt .ptt{line-height: 1.3;margin: 20px 0 0;font-family: opeb;}

.prc1 .prt .ptc1{color: #999;line-height: 20px;margin: 0px 0 20px;}

.prc1 .prt .ptc2{color: #999;line-height: 30px;margin: 10px 0 20px;}

.prc1 .prt .siz {margin: 0 0 25px;line-height: 30px;}

.prc1 .prt .siz span{width: 50px;float: left;font-family: opeb;}

.prc1 .prt .siz select{display: block;float: left;width: 250px;height: 30px;border: 0;border-bottom: 1px solid #ddd;}

.prc1 .prt .gwbtn{display: block;width: 170px;line-height: 40px;text-align: center;background: #666;color: #fff;cursor: pointer;font-family: opeb;}

.prc1 .prt .gwbtn:hover{background: #000;}

.prc1 .prt .pbtm{padding-top: 25px;border-top: 1px solid #ddd;margin-top: 30px;}

.prc1 .prt .pbtm .xh{display: flex;margin-bottom: 20px;color: #999;}

.prc1 .prt .pbtm .xh .xlt{margin-right: 10px;color: #000;font-family: opeb;}

.prc1 .prt .pbtm .xh .xrt a{color: #999; }

.prc1 .prt .pbtm .xh .xrt a:hover{color: #000;text-decoration: underline; }

.prc1 .prt .plist{width: 70px;height: 20px;position: absolute;top: 25px;right: 45px;z-index: 3;}

.prc1 .prt .plist a{display: block;width: 20px;height: 20px;position: relative;float: left;}

.prc1 .prt .plist a.al span{display: block;width: 100%;height: 100%; background: url(../images/r.png) center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.prc1 .prt .plist a.ar span{display: block;width: 100%;height: 100%; background: url(../images/r.png) center no-repeat;}

.prc1 .prt .plist a.list{background: url(../images/lb.png) center no-repeat;margin: 0 5px;}

.prc1 .prt .plist a.list span{display: block;width: 120px;line-height: 40px;background: #000;position: absolute;color: #fff;text-align: center;top: calc(100% + 20px) ;opacity: 0;visibility: hidden; left: 50%;margin-left: -60px;pointer-events: none;}

.prc1 .prt .plist a.list span s{display: block;width: 10px;height: 5px;background: url(../images/prsj.png) center no-repeat;position: absolute;top: -5px;left: 50%;margin-left: -5px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.prc1 .prt .plist a.list:hover span{top: calc(100% + 10px) ;opacity: 1;visibility: visible;}

.prc1 .prt .plist a .tw{position: absolute;width: 240px;height: 80px;padding: 5px; background: #fff;top: 25px;right: -50px;overflow: hidden;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;opacity: 0;visibility: hidden; transform: translateX(-20px);-webkit-transform: translateX(-20px);}

.prc1 .prt .plist a .tw img{display: block;width: 70px;float: left;}

.prc1 .prt .plist a .tw .wz{width: calc(100% - 80px);float: right;height: 70px;line-height: 20px;display: flex;align-items: center;overflow: hidden;}

.prc1 .prt .plist a.ar .tw{right: 0;}

.prc1 .prt .plist a:hover .tw{opacity: 1;visibility: visible;transform: translateX(0px);-webkit-transform: translateX(0px);}

.prc2{background: #fff;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;text-align: center;}

.prc2 .ptt{display: flex;justify-content: center;}

.prc2 .ptt span{ display: block;padding: 15px 0;color: #333;border-top: 2px solid #000;}

.prc2 .ptc{line-height: 1.5;padding: 50px 0;}

.prc2 .ptc img{display:inline-block;}

.prc2 .ptc .zi{display: flex;justify-content: center;}

.prc2 .ptc .zi span{width: 30%;color: #666;}

.prc3{padding: 50px 0 150px;background: #f9f9f9;}

.prc3 .tt{color: #333;}

.prc3 .xian{display: block;width: 25px;height: 2px;background: #000;margin: 20px 0 30px;}

.prc3 .ptt{font-family: opeb;}

.prc3 .swiper_qt{padding-bottom: 75px;}

.prc3 .swiper_qt .paginationqt{bottom: 0;}

.prc3 .swiper_qt .paginationqt span{width: 12px;height: 12px;border: 1px solid #ddd;background: rgba(0, 0, 0, 0);opacity: 1;}

.prc3 .swiper_qt .paginationqt span.swiper-pagination-bullet-active{border: 1px solid #000;background: rgba(0, 0, 0, 1);}

.prc3 .swiper_qt .swiper-slide{}

.prc3 .swiper_qt .swiper-slide .li{position: relative;overflow: hidden;}

.prc3 .swiper_qt .swiper-slide .li .img{display: block;width: 100%;position: relative;overflow: hidden;}

.prc3 .swiper_qt .swiper-slide .li .img img{display: block;width: 100%;}

.prc3 .swiper_qt .swiper-slide .li .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;transform: scale(1.0000001);-webkit-transform: scale(1.0000001);opacity: 0;}

.prc3 .swiper_qt .swiper-slide .biaoti{width: 100%;line-height: 20px;text-align: center;color: #333;padding: 0 10px;height: 40px;margin-top: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.prc3 .swiper_qt .swiper-slide .li .img .bq{width: 60px;text-align: center;line-height: 30px;background: #999;color: #fff;position: absolute;top: 0;left: 0;z-index: 3;}

.prc3 .swiper_qt .swiper-slide .li .img .top{background: #000;}

.prc3 .swiper_qt .swiper-slide .li .btn{width: 90px;height: 40px;background: rgba(255, 255, 255, .8);position: absolute;left: 50%;bottom: 50px;opacity: 0; transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;justify-content: center;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;z-index: 3;}

.prc3 .swiper_qt .swiper-slide .li .btn .div{width: 40px;height: 40px;position: relative;margin: 0 ;cursor: pointer;}

.prc3 .swiper_qt .swiper-slide .li .btn .sc{background: url(../images/prsc.png) center no-repeat;}

.prc3 .swiper_qt .swiper-slide .li .btn .ss{background: url(../images/prss.png) center no-repeat;}

.prc3 .swiper_qt .swiper-slide .li .btn .div .xq{display: block;position: absolute;width: 110px;line-height: 34px;background: #000;color: #fff;text-align: center;bottom: calc(100% + 5px);left: 50%;margin-left: -55px;opacity: 0;visibility: hidden;pointer-events: none;}

.prc3 .swiper_qt .swiper-slide .li .btn .div .xq s{display: block;width: 9px;height: 5px;background: url(../images/prsj.png) center no-repeat;position: absolute;top: 100%;left: 50%;margin-left: -5px;}

.prc3 .swiper_qt .swiper-slide .li .btn .div:hover .xq{opacity: 1;visibility: visible;}

.prc3 .swiper_qt .swiper-slide .li .btn .sc:hover{background: url(../images/prsc_h.png) center no-repeat;}

.prc3 .swiper_qt .swiper-slide .li .btn .ss:hover{background: url(../images/prss_h.png) center no-repeat;}

.prc3 .swiper_qt .swiper-slide .li:hover .btn{bottom: 60px;opacity: 1;}

.prc3 .swiper_qt .swiper-slide .li:hover .img img:nth-child(2){transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 1;-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.prc3 .swiper_qt .swiper-slide .li .duolb{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;z-index: 5;background: rgba(255, 255, 255, .9);padding: 50px 10px 0;}

.prc3 .swiper_qt .swiper-slide .li .duolb .out{display: block;position: absolute;top: 10px;right: 10px;z-index: 2;padding-left: 20px;background: url(../images/out.png) center left no-repeat;background-size: 14px;cursor: pointer;}

.prc3 .swiper_qt .swiper-slide .li .duolb  .set{width: 100%;height: 100%;overflow: hidden;padding-bottom: 40px; position: relative;text-align: center;line-height: 20px;}

.prc3 .swiper_qt .swiper-slide .li .duolb  .set .setbox{width: 100%;height: 100%;overflow: auto;}

.prc3 .swiper_qt .swiper-slide .li .duolb select{display: block;width: 100%;border: none;border-bottom: 1px solid #ddd;margin: 10px 0 20px;height: 40px;background:rgba(0, 0, 0, 0) ;}

.prc3 .swiper_qt .swiper-slide .li .duolb .jiaru{position: absolute; width: 100%;line-height: 40px;background:#666 ;color: #fff;text-align: center;left: 0;bottom: 0;z-index: 5;cursor: pointer;}

.prc3 .swiper_qt .swiper-slide .li .duolb .jiaru:hover{background:#000 ;}

.prc3 .swiper_qt .swiper-slide .li.act .duolb{top: 0;}

.prc3 .swiper_qt .swiper-slide .li .duolb .out:hover{opacity: 0.6;}

/* 弹窗 */

.dttanchuang{position: fixed;width: 100%;height: 100vh;top: 0;left: 0;z-index: 10;background: #000;padding: 100px 0;display: none;}

.dttanchuang .swiperb{width: 100%;max-height: 100%;}

.dttanchuang .swiperb .img{}

.dttanchuang .swiperb .img img{margin: 0 auto;max-width: 1200px;max-height: 100%;}

.dttanchuang .paginationb{top: 0;bottom: auto;line-height: 50px;padding: 0 20px;text-align: left;color: #999;opacity: 0;}

.dttanchuang .swiperb .prevb{opacity: 0;width: 40px;height: 40px;background: #fff url(../images/r.png) center no-repeat;transform: rotate(180deg);-webkit-transform: rotate(180deg);left: 20px;}

.dttanchuang .swiperb .nextb{opacity: 0;width: 40px;height: 40px;background: #fff url(../images/r.png) center no-repeat;right: 20px;}

.dttanchuang .out{width: 50px;height: 50px;position: absolute;top: 0;right: 0;background: url(../images/outb.png) center no-repeat;z-index: 10;cursor: pointer;opacity: 0;}

.dttanchuang:hover .paginationb,.dttanchuang:hover .prevb,.dttanchuang:hover .nextb,.dttanchuang:hover .out{opacity: 1;}

.dttanchuang:hover .prevb:hover,.dttanchuang:hover .nextb:hover,.dttanchuang:hover .out:hover{opacity: 0.9;}

/* 主题 */

.ins1{position: relative;}

.ins1 .swiper1{}

.ins1 .swiper1 img{display: block;width: 100%;}

.ins1 .swiper1 .mimg{display: none;}

.ins1 .swiper1 .img{display: block;width: 100%;overflow: hidden;}

.ins1 .swiper1 .pagination1{bottom: 50px;}

.ins1 .swiper1 .pagination1 span{width: 12px;height: 12px;background: #fff;opacity: 1;margin: 0 10px;}

.ins1 .swiper1 .pagination1 span.swiper-pagination-bullet-active{background: rgba(0, 0, 0, 1);}

.ins2{padding: 80px 0 150px;}

.ins2 .ul1{padding-bottom: 10px;}

.ins2 .ul1 li{width: 49.5%;float: left;margin-bottom: 40px;position: relative;overflow: hidden;background:#f9f9f9 ;}

.ins2 .ul1 li:nth-child(2n){float: right;}

.ins2 .ul1 li a{display: block;position: relative;width: 100%;}

.ins2 .ul1 li a .img{display: block;width: 71.3%;float: left;position: relative;overflow: hidden;}

.ins2 .ul1 li a .img img{display: block;width: 100%;transform: scale(1.000001);-webkit-transform: scale(1.000001);}

.ins2 .ul1 li a .lrt{position: absolute;width: 28.7%;height: 100%;top: 0;right: 0;z-index: 2;}

.ins2 .ul1 li a .lrt .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px;}

.ins2 .ul1 li a .lrt .txt .ltt{line-height: 24px;font-family: opeb;}

.ins2 .ul1 li a .lrt .txt .ltc{line-height: 18px;margin-top: 25px;}

.ins2 .ul1 li a .lrt .txt .ltc span{display: inline-block;border-bottom: 1px solid #999;}

.ins2 .ul1 li a .lrt .txt .ltc:hover span{border-bottom: 1px solid #000;color: #000;}

.ins2 .ul1 li:hover a .img img{transform: scale(1.1);-webkit-transform: scale(1.1);-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

/* 主题1 */

.pd100{padding: 100px 0;}

.insc1{width: 100%;height: 880px;position: relative;}

.insc1 .irt{width: 50%;height: 100%;float: left;max-width: 960px;}

.insc1 .ilt{width: 50%;height: 100%;float: left;position: relative;}

.insc1 .ilt .txt{width: 380px;position: absolute;right: 14.5%;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);text-align: right;}

.insc1 .ilt .txt .itt1{color: #000;}

.insc1 .ilt .txt .itt2{color: #000;line-height: 1.2;margin: 20px 0;font-family: opeb;}

.insc1 .ilt .txt .itc1{line-height: 30px;color: #666;}

.insc2 {background: #f9f9f9;}

.insc2 img{display: block;float: left;width: 23.3%;}

.insc2 img:nth-child(2){width: 50%;margin: 0 1.7%;}

.insc3{}

.insc3 .ibox{position: relative;} 

.insc3 .ilt{width: 49.44%;float: left;}

.insc3 .ilt img{display: block;width: 47.675%;float: left;}

.insc3 .ilt img:nth-child(2){float: right;}

.insc3 .irt{width: 42%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);line-height: 1.5;}

.insc3 .irt .itt{font-family: opeb;}

.insc3 .irt .itc{color: #666;line-height: 30px;margin-top: 30px;max-width: 460px;}

.insc4{padding:0 0 150px;background: #fff;}

.insc4 .prevqt{width: 40px;height: 40px;margin-top: -60px;background: url(../images/r.png) center no-repeat;left: 0;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.insc4 .nextqt{width: 40px;height: 40px;margin-top: -60px;background: url(../images/r.png) center no-repeat;right: 0;}

.insc4 .view{display: block;width: 180px;line-height: 40px;background: #000;color: #fff;text-align: center;margin:  50px auto 0;font-family: opeb;}

.insc4 .view:hover{opacity: 0.8;}


/* banner  */

.pd200{padding: 100px 0;}

.pd200:nth-child(1){padding-top: 200px;}

.banner{position: relative;}

.banner img{display: block;width: 100%;}

.banner .mimg{display: none;}

.instw1{}

.instw1 .ilt{width: 42.86%;float: left;max-width: 600px;}

.instw1 .ilt img{display: block;width: 100%;}

.instw1 .irt{width: 57.1%;float: right;padding-left: 4%;}

.instw1 .irt .ul1{}

.instw1 .irt .ul1 li{width: 50%;float: left;position: relative;}

.instw .ul1 li{margin-right: 0;position: relative;overflow: hidden;padding: 2% 0;}

.instw .ul1 li .img{display: block;width: 80%;position: relative;overflow: hidden;max-width: 300px;margin: 0 auto ;padding-bottom: 50px;}

.instw .ul1 li .img img{display: block;width: 100%;}

.instw .ul1 li .img img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;transform: scale(1.0000001);-webkit-transform: scale(1.0000001);opacity: 0;}

.instw .ul1 li .img .biaoti{position: absolute;left: 0;z-index: 3;width: 100%;bottom: 0;line-height: 20px;height: 50px; text-align: center; color: #333;padding:  10px 0 0;background: rgba(0, 0, 0, 0);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.instw .ul1 li .img .bq{width: 60px;text-align: center;line-height: 30px;background: #999;color: #fff;position: absolute;top: 0;left: 0;z-index: 3;}

.instw .ul1 li .img .top{background: #000;}

.instw .ul1 li .btn{width: 90px;height: 40px;background: rgba(255, 255, 255, .8);position: absolute;left: 50%;bottom: 50px;opacity: 0; transform: translateX(-50%);-webkit-transform: translateX(-50%);display: flex;justify-content: center;-moz-box-shadow:1px 1px 5px #ddd; -webkit-box-shadow:1px 1px 5px #ddd; box-shadow:1px 1px 5px #ddd;z-index: 3;}

.instw .ul1 li .btn .div{width: 40px;height: 40px;position: relative;margin: 0 ;cursor: pointer;}

.instw .ul1 li .btn .sc{background: url(../images/prsc.png) center no-repeat;}

.instw .ul1 li .btn .ss{background: url(../images/prss.png) center no-repeat;}

.instw .ul1 li .btn .div .xq{display: block;position: absolute;width: 110px;line-height: 34px;background: #000;color: #fff;text-align: center;bottom: calc(100% + 5px);left: 50%;margin-left: -55px;opacity: 0;visibility: hidden;pointer-events: none;}

.instw .ul1 li .btn .div .xq s{display: block;width: 9px;height: 5px;background: url(../images/prsj.png) center no-repeat;position: absolute;top: 100%;left: 50%;margin-left: -5px;}

.instw .ul1 li .btn .div:hover .xq{opacity: 1;visibility: visible;}

.instw .ul1 li .btn .sc:hover{background: url(../images/prsc_h.png) center no-repeat;}


.instw .ul1 li .btn .ss:hover{background: url(../images/prss_h.png) center no-repeat;}

.instw .ul1 li:hover .btn{bottom: 70px;opacity: 1;}

.instw .ul1 li:hover .img img:nth-child(2){transform: scale(1.1);-webkit-transform: scale(1.1);opacity: 1;-webkit-transition: all 1.5s ease;  -moz-transition: all 1.5s ease; transition: all 1.5s ease;}

.instw .ul1 li .duolb{position: absolute;top: 100%;left: 0;width: 100%;height: 100%;z-index: 5;background: rgba(255, 255, 255, .9);padding: 50px 10px 0;}

.instw .ul1 li .duolb .out{display: block;position: absolute;top: 20px;right: 20px;z-index: 2;padding-left: 20px;background: url(../images/out.png) center left no-repeat;background-size: 14px;cursor: pointer;}

.instw .ul1 li .duolb  .set{width: 100%;height: 100%;overflow: hidden;padding-bottom: 40px; position: relative;text-align: center;line-height: 20px;}

.instw .ul1 li .duolb  .set .setbox{width: 100%;height: 100%;overflow: auto;}

.instw .ul1 li .duolb select{display: block;width: 100%;border: none;border-bottom: 1px solid #ddd;margin: 10px 0 20px;height: 40px;background:rgba(0, 0, 0, 0) ;}

.instw .ul1 li .duolb .jiaru{position: absolute; width: 100%;line-height: 40px;background:#666 ;color: #fff;text-align: center;left: 0;bottom: 0;z-index: 5;cursor: pointer;}

.instw .ul1 li .duolb .jiaru:hover{background:#000 ;}

.instw .ul1 li.act .duolb{top: 0;}

.instw .ul1 li .duolb .out:hover{opacity: 0.6;}

.instw2{}

.instw2 .ilt{width: 100%;}

.instw2 .ilt img{display: block;width: 100%;}

.instw2 .irt .ul1{padding-top: 20px;}


.instw2 .irt .ul1 li{width: 33.33%;float: left;}

.instw3 .ilt{width: 100%;}

.instw3 .ilt img{display: block;width: 47.85%;float: left;}

.instw3 .ilt img:nth-child(2){float: right;}

.instw3 .irt .ul1{padding-top: 50px;}

.instw3 .irt .ul1 li{width: 25%;float: left;}

.instw5 .ilt{width: 51.5%;float: right;}

.instw5 .irt{width: 48.5%;float: left;}

.instw2 .ul1 li .img,.instw5 .ul1 li .img{max-width: 350px;}

.instw5 .ul1 li{padding: 12% 0 2%;}

.instw7 .ul1 li{padding: 0;}

.instw7 .ul1 li:nth-child(odd) .img{max-width: 100%;width: 100%;padding-bottom: 0;}


.kong {display: block;width: 100%;height: 110px;}


/* 联系我们 */


.con1{width: 100%;height:calc(100vh - 203px);}

body .con1{height:calc(100vh - 153px);}

.con1 .clt{width: 50%;float: left;height: 100%;background-size: cover;}

.con1 .clt img{display: block; width: 100%;}

/* background:url(../images/co1.jpg) center no-repeat ; */

.con1 .crt{width: 50%;float: right;padding: 40px 11% 0 60px;}

.con1 .crt .sf{line-height: 16px;}

.con1 .crt .sf span{display: block;float: left;padding-left: 20px;background:url(../images/q0.png) center left no-repeat ;cursor: pointer;margin-right: 15px;}

.con1 .crt .sf span.act{background:url(../images/q1.png) center left no-repeat ;}

.con1 .crt .ul1{padding: 20px 0;}

.con1 .crt .ul1 li{width: 48%;float: left;margin-top: 30px;border-bottom: 1px solid #e6e6e6;}

.con1 .crt .ul1 li .ltt{line-height: 20px;}

.con1 .crt .ul1 li .ltt span{color: #f00;}

.con1 .crt .ul1 li  input{display: block;width: 100%;height: 32px;border: 0;outline: none;font-size: 16px;}

.con1 .crt .ul1 li:nth-child(2){float: right;}

.con1 .crt .ul1 li:nth-child(n + 3){width: 100%;}

.con1 .crt .tj{display: block;width: 100%;line-height: 60px;text-align: center;background:#666 ;color: #fff;cursor: pointer;}

.con1 .crt .tj:hover{background:#000 ;}

/* 关于 */

.banner{}

.banner .bf{position: absolute;width: 120px;height: 120px;background:#fff url(../images/bf1.png) center no-repeat ;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);z-index: 3;cursor: pointer;background-size: cover;}

.banner .bf:hover{background:#000 url(../images/bf2.png) center no-repeat ;background-size: cover;}

.tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 11;background:rgba(0, 0, 0, 0.9) ;display: none;}

.tanchuang .tbox{width: 90%;max-width: 1000px;padding: 40px ;  position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background:#fff ;}

.tanchuang .tbox video{width: 100%;}

.tanchuang .tbox .out{width: 40px;height: 40px;background:url(../images/out.png) center no-repeat ;position: absolute;top: 0;right: 0;cursor: pointer;}

.tanchuang .tbox .out:hover{opacity: 0.7;}

.ab1{padding: 150px 0 60px;}

.ab1 .alt{width: 41%;float: left;padding-top: 6%;}

.ab1 .alt .ltc{line-height: 1.8;color: #666;}

.ab1 .alt .img{margin-top: 80px;}

.ab1 .art{width: 53.125%;float: right;}

.ab1 .art .ltt{font-size: 60px;line-height: 60px;}

.ab1 .art .ltc{color: #666;line-height: 1.8;margin: 50px 0 90px;}

.ab1 .art .img{display: block;width: 100%;}

.ab2{}

.ab2 .att{float: left;font-size: 60px;line-height:90px;}

.ab2 .atc{width: 55%;float: right;color: #666;line-height: 1.8;}

.ab2 .img{display: block;margin-top: 90px;}

.ab3{padding: 90px 0 150px;}

.ab3 .alt{padding-top: 0;}

.ab3 .art{padding-top: 6%;}


/* 登录 */

.si1{line-height: 50px;text-align: center;color: #fff;display: flex;justify-content: center;background:#333 ;font-family: opeb;}

.si1 a{display: block;color: #fff;}

.si1 s{display: block;width: 20px;margin: 0 2px;height: 50px;background:url(../images/xieb.png) center no-repeat ;}

.si1 a:hover{text-decoration: underline;}

.signin{padding:160px 0 0;height:calc(100vh - 236px) ;}

body .signin{height:calc(100vh - 186px) ;}

.signin .sbox{width: 460px;margin: 0 auto;}

.signin .sbox .stt{margin-bottom: 10px;font-family: opeb;}

.signin .sbox .li{margin-top: 25px;border-bottom: 2px solid #e6e6e6;}

.signin .sbox .li .dtt{font-family: opeb;}

.signin .sbox .li .dtt span{color: #f00;}

.signin .sbox .li input{display: block;width: 100%;height: 50px;border: 0;outline: none;font-size: 16px;}


.signin .sbox .tj{display: block;width: 100%;line-height:50px;cursor: pointer;margin: 30px 0 20px;  background: #1f1f1f;color: #fff;text-align: center;font-family: opeb;}

.signin .sbox .tj:hover{opacity: 0.9;}

.signin .sbox .jz span{display: inline-block;padding-left: 20px;line-height: 16px;background:url(../images/dui0.png) center left no-repeat;background-size: 16px;cursor: pointer;font-family: opeb;}

.signin .sbox .jz span.act{background:url(../images/dui1.png) center left no-repeat;background-size: 16px;}

/* 购物列表 */

.wsli1{}

.wsli1 s{background: url(../images/li_1.png) center no-repeat;margin: 0 10px;}

.wsli1 a{opacity: .7;}

.wsli1 a.act{opacity: 1;}

.wsli2{padding: 50px 0 100px;}

.wsli2 .tt{height: 30px;font-family: opeb;}

.wsli2 .wbtm{margin-top: 30px;}

.wsli2 .wbtm .wlt{width: 68.75%;float: left;}

.xpage{margin-bottom: 50px;}


.wsli2 .btn{line-height: 20px;font-family: opeb;}

.wsli2 .btn span{display: block;float: left;padding-left: 24px;background: url(../images/li2_1.png) center left no-repeat; cursor: pointer;}

.wsli2 .btn span.act{background: url(../images/li2_2.png) center left no-repeat;}

.wsli2 .btn a{display: block;float: left;padding-left: 24px;background: url(../images/li2_3.png) center left no-repeat; cursor: pointer;margin-left: 30px;}

.wsli2 .ul1{border-top: 2PX solid #333;margin-top: 45px;}

.wsli2 .ul1 li{padding: 30px 40px ;border-bottom: 1px solid #ddd;position: relative;}

.wsli2 .ul1 li .btn {display: block;width: 20px;height: 20px;cursor: pointer;position: absolute;left: 0;top: 50%;margin-top: -10px;background: url(../images/li2_1.png) center no-repeat;}

.wsli2 .ul1 li .btn.act{background: url(../images/li2_2.png) center no-repeat;}

.wsli2 .ul1 li .img{display: block;width: 140px;float: left;border: 1px solid #ddd;}

.wsli2 .ul1 li .txt{width: calc(100% - 445px);float: left;padding: 0 30px ;}

.wsli2 .ul1 li .txt .atc{margin-top: 20px;}

.wsli2 .ul1 li .txt .atc div{margin-bottom: 5px;line-height: 1.5;}

.wsli2 .ul1 li .txt .atc div span{display: block;float: left;width: 115px;text-transform:Uppercase ;}

.wsli2 .ul1 li .txt .atc div p{width: calc(100% - 115px);float: right;}

.wsli2 .ul1 li .beizhu{width: 215px;float: left;text-align: center;}

.wsli2 .ul1 li .beizhu .btt {font-family: opeb;}

.wsli2 .ul1 li .beizhu textarea{display: block;width: 100%;height: 120px;resize: none;outline: none;padding:  5px;text-align: center; line-height: 1.5;font-family: hkme;border: 1px solid #999;margin-top: 15px;color: #000;opacity: 1;overflow: hidden;font-size: 12px;font-family: "ope";}

.wsli2 .ul1 li .sc{display: block;width: 60px;float: right;text-align: center;text-decoration: underline; cursor: pointer;color: #666;position: relative;top: 80px;font-family: opeb;}

.wsli2 .ul1 li .sc:hover{color: #000;}

.wsli2 .xbtn{width: 100%;line-height: 70px;border: 1px solid #333;text-align: center;margin-top: 80px;}

.wsli2 .xbtn .xlt{width: calc(100% - 360px);float: left;color: #000;}

.wsli2 .ul1 li .txt .att{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family: opeb;}

.wsli2 .xbtn a{width: 360px;float: left;background: #333;color: #fff;}

.wsli2 .xbtn a:hover{background: #000;}

.wsli2 .wbtm .wrt{width: 28.7%;float: right;background:#f7f7f7 ;}

.wsli2 .wbtm .wrt .wbox{padding: 25px 30px;}

.wsli2 .wbtm .wrt .wbox .wul1{margin: 40px 0 10px;border: 0;padding: 15px 20px 1px;background:#fff ;}

.wsli2 .wbtm .wrt .wbox .wul1 li{width: 48%;float: left;margin-bottom: 35px;border-bottom: 1px solid #e6e6e6;}

.wsli2 .wbtm .wrt .wbox .wul1 li .ltt{line-height: 20px;font-family: opeb;}

.wsli2 .wbtm .wrt .wbox .wul1 li .ltt span{color: #f00;}

.wsli2 .wbtm .wrt .wbox .wul1 li  input,.wsli2 .wbtm .wrt .wbox .wul1 li  textarea{display: block;width: 100%;height: 32px;border: 0;outline: none;font-size: 16px;}

.wsli2 .wbtm .wrt .wbox .wul1 li:nth-child(2){float: right;}

.wsli2 .wbtm .wrt .wbox .wul1 li:nth-child(n + 3){width: 100%;}

.wsli2 .wbtm .wrt .wbox .wul1 li  textarea{height: 70px;font-family: "ope";font-size: 12px;line-height: 24px;padding-top: 5px;resize: none;}

.wsli2 .wbtm .wrt .wbox .wtt{text-align: center;font-family: opeb;}

.wsli2 .wbtm .wrt .wbox .wtc{color: #999;line-height: 20px;padding: 20px 0;}

.wsli2 .wbtm .wrt .wbox .tj{display: block;width: 100%;line-height:50px;cursor: pointer;margin: 10px 0 20px;  background: #1f1f1f;color: #fff;text-align: center;font-family: opeb;}

.wsli2 .wbtm .wrt .wbox .tj:hover{opacity: 0.9;}

/* 历史记录 */

.his1 .btn a{margin-left: 0;background:url(../images/li2_4.png) center left no-repeat ;}

.his1 .wbtm .wlt{width: 100%;}

.his1 .ul1 li{padding: 30px 0;}

.his1 .ul1 li .txt{width: calc(100% - 355px);}

/* 信息 */

.com1{padding: 160px 0 390px;}

.com1 .cbox{width: 100%;margin: 0 auto ;max-width: 1200px;}

.com1 .cbox .ctt{color: #7a9e58;line-height: 1.8;padding: 33px 20px ;border: 1px dashed #7a9e58;text-align: center;}

.com1 .cbox .ul1{margin-top: 80px;}

.com1 .cbox .ul1 li{width: 33.33%;float: left;height: 80px;text-align: center;line-height: 1;}

.com1 .cbox .ul1 li .ltt{color: #999;}

.com1 .cbox .ul1 li .ltc{display: block;margin-top: 20px;}

.com1 .cbox .ul1 li:nth-child(2){border-left: 2px solid #e9e9e9;border-right: 2px solid #e9e9e9;}

.top{position: fixed;width: 50px;height: 50px;background:#fff url(../images/r.png) center no-repeat;border-radius: 50%;z-index: 9;right: -60px;bottom: 50px;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);cursor: pointer;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.top.act{right: 60px;}

.top:hover{background:#000 url(../images/r_b.png) center no-repeat;}

.mhead,.mnav2,.mnav{display: none;}






@media (max-width:1880px) {

    .box{padding: 0 50px;}

    .head .hdtop .ul1{left: 45%;}


}













@media (max-width:1580px) {

    .f_12{ font-size:12px; }

    .f_14{ font-size:14px; }

    .f_16{ font-size:14px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:16px; }

    .f_22{font-size: 16px;}

    .f_24{ font-size:18px; }

    .f_26{ font-size:18px; }

    .f_28{ font-size:18px; }

    .f_30{ font-size:20px; }

    .f_32{ font-size:20px; }

    .f_34{ font-size:20px; }

    .f_36{ font-size:24px; }

    .f_38{ font-size:24px; }

    .f_40{font-size: 24px;}
    
    .f_60{font-size: 40px;}

    .f_70{font-size: 40px;}

    .faq1 .ftt,.ab1 .art .ltt,.ab2 .att{font-size: 40px;}

    .ab2 .att{line-height: 60px;}

    .faq1,.prc3,.ins2,.pd100,.ab1,.wsli2{padding: 50px 0;}

    .i5{margin: 50px 0;}

    .insc1{height: 600px;}

    .con1 .crt .ul1 li{margin-top: 15px;}

    .con1 .crt .ul1 li input{height: 28px;}

    .banner .bf{width: 80px;height: 80px;}

    .ab2 .img{margin-top: 30px;}

    .signin,.com1{padding: 150px 0;}

    .pr1 .plt .by3{font-size: 14px;}



}


@media (max-width:1440px) {

    .head .hdtop .ul1 li{margin: 0 20px;}

    .i6 .box{padding: 0 8%;}

    .i7 .box{padding: 0 8%;}

    .i8 .box{padding: 0 8%;}

    .i4 .box{padding: 0 8%;}

    .spf1 .box{padding: 0 8%;}


}

@media (max-width:1366px) {

    .head .hdtop .ul1{left: 40%;}

}




@media (max-width:1200px) {


    body{min-width: 200px;padding-top: 60px;}

    .head{display: none;}

    .box,.box2{min-width: 100px;padding: 0 15px;width: 100%;}
    
    .mhead{display: block;width: 100%;height: 60px;position: fixed;top: 0;left: 0;z-index: 9;top: 0;left: 0;background:#fff ;}

    .mhead .menu{height: 60px;padding-left: 35px;background:url(../images/m1.png) center left no-repeat ;background-size: 30px;line-height: 60px;float: left;font-size: 12px;font-family: opeb;}

    .mhead .gwbtn2 {float: right;position: relative;width: 30px;background:url(../images/mcar.png) center no-repeat ;height: 60px;background-size: 24px;}

    .mhead .gwbtn2 .num{position: absolute;top: 7px;right: -5px;width: 20px;line-height: 20px;text-align: center;background:#1f1f1f ;color: #fff;border-radius: 50%;font-size: 12px;}

    .mhead .logo{display: block;position: absolute;top: 0;left: 50%;z-index: 3;transform: translateX(-50%);-webkit-transform: translateX(-50%);}

    .mhead .logo img{display: block;height: 32px;margin-top: 15px;}

    .mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

    .mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;}

    .mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

    .mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;}

    .mnav .mbox .ss{width: 100%;height: 70px;position: relative;-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

    .mnav .mbox .ss input{display: block;width: calc(100% - 50px);padding: 0 15px;height: 100%;border: 0;outline: none;font-size: 16px;}

    .mnav .mbox .ss a{display: block;width: 50px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/ss.png) center no-repeat;background-size: 50px;}

    .mnav .mbox .ul1{}

    .mnav .mbox .ul1 li{line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; position: relative;}

    .mnav .mbox .ul1 li a{display: block;width: 100%;}

    .mnav .mbox .ul1 li span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_h.png) center no-repeat ;}

    .mnav .mbox .ul1 li.sign a{padding-left: 30px;background:url(../images/hy.png) center left no-repeat ;background-size: 22px;}

    .mnav.act{left: 0;}

    .mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

    .mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

    .mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

    .mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

    .mnav2 .mbox .dl1{}

    .mnav2 .mbox .dl1 dd{}

    .mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

    .mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

    .mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../images/r_h.png) center no-repeat ;}

    .mnav2 .mbox .dl1 dd .dtop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

    .mnav2 .mbox .dl1 dd .dbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

    .mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}


    

    .mnav2.act{left: 0;}

    .mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}


    .pd200{padding: 50px 0;}

    .car .crt{width: 100%;}

    .car .crt .ctop,.car .crt .cbtm{padding:  15px;}

    .car .crt .ul1{padding: 15px;height: calc(100% - 122px);}

    .i1 .ul1 li a .ltt{margin: 10px 0 5px;}

    .top.act{right: 5px;}


    .signin{height: auto;min-height: calc(100vh - 173px);}

    .con1{height: auto;min-height: calc(100vh - 123px);}

    
}


@media (max-width:768px) {

    .mhead .logo{left: 50%;}

    .i1 .ul1 li,.i1 .ul1 li.li2{width: 100%;float: none;}

    .i1 .ul1 li a{margin-bottom: 20px;}

    .i3{padding: 10px 0 30px;}

    .i3 s{margin-bottom: 0px;}

    .i3 a{margin-top: 20px;padding-top: 15px;height: 70px;}

    .i3 a .att{font-size: 18px;line-height: 1.6;display: none;}

    .i3 a span{display: block;width: 80%;margin: 10px auto 0;line-height: 1.5;font-size: 12px;display: none;}

    .i3 .mtc{display: block;}

    .i3 .mtc .m2{font-size: 12px;text-decoration: underline;margin-top: 10px;}

    .i4 .swiper2 .next2,.i4 .swiper2 .prev2,.i5 .swiper3 .next3,.i5 .swiper3 .prev3{display: none;}

    .i4 .swiper2 .pagination2,.i5 .swiper3 .pagination3{display: block;bottom: 0;}

    .i4 .swiper2 .pagination2 span,.i5 .swiper3 .pagination3 span{opacity: 1;background:#999 ;}

    .i4 .swiper2 .pagination2 span.swiper-pagination-bullet-active,.i5 .swiper3 .pagination3 span.swiper-pagination-bullet-active{background:#000 ;}

    .i4 .swiper2,.i5 .swiper3 {padding-bottom: 20px;}

    .i4 .itt{margin-bottom: 20px;}

    .i5{margin: 30px 0;}

    .i6{padding: 30px 0;}

    .i6 .tc{margin-top: 10px;}

    .footer .flt{width: 100%;float: none;display: flex;justify-content: center;margin-bottom: 5px;}

    .footer .frt{width: 100%;float: none;display: flex;justify-content: center;flex-wrap: wrap;}

    .footer .frt span{width: 100%;float:none;display: block;margin-top: 5px;text-align: center;}

    .nav{padding: 20px 0;}

    .pr1 .plt{width: 100%;float: none;display: none;}

    .pr1 .prt{width: 100%;float: none;padding-bottom: 30px;overflow: hidden;}

    .pr1 .prt .ptop .psx .shuz,.pr1 .prt .ptop .psx .tux{display: none;}

    .pr1 .prt .ptop .psx{width: 72px;}

    .pr1 .prt .ptop .ptt{width: calc(100% - 90px);}

    .pr1 .prt .pbtm .ul1{padding: 20px 0 0;}

    .pr1 .prt .pbtm .ul1 li{width: 48%;margin: 0 0 20px;}

    .pr1 .prt .pbtm .ul1 li:nth-child(2n){float: right;}

    .pr1 .prt .pbtm .ul1 li .btn{opacity: 1;bottom: 50px;background: rgba(255, 255, 255, 0.8);border-radius: 50%; width: 40px;}

    .pr1 .prt .pbtm .ul1 li .btn .ss{display: none;}

    .pr1 .prt .pbtm .ul1 li .duolb{padding: 30px 0;}

    .pr1 .prt .pbtm .ul1 li .duolb .jiaru{line-height: 30px;}

    .page1{display: none;}

    .page2{display: block;text-align: center;}

    .ins1{display: none;}

    .prc1{padding: 20px 0;}

    .prc1 .plt,.prc1 .prt,.prc1 .plt .pbimg{width: 100%;float: none;position: relative;}

    .prc1 .prt{padding: 30px;height: auto;}

    .prc1 .plt .shu{width: 100%;float: none;position: relative;height: auto;margin: 10px 0;}

    .prc1 .plt .pbimg .prevshu{opacity: 1;left: 10px;}

    .prc1 .plt .pbimg .nextshu{opacity: 1;right: 10px;}

    .prc1 .plt .pbimg:hover .prevshu{left: 10px;}

    .prc1 .plt .pbimg:hover .nextshu{right: 10px;}

    .dttanchuang .swiperb{width: 100%;}

    .dttanchuang .swiperb .img img{max-width: 100%;}

    .dttanchuang .paginationb, .dttanchuang .prevb, .dttanchuang .nextb, .dttanchuang .out{opacity: 1;}

    .dttanchuang .swiperb .nextb,.dttanchuang .swiperb .prevb{opacity: 1;}

    .prc1 .prt .plist{position: relative;top: 0;left: 0;margin: 10px 0;}

    .prc1 .prt .plist a .tw,.prc1 .prt .plist a.list span{display: none;}

    .prc1 .prt .ptc1,.prc1 .prt .ptc2{min-height: 10px;margin: 10px 0;}

    .prc1 .prt .siz{margin-bottom: 10px;}

    .prc1 .prt .gwbtn{margin-top: 20px;}

    .prc1 .prt .pbtm{padding-top: 10px;margin-top: 20px;}

    .prc2 .ptc{padding: 20px 0;}

    .faq1, .prc3, .ins2, .pd100, .ab1, .wsli2{padding: 30px 0;}

    .prc3 .swiper_qt .swiper-slide .li .btn{width: 40px;border-radius: 50%;background: rgba(255, 255, 255, .9);}

    .prc3 .swiper_qt .swiper-slide .li .btn .ss{display: none;}

    .prc3 .swiper_qt .swiper-slide .li .btn, .prc3 .swiper_qt .swiper-slide .li:hover .btn{bottom: 10px;opacity: 1;}

    .prc3 .swiper_qt{padding-bottom: 30px;}

    .ins1 .swiper1 img{display: none;}

    .ins1 .swiper1 .mimg{display: block;}

    .ins1 .swiper1 .pagination1{bottom: 20px;}

    .ins2 .ul1 li,.ins2 .ul1 li:nth-child(2n){width: 100%;float: none;margin: 0 0 20px;}

    .ins2 .ul1 li a .img{width: 100%;float: none;}

    .ins2 .ul1 li a .lrt{position:relative;width: 100%;top: 0;left: 0;height: auto;}

    .ins2 .ul1 li a .lrt .txt{position: static;padding: 15px 10px;}

    .ins2 .ul1 li a .lrt .txt .ltc{margin-top: 10px;}

    .insc1{height: auto;}

    .insc1 .irt{width: 100%;height: 300px;}

    .insc1 .ilt{width: 100%;height: auto;}

    .insc1 .ilt .txt{position: relative;width: 100%;top: 0;left: 0;right: 0; transform: translateY(0%); -webkit-transform: translateY(0%);padding: 20px 15px;text-align: left;}

    .insc1 .ilt .txt .itt2{font-size: 30px;margin: 10px 0;}

    .insc3 .ilt{width: 100%;float: none;}

    .insc3 .irt{position: relative;top: 0;left: 0;transform: translateY(0%); -webkit-transform: translateY(0%);width: 100%;padding: 20px 0 0 ;}

    .insc3 .irt .itc{margin-top: 10px;}

    .insc4{padding-top: 0;}

    .insc4 .nextqt,.insc4 .prevqt{display: none;}

    .insc4 .view{margin-top: 30px;}

    .banner img{display: none;}

    .banner .mimg{display: block;}

    .pd200{padding: 30px 0;}

    .instw1 .ilt,.instw1 .irt{width: 100%;float: none;padding: 0;}

    .instw .ul1 li .btn,.instw .ul1 li:hover .btn{bottom: 60px;opacity: 1;}

    .instw .ul1 li .btn .ss{display: none;}

    .instw .ul1 li .btn{width: 40px;border-radius: 50%;}

    .instw .ul1 li .img .biaoti{bottom: 0;}

    .instw .ul1 li .duolb,.prc3 .swiper_qt .swiper-slide .li .duolb{padding: 40px 0 0;}

    .instw2 .irt .ul1 li,.instw3 .irt .ul1 li,.instw .ul1 li{width: 50%;float: left;}

    .instw2 .irt .ul1{padding-top: 0;}

    .instw3 .irt .ul1{padding-top: 0;}

    .instw4 .irt{margin-top: 0px;}

    .instw5 .irt,.instw5 .ilt{width: 100%;float: none;}

    .instw2 .irt .ul1 li{margin: 10px 0 0 ;}


    .faq1 .ftt{line-height: 40px;font-size: 30px;padding-bottom: 10px;}

    .faq1 .ul1 li .ltop{padding: 20px 30px 20px 0;}

    .faq1 .ul1 li .lbtm .ltqt,.faq1 .ul1 li .lbtm .ltlt{line-height: 30px;}

    .signin, .com1{padding: 50px 0;}

    .signin .sbox{width: 100%;padding: 0 15px;}

    .wsli2 .wbtm{margin-top: 10px;}

    .wsli2 .wbtm .wlt,.wsli2 .wbtm .wrt{width: 100%;float: none;}

    .wsli2 .ul1 li{padding: 20px 0 20px 30px ;}

    .wsli2 .ul1 li .img{width: 80px;margin: 0 auto 10px;}

    .wsli2 .ul1 li .txt{width: 100%;padding: 0  ;margin-top: 10px;}

    .wsli2 .ul1 li .txt .atc{margin-top: 5px;}

    .wsli2 .ul1 li .beizhu{width: calc(100% - 190px);position: absolute;top: 20px;left: 120px;height: 80px;}

    .wsli2 .ul1 li .beizhu textarea{height: 60px;margin-top: 5px;}

    .wsli2 .ul1 li .sc{position: absolute;right: 0;top:55px;font-size: 12px;}

    .wsli2 .ul1 li .btn{top: 60px;}

    .wsli2 .wbtm .wrt{margin-top: 20px;}

    .wsli2 .wbtm .wrt .wbox{padding: 20px 15px;}

    .wsli2 .wbtm .wrt .wbox .wul1{margin-top: 15px;}

    .wsli2 .wbtm .wrt .wbox .wul1 li{margin-bottom: 15px;}

    .wsli2 .wbtm .wrt .wbox .wul1 li input{height: 24px;}

    .wsli2 .wbtm .wrt .wbox .tj{margin-bottom: 0;}

    .com1 .cbox .ul1{margin-top: 30px;}

    .com1 .cbox .ul1 li{padding: 20px 0;width: 100%;float: none;height: auto;}

    .com1 .cbox .ul1 li:nth-child(2){border: 0;}

    .com1 .cbox .ul1 li:nth-child(2){width: 100%;float: none;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}

    .wsli2 .ul1{margin-top: 20px;}

    .his1 .ul1 li{padding: 20px 0;}

    .his1 .ul1 li .beizhu{width:calc(100% - 100px);left: 90px;}

    .con1{height: auto;margin-bottom: 10px;}

    .con1 .clt{width: 100%;float: none;}

    .con1 .crt{width: 100%;float: none;padding: 20px 15px;}

    .con1 .crt .ul1{padding-top: 10px;}

    /* .pr1 .prt .plt2{width: 100%;height: 100vh;overflow: auto;position: fixed;top:0;right: 100%;z-index: 9;top: 0;padding: 20px  20% 20px 15px;background: rgba(0, 0, 0, 0);} */

    /* .pr1 .prt .plt2 .hei{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -2;background: rgba(0, 0, 0, .7);}

    .pr1 .prt .plt2 .bai{width: 80%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;background: #fff;}

    .pr1 .prt .plt2.act{right: 0;} */

    /* .pr1  .box  > .plt.act{right: 0;visibility: visible;opacity: 1;} */


    .pr1 .prt .plt2{width: 100%;right: -120%;visibility: visible;opacity: 1;display: block;}

    .pr1 .plt .by_ul2 a{line-height: 50px;}

    .pr1 .plt .by2{margin: 20px 0;}



    .banner .bf{width: 50px;height: 50px;}

    .ab1 .alt,.ab1 .art{width: 100%;float: none;padding: 0;}

    .ab1 .alt .img,.ab1 .art .img{margin-top: 10px;}

    .ab1 .art{padding-top: 20px;}

    .ab1 .art .ltt{font-size: 30px;line-height: 1;}

    .ab1 .art .ltc{margin: 10px 0;}

    .ab2 .att{line-height: 1;font-size: 30px;width: 100%;float: none;}

    .ab2 .atc{width: 100%;float: none;margin-top: 10px;}

    .ab2 .img{margin-top: 10px;}

    .signin{height: auto;min-height: calc(100vh - 219px);}

    .con1{height: auto;min-height: calc(100vh - 195px);}

    .prc1 .prt .pnav{padding-right: 0;}

    .prc1 .box2{display: block;}

    .prc1 .plt{margin-right: 0;}

    .wow{opacity: 1;}

    .kong { height: 30px;}

    .pd200{padding: 30px 0;}

    .instw .ul1 li .img{width: 100%;}

    .prc3 .swiper_qt .paginationqt span{width: 6px;height: 6px;margin: 0 3px;}

    .wsli2 .wbtm .wrt .wbox .wul1 li input{font-size: 12px;}

    .xpage{margin-bottom: 20px;}


    .i7{padding: 30px 0;}

    .i7 .itop{display: block;}

    .i7 .itop .ilt{width: 100%;text-align: left;padding-bottom: 20px;}

    .i7 .itop .ilt .img{display: none;}

    .i7 .itop .irt{width: 100%;padding: 0;}

    .swiper7 .next7,.swiper7 .prev7,.swiper8 .next8,.swiper8 .prev8,.swiper9 .next9,.swiper9 .prev9{display: none;}

    .swiper7,.swiper8,.swiper9 {padding-bottom: 30px;}

    .swiper7 .pagination7,.swiper8 .pagination8,.swiper9 .pagination9{display: block;bottom: 0;}

    .swiper7 .pagination7 span,.swiper8 .pagination8 span,.swiper9 .pagination9 span{opacity: 1;background:#999 ;}

    .swiper7 .pagination7 span.swiper-pagination-bullet-active,.swiper8 .pagination8 span.swiper-pagination-bullet-active,.swiper9 .pagination9 span.swiper-pagination-bullet-active{background:#000 ;}

    .i8 .tt{margin-bottom: 20px;}


    .swiper8 .swiper-slide .sbox{width: 100%;height: 100%;}

    .swiper8 .swiper-slide .sbox .img{height: 100%;}

    .swiper8 .swiper-slide .sbox .img img{height: 100%;width: 100%;object-fit: cover;}

    .swiper8 .swiper-slide.heng .sbox .txt{align-items: flex-start;align-content: flex-start;}

    .swiper9{margin-top: 20px;}

    .spf1{padding: 30px 0 20px;}

    .swiper10 .prev10{display: none;}

    .swiper10 .next10{display: none;}

    .spf1 .spox .sbtm{padding: 30px 20px 20px;}


}