@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "raleway";
  src: url("../fonts/raleway.ttf") format("truetype");
}
/**layui**/

.layui-input:focus,.layui-textarea:focus {
  border-color: #000 !important;
  box-shadow: none;
}


/**layui**/

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: "raleway","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*/}

.warp{ max-width:1440px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1820px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp3{ max-width:1600px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}

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:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:hover{color:#fff;  background: #000; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy a:active{ color:#fff;  background: #000; box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #000;box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}
div.fy span.disabled{  margin:2px 2px;padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  box-shadow: 2px 2px 4px rgba(0,0,0,0.2);}


/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger { width: 24px; height: 14px;	position:fixed;	top: 25px;	right: calc(50% - 310px);	z-index: 999;display: none !important;}
#hamburger:before, #hamburger:after, #hamburger span { background:#edcb9e; 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;}

/*弹出input*/
.overCurtain {position: fixed; top:20px; right:40px; height:40px; width:40px;display:none; opacity:1; z-index:1000; cursor:pointer;}
.hide-center {background-color:#444;  position:fixed; z-index:999; display:none; width:100%; height:100%; top:0; left: 0;}
.hide-center .boxs{ display:table; width:100%; height:100%;}
.hide-center .box{ display:table-cell; vertical-align:middle; padding:0 20px;}
.field__input{ float:left; width:100%; border:none; outline:none; height:60px; padding:20px 160px; font-size:3.2em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border-bottom:1px solid #ccc; background-color: transparent;}
.m-btn{ float:left;border:none; outline:none; background-color: transparent; padding:19.5px; height:60px; font-size:1.6em; font-weight:bold; color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width:140px; position:absolute; right:40px; text-transform:uppercase;}
.s-close { width:40px; height:40px; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; font-size:0px; margin-top:20px;	display:block;}
.s-close::before,.s-close::after {	content:'';	width:40px;	height:2px;	background:#FFF;	display:block; transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.s-close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.s-close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.s-close:hover:before{transform:rotate(90deg);}
.s-close:hover:after{ transform:rotate(0deg);}


body{ overflow-x: hidden; max-width: 680px; margin: 0 auto;}
/*header*/
.header .head,.header a,.header .tip .lun .ls,.header .logo,.header .head .hmls{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.header{ text-align: center; position: relative; top:0; left: 0; width: 100%; z-index: 2; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header .tip{ align-items: center; position: relative; padding: 0 70px; background: #000; display: flex; justify-content: space-between;}
.header .tip>div{ padding: 14px 0;}
.header .tip .lun{ display: flex; align-items: center; width: 30%; padding: 16px 0; position: relative; text-align: left;}
.header .tip .lun a{ align-items: center;}
.header .tip .lun p{ cursor: pointer; font-size: 1.6em; color: #fff; }
.header .tip .lun .ls{ transform-origin : 100% 0 0; transform: scaleX(0); right:100%; padding:20px 20px; position: absolute; top:0%;  z-index: 2; background: rgba(0,0,0,0.6); width: 260px; height: 100%;}
.header .tip .lun a{  font-size: 1.6em; color: #fff;  display: inline-block; margin: 0 10px; opacity: 0.5;}
.header .tip .lun a:hover{ opacity: 1;}
.header .sreach{ display: flex;align-items: center; justify-content: flex-end; width: 30%; text-align: right;}
.header .sreach a{ font-size: 1.4em; line-height: 1.5; text-transform: uppercase; margin-right: 20px;}
.header .sreach span{ cursor:pointer;}
.header  form{ width: 120px; justify-content: space-between; display: flex; flex-wrap: wrap; border: none;}
.header  input{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff;  border: none;  background: rgba(0,0,0,0); text-transform: uppercase;}
.header input::-webkit-input-placeholder{ color:#868686;}
.header input:-moz-placeholder{ color:#868686;}
.header input::-moz-placeholder{ color:#868686;}
.header input:-ms-input-placeholder{ color:#868686;}
.header form .ht{ width: calc(100% - 30px);}
.header form .hb{ background: url(../images/sreach2.png) center center no-repeat; background-size: auto; width: 30px;}
.header .logo{ padding: 22px 100px;}
.header .head{ background: #222; padding: 0 70px; display: flex; align-items: center; justify-content: center; position: relative;}
.header .head .hml a{ font-size: 1.6em; display: inline-block; padding: 0 40px;}
.header .head .hmls{ position: absolute; top:0; left: 0; width: 100%; height: 0px; overflow: hidden; z-index: -1;}
.header .head .hmls img{ width: 100%;}
.header .head .hml:hover .hmls{ height: 710px;}
.header2.up{ width: 100%; max-width: 680px; left: calc(50% - 340px); position: fixed; z-index: 99;}

.header2{ background: #222; display: flex; align-items: center; justify-content: space-between;}
.header2 .mune{ display: flex; align-items: center;}
.header2 .logo{ padding: 24px 0 12px 0; width: 200px;text-align: center;}
.header2 .head{ display: flex; align-items: center;}
.header2 .head a{ font-size: 1.6em; color: #fff; margin-right: 60px; }
.header2 .more{ display: flex; justify-content:flex-end; padding-right: 20px;}
.header2 .lun{ display: flex; align-items: center; padding: 16px 0; position: relative; text-align: left;}
.header2 .lun a{ align-items: center; }
.header2 .lun p{ cursor: pointer; font-size: 1.6em; color: #fff; }
.header2 .lun .ls{ transform-origin : 100% 0 0; transform: scaleX(0); right:100%; padding:20px 20px; position: absolute; top:0%;  z-index: 2; background: rgba(0,0,0,0.6); width: 260px; height: 100%;}
.header2 .lun a{  font-size: 1.6em; color: #fff;  display: inline-block; margin: 0 10px; opacity: 0.5;}
.header2 .lun a:hover,.header2 .sreach a:hover{ opacity: 1;}
.header2 .sreach{ display: flex;align-items: center; justify-content: flex-end;  text-align: right;}
.header2 .sreach a{ font-size: 1.4em; text-transform: uppercase; margin-right: 20px; color: #fff; opacity: 0.5; display: block;}
.header2 .sreach span{ cursor:pointer;}
.header2  form{ width: 120px; justify-content: space-between; display: flex; flex-wrap: wrap; border: none;}
.header2  input{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff;  border: none;  background: rgba(0,0,0,0); text-transform: uppercase;}
.header2 input::-webkit-input-placeholder{ color:#868686;}
.header2 input:-moz-placeholder{ color:#868686;}
.header2 input::-moz-placeholder{ color:#868686;}
.header2 input:-ms-input-placeholder{ color:#868686;}
.header2 form .ht{ width: calc(100% - 30px);}
.header2 form .hb{ background: url(../images/sreach2.png) center center no-repeat; background-size: auto; width: 30px;}

.header2 .head,.header2 .more{ display:none;}

/*footer*/
.footer a,.footer .flun .flc .fld{ color: #fff;  transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all; }
.footer{ background:#37393b; }
.footer .fo1{ padding: 80px 0 40px 0;}
.footer .fo1 .warp2{  display: flex; justify-content: space-between; }
.footer .fo1 .fs{ margin-bottom: 20px; display: flex; justify-content: space-between;}
.footer form{ margin-bottom: 80px; justify-content: space-between; display: flex; flex-wrap: wrap; border-bottom: 1px solid #7f7f7f;}
.footer input{ font-size: 1.4em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#fff;  border: none; padding: 8px 0; background: rgba(0,0,0,0);}
.footer input::-webkit-input-placeholder{ color:#868686;}
.footer input:-moz-placeholder{ color:#868686;}
.footer input::-moz-placeholder{ color:#868686;}
.footer input:-ms-input-placeholder{ color:#868686;}
.footer form .ht{ width: calc(100% - 30px);}
.footer form .hb{ background: url(../images/sreach.png) center center no-repeat; background-size: auto; width: 30px;}
.footer .fcds{ display: flex; margin-bottom: 60px;}
.footer .fcd{ padding: 12px 12px 0 0; padding-right: 20px; margin-right: 20px; border-right: 1px solid #626262; }
.footer .fcd:last-child{ border:none;}
.footer .fcd:first-child{ max-width: 460px; display: flex; flex-wrap: wrap;}
.footer .fcd a{ font-size: 1.4em; color: #888; line-height: 1.5; display: block; font-weight: 100;  padding:0 20px 6px 0; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.footer .fcd a:hover{ color: #fff;}
.footer .fcd h3{ font-size: 1.8em; color: #d8d8d8; line-height: 1.5;}
.footer .fcd p{ font-size: 1.4em; color: #888; line-height: 1.5;}
.footer .flun{ display: flex;}
.footer .flun>p{ padding: 16px 18px; font-size: 1.2em; color: #888; text-transform: uppercase;  border: 1px solid #535353;}
.footer .flun .flc{ cursor:pointer; padding: 16px 18px; border: 1px solid #535353; margin-left: -1px; position: relative;}
.footer .flun .flc p{ font-size: 1.4em; color: #fff;}
.footer .flun .flc .fld{ transform-origin : 50% 100% 0; transform: scale(0); text-align: center;padding: 4px; position: absolute; bottom:100%; border: 1px solid #535353; width: 100%;  left: 0%; background: #000;}
.footer .flun .flc .fld a{ font-size: 1.4em; line-height: 1.5; padding: 4px 8px; display: block;}
.footer .flun .flc .fld a:hover{ background: #edcb9e;}
.footer .flun .flc:hover .fld{ transform: scale(1);}
.footer .fo1 .fm{ text-align: right;}
.footer .fo1 .fm img{ margin-bottom: 26px;}
.footer .fo1 .fm a{ font-size: 1.4em; line-height: 2; display:block; text-transform: uppercase;}
.footer .fo2{ text-align: center; padding: 0 0 70px 0;}
.footer .fo2 p{ font-size:1.2em; color: #888; line-height: 1.5;}
.footer .fo2 p a{ font-size:1em; color: #888;}
.footer .fo2 p a:hover{ text-decoration: underline;}

.bottomlist{ background:#edcb9e; position:fixed; width:100%; bottom:0; left:calc(50% - 340px);  display:none; z-index:400; max-width: 680px; }
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:33.33%; float:left; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px;}
.bottomlist>ul>li>a>div{ font-size:1.6em; color:#fff;}
.bottomlist ul li img{ width:40px; height:40px;}


/*banner*/
.banner .txt{ transition:ease 2.5s all;-moz-transition: ease 2.5s all; -webkit-transition:ease 2.5s all; -o-transition: ease 2.5s all; }
.banner .swiper-slide{ position: relative; display: flex; align-items: center; background-size: cover !important; height: 100vh; overflow: hidden;}
.banner .ban1{ background: url(../images/banner.jpg) center center  no-repeat; }
.banner .ban1 .txt{ text-align: right; width: 100%; padding-right: 10%;}
.banner .txt h3{ font-size: 5em; line-height: 1.1; color: #fff;}
.banner .swiper-slide-active .txt{ transform: scale(1);}
.banner .swiper-pagination-bullet{ width: 10px; height: 10px;  opacity: 1; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #5dc2d0;}

/*ip*/
.ip .txt a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ip{ padding: 210px 0 260px 0; overflow: hidden;}
.ip .txt{ max-width: 420px;  text-align: right; margin: 0 5% 20px auto;}
.ip .txt h3{ font-size: 6.4em; color: #000; margin-bottom: 50px;}
.ip .txt p{ font-size: 1.8em; color: #000; line-height: 1.5;}
.ip .txt a{ font-size: 2.2em; color: #544a3d; line-height: 1.5; padding: 10px 35px; margin-top: 20px; display: inline-block; border: 1px solid #000;}
.ip .txt a:hover{ background: #000; color: #fff; border: 1px solid #000;}
.ip img{ max-width: 100%;}
/*ips*/
.ips .txt a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ips{ padding-bottom: 130px; overflow: hidden;}
.ips .warp2{ display: flex; justify-content: space-between; align-items: center;}
.ips .txt h3{ font-size: 6.4em; color: #000; margin-bottom: 30px;}
.ips .txt p{ font-size: 1.8em; color: #000; line-height: 1.5; max-width: 440px;}
.ips .txt a{ font-size: 2.2em; color: #544a3d; line-height: 1.5; padding: 10px 35px; margin-top: 20px; display: inline-block; border: 1px solid #000;}
.ips .txt a:hover{ background: #000; color: #fff; border: 1px solid #000;}
.ips .img{ width: 50%;}
.ips .img img{ width: 100%;}


/*icase*/
.icase .txts .swiper-slide .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.icase{ padding: 70px 0 160px 0; background: url(../images/icase-bg.jpg) center center no-repeat;background-size: cover !important; color: #fff;}
.icase .tit .warp2{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 160px; align-items: center;}
.icase .tit h3{ font-size: 5.4em; line-height: 1.2; text-transform: uppercase;}
.icase .tit p{ font-size: 1.6em; line-height: 1.2; text-transform: uppercase;}
.icase .txts{ position: relative; padding: 0 5%;}
.icase .txts .swiper-slide a{ display: flex;}
.icase .txts .swiper-slide .t{ padding: 0 6%; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.icase .txts .swiper-slide .t h3{ font-size: 1.6em; font-weight: bold; line-height: 24px; height: 96px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:4; text-transform: uppercase; color: #fff; margin-bottom: 20px;}
.icase .txts .swiper-slide .t p{ font-size: 1.4em; color: #fff; line-height: 20px; height: 220px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:11; text-transform: uppercase;}
.icase .txts .swiper-button-prev,.icase .txts .swiper-button-next{ background-image: url(../images/arrow2.png); background-size: contain; width: 41px; height: 72px;}
.icase .txts .swiper-button-prev{ transform: rotate(180deg);}
.icase .txts .swiper-slide .img{ overflow: hidden; width: 50%;}
.icase .txts .swiper-slide .img img{ width: 100%;}
.icase .txts .swiper-slide:hover .img img{ transform: scale(1.1);}
/*inews*/
.inews a,.inews .box .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.inews{ padding: 170px 0 190px 0;}
.inews .tit h3{ font-size: 6.4em; color: #000; margin-bottom: 30px;}
.inews .tit p{ font-size: 1.8em; color: #000; line-height: 1.5; max-width: 440px;}
.inews .tit a{ font-size: 2.2em; color: #544a3d; line-height: 1.5; padding: 10px 35px; margin: 20px 0 70px 0; display: inline-block; border: 1px solid #000;}
.inews .tit a:hover{ background: #000; color: #fff; border: 1px solid #000;}
.inews .in-box{ display: flex;}
.inews .in-box .box{ width: calc(50% - 60px); margin: 0 30px;}
.inews .in-box .box .img{ overflow: hidden;}
.inews .in-box .box .img img{ width: 100%;}
.inews .in-box .box .img:hover img{ transform: scale(1.1);}
.inews .in-box .box p{ margin-top: 20px; font-size: 1.6em; color: #000; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2; text-transform: uppercase;}
/*iab*/
.iab{ padding-bottom: 110px; overflow: hidden;}
.iab .txt h3{ font-size: 6.4em; color: #000; margin-bottom: 30px;}
.iab .txt p{ font-size: 1.8em; color: #000; line-height: 1.5;}
.iab .img{ text-align: center; margin-top: 90px;}
.iab img{ max-width: 100%;}



/*banners*/
.banners{ align-items: center; display: flex; justify-content:center; height: 100vh; background-size: cover !important; }
.banners .txt{  text-align: center;}
.banners .txt h3{ font-size: 10em; color: #fff; }
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.material{ background: url(../images/banners/material-banner.jpg) center center no-repeat;}
.product{ background: url(../images/banners/product-banner.jpg) center center no-repeat;}
.download {
    background: url(../images/banners/download-banner.jpg?v=1.1) center center no-repeat;
}

.contact {
    background: url(../images/banners/contact-banner.jpg?v=1.1) center center no-repeat;
}



/*list*/
.lists{ max-width: 680px;  box-shadow: 0 0 20px rgba(0,0,0,0.5); background: #fff;}
.lists a{ font-size: 1.6em; display: inline-block; margin:0  30px 5px 0;}
.lists .list1{ padding: 24px 0 19px 200px; text-transform: uppercase;}
.lists .list2{ padding: 24px 0 19px 200px; border-top:1px solid #ddd;}
.lists a.lock{ font-weight: bold;  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);}
.lists.up{ position: fixed; top:68px; width: 100%; left: calc(50% - 340px); z-index: 2;}


/*product*/
.product .pdots .pd .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.product{  padding: 70px 0px 80px 0px;}
.product .plb{ padding: 0px 0;}
.product .tit{padding:0 25px 50px 25px;}
.product .tit .tit_select{width: 316px;}
.product .tit_content{
  margin-top: 40px;
}
.product .tit_content p{
  font-size: 1.6em;line-height: 1.5;
}
.layui-form-selected {
    background-color: transparent;
}
.product .tit input{font-size: 2.4em;color: rgba(0,0,0,1); line-height:60px; height:60px; font-weight:bold; border:none;border-bottom:1px solid #626262; }
.product .tit .layui-input:hover{
    border-color: #626262!important;
}
.product .tit .layui-form-select .layui-edge {
    border-top-color: #000; 
}
.product .tit .layui-form-select dl {
    display: none;
    position: absolute;
    left: 0;
    top: 58px;
    padding: 5px 0;
    z-index: 899;
    min-width: 100%;
    border: 1px solid #eee;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);
    box-sizing: border-box;
}

.product .tit .layui-form-selected dl {
    display: block;
}
.product .tit .layui-form-select dl dd{
  line-height: 3.6em;
  font-size: 1.6em;
}
.product .tit .layui-form-select dl dd.layui-this {
    background-color: #f8f8f8;
    color: #000;
    font-weight: 700;
}

.product .tit h3{ text-align: center; font-size: 4.2em; text-transform: uppercase; color: #000; font-weight: bold; line-height: 1.2; margin-bottom: 60px;}
.product .pdots{ display: flex; flex-wrap: wrap; border-top:1px solid #535353; padding-top: 50px;}
.product .pdots .pd{ width: calc(50% - 20px); margin: 40px 10px; text-align: center;}
.product .pdots .pd .img img{ max-width: 100%;}
.product .pdots .pd:hover .img img{ transform: scale(1.05);}
.product .pdots .pd .t{ padding-top: 40px;}
.product .pdots .pd .t p{ font-size: 1.4em; color: #333; line-height: 24px; height: 24px; font-family: Arial;}

/*news*/
.news-t .ndots .nd .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.news-t{ padding: 50px 0 120px 0; background: #e2e2e2;}
.news-t .ndots{ padding: 0 40px; display: flex; flex-wrap: wrap;}
.news-t .ndots .nd{ padding: 40px 20px; background: #fff; width: calc(33.33% - 40px); margin: 45px 20px;}
.news-t .ndots .nd .img{ overflow: hidden; }
.news-t .ndots .nd .img img{ width: 100%;}
.news-t .ndots .nd .t{ padding: 60px 0 0 0; text-align: center;}
.news-t .ndots .nd .t p{ font-size: 1.8em; color: #baa17f;  line-height: 24px; height: 48px; margin-bottom: 30px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2}
.news-t .ndots .nd .t span{ font-size: 1.4em; color: #888; ;line-height: 1.2;}
.news-t .ndots .nd:hover .img img{ transform: scale(1.1);}
.news-t .ndots .fy{ width: 100%;}

/*newsshow*/
.newsshow .btn a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.newsshow{ padding:80px 0; background: #eee;}
.newsshow .boxs{ background:#fff; }
.newsshow .tit{ padding:40px; text-align:center; border-bottom: 1px solid #eee;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#727171; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.newsshow .tit .dot h4{ color:#fff; font-size:1.4em; display:inline-block; padding:14px 15px;}
.newsshow .txt{ padding:20px 40px; line-height:24px; color:#666666; }
.newsshow .txt *{ font-size:14px; line-height:24px;}
.newsshow .txt p{ font-size:14px; }
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#f5f5f5; font-size:1.4em; color:#333333; line-height:24px; padding:12px 20px; margin-top:10px;}
.newsshow .btn a:hover{ background:#000 !important; color:#fff !important;}

/*download*/
.download-t .ndots .nd .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.download-t{ padding: 50px 0 120px 0; }
.download-t .ndots{ padding: 0 40px; display: flex; flex-wrap: wrap;}
.download-t .ndots .nd{ padding: 40px 20px; background: #fff; width: calc(25% - 80px); margin: 45px 40px;}
.download-t .ndots .nd .img{ overflow: hidden; }
.download-t .ndots .nd .img img{ width: 100%;}
.download-t .ndots .nd .t{ padding: 60px 0 0 0; text-align: center;}
.download-t .ndots .nd .t p{ font-size: 1.8em; color: #baa17f;  line-height: 24px; height: 48px; margin-bottom: 30px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2}
.download-t .ndots .nd .t span{ font-size: 1.4em; color: #888; ;line-height: 1.2;}
.download-t .ndots .nd:hover .img img{ transform: scale(1.1);}
.download-t .ndots .fy{ width: 100%;}

/*video*/
.video .vdots .vd .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.video{ padding: 90px 0;}
.video .tit h3{ margin-bottom: 30px; font-size: 6em; color: #000; text-transform: uppercase; font-weight: bold; text-align: center;}
.video .vdots{ padding: 0 60px; display: flex; flex-wrap: wrap;}
.video .vdots .fy{ width: 100%;}
.video .vdots .vd{ width: calc(33.33% - 60px); margin: 40px 30px;}
.video .vdots .vd .img{ overflow: hidden; position: relative;}
.video .vdots .vd .img:after{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/video/play.png) center center no-repeat; background-size: 80px; content: "";}
.video .vdots .vd .img img{ width: 100%;}
.video .vdots .vd:hover .img img{ transform: scale(1.1);}
.video .vdots .vd .t{ text-align: center; padding-top: 40px;}
.video .vdots .vd .t p{ font-size: 1.8em; line-height: 30px; height: 60px; color: #000;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2}

/*login*/
.login{ height: 100vh; display: flex; justify-content: center; align-content: center; background:url(../images/login-bg.jpg) center center no-repeat; background-size: cover !important;}

.login .lb{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.login{ height: 100vh; display: flex; align-items: center; justify-content: center; background: url(../images/login-bg.jpg) center center no-repeat; background-size: cover !important;}
.login .login-txt{ border-radius: 10px; background: #fff; padding: 30px;}
.login .login-txt .tit{ border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
.login .login-txt .tit h3{ font-size: 2.4em; color: #333; font-weight: bold; line-height: 2; text-align: center;}
.login input{ margin-bottom: 20px; width: 100%; font-size: 1.2em; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height:24px; color:#000; border: none; padding: 12px 10px; background: #f4f6f8; }
.login input::-webkit-input-placeholder{ color:#555;}
.login input:-moz-placeholder{ color:#555; }
.login input::-moz-placeholder{ color:#555;}
.login input:-ms-input-placeholder{ color:#555;}
.login .yz{ display: flex; justify-content: space-between;}
.login .yz img{ width: 100px; height: 50px;}
.login .yz  input{ width: calc(100% - 120px);}
.login .btn{ margin:20px 0 0 0; }
.login .lb{ width: 100%; border:none; padding:15px 4px;  font-size:1.8em; font-weight: bold; border-radius: 40px; color:#fff; line-height:24px; cursor:pointer; background: #181818;  font-style: normal;}
.login .lb:hover{ background: #000; box-shadow: 0 0 8px rgba(0,0,0,0.6);}
.login a{ font-size: 1.4em; color: #888; line-height: 1.5; display: block; text-align: center; }

/*store*/
/*map*/
.content-window-card { position: relative; box-shadow: none; bottom: 0; left: 0; width: auto; padding: 0;}
.content-window-card p { height: 2rem;}
.custom-info {border: solid 1px silver;}
div.info-top { position: relative; background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #CCC; border-radius: 5px 5px 0 0;}
div.info-top div { display: inline-block; color: #333333; font-size: 14px; font-weight: bold; line-height: 31px; padding: 0 10px;}
div.info-top img { position: absolute; top: 10px; right: 10px; transition-duration: 0.25s;}
div.info-top img:hover { box-shadow: 0px 0px 5px #000;}
div.info-middle { font-size: 12px; padding: 10px 6px; line-height: 20px;}
div.info-bottom {height: 0px; width: 100%; clear: both; text-align: center;}
div.info-bottom img { position: relative;  z-index: 104;}
#map span { margin-left: 5px; font-size: 11px;}
.info-middle img { float: left; margin-right: 6px;}
#container{ height:400px;}

.sale{ align-items: center;}
.sale .shop{ margin: 20px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sale .shop::-webkit-scrollbar-track {
	background-color:#F5F5F5;
}
.sale .shop::-webkit-scrollbar {
	width:4px;
	background-color:#F5F5F5;
}
.sale .shop::-webkit-scrollbar-thumb {
	background-color:#b6bbbf;
	 border-radius: 4px;
}
.sale .shop .sd{ padding:20px; border-bottom: 1px solid #eee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.sale .shop .sd h3{ font-size: 2em; margin-bottom: 20px;}
.sale .shop .sd h3 span{ display: inline-block; width: 30px; }
.sale .shop .sd p{ font-size: 1.6em; line-height: 1.5; color: #666; padding-left:30px;}



.store .demo .dot,.store .demo .dot *{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.store input{ background: transparent; font-size: 1.4em; outline:none; border: none; border-bottom:1px solid #d1d7da; padding:6px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#8c9093; }
.store .s-sreach{ width: 100%; padding: 20px 30px;}
.store .s-sreach input{ border-radius: 5px; font-size: 1.8em;  background: #f3f3f3; border: none; color: #000; padding: 12px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.store .s-sreach input::-webkit-input-placeholder{ color:#cbcbcb;}
.store .s-sreach input:-moz-placeholder{ color:#cbcbcb; }
.store .s-sreach input::-moz-placeholder{ color:#cbcbcb;}
.store .s-sreach input:-ms-input-placeholder{ color:#cbcbcb;}
.store .s-sreach .st{ width: calc(100% - 130px); margin-right: 10px; }
.store .s-sreach .sbtn{ background: #fff;}
.store #container-shop{ width: calc(100% - 400px); height: 100vh;}
.store .demo{ background: #fff;  width: 400px; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  height: 100vh;}
.store .csssprite{ height: 42px;}
.store .demo h2{ font-size: 3em; color: #fff; line-height: 36px; margin:0px  0 50px 0; background: #0facc5; text-align: center; padding: 10px;}
.store .demo .dot{ opacity: 0.5; border-bottom:1px solid #ddd; padding: 20px 0 30px 0;  margin: 0 16px;}
.store .demo h3{  font-size: 1.8em; color: #000; line-height: 36px;}
.store .demo h3 span{ display: inline-block; }
.store .demo h3 span img{ width: 16px; margin: 0 6px -4px 0; -webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);}
.store .demo p{ font-size: 1.4em; color: #616161; line-height: 24px; padding: 0 24px; display: none;}
.store .scrollbar-inner{ overflow-y: scroll; height: calc(100vh - 40px);}
#style-4::-webkit-scrollbar-track {
	background-color:#F5F5F5;
}
#style-4::-webkit-scrollbar {
	width:4px;
	background-color:#F5F5F5;
}
#style-4::-webkit-scrollbar-thumb {
	background-color:#b6bbbf;
	 border-radius: 4px;
}
.store .demo .dot:hover{ opacity: 1;}
.store .demo .dot:hover p{ display: block;}
.store .dot:hover h3{  font-weight: bold;}
.store .dot:hover h3 span img{ -webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%);
	filter:grayscale(0%);}
.store .store_name_sx{ width: 300px;}
.store .store_name_sx h3{ font-size: 1.6em; font-weight: bold; margin-bottom: 6px; border-bottom: 1px solid #ccc; padding-bottom: 12px;}
.store .store_name_sx div p{ display: block; font-size: 1.4em; color: #333; line-height: 28px; }

/*proshow*/
.pmore img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.proshow .pro-txts{ background: #e7e7e7; display: flex; flex-wrap: wrap; overflow: hidden; align-items: center;}
.proshow .pro-txts .pimgs{ width: 100%; background: #fff;}
.proshow .pro-txts .pimgs .back a{ font-size: 1.4em; color: #000; padding: 30px 10%; display:block;}
.proshow .pro-imgs{  overflow: hidden; padding:0 20px 50px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.proshow .pro-imgs .gallery-top{ overflow: hidden; text-align: center; position: relative; }
.proshow .pro-imgs .gallery-top .swiper-slide img{  max-width: 100%;}
.proshow .pro-imgs .swiper {
    --swiper-theme-color: #ff6600;
    --swiper-navigation-color: #00ff33;
    --swiper-navigation-size: 30px;}
.proshow .pro-imgs .gallery-thumbs img{ margin-top: 4px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.proshow .pro-imgs .gallery-thumbs { max-width: 600px; margin: 0 auto;}
.proshow .pro-imgs .gallery-thumbs .swiper-slide-thumb-active img{border: 2px solid #bababa;}
.proshow .pro-imgs .swiper-button-next,.proshow .pro-imgs .swiper-button-prev{ background-image: url(../images/product/arrow.png); width: 40px; height: 80px; background-size: contain;}
.proshow .pro-imgs .swiper-button-prev{ transform: rotate(180deg); }
.proshow .ptxt{ padding: 20px 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.proshow .ptxt h3{ font-size: 4.8em; margin-bottom: 50px; line-height: 1.2; font-weight: bold;}
.proshow .ptxt p{ font-size: 1.8em; line-height: 1.5; margin-bottom: 20px;}
.pdate{  padding: 90px 0; text-align: center; background: #f6f6f6;}
.pdate .tit h3{ font-size: 4.8em; margin-bottom: 70px; font-weight: bold; text-align: center;}
.pdate img{ max-width: 100%;}
.pmore{ padding: 70px 0 140px 0; background: #f6f6f6;}
.pmore .tit h3{ font-size: 4.8em; color: #333; text-align: center; margin-bottom: 70px;}
.pmore .pmdot{ display: flex; flex-wrap: wrap;}
.pmore .pmdot .pmd{ width: calc(50% - 20px); margin: 10px;}
.pmore .pmdot .pmd .img img{ width: 100%;}
.pmore .pmdot .pmd .img{ overflow: hidden; border: 1px solid #d2d2d2;}
.pmore .pmdot .pmd .t p{ font-size: 1.4em; color: #333; line-height: 24px; height: 24px; font-family: Arial; text-align: center; margin-top: 20px;}
.pmore .pmdot .pmd:hover img{ transform: scale(1.1);}

/*about*/
.ab3 .swiper-slide .txt{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.about-t img{ max-width: 100%;}
.ab-tit{ padding: 110px 20px 160px 20px; text-align: center;}
    .ab-tit .warp {
        text-align: left;
    }
.ab-tit h3{ font-size: 7em; margin-bottom: 50px;}
    .ab-tit p {
        font-size: 1.8em;
        color: #333;
        line-height: 2;
        padding-bottom: 20px;
    }
.ab1,.ab2{ margin-bottom: 30px; display: flex; flex-wrap: wrap; align-items: center; overflow: hidden;}
.ab1>*,.ab2>*{ padding: 0 4%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ab1 .img{ width: 60%;}
.ab1 .txt{ width: 40%; padding: 0 4% 0 0;}
.ab1 .txt h3,.ab2 .txt h3{ font-size: 6em; line-height: 1.2; margin-bottom: 60px;}
.ab1 .txt p,.ab2 .txt p{ font-size: 1.8em; color: #333; line-height: 2; max-width: 540px;}
.ab2 .img{ width: 50%; order: 2;}
.ab2 .txt{ width: 50%; padding-left: 15%;}
.ab3{ padding: 300px 0 160px 0;}
.ab3 .tit h3{ text-align: center; font-size: 6em; margin-bottom: 80px;}
.ab3 .swiper-slide{ display: flex; align-items: center;}
.ab3 .swiper-slide .img img{ width: 100%;}
.ab3 .swiper-slide .img{ width: 50%; opacity: 0;}
.ab3 .swiper-slide .txt{ padding: 50px 90px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; transform: translateY(80px);}
.ab3 .swiper-slide .txt h3{ font-size: 6em; color: #333; line-height: 1.5; margin-bottom: 30px; font-weight: bold;}
.ab3 .swiper-slide .txt p{ font-size: 1.8em; color: #333; line-height: 1.8;}
.ab3 .swiper-slide.swiper-slide-active .txt{ opacity: 1; transform: translateY(0px);}
.ab3 .swiper-slide.swiper-slide-active .img{ opacity: 1; }
.ab3 .deve{ position: relative;}
.ab3 .btns{ position: absolute; bottom:0; right:50%; width: 60px; height: 120px;}
.ab3 .btns .swiper-button-next,.ab3 .btns .swiper-button-prev{ background-image: url(../images/product/arrow.png); width: 60px; height: 60px; background-size: auto 24px; background-color: #fff; margin-top: 0; }
.ab3 .btns .swiper-button-prev{ top:0; left: 0; transform: rotate(270deg);}
.ab3 .btns .swiper-button-next{ top:auto; bottom:0; right:0; transform: rotate(90deg);}
.ab4 .txt a{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.ab4{ padding: 320px 0; background: url(../images/about/ab4-bg.jpg) bottom center no-repeat; background-size: cover !important;}
.ab4 .txt{ max-width: 1040px; padding: 0 20px; margin: 0 auto; text-align: center; color: #fff;}
.ab4 .txt h3{ font-size: 7em; line-height: 1.5; margin-bottom: 20px;}
.ab4 .txt p{ font-size: 1.8em; line-height: 2;}
.ab4 .txt a{ font-size: 2.2em;  padding: 10px 20px; display: block; border: 1px solid #fff; width: fit-content; margin: 30px auto 0 auto; color: #fff;}
.ab4 .txt a:hover{ background: #fff; color: #333;}

/*project*/
.project-ban img,.project-ban a,.project-dots .pj-ds .pjd .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.project-ban{ margin: 0 0 40px 0; position: relative;}
.project-ban img{ width: 100%; opacity: 0.23;}
.project-ban .swiper-slide{ background: #000;}
.project-ban .swiper-button-next,.project-ban .swiper-button-prev{ width: 119px; height: 33px; background-size: contain;}
.project-ban .swiper-button-next{ background-image:url(../images/project/next.png); right:50px;}
.project-ban .swiper-button-prev{ background-image:url(../images/project/prev.png); left: 50px;}
.project-ban .swiper-slide-active img{ opacity: 1;}
.project-ban .more{ left: 0; position: absolute;  bottom:40px; z-index: 2; width: 100%; text-align: center;}
.project-ban a{  font-size: 2.2em;  padding: 10px 20px; display:block; border: 1px solid #fff; width: fit-content; margin: 0 auto 0 auto; color: #fff;}
.project-ban a:hover{ background: #fff; color: #333;}
.project-dots{ padding:0 20px 100px 20px;}
.project-dots .tit{ padding: 0 20px; text-align: center;}
.project-dots .tit h3{ font-size: 6em; line-height: 1.2; margin-bottom: 40px;}
.project-dots .tit p{ font-size: 2.4em; text-transform: uppercase; line-height: 1.2;}
.project-dots .pj-ds{ padding: 40px 0; display: flex; flex-wrap: wrap;}
.project-dots .pj-ds .pjd{ width:calc(50% - 40px); margin: 40px 20px; background: #eee;}
.project-dots .pj-ds .pjd a{ display: flex; align-items: center; padding: 35px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.project-dots .pj-ds .pjd .img{ overflow: hidden; width: 50%; order: 2;}
.project-dots .pj-ds .pjd .img img{ width: 100%;}
.project-dots .pj-ds .pjd .t{ padding: 0 10px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.project-dots .pj-ds .pjd .t p{ font-size: 1.6em; color: #333; line-height: 24px; max-height: 120px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:5;}
.project-dots .pj-ds .pjd:hover img{ transform: scale(1.1);}

/*projectshow*/
.pjs-imgs .pimgs .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.pjs-ban{ position: relative; background: #000;}
.pjs-ban .img img{ width: 100%; opacity: 0.5;}
.pjs-ban .txt{ display: flex; position: absolute; top:0; left: 0; height: 100%; text-align: center; align-items: center; justify-content: center; width: 100%;}
.pjs-ban .txt h3{ font-size: 10em; color: #fff; text-transform: uppercase;}
.pjs-txt{ padding: 100px 0;}
.pjs-txt .txt{ width: 100%; margin-bottom: 20px;}
.pjs-txt .txt p{ font-size: 1.8em; line-height: 2;}
.pjs-txt .t{ width: 100%; display: flex; flex-wrap: wrap;}
.pjs-txt .t .d{ min-width: 50%; padding: 5px; margin-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pjs-txt .t h3{ font-size: 1.8em; text-transform: uppercase; line-height: 1.5; font-weight: bold;}
.pjs-txt .t p{ font-size: 1.6em; line-height: 1.5;}
.pjs-imgs{ padding: 0 0 100px 0;}
.pjs-imgs .tit h3{ font-size: 2.4em; text-transform: uppercase; margin-bottom: 30px;}
.pjs-imgs .pimgs{ width: calc(100% + 60px); margin: 0 0 0 -30px; display: flex; flex-wrap: wrap;}
.pjs-imgs .pimgs .img{ width: calc(33.33% - 60px); margin: 30px 30px; overflow: hidden;}
.pjs-imgs .pimgs .img img{ width: 100%;}
.pjs-imgs .pimgs .img:hover img{ transform: scale(1.1);}

/*material*/
.material-t .mdots .md .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.material-t{ padding: 80px 0;}
.material-t .tit{ text-align: center;}
.material-t .tit h3{ font-size: 6em; color: #000; line-height: 1.2; font-weight: bold; margin-bottom: 40px;}
.material-t .tit p{ font-size: 1.8em; color: #000; line-height: 2; max-width: 90%; margin: 0 auto;}
.material-t .mdots{ display: flex; flex-wrap: wrap; margin-top: 30px;}
.material-t .mdots .md{ width: calc(25% - 40px); margin: 40px 20px; text-align: center;}
.material-t .mdots .md .img{ overflow:hidden;}
.material-t .mdots .md .img img{ width: 100%;}
.material-t .mdots .md .t p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-top: 20px;}
.material-t .mdots .md:hover img{ transform: scale(1.1);}

/*materialshow*/
.mamore .mdots .md .img img{transition:ease-out 0.5s all;-moz-transition: ease-out 0.5s all; -webkit-transition:ease-out 0.5s all; -o-transition: ease-out 0.5s all;}
.mashow{ padding: 60px 0 100px 0;}
.mashow .back a{ font-size: 1.4em; color: #000; line-height: 1.5; display: inline-block;}
.mashow .mas{ margin-top:40px; display: flex; justify-content: space-between; align-items: center;}
.mashow .mas .img{ width: 50%;}
.mashow .mas .img img{ width: 100%}
.mashow .mas .txt{ padding: 0 5%; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mashow .mas .txt h3{ font-size: 2.4em; line-height: 1.5; margin-bottom: 30px; font-weight: bold;}
.mashow .mas .txt p{ font-size: 1.8em; line-height: 2; }
.mamore{ background: #f6f6f6; padding: 60px 0 120px 0;}
.mamore .tit{ text-align: center;}
.mamore .tit h3{ font-size: 3.2em; line-height: 1.5; margin-bottom: 40px;}
.mamore .mdots{ display: flex; flex-wrap: wrap;}
.mamore .mdots .md{ width: calc(25% - 40px); margin: 0px 20px; text-align: center;}
.mamore .mdots .md .img{ overflow:hidden;}
.mamore .mdots .md .img img{ width: 100%;}
.mamore .mdots .md .t p{ font-size: 1.4em; color: #333; line-height: 1.5; margin-top: 20px;}
.mamore .mdots .md:hover img{ transform: scale(1.1);}

/*contact*/
.contact-t .btn .fc-btn,.contact-t .cmore .cd a{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact-t .c-tit{ padding: 80px 0;}
.contact-t .c-tit h3{ font-size: 4.2em;  line-height: 1.2; margin-bottom: 20px;}
.contact-t .c-tit p{ font-size: 1.8em; line-height: 1.5;}
.contact-t .cmore{ padding: 100px 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.contact-t .cmore .cd{ width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.contact-t .cmore .cd h3{ font-size: 4.2em; color: #010101; line-height: 1.2;}
.contact-t .cmore .cd h4{ font-size: 2em; line-height: 1.5; margin: 20px 0;}
.contact-t .cmore .cd p{ font-size: 1.6em; line-height: 2;}
.contact-t .cmore .cd a{ font-size: 1.8em; color: #000; padding: 10px 30px; border: 2px solid #0e0509;}
.contact-t .cmore .cd a:hover{ background: #0e0509; color: #fff;}
.contact-t .cfd{ padding: 80px 0;}
.contact-t .cfd .tit h3{ font-size: 4.2em; line-height: 1.5; margin-bottom: 40px;}
.contact-t form{ display: flex; flex-wrap: wrap;}
.contact-t input,.contact-t textarea{ font-size: 1.8em; outline:none; border: none; border:1px solid #000; padding:8px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000;}
.contact-t form .d{ width: calc(33.33% - 30px); margin: 15px;}
.contact-t form .d h3{ font-size: 1.6em; color: #010101; margin-bottom: 20px;}
.contact-t form .dmore{ width:100%; margin-bottom:30px;}
.contact-t form .dmore textarea{ width: 100%;  font-family: "Arial","Microsoft Yahei";}
.contact-t .fc-input{ width: 100%; margin-bottom: 30px;}
.contact-t .fc-input::-webkit-input-placeholder,.contact-t textarea::-webkit-input-placeholder { color:#000;}
.contact-t .fc-input:-moz-placeholder,.contact-t textarea:-moz-placeholder { color:#000;}
.contact-t .fc-input::-moz-placeholder,.contact-t textarea::-moz-placeholder { color:#000;}
.contact-t .fc-input:-ms-input-placeholder,.contact-t textarea:-ms-input-placeholder { color:#000;}
.contact-t .bm{ display: flex; justify-content: flex-end; align-items: center;}
.contact-t .bm p{ font-size: 1.6em; line-height: 1.5;}
.contact-t .bm input[type=radio] {
	/*去除浏览器默认样式*/
    -webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	/*自定义样式*/ margin-right: 12px;
    position:relative;
	display:inline-block;
	width:20px !important;
	height:20px;
	 padding: 0;
	border:1px solid #333;
	outline:none;
	cursor:pointer;
	/*设置为圆形，看起来是个单选框*/
    -webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	vertical-align:middle;
}
.contact-t .bm input[type=radio]:after {
	content:'';
	position:absolute;
	width:12px;
	height:12px;
	display:block;
	left:0;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
	background:#333;
	-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;
}
.contact-t .bm input[type=radio]:checked:after {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	transform:scale(1);
}
.contact-t .btn{  padding: 0 20px; width: 100%; text-align: right;}
.contact-t .btn .fc-btn{ border: 2px solid #000; padding:8px 60px; margin:40px 0 0 0; font-size:1.8em; color:#000; line-height:24px; cursor:pointer; background:#fff; text-transform: uppercase;}
.contact-t .btn .fc-btn:hover{ background:#000; color: #fff; }


/*手机版初始调整*/
#hamburger{ display:block !important;}
.bottomlist{ display:block;}
.footer{ margin-bottom:52px;}
.banner .swiper-slide{ height:400px;}
.banner .txt h3{ font-size:2.4em;}
.ip{ padding:60px 0;}
.ip .txt a, .ips .txt a, .inews .tit a{ padding:4px 10px;}
.ip .txt h3, .ips .txt h3, .inews .tit h3, .iab .txt h3{ font-size:2.4em; margin-bottom:10px;}
.ips{ padding-bottom:60px;}
.icase{ padding:50px 0;}
.icase .txts{ padding:0 40px;}
.icase .tit .warp2{ margin-bottom:40px;}
.inews{ padding:40px 0;}
.inews .in-box .box { width: calc(50% - 20px);}
.iab{ padding-bottom:40px;}
.footer .fo1 .fm img{ margin-bottom:20px;}
.footer .fo1{ padding:40px 0;}
.footer .fo1 .fm{ text-align:center; width:100%;}
.footer .fo1 .fmd a{ display:inline-block; padding:0 20px;}
.footer .fo1{ padding:20px 0;}
.footer .fo2{ padding-bottom:12px;}