@charset "utf-8";
/* CSS Document */
/*css 初始化 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #F5F5F5
}

::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555
}

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: "Microsoft Yahei","Arial";  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:100%; padding:0 110px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.warp2{ max-width:1440px; 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 {background: #fff; text-align:center;line-height:4rem;  margin:30px 0 50px 0; padding: 20px;}
div.fy a { margin:2px 2px;padding:8px 12px;color:#666;font-size:1.4em; display:inline; background: #fff;  border-radius: 50%;}
div.fy a:hover{color:#fff;  background: #cc000c; border-radius: 50%;}
div.fy a:active{ color:#fff;  background: #cc000c;  border-radius: 50%;}
div.fy span.current{  margin:2px 2px;padding:8px 12px; color:#fff;  font-size:1.4em;  background: #cc000c; border-radius: 50%;}
div.fy span.disabled{ padding:8px 12px; color:#666; font-size:1.4em; background: #fff;  border-radius: 50%;}
div.fy *:first-child{ color: #666 !important; background: #fff !important; float:left; margin-top: -8px;}
div.fy *:last-child{ color: #666 !important; background: #fff !important; float:right; margin-top: -8px;}


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


/*header*/
.header .list>a:after,.header,.header.hd .logo img,.header .menus .md .m-list a:after,.header .menus .md .m-list a,.header .menus .md .m-list.hp *{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
#m1 .header{ top:0; left: 0; width: 100%; position: fixed;  z-index: 99;}
#m1 .header .menus .md>a{ color: #fff;}
.header .logo{ float:left; padding: 36px 0 14px 0;}
.header .menus{ float:right;}
.header .menus>div{ float:left; }
.header .menus .md>a{ padding: 58px 25px 36px 25px; font-size: 1.4em; color: #333; line-height: 1.5; display: inline-block;}
.header .menus .md .m-list{ display: none; position: absolute; top:115px; left: 0; width: 100%; z-index: 2;background: #333; border-top:1px solid #ddd; text-align: center; padding: 30px 0; box-shadow: 4px 4px 10px rgba(0,0,0,0.2);}
.header .menus .md .m-list a{ color: #fff; font-size: 1.4em; line-height: 24px; display: inline-block;  padding: 4px 40px; border-right:1px solid #ddd;  position: relative; max-width: 24%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .menus .md .m-list a:last-child{ border: none;}
.header .menus .md .m-list a:hover{ color: #e30a15;}
.header .menus .md .m-list.hp{background: #fff;}
.header .menus .md .m-list.hp .img{ margin-bottom: 20px; overflow: hidden; border-radius: 10px; background: #fff;}
.header .menus .md .m-list.hp img{ max-width: 100%;}
.header .menus .md .m-list.hp:hover img{ transform: scale(0.8);}
.header .menus .md .m-list.hp img{ width: 200px;}
.header .menus .md .m-list.hp a:hover img{ transform: scale(1);}
.header .menus .md .m-list.hp p{ color: #333; font-size: 14px;}
.header .menus .md .m-list.hp a:hover p{ color: #e30a15;}
.header .menus .lun{ padding: 6px 15px; background: #e30a15; border-radius: 30px; margin: 50px 0 15px 50px;}
.header .menus .lun>*{ font-size: 1.4em; line-height: 1.5; float:left; color: #fff; }
#m1 .header:hover{ background: #fff;}
#m1 .header:hover .md>a{ color: #333;}
.header.hd{ top:0; left: 0; width: 100%; position: fixed; z-index: 999; background: #fff; box-shadow: 4px 4px 10px rgba(0,0,0,0.5);}
.header.hd .logo{ padding: 20px 0 14px 0;}
.header.hd .menus .md>a{ padding: 42px 25px 36px 25px;}
.header.hd .menus .md>a{ color: #333 !important;}
.header.hd .logo img{ transform: scale(0.8);}
.header.hd .menus .lun{ margin: 36px 0 15px 50px;}
.header.hd .menus .lun a:hover{ text-decoration: underline;}
.header.hd .menus .md .m-list{ top:99px;}
#m1 .header .menus .md>a:hover,.header .menus .md:hover>a
/*#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6*/{ color: #e30a15 !important;}

/*rt*/
.right-tip{ z-index: 9999; position: fixed; top:calc(50% - 85px); right:0;}
.rt{ cursor: pointer; text-align: center; background: rgba(0,0,0,0.5); padding: 10px; margin: 5px 0;}
.rt h3{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.rt>img{ width: 40px;}
.rtt{  z-index: 10; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; top:0; display: none;}
.rtt .ri{ display: flex; height: 100%; align-items: center; text-align: center; height: 100vh;}
.rtt>div{ width: 100%;}
.rtt>div img{ display: block; margin: auto;  max-width: 800px; max-height: 60vh;}



/*footer*/
.footer a,.footer .links img,.footer .fo2 .fct .fs a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.footer{ background: #222;}
.footer .fo1 .fo1-box{padding: 60px 0 30px 0;  border-bottom: 1px solid #6c6c6c; overflow: hidden;}
.footer .fo1 .fo1-box>*{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.footer .fo1 .fo1-box .left{ padding-left: 10px; width: 30%;}
.footer .fo1 .fo1-box .left img{ margin-bottom: 20px;}
.footer .fo1 .fo1-box .left p{ font-size: 1.4em; color: #555; line-height: 2;}
.footer .fo1 .fo1-box .left p a{ font-size: 1em; color: #555;}
.footer .fo1 .fo1-box .left p a:hover{ color: #fff; text-decoration: underline;}
.footer .fo1 .fo1-box .f-menu{ float:right; max-width: 70%;}
.footer .fo1 .fo1-box .f-menu .dot{ float:left;  padding-left: 100px;}
.footer .fo1 .fo1-box .f-menu .dot h3 a{ font-size: 1.6em; font-weight: bold; margin-bottom: 14px; color: #fff; display: inline-block; line-height: 1.5;}
.footer .fo1 .fo1-box .f-menu .dot p a{ font-size: 1.4em; color: #555; line-height: 1.5;}
.footer .fo1 .fo1-box .f-menu a:hover{ color: #fff !important; text-decoration: underline;}
.footer .fo2{ overflow: hidden; padding: 40px 0 50px 0;}
.footer .fo2 .left{ float:left; max-width: 30%;}
.footer .fo2 .left h3{ font-size: 4em; color: #fff; font-weight: bold; font-family:"Arial"; line-height: 1.5;}
.footer .fo2 .left p{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.footer .fo2 .fct{ float:right; max-width: 70%;}
.footer .fo2 .fct p{ font-size: 1.4em; line-height: 1.5; color: #fff;}
.footer .fo2 .fct .fs{margin-top: 20px;}
.footer .fo2 .fct .fs a{ margin-left: 30px; display: inline-block;}
.footer .fo2 .fct .fs a:first-child{ margin: 0;}
.footer .fo2 .fct .fs a:hover{ transform: translateY(-4px);}

.bottomlist{ background:#000; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:200;}
.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-slider img{ width: 100%;}
/*ip*/
.ip .ip-slider .img img,.ip .ip-slider .swiper-slide,.ip .ip-slider .tip p{transition:ease 2.5s all;-moz-transition: ease 2.5s all; -webkit-transition:ease 2.5s all; -o-transition: ease 2.5s all;}
.ip .tit{position: relative;}
.ip .tit:after{ position: absolute; top:0; right: 0; content: ""; background: #cd000c; border-left: 26px solid #404040; height: 48px; width: 10%; }
.ip .tit .t{ width: auto; display: inline-block; background: url(../images/ip-tit.jpg) center right no-repeat #cd000c; background-size: contain; padding: 20px 8% 20px 14%;}
.ip .tit .t h3{ font-size: 2.4em; font-weight: bold; text-transform: uppercase; color: #fff; line-height: 1.5;}

.ip .ip-slider{ padding: 40px 0 60px 0; text-align: center;}
.ip .ip-slider .img img{ transform: scale(0.6); width: 100%; transform-origin : 50% 100% 0; opacity: 0;}
.ip .ip-slider .tip{ margin-top: 50px;}
.ip .ip-slider .tip p{ font-size: 2.4em; color: #333; transform: translateY(-24px); opacity: 0;}
.ip .ip-slider .tip p span{ font-size: 1em; font-weight: bold;}
.ip .ip-slider .swiper-slide-active .img img{transform: scale(1); opacity: 1;}
.ip .ip-slider .swiper-slide-prev .img img{ opacity: 0.3; transform-origin : 100% 100% 0;}
.ip .ip-slider .swiper-slide-next .img img{ opacity: 0; transform-origin : 0% 100% 0;}
.ip .ip-slider .swiper-slide-active .tip p{ transform: translateY(-0px); opacity: 1;}
/*iab*/
.iab{ display: table;}
.iab>*{ display: table-cell; vertical-align:bottom;}
    .iab .img {
        border-bottom: 12px solid #cd000c;
        width: 40%;
        background: url(../images/webp/iab-i.webp) center center no-repeat;
        background-size: cover !important;
    }
.iab .img .tit{ padding: 20px 80px; float:right; display: inline-block; margin: 0 0 0 auto; color: #fff; background: #cd000c;}
.iab .img .tit h3{ font-size: 2.4em; font-weight: bold; line-height: 1.5;}
    .iab .txt {
        overflow: hidden;
        position: relative;
        padding: 10%;
        background: url(../images/webp/iab-bg.webp) center center no-repeat;
        background-size: cover !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
.iab .txt:after{ position: absolute; top:0; right: 0; width: 50%; background: #cd000c; height: 12px; content: "";}
.iab .txt .t{ margin-bottom: 70px;}
.iab .txt .t h3{ font-size: 2em; color: #a2a2a2; text-transform: uppercase; font-weight: 800;}
.iab .txt .t h4{ font-size: 4.8em; color: #cd000c; font-weight: bold; line-height: 2;}
.iab .txt .t p{ font-weight: 100; color: #d0d0d0; font-size: 1.6em;  line-height: 1.5;}
.iab .txt .dots{ overflow: hidden;}
.iab .txt .dots .dot.d1{ border-right: 1px solid #3e3e3e; float:left; width: 60%; }
.iab .txt .dots .dot.d2{  padding-left: 60px; float:right; width: 40%;}
.iab .txt .dots .dot{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 30px 0;}
.iab .txt .dots .dot h3{ font-size: 1.8em; color: #e4e4e4; line-height: 1.5;}
.iab .txt .dots .dot h4{ font-size: 1.8em; color: #e4e4e4; line-height: 1.5;}
.iab .txt .dots .dot h4 span{  font-weight: 800; color: #cd000c;  line-height: 1.5; font-size: 60px; font-family: "Arial"; transform: translateY(6px); margin-right: 6px; display: inline-block;}
/*inews*/
.inews .txts .txt .img img{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.inews{ padding: 160px 60px 170px 60px;}
.inews .txts{ overflow: hidden; width: 100%;}
.inews .txts .txt{ float:left; width: calc(50% - 80px); margin: 0 40px;}
.inews .txts .txt .t{ padding-right: 30%; position: relative; }
.inews .txts .txt .t:after{ position: absolute; top:0; right: 0; content: "";  background-size: contain; width: 137px; height: 91px;}
.inews .txts .txt.t1 .t:after{ background: url(../images/01.png) right center no-repeat;}
.inews .txts .txt.t2 .t:after{ background: url(../images/02.png) right center no-repeat;}
.inews .txts .txt .t h3{ font-size: 4.8em; color: #333; line-height: 52px; height: 52px; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 40px;}
.inews .txts .txt .t p{ font-size: 1.4em; color: #888; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.inews .txts .txt .t span{ font-size: 1.4em; color: #888; line-height: 24px; margin: 40px 0 30px 0; display: inline-block; }
.inews .txts .txt .img{ overflow:hidden; position: relative; z-index: 1;}
.inews .txts .txt .img img{ width: 100%;}
.inews .txts .txt:hover .img img{transform: scale(1.1);}
/*iv*/
.iv .iv-box .box .box1:after,.iv .iv-box .box .box2 .b:after,.iv .iv-box .tit a span{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.iv{ background:url(../images/iv-bg.webp) center center no-repeat; background-size: cover !important; overflow: hidden; background-attachment: fixed;}
.iv .iv-box{ padding: 60px 65px 50px 65px; width:50%; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.iv .iv-box .tit a{ float:right; display: inline-block; font-size: 1.6em; color: #fff; line-height: 1.5; padding: 6px 0px; border-bottom: 1px solid #fff;  margin-top: -40px;}
.iv .iv-box .tit a span{ display: inline-block; font-size: 1em; }
.iv .iv-box .tit a:hover span{ transform: translateX(10px);}
.iv .iv-box img{ width: 100%;}
.iv .iv-box .tit{ color: #fff; padding: 0 14px;}
.iv .iv-box .tit h3{ font-size: 2.4em; color: #fff; font-weight: bold; line-height: 1.5;}
.iv .iv-box .box .box1,.iv .iv-box .box .box2 .b{ position: relative; margin-top: 35px; cursor: pointer;}
.iv .iv-box .box .box1:after,.iv .iv-box .box .box2 .b:after{ position: absolute; top:calc(50% - 69px); left: calc(50% - 69px); width: 138px; height: 138px;  content: ""; background: url(../images/play.png) center center no-repeat; background-size: contain !important;}
.iv .iv-box .box .box2{ width: calc(100% + 30px); margin-left: -15px; overflow: hidden;}
.iv .iv-box .box .box2 .b{ float:left; width: calc(50% - 30px); 
margin: 35px 15px 0 15px;}
.iv .iv-box .box .box1:hover:after,.iv .iv-box .box .box2 .b:hover:after{ transform: scale(1.1);}

/*banners*/
.banners{ display: table; width: 100%; height: 640px; background-size: cover !important;}
.banners .txt{ display: table-cell; text-align: center; vertical-align: middle; padding-bottom: 4%;}
.banners .txt h3{ font-size: 3.6em; color: #fff; line-height: 1.5; text-transform: uppercase;}
.join{ background: url(../images/banners/join-banner.jpg) center center no-repeat;}
.news{ background: url(../images/banners/news-banner.jpg) center center no-repeat;}
.about{ background: url(../images/banners/about-banner.jpg) center center no-repeat;}
.video{ background: url(../images/banners/video-banner.jpg) center center no-repeat;}
.pro{ background: url(../images/banners/pro-banner.jpg) center center no-repeat;}


/*tits*/
.tits{ text-align: center;}
.tits h3{ font-size: 3.6em; color: #cd000c; font-weight: bold; margin-bottom: 10px;}
.tits h4{ font-size: 2.4em; color: #1d1e1e; line-height: 1.5;}
.tits p{ font-size: 1.6em; color: #888; line-height: 1.5;}

/*product*/
.product .p-tit .plt a,.product .p-tit .plt a:after,.product .p-boxs  .pbox .img img{transition:ease-out 0.2s all;-moz-transition: ease-out 0.2s all; -webkit-transition:ease-out 0.2s all; -o-transition: ease-out 0.2s all;}
.product{  background: #e7e7e7;}
.product .p-tit{ overflow: hidden; }
.product .p-tit .pt{ float:left;}
.product .p-tit .pt h3{ color: #fff; line-height: 40px; font-size: 3em;  padding-bottom: 30px; background: url(../images/ip-tit.jpg) right center no-repeat #cd000c; background-size: contain !important; padding: 30px 60px 30px 240px;}
.product .p-tit .plt{ float:left; padding-left: 120px;}
.product .p-tit .plt a{ font-size: 1.6em; color: #555;  display: inline-block; line-height: 80px; text-align: center; padding: 10px 20px; margin: 0 20px; position: relative;}
.product .p-tit .plt a:after{ position: absolute; bottom: 0; left: 0; width: 100%;  height: 0px; content: ""; background: #404040;}
.product .p-tit .plt a:hover,.product .p-tit .plt a.lock{ background: #cd000c; color: #fff;}
.product .p-tit .plt a:hover:after,.product .p-tit .plt a.lock:after{ height: 10px;}
.product{overflow: hidden;}
.product .p-boxs{ overflow: hidden; width: calc(100% + 20px); margin: 0 0 0 -10px;}
.product .p-boxs .pbox{ background: #fff; float:left;width: calc(50% - 20px); margin:0 10px 20px 10px;  text-align: center;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding: 60px 0;}
.product .p-boxs  .pbox .img{ overflow: hidden;}
.product .p-boxs  .pbox .img img{ max-width:100%;}
.product .p-boxs  .pbox .t{  padding:10px 0; }
.product .p-boxs  .pbox .t p{ font-size: 1.8em; line-height: 24px; height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.product .p-boxs  .pbox:hover img{ transform: scale(1.1);}
.product .p-boxs  .pbox:hover p{ font-weight: bold;}






/*productshow*/
.proshow-vi .pv-box .img.pv:after,.proshow-vi .pv-box .img img{transition:ease-out 0.2s all;-moz-transition: ease-out 0.2s all; -webkit-transition:ease-out 0.2s all; -o-transition: ease-out 0.2s all;}
.proshow-ban img{ width: 100%;}
.proshow-tit{ text-align: center; padding: 130px 0 110px 0;}
.proshow-tit h3{ font-size: 3.6em; color: #333; line-height: 1.5; font-weight: bold; text-transform: uppercase;}
.proshow-tit h4{  line-height: 1;	margin:0 auto;
	font-size:25em;
	text-align:center;
	font-weight:800;
	display: inline-block; 
	background:url(../images/p-num.jpg);
	color:transparent;
	-webkit-background-clip:text;
	background-size:cover !important; font-family: "Microsoft Yahei","Arial"; }
.proshow-tit p{ font-size: 3em; color: #333; line-height: 1.5;}
.proshow-vi{ padding: 110px 0 90px 30px; background: url(../images/product/pro-vi-bg.jpg) center center no-repeat; background-size: cover !important; background-attachment: fixed;}
.proshow-vi .pv-box{ overflow-x:scroll; max-width: 100%;}
.proshow-vi .pv-box .pvb{ display: table;  margin-bottom: 50px;}
.proshow-vi .pv-box .img{ display: table-cell;  padding-right: 40px; background: #000; }
.proshow-vi .pv-box .img img{width: 1080px; }
.proshow-vi .pv-box .img>div{overflow: hidden;}
.proshow-vi .pv-box .img:hover img{ transform: scale(1.1);}
.proshow-vi .pv-box::-webkit-scrollbar-track {
	background-color:#000;
	background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(0,transparent),color-stop(.3,transparent),color-stop(.3,#bbb),color-stop(.7,#bbb),color-stop(.7,transparent),to(transparent));
}
.proshow-vi .pv-box::-webkit-scrollbar {
	width:10px;
	 height: 16px;
	border-radius: 20px;	
	background-color:#F5F5F5;
}
.proshow-vi .pv-box::-webkit-scrollbar-thumb {
	background-color:#cd000c;
	border-radius: 20px;
}
.proshow-vi .pv-box .img.pv{ cursor: pointer;}
.proshow-vi .pv-box .img.pv:after{  position: absolute; top:calc(50% - 69px); left: calc(50% - 69px); width: 138px; height: 138px;  content: ""; background: url(../images/play.png) center center no-repeat; background-size: contain !important;}
.proshow-vi .pv-box .img.pv:hover:after{ transform: scale(1.2);}
.proshow-details{ padding: 70px 0 50px 0; background-image:linear-gradient(0deg,#cd000c 0%,#cd000c 20%,white 20%,white 100%); }
.proshow-details .tit h3{ font-size: 3em; color: #333; line-height: 1.5; text-align: center; margin-bottom: 50px;}
.proshow-details .pdbs .pdb{ display: table;background: #bbb;}
.proshow-details .pdbs .pdb:nth-child(2n){ background: #262626;}
.proshow-details .pdbs .pdb>*{ display: table-cell; vertical-align: middle; text-align: center; width: 50%; }
.proshow-details .pdbs .pdb .img{ overflow: hidden;}
.proshow-details .pdbs .pdb .img img{ width: 100%;}
.proshow-details .pdbs .pdb .t h3{ font-size: 3.6em; color: #333; line-height: 1.2;}
.proshow-details .pdbs .pdb:nth-child(2n) .t h3{ color: #fff;}
.proshow-details .pb-tit{ color: #fff;  padding-top: 65px; text-align: center; background: #cd000c;}
.proshow-details .pb-tit h3{ font-size: 3.6em; font-weight: bold; margin-bottom: 20px;}
.proshow-details .pb-tit h4{ font-size: 2.4em; font-weight: bold;}
.proshow-base{ padding: 80px 0;}
.proshow-base .imgs{ margin: 0 auto 80px auto; max-width: 1000px;}
.proshow-base .imgs img{ width: 100%;}
.proshow-base .imgs .swiper{ overflow: hidden; position: relative;}
.proshow-base .imgs .mySwiper{ padding: 0 30px;}
.proshow-base .imgs .mySwiper img{ opacity: 0.5;}
.proshow-base .imgs .mySwiper .swiper-slide-thumb-active img{ opacity: 1;}
.proshow-base .imgs .color{ margin-top: 40px;}
.proshow-base .imgs .color h3{ display: inline-block; font-size: 1.6em; line-height: 24px;}
.proshow-base .imgs .color span{ display: inline-block; width: 60px; height: 24px; margin-left: 12px; margin-bottom: -6px;}

.proshow-base table tr td{ font-size: 1.6em; color: #040000; line-height: 1.5; padding: 30px 40px;}
.proshow-base table tr:nth-child(2n-1) td{ background: #b0dbf5;}

.p-line a,.p-line a p{transition:ease-out 0.4s all;-moz-transition: ease-out 0.4s all; -webkit-transition:ease-out 0.4s all; -o-transition: ease-out 0.4s all;}
.p-line{ z-index: 99; position:fixed; bottom: 60px; right: 40px;}
.p-line a{ position:relative; font-size: 1.6em; text-align: center; width: 80px; display: block; padding:6px; background: #eee; margin: 5px 0;}
.p-line a p{ opacity: 0; font-size: 14px; position: absolute;  top:0;right: 0%;  background: #eee; line-height: 28px; padding: 0 10px; width: 160%;}
.p-line a:hover p{ opacity: 1; right:110%;background:#e30a15; color: #fff;}
.p-line a:hover{ background:#e30a15; color: #fff;}

.proshow-details .pd1{ text-align: center;}
.proshow-details .pd1 img{ max-width: 100%; margin: 10px 0;}


/*about*/
.about{ position: relative; height: 720px;}
.about .nums{ text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(204,0,12,0.8);}
.about .nums:after{ position: absolute; bottom: 0; left: 0; width: 16%; background: #101414; height: 100%; content: "";}

.about .nums .nd{ padding: 35px 90px 15px 90px; color: #fff; border-right:1px solid rgba(255,255,255,0.77); text-align: left; display: inline-block;}
.about .nums .nd h3{ font-size: 1.8em; color: #e4e4e4; line-height: 1.5;}
.about .nums .nd h4{ font-size: 1.8em; color: #e4e4e4;}
.about .nums .nd h4 span{ font-size: 48px; font-weight: 800;}
.about-t .ab1{ padding: 90px 0 110px 0; text-align: center; background: #eee;}
.about-t .ab1 .tit{ margin-bottom: 30px;}
.about-t .ab1 .tit h3{ font-size: 3.6em; color: #cd000c; font-weight: bold; margin-bottom: 12px;}
.about-t .ab1 .tit h4{ font-size: 2.4em; color: #1d1e1e; line-height: 1.5;}
.about-t .ab1 .t p{ font-size: 1.4em; color: #0a0204; line-height: 1.5;  max-width: 1024px; margin: 24px  auto 0 auto;}
.about-t .ab2{ overflow: hidden; padding: 80px 0 90px 0;}
.about-t .ab2 .box1,.about-t .ab2 .box2{ position: relative; }
.about-t .ab2 .box1 { margin-bottom: 100px;}
.about-t .ab2 .box2 .img,.about-t .ab2 .box1 .txt{ float:left;}
.about-t .ab2 .box1 .img,.about-t .ab2 .box2 .txt{ float:right;}
.about-t .ab2 .box1 .txt{ padding-right: 5%;}
.about-t .ab2 .box2 .txt{ padding-left: 5%;}
.about-t .ab2 .box img{ width: 100%; }
.about-t .ab2 .box .img{ width: 58%;}
.about-t .ab2 .box .txt{ width: 42%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab2 .box .txt h3{ font-size: 2.4em; color: #0a0204; line-height: 1.5; border-left: 25px solid #cd000c; text-transform: uppercase;  padding-left: 5px; margin-top: 40px;}
.about-t .ab2 .box .txt h4{ font-size: 3.6em; font-weight: bold; color: #cd000c; margin: 20px 0 40px 0;}
.about-t .ab2 .box .txt p{ font-size: 1.4em; color: #0a0204; line-height: 1.5; margin-top: 20px;}
.about-t .ab2 .box1:after,.about-t .ab2 .box2:after{position:absolute; top:0;  width:calc(960px - 50%); content: "";  background-size: cover !important; height: 100%;}
.about-t .ab2 .box1:after{ left: calc(100% + 20px); background:url(../images/about/ab2-1-0.jpg) center center no-repeat;}
.about-t .ab2 .box2:after{ right:calc(100% + 20px); background:url(../images/about/ab2-2-0.jpg) center center no-repeat;}
.about-t .ab3{ background: #eee; padding: 60px 0;}
.about-t .ab3 .tits h3{ color: #0a0204;}
.about-t .ab3 .boxs{ overflow: hidden; width: calc(100% + 70px); margin-left: -35px;}
.about-t .ab3 .boxs .box{ width: calc(50% - 70px); margin: 60px 35px 0 35px; float:left;}
.about-t .ab3 .boxs .box .img img{ width: 100%;}
.about-t .ab3 .boxs .box .t{ padding: 40px 25px 0 25px;}
.about-t .ab3 .boxs .box .t h3{ font-size: 2.4em; color: #888; line-height: 1.5;}
.about-t .ab3 .boxs .box .t p{ font-size: 1.4em; color: #888; line-height: 1.5; margin-top: 24px;}
.about-t .ab4{background-image:linear-gradient(180deg,#cd000c 0%,#cd000c 20%,white 20%,white 100%); }
.about-t .ab4 .tits h3,.about-t .ab4 .tits p{ color: #fff; }
.about-t .ab4 .tits{ padding: 60px 0 20px 0;}
.about-t .ab4 .imgs img{ width: 100%;}
.about-t .ab4 .img1{ margin-bottom: 5px;}
.about-t .ab4 .img2{ overflow: hidden; width: calc(100% + 10px); margin:0 0 100px -5px;}
.about-t .ab4 .img2>div{ float:left; width: calc(33.33% - 10px); margin: 5px;}
.about-t .ab5{ padding: 70px 0;background: url(../images/about/ab5.jpg) center center no-repeat; background-attachment: fixed !important; background-size: cover !important;}
.about-t .ab5 .tits h3{color: #333; }
.about-t .ab5 .honor{ overflow: hidden; margin-top: 30px;}
.about-t .ab5 .honor img{ width: 100%;}
.about-t .ab5 .honor .hl{ float:left; width: 63.5%;}
.about-t .ab5 .honor .hl .hi{ float:left; width: calc(50% - 30px); margin: 15px; padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.about-t .ab5 .honor .hr{ padding: 40px; margin: 15px; float:left; width: calc(36.5% - 30px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff;}
.about-t .ab6 .tit-line{ overflow: hidden; background: #cd000c;}
.about-t .ab6 .tit-line .ab6-warp{ max-width: 1920px; margin: 0 auto; }
.about-t .ab6 .tit-line .img{ float:left; width: 25%;}
.about-t .ab6 .tit-line .img img{ width: 100%;}
.about-t .ab6 .tit-line .t{ padding:40px 30px 10px 30px; float:left; width: 75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.about-t .ab6 .tit-line .t h3{ font-size: 3.6em; color: #fff; line-height: 1.5; font-weight:bold; }
.about-t .ab6 .tit-line .t p{ font-size: 2.4em; color: #fff; line-height: 1.5;}
.about-t .ab6 .group{ overflow: hidden; padding: 50px 0; text-align: center; }
.about-t .ab6 .group .top{ text-align: center; margin-bottom: 50px;}
.about-t .ab6 .group .top h3{ padding: 6px 50px; line-height: 1.5; display: inline-block; font-size: 2.4em; color: #fff; background: #cd000c;}
.about-t .ab6 .group .gds{ margin: 0 auto; display: inline-block;}
.about-t .ab6 .group .gds .gd{ float:left;  margin: 0 25px;}
.about-t .ab6 .group .gds .gd h3{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.about-t .ab6 .group .gds .gd h3{ line-height: 1.1;font-size: 2.4em; color: #555;  cursor: pointer;   display: inline-block; width: 54px; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  padding: 30px 6px;  background: #e5e5e5;}
.about-t .ab6 .group .gds .gd:hover h3{ color: #fff;  background: #cd000c; box-shadow: 5px 5px 0 rgba(0,0,0,0.2);} 

/*news*/
.news-t .txts .txt .img img,.news-t .n-list a{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.news-t{ padding: 80px 0;}
.news-t .n-list{ text-align: center; margin: 40px 0;}
.news-t .n-list a{ font-size: 1.6em; color: #333; line-height: 1.5; padding: 6px 20px; display: inline-block; margin: 0 5px; background: #f5f5f5;}
.news-t .n-list a.lock,.news-t .n-list a:hover{ background: #cd000c; color: #fff;}


.news-t .txts{ margin-top: 20px; overflow: hidden; width: 100%;}
.news-t .txts .txt{ float:left; width: calc(50% - 80px); margin: 40px 40px;}
.news-t .txts .txt .t{ position: relative; }
.news-t .txts .txt .t:after{ position: absolute; top:0; right: 0; content: "";  background-size: contain; width: 137px; height: 91px;}
.news-t .txts .txt .t h3{ font-size: 3.6em; color: #333; line-height: 48px; height: 48px; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1; margin-bottom: 20px;}
.news-t .txts .txt .t p{ font-size: 1.4em; color: #888; line-height: 24px; height: 48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2;}
.news-t .txts .txt .t span{ font-size: 1.4em; color: #888; line-height: 24px; margin: 20px 0; display: inline-block; }
.news-t .txts .txt .img{ overflow:hidden; position: relative; z-index: 1;}
.news-t .txts .txt .img img{ width: 100%;}
.news-t .txts .txt:hover .img img{transform: scale(1.1);}

/*newsshow*/
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }
.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:1.8em; color:#333333;  line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#666; 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; text-indent:2em;}
.newsshow .txt img{ max-width:100%; margin:0 auto; padding:0px 0;}
.newsshow .btn{ padding:40px;}
.newsshow .btn a{ display:block; background:#fff; 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;}


/*join*/
.join-t .dots .dot,.join-t .dots .dot *,.join-t .dots .dot:before{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.join-t{ padding:80px 0; }
.join-t .dots{ margin-top: 40px;}
.join-t .dots .dot{ padding: 50px 140px 50px 40px; margin: 20px 0; display: table; width: 100%; background: #fafafa; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.join-t .dots .dot:after{ position: absolute; content: ""; top:50px;  right: 95px; width: 2px; height: 12px; background: #cd000c;}
.join-t .dots .dot:before{ position: absolute; content: ""; top:55px;  right: 90px; width: 12px; height: 2px; background: #cd000c;}
.join-t .dots .dot>*{ display: table-cell; vertical-align:top; padding:0 10px;}
.join-t .dots .dot .time{ position: absolute; top:80px; right: 80px; opacity: 0;}
.join-t .dots .dot .time p{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.join-t .dots .dot .rec-tit{ width: 30%;}
.join-t .dots .dot .rec-tit h3{ font-size: 2.4em; color: #010101; font-weight: bold;}
.join-t .dots .dot .rec-txt .rec-t{ overflow: hidden; height: 48px;}
.join-t .dots .dot .rec-txt p{ font-size: 1.4em;line-height: 24px;  color: #01010;}
.join-t .dots .dot .rec-txt a{ display: inline-block; background: #57c5d7;  padding: 8px 50px; font-size: 1.6em; color: #fff; line-height: 24px; margin-top: 65px;}
.join-t .dots .dot:hover .rec-txt .rec-t{ height:inherit;}
.join-t .dots .dot:hover{ background:url(../images/join.png) 50px 80% no-repeat #cd000c;}
.join-t .dots .dot:hover h3,.join-t .dots .dot:hover p,.join-t .dots .dot:hover a{ color: #fff;}
.join-t .dots .dot:hover .time{ opacity: 1;}
.join-t .dots .dot:hover:before{ background: #fff; z-index: 2;}
.fy2{ overflow: hidden; float: right; border-bottom: 1px solid #7d7d7d; text-align: right; margin-top: 30px;}
.fy2 a{ line-height: 24px; margin: 0 8px; font-size: 1.6em; color: #000000; opacity: 0.5;}
.fy2 a:hover{ opacity: 0.8;}

/*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 30px 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:660px;}

.map{ position: relative;}
.map .txt{ position: absolute; top:calc(50% - 42px); left: 0; width: 100%; text-align: center; color: #fff;}
.map .txt h3{ font-size: 3.6em; color: #fff; line-height: 42px;}
.contact-t{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.contact-t{background: #f4f4f4;}
.contact-t .txts{ overflow: hidden; margin-top: -30px; position: relative; z-index: 998;}
.contact-t .txts .txt{ padding: 60px 20px 20px 6%; float:left; width: calc(25% + 30px); margin-left: -30px; height: 380px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .txts .txt h3{ font-size: 2.4em; color: #fff; margin-bottom: 16px;}
.contact-t .txts .txt p{ font-size: 1.4em; color: #fff; line-height: 2;}
.contact-t .txts .txt.txt1 h3,.contact-t .txts .txt.txt1 p{ color: #333;}
.contact-t .txts .txt1{ background: #fff; position: relative; z-index: 4;}
.contact-t .txts .txt2{ background: #515151; position: relative; z-index: 3;}
.contact-t .txts .txt3{ background: #e30a15; position: relative; z-index: 2;}
.contact-t .txts .txt4{ background: #000;}
.contact-t .feedback{ overflow:hidden; padding: 90px 0 50px 0;}
.contact-t .feedback .tit{ padding-right: 80px; float:left; width: 360px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact-t .feedback .tit h3{ font-size: 3.6em; color: #e30a15; font-weight: bold; line-height: 1.5; margin-bottom: 15px;}
.contact-t .feedback .tit p{ font-size: 1.4em; color: #888; line-height: 1.5; }
.contact-t .feedback .form{ width: calc(100% - 360px); float:left;}

.contact-t .form .dot{ width: calc(100% + 120px); margin-left: -60px;}
.contact-t .form .dot input{float:left; width: calc(50% - 120px); margin: 15px 60px; background: transparent;}
.contact-t  .btn .fc-btn{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.contact-t  input{background: transparent; font-size: 1.8em; outline:none;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:24px; color:#000; border: none; border-bottom: 1px solid #ccc;  padding: 4px 10px;}
.contact-t  .fc-input{ width: 100%;}
.contact-t .fc-cont{ margin-top: 15px;}
.contact-t  .fc-input::-webkit-input-placeholder { color:#000;}
.contact-t  .fc-input:-moz-placeholder{ color:#000;}
.contact-t  .fc-input::-moz-placeholder{ color:#000;}
.contact-t  .fc-input:-ms-input-placeholder{ color:#000;}
.contact-t  .btn{text-align: right;}
.contact-t  .btn .fc-btn{ border-radius: 5px;  border:none; padding:10px 50px;  font-size:1.4em; color:#fff; line-height:24px; cursor:pointer; background: #e30a15; margin: 40px 20px 0 0;}
.contact-t  .btn .fc-btn:hover{ background: #000;}


/*video*/
.video-t .txts .txt .img img,.video-t .txts .txt .img:after{transition:ease .5s all; -moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.video-t{ padding: 80px 0;}
.video-t .txts{ margin-top: 40px; overflow: hidden;}
.video-t .txts .txt{ float:left; width: calc(50% - 60px); margin: 30px;}
.video-t .txts .txt .img{ position: relative; overflow: hidden; background: #000;}
.video-t .txts .txt .img:after{ position: absolute; top:calc(50% - 69px); left: calc(50% - 69px); width: 138px; height: 138px;  content: ""; background: url(../images/play.png) center center no-repeat; background-size: contain !important; transform: translateY(60px); opacity: 0;}
.video-t .txts .txt .img img{ width: 100%;}
.video-t .txts .txt .t{ text-align: center;}
.video-t .txts .txt .t h3{ margin: 10px 0; font-size: 2.4em; color: #333; line-height: 28px; height: 28px; font-weight: bold; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1;}
.video-t .txts .txt:hover .img:after{ opacity: 1;  transform: translateY(0px);}
.video-t .txts .txt:hover .img img{ opacity: 0.6; transform: scale(1.1);}

/*proshow*/
.proshow .pro-imgs{ padding: 30px 0 50px 0; background: url(../images/product/pshow-bg.jpg) center center no-repeat; background-size: cover !important;}
.pro-imgs img{ max-width: 100%; max-height: 100%;}
.pro-imgs .back a{ font-size: 1.4em; color: #fff; line-height: 1.5;}
.pro-imgs .back a:hover{ text-decoration: underline;} 
.pro-imgs .imgs{ display: flex; align-items: top;  margin-top: 30px;}
.pro-imgs .imgs .gallery-top{ overflow: hidden; width: calc(85% - 20px);text-align: center;}
.pro-imgs .imgs .gallery-thumbs{ position: relative; height: 630px; width: 15%; margin-left: 20px; overflow: hidden; padding: 40px 0; text-align: center;}
.pro-imgs .imgs .swiper-button-next,.pro-imgs .imgs .swiper-button-prev{ margin-top: 0; top:0px; background: url(../images/product/pbtn.jpg) ; width: 100%; height: 30px; background-size: 100%; left: 0; right: 0;}
.pro-imgs .imgs .swiper-slide{ align-items: center; display: flex; background: #fff; justify-content: center;}
.pro-imgs .imgs .swiper-button-prev{ transform: rotate(180deg);}
.pro-imgs .imgs .swiper-button-next{ top:auto; bottom: 0px;}
.pro-imgs .imgs .swiper-button-next:after,.pro-imgs .imgs .swiper-button-prev:after{ display: none;}
.pro-txt{ padding:0 0 40px 0;}
.pro-txt>*{ padding: 40px 0;}
.pro-txt .tit{ padding: 0 5%; margin: 30px 0;}
.pro-txt .tit h3{ font-size: 2.4em; color: #333; font-weight: bold; line-height: 1.5;}
.pro-txt .tit h3 span{ font-size: 1em; padding-left: 20px; font-weight: 400;}
.pro-txt .pds{ flex-wrap: wrap; display: flex; padding: 0 5%; margin-bottom: 60px;}
.pro-txt .pds .pd{ width: calc(50% - 20px); margin: 10px;}
.pro-txt .pds .pd .img img{ width: 100%;}
.pro-txt .pds .pd h3{ padding: 8px; text-align: center; background: #111; font-size: 2.2em; color: #fff; line-height: 1.5;}
.pro-txt .ptxt{ padding: 0 5%;}
.pro-txt .ptxt table tr td{ font-size: 1.6em; color: #fff; background: #434343; line-height: 1.5; padding: 20px 40px; border-bottom: 1px solid #fff;}
.pro-txt .ptxt table tr td:nth-child(2n-1){ background: #cc000c;}

.pro-imgs .imgs{ position: relative; }
.pro-imgs .imgs .tip{ z-index: 2; position: absolute; top:40px; left: 40px; color: #333;}
.pro-imgs .imgs .tip h3{ font-size: 3em; font-weight: bold; line-height: 1.5; text-shadow: 0 0 5px #fff;}
.pro-imgs .imgs .tip h4{ font-size: 1.8em; line-height: 1.5; text-shadow: 0 0 5px #fff;}