@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}

.clear{ overflow:hidden;}
.clear2{ clear:both;}

.warp{ max-width:1600px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;} 


/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:20px;}
div.fy a { margin:2px 2px;padding:6px 10px;color:#7f7e7e;font-size:1.4em; display:inline; background: #fff; border: 1px solid #ddd;}
div.fy a:hover{color:#fff;  background: #000; border: 1px solid #000;}
div.fy a:active{ color:#fff;  background: #000; border: 1px solid #000;}
div.fy span.current{  margin:2px 2px;padding:6px 10px; color:#fff;  font-size:1.4em;  background: #000;border: 1px solid #000;}
div.fy span.disabled{  margin:2px 2px;padding:6px 10px; color:#7f7e7e; font-size:1.4em; background: #fff;  border: 1px solid #ddd;}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 25px;	right: 25px;	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#444; content: ''; display: block;    width: 20px;  height: 2px;}
#hamburger span {	margin: 4px 0 0 0;}
#hamburger:after {	margin: 4px 0 0 0;}
#hamburger.hb-fixed {	position: fixed;}
/* Hamburger animation */
#hamburger:before, #hamburger:after, #hamburger span {	-webkit-transition: none 0.3s ease 0.3s;	transition: none 0.3s ease 0.3s;	-webkit-transition-property: transform, top, bottom, left, opacity, margin;	transition-property: transform, top, bottom, left, opacity, margin;}
html.mm-opening #hamburger:before, html.mm-opening #hamburger:after {top: 20px;}
html.mm-opening #hamburger span {	left: -50px;	opacity: 0;}
html.mm-opening #hamburger:before {	transform: rotate( 45deg );	margin: 7.5px 0 0 0;}
html.mm-opening #hamburger:after {	transform: rotate( -45deg );margin: -7.5px 0 0 0;}



/*body*/
body::-webkit-scrollbar-track{
	background-color:#F5F5F5;
}
body::-webkit-scrollbar{
	width:10px; height: 10px; 
	background-color:#F5F5F5;
}
body::-webkit-scrollbar-thumb{
	background-color:#333; border-radius: 5px;
}
.pro-boxs .pro-box::-webkit-scrollbar-track{
	background-color:#EEEEEE;
}
.pro-boxs .pro-box::-webkit-scrollbar{
	width:10px; height: 10px; 
	background-color:#F5F5F5;
}
.pro-boxs .pro-box::-webkit-scrollbar-thumb{
	background-color:#000000; border-radius: 5px;
}
.pro-boxs .pro-list .p-list::-webkit-scrollbar-track{
	background-color:#F5F5F5;
}
.pro-boxs .pro-list .p-list::-webkit-scrollbar{
	width:4px; height: 4px; 
	background-color:#F5F5F5;
}
.pro-boxs .pro-list .p-list::-webkit-scrollbar-thumb{
	background-color:#333; border-radius: 5px;
}
.pro-list .pbox::-webkit-scrollbar-track{
	background-color:#F5F5F5;
}
.pro-list .pbox::-webkit-scrollbar{
	width:4px; height: 4px; 
	background-color:#F5F5F5;
}
.pro-list .pbox::-webkit-scrollbar-thumb{
	background-color:#333; border-radius: 5px;
}
body{ min-height: 100vh;}
body>div{ min-width: 1024px;}
/*login*/
.lo{ position: relative;}
.banner-slider{ width: 100%; height: 100vh;}
.login{ overflow: hidden; width: 500px; border-radius: 8px; position: absolute; top:calc(50% - 221px); left: calc(50% - 250px); z-index: 2;}
.login .l-tit{ padding: 20px; text-align: center; background: #000;}
.login .l-list{ padding: 30px 36px 65px 36px; background: rgba(255,255,255,0.8);}
.login .l-list h2{ font-size: 2.4em; color: #040404; font-weight: bold;  text-align: center; margin-bottom: 40px;}
.login .l-list .dot{ display: table;  width: 100%; overflow: hidden;  margin-bottom: 20px;}
.login .l-list .dot>*{ display: table-cell; vertical-align: middle;}
.login .l-list .dot h3{ font-size: 1.4em; color: #040404; line-height: 1.5; width: 60px;}
.login .l-list  input{ background: #fff; font-size: 1.4em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; border-radius: 10px;  padding: 10px 12px;}
.login .l-list .fc-input{ width: 100%; }
.login .l-list .fc-input::-webkit-input-placeholder{ color:#a1a1a1;}
.login .l-list .fc-input:-moz-placeholder{ color:#a1a1a1;}
.login .l-list .fc-input::-moz-placeholder{ color:#a1a1a1;}
.login .l-list .fc-input:-ms-input-placeholder{ color:#a1a1a1;}
.login .btn input{ cursor: pointer; margin-top: 20px; background: #000;  width: 100%; color: #fff;}

/*main*/
.ibrand .brand-box .brand-tip .brand-t:before,.ibrand .brand-box .brand-tip .brand-t:after,.ibrand .brand-box .brand-tip .brand-t a:before,.ibrand .brand-box .brand-tip .brand-t:after,.ibrand .brand-box .brand-tip:after{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.ibrand{ background: #000;}
.ibrand .brand-box{ overflow: hidden; float:left; width: 25%; background-size: cover !important; }
.ibrand .brand-box a{ width: calc(100% + 1px); display: table; height: 100vh; }
.ibrand .brand-box.box1{ background: url(../images/ibrand1.jpg) center center no-repeat; }
.ibrand .brand-box.box2{ background: url(../images/ibrand2.jpg) center center no-repeat; }
.ibrand .brand-box.box3{ background: url(../images/ibrand3.jpg) center center no-repeat; }
.ibrand .brand-box.box4 {
        background: url(../images/ibrand4.jpg) center center no-repeat;
}
	.ibrand .brand-box.box5 {
		background: url(../images/ibrand5.jpg) center center no-repeat;
	}
.ibrand .brand-box .brand-tip{ position: relative; vertical-align: middle; text-align: center; display: table-cell; width: 100%; height: 100%;}
.ibrand .brand-box .brand-tip:after{ content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 0;}
.ibrand .brand-box .brand-tip .brand-t{position: relative;z-index:  2;   width: 100%;  max-width: 460px; margin: 0 auto; padding: 110px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ibrand .brand-box .brand-tip .brand-t img{ max-width: 100%; margin: auto;  display: block;}
.ibrand .brand-box .brand-tip .brand-t img.b{ display: none;}

.ibrand .brand-box .brand-tip:hover:after{ transform: scaleY(0.24); }
.ibrand .brand-box .brand-tip:hover .brand-t img.a{ display: none;}
.ibrand .brand-box .brand-tip:hover .brand-t img.b{ display: block;  }

/*header*/
.header{ background: #000; border-bottom: 10px solid #404040;  padding: 40px 0 30px 0; overflow: hidden;}
.header .warp{ display: flex; align-items: center; justify-content: space-between;}
.header .hb-box{ width: 147px;}
.header .logo{ padding:10px 40px;}

.header .sreach{ overflow: hidden;  float:right;}
.header .sreach>*{ float:left;}
.header .sreach a{ margin-left: 25px;}
.header .sreach a img{ width: 24px;}
.header .sreach a.shop{ display: block; }
.header .sreach .wlpt {}

/*24.07.03 新产品列表*/
.cp-list .cpl .cpb img,.cp-list .cpl .cl1 a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.cp-list{ padding: 40px 0 30px 0; border-bottom: 1px solid #b5b5b5;}
.cp-list .warp{ display: flex; justify-content: space-between;}
.cp-list .cpl{ width: 70%;}
.cp-list .cpl .cpb{ margin: -20px 0 20px 0; display: flex; align-items: center;}
.cp-list .cpl .cpb p,.cp-list .cpl .cpp p{ width: 60px; font-size: 1.4em; color: #888; line-height: 1.5;}
.cp-list .cpl .cpbd{ width: calc(100% - 60px);}
.cp-list .cpl .cpb img{ width: 100px; opacity: 0.4; margin: 5px 60px 5px 0;}
.cp-list .cpl .cpb a.lock img,.cp-list .cpl .cpb a:hover img{ opacity: 1;}
.cp-list .cpl .cpp{ display: flex;}
.cp-list .cpl .cld{ text-align: center;}
.cp-list .cpl .cld a{ font-size: 1.4em; color: #888; line-height: 1.5;  margin: 0 10px -1px 10px; display: inline-block;}
.cp-list .cpl .cld a:first-child{ margin-left: 0;}
.cp-list .cpl .cld a:last-child{ margin-right: 0;}
.cp-list .cpl .cl2{ border-top:1px solid #ccc;}
.cp-list .cpl .cl1 a{ padding-bottom: 6px;}
.cp-list .cpl .cl2 a{ padding-top: 6px;}
.cp-list .cpl .cl1 a.lock,.cp-list .cpl .cl1 a:hover{ color: #333; font-weight: bold; border-bottom: 2px solid #999;}
.cp-list .cpl .cl2 a.lock{ color: #333; font-weight: bold;}
.cp-list .cpl .all a{font-size: 1.4em; color: #888; line-height: 1.5; display: inline-block; margin-left: 40px;}
.cp-list .cpl .all a.lock {
    font-weight: bold;
    color: #333;
}
.cp-list form{ margin-bottom: 50px; display: flex; overflow: hidden; }
.cp-list form input{ background: transparent;   border:none; float:left; font-size: 1.4em; outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:16px; color:#000;  padding: 8px 10px;}
.cp-list form .m-input{ width: calc(100% - 50px);}
.cp-list form .fm-btn{ width: 50px; background: url(../images/sreach.png) center center no-repeat; background-size: 40%; }
.cp-list form input::-webkit-input-placeholder{ color:#bbbaba;}
.cp-list form input:-moz-placeholder{ color:#bbbaba;}
.cp-list form input::-moz-placeholder{ color:#bbbaba;}
.cp-list form input:-ms-input-placeholder{ color:#bbbaba;}
.cp-list .cpl a:hover{ font-weight: bold; color: #333;}
.cp-list .pns{ width: 200px; border:1px solid #d4d4d4; border-radius: 8px; margin-right: 8px;}
.cp-list .price{ width: 158px; padding: 0 8px; border:1px solid #d4d4d4; border-radius: 8px; display: flex; align-items: center;}
.cp-list .price input{ width: 75px; }
.cp-list .price p{font-size: 1.4em; color:#bbbaba;  line-height: 1.5;}
.cp-list .psend{ cursor: pointer; margin-left: 8px; width: 40px; background: url(../images/sreach.png) center center no-repeat #666; filter: invert(100%); border-radius: 8px;}
.cp-list .cps{ text-align: right;}
.cp-list .cps .po>div{ display: flex; justify-content: flex-end;}
.cp-list .cps .po h3{ font-size: 1.4em;  font-weight: bold; margin-left: 20px; padding-bottom: 14px;}
.cp-list .cps .po h3 a{ font-size: 1em; color: #888; font-weight:normal}
.cp-list .cps .po h3 a:hover, .cp-list .cps .po h3 a.lock {
    color: #333;
    font-weight:bold;
}
.cp-list .cps .po1 .material{ border-bottom: 2px solid #999;}
.cp-list .cps .po2{ border-top:1px solid #ccc; font-size: 1.4em; width: fit-content; margin: 0 0 0 auto; padding-top: 6px;}
.cp-list .cps .po2 h3{ font-size: 14px; line-height: 1.5; color: #333; font-weight: bold;  margin-right: 2px;}
.cp-list .cps .po2 p a{ font-size: 1.4em; color: #888; line-height: 1.5; margin: 0 0 0 16px;}
.cp-list .cps .po2 p a:hover, .cp-list .cps .po2 p a.lock {
    font-weight: bold;
    color: #333;
}
/*footer*/
.footer { padding: 30px 0 24px 0; background: #000;}
.footer .warp{ display: flex; justify-content: space-between;}
.footer .fbrand{ display: flex; align-items: center;}
.footer .fbrand>div{ margin-right: 40px;}
.footer .fbrand img{ width: 100%; }
.footer .two{ display: flex; align-items: flex-end; align-content: flex-end;}
.footer .two p{ font-size: 1.6em; color: #fff; font-weight: 100; margin-right: 20px; line-height: 1.5; text-align: right;}
.footer .two img {
    padding: 5px;
    background-color: #fff;
    width: 60px;
}
/*24.07.03 新产品列表*/
.pro-boxs .pro-list {
    display: none !important;
    position: relative;
    border-right: 1px solid #eee;
    float: left;
    width: 252px;
    height: calc(100vh - 85px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
.pro-boxs .pro-list .tit{ padding: 40px 20px 30px 40px;}
.pro-boxs .pro-list .tit h3{ font-size: 1.2em; color: #888; line-height:1.5; text-transform: uppercase; margin-bottom: 6px;}
.pro-boxs .pro-list .tit h4{ font-size: 2.4em; color: #000; font-weight: bold; line-height: 1.2;}

.pro-boxs .pro-list .p-list{ height: calc(100vh - 387px); overflow-y: scroll;}
.pro-boxs .pro-list .panel-header{ font-size: 1.4em; color: #000; display: block; width: 100%; line-height: 1.5; border-bottom: 1px solid #eee; padding: 18px 40px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-list .panel-header:after{ position: absolute; top:24px; right: 20px; content: ""; background: url(../images/arrow.png); width: 6px; height: 11px; font-size: 1.4em; color: #000;}
.pro-boxs .pro-list .panel-header span{ font-size: 1em; color: #888;}
.pro-boxs .pro-list .panel-body{ background: #f5f5f5; display: none;}
.pro-boxs .pro-list .panel-body a{ display: block; padding: 16px 60px; font-size: 1.4em; line-height: 1.5; border-bottom: 1px solid #eee;}
.pro-boxs .pro-list .panel-body a:hover,.pro-boxs .pro-list .panel-header:hover{ border-bottom: 1px solid #000;}

.pro-boxs .pro-list .plogos .plm,.pro-boxs .pro-list .plogos .plc:after,.pro-boxs .pro-list .plogos .plm a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.pro-boxs .pro-list .plogos{  position: absolute; bottom: 0px; left: 0; width: 100%; text-align: center; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-list .plogos .plc{ background: #fff; z-index: 2; position: relative;  padding: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-list .plogos .plc:after{ position: absolute; top:calc(50% - 10px); right: 10px; width: 20px; height: 20px; content: ""; background: url(../images/du.png) center center no-repeat; background-size: contain; }
.pro-boxs .pro-list .plogos a{ width: 100%; padding: 10px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-list .plogos .plm{ z-index: 1; padding: 20px 10px; border-top:1px solid #eee; border-bottom:1px solid #eee; background: #fff; position: absolute; bottom: -300%; width: 100%; left: 0;  display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.pro-boxs .pro-list .plogos:hover .plc:after{ transform: rotate(180deg);}
.pro-boxs .pro-list .plogos:hover .plm{ bottom: 100%;}
.pro-boxs .pro-list .plogos .plm a:hover{ background: #eee;}


.pro-boxs .pro-box{ width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-box .pl-top img{ width: 100%;}
.pro-boxs .pro-box .pl-b{ padding: 40px 0; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-box .tit{ overflow: hidden; margin-bottom: 25px;}
.pro-boxs .pro-box .tit .t{ float:left;}
.pro-boxs .pro-box .tit .t h3{ font-size: 2em; color: #000; line-height: 1.5; font-weight: bold; font-style: italic; display:inline-block;}
.pro-boxs .pro-box .tit .t h4{ font-size: 2em; color: #828282; font-style: italic; font-weight: 100; line-height: 1.5; display:inline-block; padding-left: 10px;}
.pro-boxs .pro-box .tit .il{ float:right;}
.pro-boxs .pro-box .pl-b .imgs{ overflow: hidden;}
.pro-boxs .pro-box .pl-b .imgs>*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-box .pl-b .imgs img,.pro-boxs .pro-box .pl-imgs .swiper-slide img{ width: 100%;  transition: all 750ms ease-in-out;}
.pro-boxs .pro-box .pl-b .img-s{ 
	float:left; 
	width: calc((100% - 60px)/3*2 + 30px);
}
.pro-boxs .pro-box .pl-b .img-d{ 
	width: calc((100% - 60px)/3);
	float:right;
}
.pro-boxs .pro-box .pl-b .img-d .d:first-child{ 
	margin-bottom: 30px;
}
.pro-boxs .pro-box .pl-b .img-d .d{ position: relative; overflow: hidden;}
.pro-boxs .pro-box .pl-b .img-d .d:after{ position: absolute; content: ""; background: url(../images/pld.png); width: 40px; height: 40px; top:15px; right: 20px;}
.pro-boxs .pro-box .pl-b .img-d .d:hover img,.pro-boxs .pro-box .pl-imgs .swiper-slide:hover img{ transform: scale(1.1);}
.pro-boxs .pro-box .pl-imgs .tit{ padding: 40px 0px 25px 0px; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0;}
.pro-boxs .pro-box .pl-imgs .swiper-slide{ overflow: hidden; position: relative;}
.pro-boxs .pro-box .pl-imgs .swiper-slide .t{ position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.3); padding: 18px 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-box .pl-imgs .swiper-slide .t p{ font-style: italic;  font-size: 1.8em; color: #fff; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1; }

.pro-boxs .pro-box .pli-slider{ margin:0 0 50px 0px;}
.pro-boxs .pro-box .pli-slider img{ width: 100%;}

.pro-boxs .pro-box .pd{ width: calc(100% + 30px); overflow: hidden; margin:-15px 0 0 -15px; }
.pro-boxs .pro-box .pd .d{ float:left; width: calc(33.33% - 30px); margin: 15px;}
.pro-boxs .pro-box .pd .d .img{ position: relative; overflow: hidden;}
/*.pro-boxs .pro-box .pd .d .img:after{ position: absolute; content: ""; background: url(../images/shop.png); width: 21px; height: 18px; top:15px; right: 20px;}*/
.pro-boxs .pro-box .pd .d img{ width: 100%;  transition: all 750ms ease-in-out;}
.pro-boxs .pro-box .pd .d:hover img{ transform: scale(1.1);}
.pro-boxs .pro-box .pd .d .t{ display: flex; justify-content: space-between; padding: 20px 15px 0 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-boxs .pro-box .pd .d .t1 p,.pro-boxs .pro-box .pd .d .t2 p{ font-size: 1.2em; color: #333; line-height: 1.5; font-style:italic; font-weight: 100;}
.pro-boxs .pro-box .pd .d .t2{ text-align: right;}
.pro-boxs .pro-box .pd .d .t2 h3{ font-size: 1.4em; font-weight: bold;  font-style:italic; line-height: 1.2;}



/*proshow*/
.proshow{ position: relative;  padding: 80px 0 40px 0;}
.proshow .warp{ max-width: 1040px;}
.proshow .back{ position: absolute; top:0; left: 0; background: #e7e7e7;}
.proshow .back a{ padding: 20px 55px; font-size: 1.4em; color: #888; line-height: 1.5; display: block;  transition: all 750ms ease-in-out;}
.proshow .back a:hover{ background: #000; color: #fff;}
.proshow .imgs{ text-align: center;}
.proshow .imgs img{ max-width: 100%;}
.proshow .imgs .gallery-thumbs{  max-width: 680px; margin: 40px auto 0 auto;}
.proshow .imgs .gallery-thumbs img{ border: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding:11px 5px}
.proshow .imgs .gallery-thumbs .swiper-slide-thumb-active img{ border: 1px solid #000;}
.proshow .pimgs{ position: relative; max-width: 800px; margin: 0 auto;}



.proshow .btns{ padding: 30px 0 80px 0; text-align: center;}
.proshow .btns h3{ font-size: 2.4em; color: #000; font-weight: 100; line-height: 1.5; margin-bottom: 12px;}
.proshow .btns a{ display: inline-block; width: 200px; background: #000; padding: 10px; color: #fff; font-size: 1.4em; line-height: 1.5; margin: 0 30px;}

.proshow .txts{ padding-bottom: 50px; text-align: center;}
.proshow .txts h3{ font-size: 2.4em; color: #000; margin-bottom: 20px; font-weight: 100; line-height: 1.5;}
.proshow .txts p{ font-size: 1.4em; color: #888; line-height: 1.5; margin-bottom: 20px;}
.proshow .txts img {width: 100%;}

.proshow .imgs2 img { width: 100%;}
.proshow .imgs2 .box2{ overflow: hidden; width: calc(100% + 20px); margin: 10px 0 0 -10px;}
.proshow .imgs2 .box2 div{ float:left; width: calc(50% - 20px); margin: 10px;}

.proshow .more .dots .dot img{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.proshow .more .tit h3{ font-size: 1.6em; color: #000; line-height: 1.5; margin:40px 0 30px 0;}
.proshow .more .dots{ width: calc(100% + 20px); margin: 0 0 0 -10px; overflow: hidden; }
.proshow .more .dots .dot{ overflow: hidden; float:left; width: calc(33.33% - 20px); margin: 0 10px;}
.proshow .more .dots .dot img{ width: 100%;}
.proshow .more .dots .dot:hover img{ transform: scale(1.1);}

/*shopline*/
.shopline .shop-bottom a,.dayin a{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.shopline{ overflow:hidden; border-top:1px solid #eee;}
.shopline .logo{ padding: 30px 40px; float:left; width: 360px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.shopline .logo img{ width: 170px;}
.shopline .shop-bottom{ float:right; padding: 20px 0;}
.shopline .shop-bottom>*{ float:left; padding: 0 70px 0 20px;}
.shopline .shop-bottom .shop-b1 form{ font-size: 1.4em; color: #000; line-height: 30px;}
.shopline .shop-bottom .shop-b2 p{ line-height: 30px; font-size: 1.4em; color: #000; }
.shopline .shop-bottom .shop-b2 span{ font-size: 24px; margin-bottom: -5px; display: inline-block;}
.shopline .shop-bottom a{ padding: 6px 12px; background: #f4f4f4; margin: 2px 20px 0 0px; font-size: 1.4em; line-height: 1.5; display: block;}
.shopline .shop-bottom a:hover,.dayin a:hover{ background: #000; color: #fff !important;}
.dayin a{ color: #333 !important; padding: 6px 12px; background: #f4f4f4; margin: 2px 20px 0 0px; font-size: 16px; line-height: 1.5;}


input[type=radio] {
	margin: 0 3px 0 0 ;
	/*去除浏览器默认样式*/
    -webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	/*自定义样式*/
    position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	border:1px solid #333;
	outline:none;
	cursor:pointer;
	/*设置为圆形，看起来是个单选框*/
    -webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	vertical-align:middle;
}
input[type=radio]:after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	display:block;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	background:#999;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	border-radius:12px;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	transform:scale(0);
	/*增加一些动画*/
    -webkit-transition:all ease-in-out 300ms;
	-moz-transition:all ease-in-out 300ms;
	transition:all ease-in-out 300ms;
}
input[type=radio]:checked:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}

/*pro-all*/
.backline{ border-bottom: 1px solid #eee;}
.backline a{ font-size: 1.4em; color: #888; line-height: 1.5; display: block; padding: 18px 50px;}
.backline a img{ margin: 0 10px -4px 0;}
.pro-all{ height: calc(100vh - 132px); background: #f3f3f3;}
.pro-all .tit{ padding: 16px 16px 30px 40px;}
.pro-all .tit h3{ font-size: 2.4em; color: #000; font-weight: bold;}
.pro-all .pro-list{ overflow: hidden;}
.pro-all .pro-list>*{ float:left; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-all .pro-list .pb1>h3,.pro-all .pro-list .pb2>h3{ padding: 10px 40px; line-height: 1.5; font-size: 1.4em;}
.pro-all .pro-list .pb1>h3{ color: #000; }
.pro-all .pro-list .pb2>h3{ color: #888;}
.pro-all .pro-list .pbox{  overflow-y: scroll; height: calc(100vh - 242px);}
.pro-all .pro-list .pb1 .pbox{ border-right: 1px solid #dcdcdc;}
.pro-all .pro-list .pb1 .pbox .pb{ opacity: 0.6; position: relative; padding: 10px 40px; overflow: hidden; margin-bottom: 1px; background: #fff;}
.pro-all .pro-list .pb1 .pbox .pb:after{ position: absolute; right: 40px; top:calc(50% - 9px); width: 10px; height: 18px; content: ""; background: url(../images/product/back.png); transform: rotate(180deg);}
.pro-all .pro-list .pb1 .pbox .pb .img{ float:left; border: 1px solid #eee; width: 155px;}
.pro-all .pro-list .pb1 .pbox .pb .img img{ width: 100%;}
.pro-all .pro-list .pb1 .pbox .pb .txt{ float:left; padding-left: 30px; width: calc(100% - 200px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-all .pro-list .pb1 .pbox .pb .txt .t h3{ padding: 10px 0 15px 0; font-size: 1.8em; color: #000; line-height: 1.5;  font-weight: bold;}
.pro-all .pro-list .pb1 .pbox .pb .txt .d{ float:left; width: 50%;}
.pro-all .pro-list .pb1 .pbox .pb .txt .d h4{ font-size: 1.4em; color: #888; line-height: 1.5;}
.pro-all .pro-list .pb1 .pbox .pb .txt .d p{ font-size: 1.4em; color: #000; line-height: 1.5;}
.pro-all .pro-list .pb1 .pbox .pb.lock{ opacity: 1;}
.pro-all .pro-list .pb2 .pbox .pb{ flex-wrap:wrap; text-align: center; display: flex; align-content: center; align-items: center; width: 100%; padding: 30px 0; background: #fff; margin-bottom: 1px;}
.pro-all .pro-list .pb2 .pbox .pb>*{ height: auto; width: 25%; padding: 0 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pro-all .pro-list .pb2 .pbox .pb .p1{ margin-bottom: 8px; width: 100%; font-size: 1.6em; color: #000; line-height: 1.5; padding: 0 30px; text-align: left;}
.pro-all .pro-list .pb2 .pbox .pb .p2>span{ width: calc(33.33% - 10px); margin: 5px;}
.pro-all .pro-list .pb2 .pbox .pb .p2 img{ width: 100%;}
.pro-all .pro-list .pb2 .pbox .pb .p2{ min-width: 180px !important; display: flex; align-items: center; flex-wrap: wrap;}
.pro-all .pro-list .pb2 .pbox .pb .p4{ padding: 0 16px; text-align: right; font-size: 1.6em; color: #000; line-height: 1.5; }
.pro-all .pro-list .pb2 .pbox .pb .p4 span{ display: block;  font-size: 14px; color: #888; line-height: 1.5;}
.pro-all .pro-list .pb2 .pbox .pb .p3 span{ font-size: 1.4em; color: #000; line-height: 18px; padding: 0 5px;}
.pro-all .pro-list .pb2 .pbox .pb .p3 span.reduce, .pro-all .pro-list .pb2 .pbox .pb .p3 span.add { cursor:pointer; }
 .pro-all .pro-list .pb2 .pbox .pb .p3 span img { margin-bottom: -5px;}
.pro-all .pro-list .pb2 .pbox .pb .p3 span:last-child img{ transform: rotate(180deg);}
.pro-all .pro-list .pb2 .pbox .pb .p5.lock img{ transform: rotate(45deg);}

/*pro-check*/
.pro-check{ height: calc(100vh - 132px); background: #f3f3f3;}
.pro-check .tit{ padding: 16px 16px 30px 40px;}
.pro-check .tit h3{ font-size: 2.4em; color: #000; font-weight: bold;}
.pro-check .pro-list .pbox{  overflow-y: scroll; height: calc(100vh - 242px);}
.pro-check .pro-list .pbox .pd{ background: #fff; margin-bottom: 1px;}
.pro-check .pro-list .pbox .pb{ padding: 10px 40px; overflow: hidden; margin-bottom: 1px; background: #fff;}
.pro-check .pro-list .pbox .pb>*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-check .pro-list .pbox .pb .choose{ padding-top: 40px; float:left; width: 90px; padding-left: 20px; display:none }
.pro-check .pro-list .pbox .pb .img{ float:left; border: 1px solid #eee; width: 155px;}
.pro-check .pro-list .pbox .pb .img img{ width: 100%;}
.pro-check .pro-list .pbox .pb .txt{ float:left; padding-left: 30px; width: calc(100% - 155px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-check .pro-list .pbox .pb .txt .t h3{ padding: 10px 0 0px 0; font-size: 1.8em; color: #000; line-height: 1.5;  font-weight: bold;}
.pro-check .pro-list .pbox .pb .txt .dot{ display: table; width: 100%;}
.pro-check .pro-list .pbox .pb .txt .dot>*{ display: table-cell; vertical-align: top;}
.pro-check .pro-list .pbox .pb .txt h4{ font-size: 1.4em; color: #888; line-height: 1.5;}
.pro-check .pro-list .pbox .pb .txt p{ font-size: 1.4em; color: #000; line-height: 1.5;}
.pro-check .pro-list .pbox .pb .txt .d1,.pro-check .pro-list .pbox .pb .txt .d2,.pro-check .pro-list .pbox .pb .txt .d3{ padding-top: 15px;}
.pro-check .pro-list .pbox .pb .txt .d1,.pro-check .pro-list .pbox .pb .txt .d2,.pro-check .pro-list .pbox .pb .txt .d5{ width: 15%;}
.pro-check .pro-list .pbox .pb .txt .d3{ width: 20%;}
.pro-check .pro-list .pbox .pb .txt .d4{ padding-top: 10px; text-align: center; width: 20%;}
.pro-check .pro-list .pbox .pb .txt .d6{ text-align: center;}
.pro-check .pro-list .pbox .pb .txt .d6 img{ width: 45px; transform: rotate(45deg);}
.pro-check .pro-list .pbox .pb .txt .d4 span{ font-size: 1.4em; color: #000; line-height: 18px; padding: 0 4%;}
.pro-check .pro-list .pbox .pb .txt .d4 span img{ margin-bottom: -5px;}
.pro-check .pro-list .pbox .pb .txt .d4 span:last-child img{ transform: rotate(180deg);}
.pro-check .pro-list .pbox .pb .txt .d7{ display: flex; align-items: center; flex-wrap: wrap; margin-right: 40px;}
.pro-check .pro-list .pbox .pb .txt .d7 span{ margin: 5px;}
.pro-check .pro-list .pbox .pb .txt .d7 img{ width:40px;}

/*atlas*/
.ats.pro-boxs .pro-box .pd .d .img:after{ background:url(../images/big.png) !important; width: 20px; height: 20px; background-size: contain !important;}
.at.pro-boxs .pro-box .pd .d .img:after{ display: none !important;}

/*pro-pdf*/
.pro-pdf .pbox .pd{ background: #fff; margin-bottom: 1px;}
.pro-pdf .pbox .pb{ padding: 10px 40px; overflow: hidden; margin-bottom: 1px; background: #fff; border-bottom:1px solid #eee;}
.pro-pdf .pbox .pb>*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-pdf .pbox .pb .choose{ padding-top: 40px; float:left; width: 90px; padding-left: 20px; display:none }
.pro-pdf .pbox .pb .img{ border: 1px solid #eee; width: 180px; margin: 10px auto;}
.pro-pdf .pbox .pb .img img{ width: 100%;}
.pro-pdf .pbox .pb .txt{ padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-pdf .pbox .pb .txt .t h3{ padding: 10px; font-size: 1.8em; color: #000; line-height: 1.5;  font-weight: bold;}
.pro-pdf .pbox .pb .txt .dot{ display:flex;flex-wrap:wrap; }
.pro-pdf .pbox .pb .txt .dot>*{ width:50%; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.pro-pdf .pbox .pb .txt h4{ font-size: 1.4em; color: #888; line-height: 1.5;}
.pro-pdf .pbox .pb .txt p{ font-size: 1.4em; color: #000; line-height: 1.5;}
.pro-pdf .pbox .pb .txt .d1,.pro-pdf .pbox .pb .txt .d2,.pro-pdf .pbox .pb .txt .d3{ padding-top: 15px;}
.pro-pdf .pbox .pb .txt .d4{ padding-top: 10px;}
.pro-pdf .pbox .pb .txt .d4 span{ font-size: 1.4em; color: #000; line-height: 18px; padding: 0 4%;}
.pro-pdf .pbox .pb .txt .d7{ display: flex; align-items: center; flex-wrap: wrap; }
.pro-pdf .pbox .pb .txt .d7 span{ margin: 5px; }
.pro-pdf .pbox .pb .txt .d7 img{ max-width:49px;}
.pro-pdf .pbox .pb .txt .d6{ display: none !important;}


/*newadd*/

.ip1_list {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 30px;	
}
.ip1_list .item:first-child{
	grid-area: 1 / 1 / 3 / 3;
}
.ip1_list .item img{
	width: 100%;
}