@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Didot-HTF-M06-Medium";
  src: url("../fonts/Didot-HTF-M06-Medium.woff2") format("woff2"),
       url("../fonts/Didot-HTF-M06-Medium.woff") format("woff"),
       url("../fonts/Didot-HTF-M06-Medium.ttf") format("truetype"),
       url("../fonts/Didot-HTF-M06-Medium.eot") format("embedded-opentype"),
       url("../fonts/idot-HTF-M06-Medium.svg") format("svg");
}

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; background-color:#fff }
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:1240px; padding:0 20px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1400px; 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;}

/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:0px;}
div.fy a {  margin:2px 2px; padding:8px 12px; color:#232323; font-size:1.4em; display:inline; background-color:#fff; border:1px solid #ccc;}
div.fy a:hover {background-color:#222; color:#FFF; border:1px solid #222;}
div.fy a:active { background-color:#222; color:#FFF;  border:1px solid #222;}
div.fy span.current { margin:2px 2px; padding:8px 12px; border:1px solid #222; background-color:#222; color:#FFF; font-size:1.4em;}
div.fy span.disabled { margin:2px 2px; padding:8px 12px; color:#232323; font-size:1.4em; background-color:#fff; border:1px solid #ccc;}

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

.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;	width: 100%;   max-width: 800px;	height:600px;}

/*header*/
.header .munes .mune a,.header .munes .mune a:after,.header .logo img,.header .munes .more span{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.header .logo,.header .mune,.header .more{ float:left;}
.header .logo{ padding:20px 0;}
.header .logo img{ width:100%;}
.header .munes{ float:right;}
.header .munes .mune a{ padding:24px 40px; font-size:1.4em; color:#333; display:inline-block;  line-height:24px; position:relative; z-index:3;}
.header .munes .mune a:after{ content:""; position:absolute; bottom:0; left:0; width:0%; height:4px; background:#a4784e;}
.header .munes .mune a:hover:after,#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after,#m7 .m7:after{ width:100%;}
.header .munes .more span{ padding:25px 12px; display:inline-block; }
.header .munes .more .search img{ margin-bottom: -6px;}
.header .munes .more .lun a{ display: inline-block;}

/*footer*/
.footer a{ transition:ease .2s all;-moz-transition:transition:ease .2s all; -webkit-transition:transition:ease .2s all; -o-transition:transition:ease .2s all;}
.footer{ overflow:hidden; margin-top:75px; padding:40px 0 30px 0; border-top:2px solid #e7e7e7;}
.footer .fo1{ float:left; width:30%;}
.footer .fo1 *{ max-width:140px;}
.footer .fo1 img{ margin-bottom:30px;}
.footer .fo1 h3{ font-size:1.2em; text-transform:uppercase; line-height:18px; color:#333; margin-bottom:5px;}
.footer .fo1 h4{ font-size:1.4em; color:#333;}
.footer .fo2{ width:40%; float:left;}
.footer .fo2 .tit{ position:relative;}
.footer .fo2 .tit:after{ position:absolute; top:12px; left:0; width:100%; content:""; background:#cecccc; height:1px;}
.footer .fo2 .tit h3{ padding-right:4px; position:relative; z-index:2; background:#fff; display:inline-block; font-size:1.4em; color:#333; font-weight:bold; line-height:24px;}
.footer .fo2 .dot{ padding:20px 0 50px 0;}
.footer .fo2 .dot a{ font-size:1.4em; color:#888888; line-height:14px; display:inline-block; border-right:1px solid #d7d7d7; padding-right:10px; margin-right:10px;}
.footer .fo2 .dot a:hover{ color:#000;}
.footer .fo2 p{ font-size:1.2em; color:#333; line-height:14px;}
.footer .fo3{ width:30%; float:right; max-width:120px;}
.footer .fo3 img{ margin-bottom:15px;}
.footer .fo3 p{ font-size:1.4em; color:#333; line-height:24px;}
.footer .fo3 p a{ font-size:1em; color:#333;}
.footer .fo3 p a:hover{ text-decoration:underline;}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.bottomlist ul{ width:100%;}
.bottomlist ul li{ width:50%; 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 .swiper-slide .warp .txt a img{ transition:ease .2s all;-moz-transition:transition:ease .2s all; -webkit-transition:transition:ease .2s all; -o-transition:transition:ease .2s all;}
.banner .swiper-slide .warp .txt a{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.banner .swiper-slide{ height:800px; background-size:cover !important;}
/*ip*/
.ip .boxs .box .txt,.ip .boxs .box img,.ip .ip-slider img{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.ip{ padding:75px 0 80px 0;}
.ip .tit{ text-align:center;}
.ip .tit h3{ font-size:2.4em; color:#333333; line-height:24px; padding:15px 0 25px 0;}
.ip .tit p{ font-size:1.4em; line-height:24px; color:#888;}
.ip .boxs{ margin:50px 0 60px 0; overflow:hidden; padding:0 45px;}
.ip .boxs .box{ text-align:center; position:relative; float:left; width:calc(50% - 30px); margin:0 15px; background:#000;}
.ip .boxs .box img{ width:100%;}
.ip .boxs .box .txt{ opacity:0; position:absolute; top:40%; left:0; width:100%; height:100%;}
.ip .boxs .box .txt h3{ font-size:1.8em; color:#a4784e; line-height:24px; margin-bottom:5px; text-transform:uppercase;}
.ip .boxs .box .txt h4{ font-size:1.8em; color:#a4784e;}
.ip .boxs .box:hover img{ opacity:0.3;}
.ip .boxs .box:hover .txt{ opacity:1;}
.ip .ip-slider{ padding:0 60px; position:relative;}
.ip .ip-slider:after,.ip .ip-slider:before{ width:60px; height:100%; background:#fff; content:""; top:0; z-index:2; position:absolute;}
.ip .ip-slider:after{ left:0;}
.ip .ip-slider:before{ right:0;}
.ip .ip-slider img{ max-width:100%;}
.ip .ip-slider .swiper-button-next{ background-image:url(../images/ip-n.png); right:0;}
.ip .ip-slider .swiper-button-prev{ background-image:url(../images/ip-p.png); left:0;}
.ip .ip-slider .swiper-button-next,.ip .ip-slider .swiper-button-prev{ width:31px; height:31px; background-size:31px 31px;}
.ip .ip-slider .txt{ position:absolute; top:0; left:0; text-align:center; width:100%; top:20%;}
.ip .ip-slider .txt h3{ font-size:1.8em; color:#fefefe; line-height:24px; margin-bottom:10px; text-transform:uppercase;}
.ip .ip-slider .swiper-slide:hover img{-webkit-filter:grayscale(100%); -moz-filter:grayscale(100%);	-ms-filter:grayscale(100%);	-o-filter:grayscale(100%);	filter:grayscale(100%);}
/*iab*/
.iab1{ background:url(../images/iab.jpg) center center no-repeat; background-size:cover; color:#fff; height:699px;}
.iab1 .warp{ display:table; width:100%; height:100%;}
.iab1 .warp .txt{ display:table-cell; height:100%; vertical-align:middle; padding-bottom:20%;}
.iab1 .txt h3{ font-family: "Didot-HTF-M06-Medium";  font-size:4em; text-transform:uppercase;}
.iab1 .txt h4{ font-size:3em; line-height:32px; padding:20px 0 25px 0;}
.iab1 .txt p{ font-size:1.4em; line-height:24px;}
.iab{ background:#f9f9f9;}
.iab2 .img img{ margin-top:-170px; }
.iab2 .warp>*{ float:left; width:50%;}
.iab2 .warp .txt{ max-width:540px; float:right; padding:60px 0;}
.iab2 .warp .txt h3{ font-size:3em; color:#333; margin-bottom:25px;}
.iab2 .warp .txt h3 span{ padding:0 4px;}
.iab2 .warp .txt p{ font-size:1.4em; color:#333; line-height:24px;}
/*icase*/
.icase .icase-slider .swiper-slide .txt{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.icase .tit{ text-align:center; padding:80px 0 60px 0; color:#333;}
.icase .tit h3{ font-family: "Didot-HTF-M06-Medium"; font-size:4em; margin-bottom:15px; text-transform:uppercase;}
.icase .tit p{ font-size:3em;}
.icase .icase-slider .swiper-slide{ position:relative;}
.icase .icase-slider .swiper-slide .txt{ position:absolute; top:0; left:0; width:100%; background:rgba(46,46,46,0.8); color:#fff; height:100%; padding:20% 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:0;}
.icase .icase-slider .swiper-slide .txt h3{ font-size:2em; line-height:24px; margin-bottom:10px;}
.icase .icase-slider .swiper-slide .txt p{ font-size:1.4em; line-height:24px;}
.icase .icase-slider .swiper-slide img{ width:100%;}
.icase .icase-slider .swiper-slide:hover .txt:hover{opacity:1;}

/*banners*/
.banners{ height:400px; background-size:cover !important;}
.about{ height:680px; background:url(../images/banners/about-banner.jpg) center center no-repeat;}
.join{ background:url(../images/banners/join-banner.jpg) center center no-repeat;}
.product{ background:url(../images/banners/product-banner.jpg) center center no-repeat;}
.case{ background:url(../images/banners/case-banner.jpg) center center no-repeat;}
.contact{ background:url(../images/banners/contact-banner.jpg) center center no-repeat;}
.banners .warp{ display:table; width:100%; height:100%;}
.banners .warp .txt{ display:table-cell; text-align:center; color:#fff; vertical-align:middle;}
.banners .warp .txt h3{ font-size:1.8em; margin-bottom:20px;}
.banners .warp .txt h4{ font-size:3.6em; text-transform:uppercase; position:relative; line-height:50px;}
.banners .warp .txt h4:after,.banners .warp .txt h4:before{ position: absolute;left: 0;right: 0;margin: auto; width: 52px; height: 7px; border: 3px solid #fff; content: "";}
.banners .warp .txt h4:after{  bottom: 0px; border-top: none;}
.banners .warp .txt h4:before{ top: 0px; border-top: none; border-bottom: none;}

/*about*/
.about-t{ text-align:center;}
.about-t img{ max-width:100%;}
.about-t h3{ font-size:3.6em; color:#333; padding:65px 0 90px 0; }
.about-t h3 span img{ margin:0 4px -5px 0;}
.about-t h4{ font-size:2.4em; color:#333; line-height:38px; text-decoration:underline;}
.about-t p{ font-size:1.4em; color:#888; line-height:24px; max-width:700px; margin:0 auto;}
.about-t .ab2{ height:570px; background:url(../images/about/ab2-bg.jpg) center center no-repeat; background-size:cover;}
.about-t .ab1 .t1{ padding:100px 0 80px 0;}
.about-t .ab1 .t2{ padding:75px 0 105px 0;}
.about-t .ab1 .t3{ padding:125px 0 110px 0;}
.about-t .ab1 .t4{ padding:120px 0;}
.about-t .ab1 .dot{ overflow:hidden; margin:0 auto; width:fit-content;}
.about-t .ab1 .dot img{ margin:0 20px;margin-top:70px; display:inline-block; float:left; }
.about-t .ab1 .dot img:nth-child(2){ margin-top:0px;}
.about-t .ab3 .dot{ padding-top:40px;}
.about-t .ab3 .dot h4{ margin-bottom:60px;}
.about-t .ab3 .dot .imgs2{ margin-bottom:90px; overflow:hidden;}
.about-t .ab3 .dot .imgs2 .d{ float:left; width:50%;}
.about-t .ab3 .dot p{ padding-bottom:60px;}
.about-t .ab3 .dot .imgs{ margin-bottom:70px;}
.about-t .ab3 .dot .imgs img{ padding:0 25px;}

/*join*/
.join-t .btn .fc-btn{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.join-t{ padding:70px 0 30px 0;}
.join-t .dots{ overflow:hidden; width:calc(100% + 30px); margin-left:-15px;}
.join-t .dot{ width:calc(33.33% - 30px);  margin:0 15px; float:left;}
.join-t input,.join-t textarea{ border:none; outline:none; padding:12px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.6em; line-height:24px; border:1px solid #c3c3c3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.join-t .fc-input{ color:#888; width:100%; margin-bottom:40px;  float:left;}
.join-t textarea{ color:#888; width:100%; margin-bottom:40px; font-family: "Arial","Microsoft Yahei";}
.join-t .dots:nth-child(3){ width:calc(100%); margin-left:0;}
.join-t .dots h3{ font-size:1.6em; color:#555; font-weight:bold; margin-bottom:20px;}
.join-t .fc-input::-webkit-input-placeholder {  color:#888;}
.join-t .fc-input:-moz-placeholder {   color:#888;}
.join-t .fc-input::-moz-placeholder {  color:#888;}
.join-t .fc-input:-ms-input-placeholder {  color:#888;}
.join-t textarea::-webkit-input-placeholder {  color:#888;}
.join-t textarea:-moz-placeholder {   color:#888;}
.join-t textarea::-moz-placeholder {  color:#888;}
.join-t textarea:-ms-input-placeholder {  color:#888;}
.join-t .btn{ text-align:center;}
.join-t .btn .fc-btn{ padding:10px 60px; font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background:#111;}
.join-t .btn .fc-btn:hover{ background:#a4784e;}

/*contact*/
/*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;}

.contact-t{ padding:70px 0 0 0;}
.contact-t .boxs{ overflow:hidden; display:table; width:100%;}
.contact-t .boxs .left,.contact-t .boxs .right{ display:table-cell; vertical-align:top;}
.contact-t .boxs .left{  width:70%;}
.contact-t .boxs .right{ background:rgba(0,0,0,0.9); height:100%; width:30%;}
.contact-t .boxs .right .txts{ background:#fff; margin-top:30px; box-shadow:2px 2px 3px rgba(0,0,0,0.21); width:150%; margin-left:-60%; position:relative; z-index:2; padding:10% 12%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .boxs .right .txts .tit{ overflow:hidden; border-bottom:1px dashed #e0e0e0; padding-bottom:15px; margin-bottom:30px;}
.contact-t .boxs .right .txts .tit>*{ float:left;}
.contact-t .boxs .right .txts .tit .t{ padding:0 20px 0 15px;}
.contact-t .boxs .right .txts .tit .t h3{ font-size:1.8em; color:#333; line-height:24px; margin-bottom:5px;}
.contact-t .boxs .right .txts .tit .t h4{ font-size:1.4em; color:#888888; line-height:24px;}
.contact-t .boxs .right .txts .tit p{ font-size:3.6em; color:#333333; line-height:24px; line-height:50px;}
.contact-t .boxs .right .txts .txt h3,.contact-t .boxs .right .txts .txt a{ font-size:1.4em; color:#555; line-height:28px;}
.contact-t .boxs .right .txts .txt a:hover{ text-decoration:underline;}

/*product*/
.product-t .boxs .img img{ transition:ease .6s all;-moz-transition:transition:ease .6s all; -webkit-transition:transition:ease .6s all; -o-transition:transition:ease .6s all;}
.product-t{ padding:45px 0 0 0; overflow:hidden;}
.product-t .list{ padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-t .list h3{ font-size:1.8em; color:#333333; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px;}
.product-t .list span{ font-size:1.4em; padding:0 20px; color:#d7d7d7;}
.product-t .list .box{ margin-top:20px;}
.product-t .list a{ font-size:1.4em; color:#888; display:inline-block; margin-bottom: 5px;}
.product-t .list a:hover{ color:#222;}
.lock{ color:#222 !important; text-decoration:underline;}
.product-t .boxs{ overflow:hidden; width:calc(100% + 20px); margin:0 0 0 -10px;}
.product-t .boxs .box{ float:left; width:calc(33.33% - 40px); margin:35px 20px; text-align:center;}
.product-t .boxs .img{ overflow:hidden;}
.product-t .boxs .img img{ max-width:100%;}
.product-t .boxs .box p{ font-size:1.4em; color:#333; padding:20px 8px 0 8px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}

.product-t .boxs .box:hover img{ transform:scale(1.05);}

/*productshow*/
.productshow{ overflow:hidden; border-top:1px solid #ccc;}
.productshow .txts>*{ float:left; width:50%;}
.productshow .leads{ padding:45px 0;}
.productshow .leads>*{ font-size:1.6em; color:#333; line-height:24px;}
.productshow .leads span{ padding:0 4px;}
.productshow .leads a:hover{ text-decoration:underline;}
.productshow .txts .left{ text-align:center;}
.productshow .txts .left h3{ font-size:1.6em; color:#333333; line-height:24px; padding:20px 0;}
.productshow .txts img{ max-width:98%; padding:0 1%;}
.productshow .pro-slider img{ max-width:100%;}

/*case*/
.case-t{ padding:60px 0;}
.case-t .box{ display:table; width:100%; margin:0 0 40px 0;}
.case-t .box>*{ display:table-cell; width:50%; vertical-align:middle;}
.case-t .box .img img{ max-width:100%;}
.case-t .box .txt{ padding:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.case-t .box .txt h3{ font-size:2em; color:#333; margin-bottom:25px;}
.case-t .box .txt p{ font-size:1.4em; color:#333333; line-height:24px;}