@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Barlow Condensed";
  src: url("Barlow Condensed.woff2") format("woff2"),
       url("Barlow Condensed.woff") format("woff"),
       url("Barlow Condensed.ttf") format("truetype"),
       url("Barlow Condensed.eot") format("embedded-opentype"),
       url("Barlow Condensed.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; }
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;}
.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:40px;}
div.fy a {  margin:2px 2px;padding:12px 16px;color:#232323;font-size:1.4em; display:inline; background-color:#f2f2f2;}
div.fy a:hover {background-color:#a7161b;color:#FFF;}
div.fy a:active { background-color:#a7161b;color:#FFF;}
div.fy span.current { margin:2px 2px;padding:12px 16px;background-color:#a7161b;color:#FFF; font-size:1.4em;}
div.fy span.disabled {   margin:2px 2px;padding:12px 16px;color:#232323; font-size:1.4em; background-color:#f2f2f2;}

/*手机导航*/
.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:#a7161b; 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;}
.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;}
.close::before,.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;}
.close::before {	-webkit-transform:rotate(45deg);	transform:rotate(45deg);}
.close::after {	-webkit-transform:translateY(-2px) rotate(-45deg);	transform:translateY(-2px) rotate(-45deg);}
.close:hover:before{transform:rotate(90deg);}
.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 .head1{ text-align:right; background: #2c2c2c; overflow:hidden; padding-right:45px;}
.header .head1 a{ color:#fefefe; font-size:1.4em; display:inline; line-height:30px; padding:0 15px;}
.header .head1 a span img{ margin:0 10px -10px 0;}

.header .head2 .logo{ float:left;}
.header .head2 .mune{ float:right;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right:45px;}
.header .head2 .hs{ overflow:hidden; margin-top:-12px; float:right; position:relative; width:24%; z-index:2; padding:40px 20px 40px 6%;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.header .head2 .mune>a{ padding:31px 30px; font-size:2em; color:#424242;  line-height:24px; display:inline-block; transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.header .head2 .mune>*{ float:left;}
.header .head2 .mune .lun{ padding:30px 0; margin-left:12px;}
.header .head2 .mune .lun a{ font-size:1.8em; padding:0 5px;}
.header .head2 .mune>a:hover,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6{ background:#a7161b; color:#fff;}
.header .head2 .hs:after{ position:absolute; top:0px; right:-35px; width:100%; height:calc(100%); content:""; background:#ff5e14; z-index:-1; transform:skewX(30deg);}
.header .head2 .hs img{ margin-right:30px; transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.header .head2 .hs img:hover{ transform:rotateY(360deg);}
.show-icon{ z-index:10; display:none; width:70px; height:70px; position:fixed; right:70px; bottom:45px;}

/*footer*/
.footer{ background:#292929; overflow:hidden;}
.footer .fo1 .boxs{ overflow:hidden;  margin:30px 0 25px 0;}
.footer .fo1 .boxs a{ display:block; width:14.285%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-right:1px solid #e5e5e5; font-size:1.6em; color:#e5e5e5; text-align:center;}
.footer .fo1 .boxs a:last-child{ border-right:none;}
.footer .fo1 .boxs:hover a{ opacity:0.5;}
.footer .fo1 .boxs a:hover{ color:#fff; opacity:1;}
.footer .fo2{ text-align:center; border-top:1px solid #3a3a3a;}
.footer .fo2 p{ font-size:1.4em; line-height:24px; color:#8c8c8c; padding:15px 0;}

.bottomlist{ background:#a7161b; 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{ background:#000;}
.banner .swiper-slide{ height:650px; background-size:cover !important; display:table; width:100%;}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next{ left:0; background-image:url(banner-l.png);}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ right:0; background-image:url(banner-r.png);}
.banner .swiper-button-prev,.banner .swiper-container-rtl .swiper-button-next,.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ width:45px;  height:50px; background-size:45px 50px;}
.banner .swiper-button-next.swiper-button-disabled,.banner  .swiper-button-prev.swiper-button-disabled{ opacity:0.8;}
.banner .swiper-pagination-bullet{ width:50px; height:5px; border-radius:0%;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner  .swiper-pagination-custom, .swiper-pagination-fraction{ width:auto; left:6%; bottom:55px;}
.banner .txt{ position:absolute; bottom:20%; left:6%; color:#fff;}
.banner .txt h4{ font-size:1.8em; line-height:24px; margin-bottom:15px;}
.banner .txt h3{ font-size:5em;}
.banner .play{ position:absolute; top:49%; left:49%; cursor:pointer;}
.banner .swiper-pagination-bullet{ background:#fff; opacity:1;}
.banner .swiper-pagination-bullet-active{ background:#a7161b;}
/*i-tit*/
.i-tit h4{ font-size:1.8em; color:#a3a3a3; line-height:24px;}
.i-tit h3{ font-size:5em; color:#2b2929; margin-top:20px;}
/*ia*/
.ia .boxs .box a,.ia .boxs .box a:after{ transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.ia{ padding:85px 0;}
.ia .boxs{ margin-top:60px; width:calc(100% + 15px); margin-left:-7.5px; overflow:hidden;}
.ia .boxs .box{ width:calc(50% - 15px); margin:0 7.5px; height:510px; float:left; padding:35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:table; background-size:cover !important;}
.ia .boxs .box .t{ display:table-cell; vertical-align:middle;}
.ia .boxs .box:nth-child(1){ background:url(ia1.jpg) left top no-repeat;}
.ia .boxs .box:nth-child(2){ background:url(ia2.jpg) left top no-repeat;}
.ia .boxs .box h3{ font-size:5em; color:#fff; margin-bottom:20px;}
.ia .boxs .box p{ font-size:1.8em; color:#fff; line-height:28px; max-width:280px;}
.ia .boxs .box a{ margin-top:35px; display:inline-block; background:#fff; font-size:1.6em; color:#272727; padding:12px 45px; position:relative; z-index:2;}
.ia .boxs .box a:after{ position:absolute; top:0; left:0; width:0%; background:#a7161b; height:100%; content:""; z-index:-1;}
.ia .boxs .box:hover a:after{ width:100%;}
.ia .boxs .box:hover a{ color:#fff;}
/*ip*/
.ip .swiper-slide .txt h3,.ip .swiper-slide .txt h4,.ip .swiper-slide .txt{ transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.ip { padding-top:35px;}
.ip .boxs{ padding-top:35px;}
.ip .swiper-button-prev,.ip .swiper-container-rtl .swiper-button-next{ left:0; background-image:url(ip-l.jpg);}
.ip .swiper-button-next,.ip .swiper-container-rtl .swiper-button-prev{ right:0; background-image:url(ip-r.jpg);}
.ip .swiper-button-prev,.ip .swiper-container-rtl .swiper-button-next,.ip .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{ width:38px;  height:58px; background-size:38px 58px; top:40%;}
.ip .swiper-slide .img img{ width:100%;}
.ip .swiper-slide .txt{ background:#f3f4f5; padding:15px; text-align:center; position:relative; z-index:2;}
.ip .swiper-slide .txt a{ font-size:1.4em; color:#ffffff; line-height:20px; display:inline-block; background:#9f9f9f; margin:0 4px; padding:4px 10px;}
.ip .swiper-slide .txt a span img{ margin-bottom:-6px;}
.ip .swiper-slide .txt a .b{ display:none;}
.ip .swiper-slide .txt a>*{ display:inline-block;}
.ip .swiper-slide .txt h4{ font-size:1.4em; color:#c21f25; line-height:24px; height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ip .swiper-slide .txt h3{ font-size:1.8em; color:#242424; line-height:24px; height:24px; margin-bottom:5px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ip .swiper-slide:hover .txt{ margin-top:-40px; padding:30px 15px; background:#a7161b;}
.ip .swiper-slide:hover .txt h3,.ip .swiper-slide:hover .txt h4{ color:#fff;}
.ip .swiper-slide:hover .txt h3{ margin-bottom:15px;}
.ip .swiper-slide:hover .txt a{ background:#fff; color:#707070;}
.ip .swiper-slide:hover .txt .a{ display:none;}
.ip .swiper-slide:hover .txt .b{ display:inline-block;}
/*inews*/
.inews .boxs .swiper-slide,.inews .boxs .swiper-slide h3,.inews .boxs .swiper-slide h4,.inews .boxs .swiper-slide p,.inews .boxs .swiper-slide span,.inews .boxs .swiper-slide:after{ transition:linear .4s all;-moz-transition: linear .4s all; -webkit-transition:linear .4s all; -o-transition: linear .4s all;}
.inews{ padding:80px 0 35px 0;}
.inews .boxs .swiper-slide{ position:relative; border:6px solid #e5e5e5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px; margin:50px 0;z-index:2;}
.inews .boxs .swiper-slide:after{ position:absolute;  bottom:0; left:0; width:100%; background:#a7161b; height:0%; content:""; z-index:-1;}
.inews .boxs .swiper-slide:hover:after{ height:100%;}
.inews .boxs .swiper-slide h3{ color:#373737; font-size:1.6em; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:2; line-height:24px; height:24px;}
.inews .boxs .swiper-slide h4{ font-size:1.6em; color:#454545; padding:5px 0 15px 0;}
.inews .boxs .swiper-slide p{ font-size:1.4em; color:#4c4c4c; line-height:22px; height:66px;  display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:3;}
.inews .boxs .swiper-slide span{ font-size:1.2em; color:#d02127; line-height:24px; text-align:right; display:block; margin-top:20px;}
.inews .swiper-pagination-bullet{ background:#d2d2d2; opacity:1;}
.inews .swiper-pagination-bullet-active{ background:#a7161b;}
.inews .boxs .swiper-slide:hover{ transform:translateY(-20px); }
.inews .boxs .swiper-slide:hover h3,.inews .boxs .swiper-slide:hover h4,.inews .boxs .swiper-slide:hover p,.inews .boxs .swiper-slide:hover span{ color:#fff;}
/*ic*/
.ic{ background:#474747; padding:55px 0;}
.ic .boxs{ display:table; width:100%;}
.ic .boxs .box{ display:table-cell; height:285px; vertical-align:middle; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ic .boxs .box1{ background:#940308; width:18%;}
.ic .boxs .box1 .t{transform:rotate(90deg); -ms-transform:rotate(90deg); -moz-transform:rotate(90deg); -webkit-transform:rotate(90deg); -o-transform:rotate(90deg); }
.ic .boxs .box1 h3{  font-size:2.4em; color:#ffffff; line-height:30px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -o-transform:rotate(-90deg); height:40px; margin-left: -80px;}
.ic .boxs .box1 h4{font-size:1.6em; color:#ffffff; font-weight:bold; text-align:center;}
.ic .boxs .box2{ background:#292929; text-align:left; padding:0 35px; width:27%;}
.ic .boxs .box2>img{ margin-bottom:25px;}
.ic .boxs .box2 .dot>*{ display:inline-block; color:#fff;}
.ic .boxs .box2 .dot>span img{ margin:0 6px -4px 0;}
.ic .boxs .box2 .dot p{ font-size:1.2em; color:#f9f9f9; line-height:30px;}
.ic .boxs .box2 .dot p span{ font-size:2em; font-weight:bold;}
.ic .boxs .box3,.ic .boxs .box4,.ic .boxs .box5{ width:14%; padding:0 20px;}
.ic .boxs .box3 h3,.ic .boxs .box4 h3,.ic .boxs .box5 h3{ font-size:1.8em; line-height:24px; padding:16px 0 6px 0; color:#f9f9f9;}
.ic .boxs .box3 p,.ic .boxs .box4 p,.ic .boxs .box5 p{ font-size:1.4em; line-height:24px;  color:#f9f9f9;}
.ic .boxs .box3 img,.ic .boxs .box4 img,.ic .boxs .box5 img{ transition:linear .4s all;-moz-transition: linear .4s all; -webkit-transition:linear .4s all; -o-transition: linear .4s all;}
.ic .boxs .box3:hover img,.ic .boxs .box4:hover img,.ic .boxs .box5:hover img{ transform:rotateY(180deg);}
.ic .boxs .box3{ background:#666666;}
.ic .boxs .box4{ background:#5c5c5c;}
.ic .boxs .box5{ background:#404040;}
.ic .boxs .box6{ background:#292929;}
.ic .boxs .box6 img{ border:1px solid #5d5d5d; padding:8px; margin-bottom:8px;}
.ic .boxs .box6 p{ font-size:1.6em; color:#efefef; line-height:24px;}

/*banner*/
.banners{ height:550px; background-size:cover !important; position:relative;}
.news{ background:url(banner/news-banner.jpg) center center no-repeat;}
.product{ background:url(banner/product-banner.jpg) center center no-repeat;}
.contact{ background:url(banner/contact-banner.jpg) center center no-repeat;}
.join{ background:url(banner/join-banner.jpg) center center no-repeat;}
.about{ background:url(banner/about-banner.jpg) center center no-repeat;}
.lead-line{ position:absolute; bottom:0; left:0; width:100%; background:rgba(21,21,21,0.75); padding:15px 0;}
.lead-line .warp>*{ display:inline-block; color:#eeeeee; font-size:1.6em;}
.lead-line .warp span img{ margin:0 10px -2px 0;}
.lead-line .warp a{ font-size:1em; color:#eee;}
.lead-line .warp a:hover{ text-decoration:underline;}

/*news*/
.news-t{ padding-bottom:60px;}
.news-t .box .txt h3{ transition:linear .4s all;-moz-transition: linear .4s all; -webkit-transition:linear .4s all; -o-transition: linear .4s all;}
.news-t .box{ padding:75px 0 40px 0; border-bottom:1px solid #eee;}
.news-t .box a{ display:table; width:100%;}
.news-t .box a>*{ display:table-cell; vertical-align:top;}
.news-t .box .img{ position:relative; width:370px;}
.news-t .box .img img{ max-width:100%;}
.news-t .box .img .date{ position:absolute; bottom:0; right:0; background:rgba(16,16,16,0.5); padding:12px 18px; text-align:center; color:#fff;}
.news-t .box .img .date h3{ font-size:3.2em; margin-bottom:6px;}
.news-t .box .img .date h4{ font-size:1.6em; }
.news-t .box .txt{ padding-left:60px; position:relative;}
.news-t .box .txt h3{ font-size:2em; color:#333333; line-height:24px; font-weight:bold; margin-bottom:25px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:1; height:24px;}
.news-t .box .txt h4{ font-size:1.6em; color:#666666; line-height:30px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3; height:90px;}
.news-t .box .txt span{ font-size:1.4em; color:#bbbbbb; line-height:24px; position:absolute; bottom:0; left:180px;}
.news-t .box .txt:after{ position:absolute; left:60px; bottom:12px; width:100px; height:1px; content:""; background:#bbb;}
.news-t .box:hover .txt h3{ color:#940308;}
/*newsshow*/
.newsshow{ padding:80px 0;}
.newsshow .boxs{ background:#f5f5f5; }

.newsshow .tit{ padding:40px; text-align:center;}
.newsshow .tit h3{ font-size:2em; color:#333333; margin-bottom:10px; line-height:24px; margin-bottom:20px;}
.newsshow .tit .dot{ background:#a7161b; 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:95%; margin:0 auto; padding:5px 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:#a7161b !important; color:#fff !important;}

/*tits*/
.tits{ text-align:center;}
.tits h3{ font-size:3.2em; color:#333333; font-weight:bold;}
.tits span{ width:38px; height:4px; background:#a7161b; display:block; margin:10px auto;}

/*join*/
.join-t .boxs .box .panel-body .txts .t2,.join-t .boxs .box .panel-body .txts .t2:before,.join-t .boxs .box .panel-body .txts .t2:after,.join-t .boxs .box .panel-header:after{ transition:linear .4s all;-moz-transition: linear .4s all; -webkit-transition:linear .4s all; -o-transition: linear .4s all;}
.join-t{ background:#f6f6f6; padding:60px 0 80px 0; overflow:hidden;}
.join-t .boxs .box .panel-body{ display:none;}
.join-t .boxs .box .panel:nth-child(2) .panel-body{display:block;}
.join-t .boxs .box .panel{ border-bottom:1px solid #eee;}
.join-t .boxs .t{ text-align:center; margin:20px 0 30px 0;}
.join-t .boxs .t p{ font-size:1.6em; color:#565053; line-height:24px;}
.join-t .boxs .box>h3{ background:#a7161b; color:#a7161b; padding:26px 20px; font-size:1.8em; color:#f4f4f4; line-height:24px;}
.join-t .boxs .box .panel-header{ background:#fff; padding:26px 20px; color:#5e5e5e; font-size:1.8em; line-height:24px; position:relative;}
.join-t .boxs .box .panel-header:after{ position:absolute; background:url(down.png) center center no-repeat; right:20px; top:25px; width:22px; height:22px; content:""; -webkit-filter:grayscale(100%);	-moz-filter:grayscale(100%);	-ms-filter:grayscale(100%);	-o-filter:grayscale(100%);	filter:grayscale(100%); transform:rotateZ(-90deg);}
.join-t .boxs .box .panel-header.cho:after{-webkit-filter:grayscale(0%);	-moz-filter:grayscale(0%);	-ms-filter:grayscale(0%);	-o-filter:grayscale(0%);	filter:grayscale(0%);  transform:rotateZ(0deg);}
.join-t .boxs .box .panel-body{ background:#eee;}
.join-t .boxs .box .panel-body .txts{ display:table; width:100%;}
.join-t .boxs .box .panel-body .txts>*{ display:table-cell; vertical-align:middle;}
.join-t .boxs .box .panel-body .txts .t1{ padding:25px;}
.join-t .boxs .box .panel-body .txts .t1 .dot{ margin-bottom:30px;}
.join-t .boxs .box .panel-body .txts .t1 .dot:last-child{ margin-bottom:0;}
.join-t .boxs .box .panel-body .txts .t1 .dot h3{ font-size:1.6em; color:#5a5a5a; font-weight:bold; margin-bottom:10px;}
.join-t .boxs .box .panel-body .txts .t1 .dot p{ font-size:1.4em; color:#5e5e5e; line-height:28px;}
.join-t .boxs .box .panel-body .txts .t2{ padding:25px; width:130px; background:#a7161b; text-align:center; position:relative;}
.join-t .boxs .box .panel-body .txts .t2 p{font-size:1.6em; color:#f4f4f4;}
.join-t .boxs .box .panel-body .txts .t2 a{ display:block; z-index:3;}
.join-t .boxs .box .panel-body .txts .t2:after{ position:absolute; background:#2b2b2b; width:100%; height:100%; content:""; top:0; left:0; z-index:-1;}
.join-t .boxs .box .panel-body .txts .t2:before{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto;  content:"立即联系"; vertical-align:middle; font-size:1.6em; color:#fff; z-index:-1; width:4em; height:1em;  transform:rotateY(180deg);}
.join-t .boxs .box .panel-body .txts .t2:hover:after{ transform:rotateY(180deg); z-index:1;}
.join-t .boxs .box .panel-body .txts .t2:hover:before{ z-index:2;  transform:rotateY(0deg);}

/*contact*/
.con .ic{ display:none;}
/*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;}
/*c1*/
.c1 .tits{ padding:45px 0 25px 0;}
.c1 .boxs{ padding:50px 0 30px 0; border:2px solid #f3f3f3; display:table; width:100%; margin-bottom:-2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.c1 .boxs>*{ vertical-align:middle; display:table-cell; width:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.c1 .boxs .left{ padding:0 60px; border-right:2px solid #f3f3f3;}
.c1 .boxs .right{ text-align:center;}
.c1 .boxs .left .dot{ padding:15px 0; overflow:hidden; }
.c1 .boxs .left .dot>*{ float:left;}
.c1 .boxs .left .dot .t1{ margin-right:16px; width:38px;}
.c1 .boxs .left .dot .t2{ max-width:calc(100% - 54px); display:table; margin-top:10px; width:fit-content;}
.c1 .boxs .left .dot .t2>*{ display:table-cell; vertical-align:top; }
.c1 .boxs .left .dot .t2 h3,.c1 .boxs .left .dot .t2 .t p{font-size:1.2em; color:#767676; line-height:20px;}
.c1 .boxs .right h3{ font-size:1.4em; color:#a7161b; line-height:24px;}
.c1 .boxs .right p{ font-size:1.2em; color:#b3b3b3; line-height:24px;}
.c1 .boxs .right img{ border:2px solid #f3f3f3; padding:10px; margin:15px 0 10px 0;}
/*c3*/
.c3{ padding:60px 0; overflow:hidden;}
.c3 .dot{ width:calc(100% + 160px); margin-left:-80px;}
.c3 input,.c3 textarea{ outline:none; border:1px solid #e2e2e2; border-radius:5px; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.4em; line-height:24px; color:#444;}
.c3 .fc-input{ width:calc(50% - 160px); margin:0 80px 30px 80px; float:left;}
.c3 textarea{ width:100%; margin-bottom:30px; font-family: "Arial","Microsoft Yahei";}
.c3 .fc-input::-webkit-input-placeholder {  color:#444;}
.c3 .fc-input:-moz-placeholder {   color:#444;}
.c3 .fc-input::-moz-placeholder {  color:#444;}
.c3 .fc-input:-ms-input-placeholder {  color:#444;}
.c3 .btn{ text-align:center;}
.c3 .btn .fc-btn{ padding:15px 60px; margin:0 10px; font-size:1.4em; color:#f3f3f3; line-height:24px; cursor:pointer; background:#363636;}
.c3 .btn .fc-btn:hover{ background:#a7161b; }

/*about*/
/*ab1*/
.ab1{ position:relative; background-image: linear-gradient(#efefef 0%,#efefef 45%,#fff 60%,#fff 100%);  text-align:center; padding:80px 0; z-index:1;}
.ab1:after{ position:absolute; top:0; left:0; right:0; width:60%; max-width:960px; margin:0 auto; height:100%; content:""; background:url(about/ab1-bg.png) center center no-repeat; z-index:0; background-size:contain; background-position:center 60px;}
.ab1 .warp{ position:relative; z-index:1;}
.ab1 .txts{ margin-top:50px;}
.ab1 .txts h3{ font-size:2.4em; font-weight:bold; color:#595656; margin-bottom:5px;}
.ab1 .txts h4{ font-size:1.6em; color:#999999; line-height:24px;}
.ab1 .txts p{ font-size:1.6em; line-height:34px; color:#666666; margin:0 auto; margin-top:50px; max-width:980px;}
.ab1 .dots{ width:calc(100% + 60px); margin-left:-30px; overflow:hidden; margin-top:80px;}
.ab1 .dots .dot{ width:calc(33.33% - 60px); margin:0px 30px; float:left; background-size:cover !important; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ab1 .dots .dot img{ max-width:100%;}
.ab1 .dots .dot1{ background:url(about/ab1-1.jpg) center center no-repeat;}
.ab1 .dots .dot2{ background:url(about/ab1-2.jpg) center center no-repeat;}
.ab1 .dots .dot3{ background:url(about/ab1-3.jpg) center center no-repeat;}
.ab1 .dots .dot .txt{ position:absolute; top:0; left:0; right:0; bottom:0; padding:60px 20px; max-width:250px; margin:0 auto; text-align:left;}
.ab1 .dots .dot .txt h3{ text-align:center; font-size:2.4em; color:#595656; line-height:24px; padding-bottom:20px; margin-bottom:50px; position:relative;}
.ab1 .dots .dot .txt h3:after{ position:absolute; content:""; bottom:0; left:50%; margin-left:-29px; background:#a7161b; height:2px; width:58px;}
.ab1 .dots .dot .txt h3:before{ width:152px; position:absolute; content:""; bottom:0; left:50%; margin-left:-76px; background:#ddd; height:1px;}
.ab1 .dots .dot .txt h4{ font-size:2.4em; color:#444444; line-height:28px; margin-bottom:5px;}
.ab1 .dots .dot .txt h5{ font-size:1.4em; color:#abaaaa; line-height:28px; margin-bottom:30px;}
.ab1 .dots .dot .txt p{ font-size:1.6em; color:#616161; line-height:28px;}

/*iv*/
.show-icon{ z-index:10; display:none; width:70px; height:70px; position:fixed; right:50px; bottom:85px;}
.iv{ padding:130px 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-size:cover !important;}
.iv-btn{ width:260px; height:260px; margin:0 auto 0 auto; position:relative; overflow:hidden;}
.iv-btn>img{ position:absolute; z-index:3; max-width:100%;}
.loading2{ -webkit-animation: rotate 40s linear infinite; animation: rotate 300s linear infinite;}
.loading3{ -webkit-animation: rotate2 30s linear infinite; animation: rotate2 260s linear infinite;}
.video-btn{ top:50%; left:50%; margin-left:-25px; margin-top:-25px;}
.iv-btn:after{ position:absolute; border-radius:100%; border:1px solid #a7161b; top:50%; left:50%;  margin-left:-25px; margin-top:-25px; content:""; background:#a7161b; -webkit-animation:scaleout 3s infinite ease-in-out; width:50px; height:50px;	animation:scaleout 3s infinite ease-in-out;}
.iv-btn:before{ position:absolute; border-radius:100%; border:1px solid #a7161b; top:50%; left:50%; margin-left:-25px; margin-top:-25px; content:""; background:#a7161b; -webkit-animation:scaleout 3s infinite ease-in-out; width:50px; height:50px;	animation:scaleout 3s infinite ease-in-out; animation-delay: 1s; -moz-animation-delay: 1s;-webkit-animation-delay: 1s;}
@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes rotate {
    0% { -webkit-transform: rotate(0deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-webkit-keyframes rotate2 {
    0% { -webkit-transform: rotate(360deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@keyframes rotate2 {
   0% { -webkit-transform: rotate(360deg);}
    50% {-webkit-transform: rotate(180deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@-webkit-keyframes scaleout {
	0% {-webkit-transform:scale(1.0);}
	100% {	-webkit-transform:scale(2.1);	opacity:0;}
}
@keyframes scaleout {
	0% {	transform:scale(1.0); -webkit-transform:scale(1.0);	opacity:0;}
	10% {	transform:scale(1.0); -webkit-transform:scale(1.0);	opacity:1;}
	100% {	transform:scale(2.1); -webkit-transform:scale(2.1);	opacity:0;}
}
/*ab3*/
.ab3{ padding:60px 0;}
.ab3 .txts{ text-align:center;}
.ab3 .txts p{ padding:20px 0 65px 0;  font-size:1.6em; color:#666666; line-height:24px;}
.ab3 .txts img{ max-width:100%;}
/*ab4*/
.ab4{ background:#f0f0f0; overflow:hidden; padding:70px 0; text-align:center;}
.ab4 p{ font-size:1.6em; color:#666666; line-height:24px; padding:20px 0 50px 0;}
.ab4 img{ width:calc(20% - 16px); margin:13px 8px; max-width:100%; float:left;}
/*ab5*/
.ab5{ padding:50px 0;}
.ab5 .txts{ position:relative; text-align:center;}
.ab5 .txts .honor-slider{ padding:20px 0 70px 0;}
.ab5 .txts .honor-slider img{ max-width:100%;}
.ab5 .txts .honor-slider p{ font-size:1.4em; color:#7d7d7d; padding:12px 0;}
.ab5 .txts .btn{ position:absolute; bottom:0; width:86px; left:50%; margin-left:-43px; height:35px;}
.ab5 .swiper-button-prev{ background-image:url(honor-l.png); left:0;}
.ab5 .swiper-button-next{ background-image:url(honor-r.png); right:0;}
.ab5 .swiper-button-prev,.ab5 .swiper-button-next{ width:35px; height:35px; background-size:35px 35px;}

/*catalog*/
.catalog-t{ padding:30px 0;}
.catalog-t .dot{ overflow:hidden;}
.catalog-t h3{ font-size:3.5em; color:#292929; line-height:24px; border-bottom:2px solid #e4e4e4;   padding-bottom:20px; line-height:40px; width:100%;}
.catalog-t .dot{ padding:0 20px; width:calc(100% + 80px); margin-left:-40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.catalog-t .dot .d{ float:left; padding:25px 0; width:calc(25% - 60px); margin:0 30px;}
.catalog-t .dot .d a{ display:inline-block; margin-top:10px; font-size:1.6em; color:#f5f5f5; border-radius:10px; background:#a7161b; padding:10px 24px;}
.catalog-t .dot .d a:hover{ background:#e0131a;}
.catalog-t .dot .d img{ max-width:100%;}

/*product*/
.product-t .product-box .txts .dot p{ transition:linear .4s all;-moz-transition: linear .4s all; -webkit-transition:linear .4s all; -o-transition: linear .4s all;}
.product-t{ padding:70px 0 80px 0; overflow:hidden;}
.product-t .p-list{ width:265px; float:left;}
.product-t .p-list .tit{ background:url(product-list.jpg) center center no-repeat #a7161b; background-size:contain !important; text-align:center; color:#fff; padding:12px 0;}
.product-t .p-list .tit h3{ font-size:2.4em; color:#fafafa; line-height:24px;}
.product-t .p-list .tit h4{ font-size:1.6em; margin-top:5px;}
.product-t .p-list .txt{ padding:10px 20px 30px 20px; box-shadow:0 0 6px rgba(0,0,0,0.1);}
.product-t .p-list .txt .pl h3{ position:relative; font-size:1.4em; color:#555555; line-height:24px; border-bottom:1px  dashed #cac8c4; padding:10px 0;}
.product-t .p-list .txt .pl h3 span{ position:absolute; left:0; top:18px; -webkit-filter:grayscale(100%);	-moz-filter:grayscale(100%);	-ms-filter:grayscale(100%);	-o-filter:grayscale(100%);	filter:grayscale(100%); opacity:0.6;}
.product-t .p-list .txt .pl h3 a{ padding-left:25px;}
.product-t .p-list .txt .pl p{ position:relative; font-size:1.4em; color:#7a7a7a; line-height:24px; padding:8px 0; padding-left:26px; border-bottom:1px solid #cac8c4;} 
.product-t .p-list .txt .pl p:after{ position:absolute; top:18px; left:14px; content:""; background:#515151; width:5px; height:5px; border-radius:50%;}
.product-t .p-list .txt .pl:hover h3 a,.product-t .p-list .txt .pl p:hover a,.lock a{ color:#a7161b !important;}
.product-t .p-list .txt .pl:hover span,.lock span{-webkit-filter:grayscale(0%) !important;	-moz-filter:grayscale(0%) !important;	-ms-filter:grayscale(0%) !important;	-o-filter:grayscale(0%) !important;	filter:grayscale(0%) !important; opacity:1 !important;}
.product-t .p-list .txt .pl p:hover:after,.lock:after{ background:#a7161b !important;}
.product-t .product-box{ width:calc(100% - 265px); float:right; padding-left:35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-t .product-box .product-des{ position:relative; padding:0px 0; display:table; width:100%;}
.product-t .product-box .product-des:after{ position:absolute; top:0; left:0; width:73px; height:5px; background:#a7161b; content:"";}
.product-t .product-box .product-des:before{ position:absolute; top:4px; left:0; width:100%; height:1px; background:#dcdcdc; content:""; z-index:-1;}
.product-t .product-box .product-des>*{ display:table-cell; vertical-align:middle;}
.product-t .product-box .product-des .left{ background:#f7f7f7; padding:16px 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product-t .product-box .product-des .left h3{ font-size:2em; color:#a7161b; font-weight:bold; margin-bottom:10px;}
.product-t .product-box .product-des .left p{ font-size:1.4em; color:#6c6c6c; line-height:24px;}
.product-t .product-box .product-des .right{ background:#a7161b; width:220px; text-align:center;}
.product-t .product-box .product-des .right a>*{ font-size:2em; color:#f5f5f5; line-height:24px; display:inline-block;}
.product-t .product-box .product-des .right span img{ margin:0 0 -5px 10px;}
.product-t .product-box .txts .tit{ position:relative; text-align:center;}
.product-t .product-box .txts .tit:after{ z-index:-1; position:absolute; top:50%; left:0; width:100%; height:1px; background:#dcdcdc; content:"";}
.product-t .product-box .txts .tit h3{ color:#302f2f; font-size:2.4em; background:#fff; display:inline-block; margin:0 auto; padding:0 40px;}
.product-t .product-box .txts .dots{ width:calc(100% + 30px); margin-left:-15px; text-align:center; margin-top:40px;}
.product-t .product-box .txts .dot{ float:left; width:calc(33.33% - 30px); margin:0 15px 35px 15px;}
.product-t .product-box .txts .dot img{ max-width:100%;}
.product-t .product-box .txts .dot p{ font-size:1.8em; color:#ffffff; background:#a7161b; line-height:24px; padding:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-t .product-box .txts .dot:hover p{ background:#302f2f;}

/*productshow*/
.product-t .pshow{ text-align:center;}
.product-t .pshow img{ max-width:100%; padding:20px 0;}
.product-t .pshow .ps1{ background:#f7f7f7; margin-top:30px;}
.product-t .btn a{ display:block; font-size:1.4em; color:#333; line-height:24px; background:#f7f7f7; padding:6px 12px; margin:5px 0;}
.product-t .btn a:hover{ background:#a7161b; color:#fff;}