@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "EU-F4";
  src: url("../EU-F4.woff2") format("woff2"),
       url("../EU-F4.woff") format("woff"),
       url("../EU-F4.ttf") format("truetype"),
       url("../EU-F4.eot") format("embedded-opentype"),
       url("../EU-F4.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{ width:1600px; margin:0 auto;}
.warp2{ width:1200px; margin:0 auto;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}


h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.play{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}

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

/*parts*/
div.fy {text-align:center;line-height:4rem; }
div.fy a {border:1px solid #a1a1a1; margin:2px 2px;padding:6px 11px;color:#7f7e7e;font-size:1.8em; display:inline;}
div.fy a:hover { border:1px solid #d72e27; background-color:#d72e27;color:#FFF;}
div.fy a:active { border:1px solid #d72e27; background-color:#d72e27;color:#FFF;}
div.fy span.current { border:1px solid #d72e27; margin:2px 2px;padding:6px 11px;background-color:#d72e27;color:#FFF; font-size:1.8em;}
div.fy span.disabled { border:1px solid #a1a1a1; margin:2px 2px;padding:6px 11px;color:#a1a1a1; font-size:1.8em;}

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {width: 24px; height: 14px;	position:absolute;	top: 45px;	right: 225px;	z-index: 999;display: none;}
#hamburger:before, #hamburger:after, #hamburger span { background: #eb0303; 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: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:999;}
.hide-center {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;
	width:300px;	height:300px;}
.overCurtain2 {position: fixed; top: 0;    bottom: 0;    left: 0;    right: 0;width:100%;display:none; background-color:#000; opacity:0.7; z-index:100;}
.hide-center2 {position:fixed;right:0;left:0;	bottom:0;	top:20%;margin:auto;	display:none;	z-index:1000;
width:300px;	height:300px; text-align:center;}

.field{  --uiFieldPaddingTop: var(--fieldPaddingTop, 0px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 0px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 0px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 0px);  --uiFieldBorderColor: var(--fieldBorderColor, transpatent);  --uiFieldBorderTop: var(--fieldBorderTop, 0px);  --uiFieldBorderRight: var(--fieldBorderRight, 0px);  --uiFieldBorderBottom: var(--fieldBorderBottom, 0px);  --uiFieldBorderLeft: var(--fieldBorderLeft, 0px);  --uiFieldBgColor: var(--fieldBgColor, transpatent);  --uiFieldPlaceholderColor: var(--fieldPlaceholderColor, #767676);  --uiFieldAnimationDuration: var(--fieldAnimationDuration, .3s);  --uiFieldFonstSize: var(--fieldFontSize, 16px);  position: relative;  }
.field__input{ font-size:2em !important;  width: 100%;  box-sizing: border-box;  background-color: var(--uiFieldBgColor);  -webkit-appearance: none;     -moz-appearance: none;          appearance: none;  border-radius: 0;  border-style: solid;  border-color: var(--uiFieldBorderColor);  border-top-width: var(--uiFieldBorderTop);  border-right-width: var(--uiFieldBorderRight);  border-bottom-width: var(--uiFieldBorderBottom);  border-left-width: var(--uiFieldBorderLeft);  padding-top: var(--uiFieldPaddingTop);  padding-right: var(--uiFieldPaddingRight);  padding-bottom: var(--uiFieldPaddingBottom);  padding-left: var(--uiFieldPaddingLeft);  font-family: inherit;  font-size: 100%;  color: inherit;}
.field__input::-webkit-input-placeholder{  color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input::-moz-placeholder{   color: var(--uiFieldPlaceholderColor);  opacity: 0;}
.field__input:focus{ outline: none;  }
.field__input:focus::-webkit-input-placeholder{   -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration); opacity: 1;}
.field__input:focus::-moz-placeholder{  -webkit-transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);   transition: opacity var(--uiFieldAnimationDuration) ease-out var(--uiFieldAnimationDuration);  opacity: 1;}
.field__label{ font-size:1.6em !important;  position: absolute;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));  left: calc(0px + var(--uiFieldPaddingLeft) + var(--uiFieldBorderLeft));  pointer-events: none;  font-size: .9em;  -webkit-transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  transition: top var(--uiFieldAnimationDuration) cubic-bezier(0.9,-0.15, 0.1, 1.15), opacity var(--uiFieldAnimationDuration) ease-out;  will-change: top, opacity;}
.field__input:not(:placeholder-shown) ~ .field__label{  opacity: 0;  top: calc(0px + var(--uiFieldPaddingTop) + var(--uiFieldBorderTop));}
.field__input:focus ~ .field__label{ opacity: 1;  top: calc(-1.5 * calc(var(--uiFieldPaddingTop) + var(--uiFieldBorderTop) + 15px));}
/* type 2 */
.field_type2{  --uiFieldBorderBottom: var(--fieldBorderBottom, 2px);  --uiFieldPaddingTop: var(--fieldPaddingTop, 5px);  --uiFieldPaddingRight: var(--fieldPaddingRight, 15px);  --uiFieldPaddingBottom: var(--fieldPaddingBottom, 10px);  --uiFieldPaddingLeft: var(--fieldPaddingLeft, 15px);  }
.field_type2 .field__line{  width: 0;  height: var(--uiFieldBorderBottom);  background-color: var(--fieldBorderColorActive);  position: absolute;  bottom: 0;  left: 0;  will-change: width;  -webkit-transition: width var(--uiFieldAnimationDuration) ease-out;  transition: width var(--uiFieldAnimationDuration) ease-out;}
.field_type2 .field__input:focus ~ .field__line{ width: 100%;}
.field{  --fieldBorderColor: #fff;  --fieldBorderColorActive: #117bc9;  --fieldPlaceholderColor: #fff;  display: block;  color: #fff;}
.m-btn{     font-size: 2em;   background: none;    color: #fff;   position: absolute;    right: 0;    top: 0px;    outline: 0;    border: navajowhite;}
/*header*/
.mune a,.mune a:after{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5,#m6 .m6,#m7 .m7,#m8 .m8,.mune a:hover{ color:#eb0303 !important; }
#m1 .m1:after,#m2 .m2:after,#m3 .m3:after,#m4 .m4:after,#m5 .m5:after,#m6 .m6:after,#m7 .m7:after,#m8 .m8:after,.mune a:hover:after{transform:scaleX(1) !important;}
.header{ background:#262626; text-align:center;}
.header .logo{ float:left;}
.header .logo img{ padding:10px 0 0 65px;}
.header .munes{float:right;}
.header .munes>*{ float:left;}
.header .mune a{ display:inline-block; text-transform:uppercase; color:#fff; font-size:1.6em; margin:0 20px; padding:43px 0; position:relative;}
.header .mune a:after{ position:absolute; bottom:0; left:0; width:100%; height:4px;  background:#eb0303;  content:""; transform:scaleX(0);}
.header .share{ padding:0 20px; margin-left:40px; background:#2a2a2a; }
.header .share a{ display:inline-block; padding:23px 10px;}
.header .share a p{ font-size:1.2em; color:#d8d5d5; margin-top:10px;}
.header .ma{ color:#eb0303 !important;}

/*footer*/
.fo1 .share img{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.footer{ overflow:hidden; background:#333; padding:90px  0 10px 0;}
.footer .warp>*{ float:left;}
.fo1{ width:30%;}
.fo2{ overflow:hidden; width:40%;}
.fo3{ width:30%;}
.fo1 h3{ font-size:1.8em; color:#fefefe; text-transform:uppercase; padding:40px 0 10px 0; line-height:24px;}
.fo1 h4{ font-size:1.6em; color:#fefefe; line-height:24px; margin-bottom:30px;}
.fo1 .share img{ margin-right:15px; border-radius:50%;}
.fo1 .share img:hover{ background:rgba(235,3,3,0.5); transform:translateY(-5px);}
.fo2 .fo2-box{ width:50%; float:left;}
.fo2 .fo2-box h3{ font-size:1.8em; color:#fefefe; margin-bottom:20px;}
.fo2 .fo2-box a{ display:block; font-size:1.4em; color:#c9c4c4; line-height:30px;}
.fo2 .fo2-box a:hover{color:#eb0303;}
.fo3 h3{ font-size:1.8em; color:#fefefe; margin-bottom:20px;}
.fo3 .fo3-b{ margin-bottom:30px;overflow: hidden;}
.fo3 .fo3-b>*{ float:left;}
.fo3 .fo3-b span{ width:2em;}
.fo3 .fo3-b span img{ margin-top: 7px;}
.fo3 .fo3-b p{ width:calc(100% - 2em); font-size:1.6em; color:#c9c4c4; line-height:30px;}
.fo3 form{ width:100%; margin-bottom:20px; overflow:hidden;}
.fo3 form input{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border:none; outline:none;height:45px;}
.fo4{ border-top:1px solid #fff; width:100%; padding-top:10px; margin-top:60px;}
.fo4 p{ font-size:1.4em; color:#fefefe; line-height:24px;}
.fo4 p:first-child{ float:left !important;}
.fo4 p{ float:right;}
.fo4 p a{ font-size:1em; color:#fefefe;}
.fo4 p a:hover{ text-decoration:underline;}
.ic-input{  width:calc(90% - 110px); font-size:1.8em; color:#c9c4c4; padding:12px 10px;}
.ic-btn{ width:110px; margin-right:10%; font-size:1.8em; color:#fff; text-align:center; background:#e8000b;}
.do3-dot{ margin-right:30px;}
.do3-dot,.do3-dot>*{ display:inline-block;}
.do3-dot span img{ margin-bottom:-7px; margin-right:6px;}
.do3-dot p{ font-size:1.6em; color:#c9c4c4; line-height:25px;}

.bottomlist{ background:#eb0303; position:fixed; width:100%; bottom:0; left:0;  display:none; z-index:110;}
.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; border-top:1px solid #bcbbba; border-left:1px solid #bcbbba; 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 img{ width:100%;}
.banner .swiper-slide{ position:relative;}
/*ip*/
.ip .boxs .box img{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.ip {background:#eeeeee; padding:80px 0 60px 0;}
.ip .tit{ text-align:center; }
.ip .tit h3{ font-size:4.8em; line-height:52px; text-transform:uppercase; color:#333333; font-weight:900; margin-bottom:15px;}
.ip .tit h4{ color:rgba(0,0,0,0.57); font-size:2.4em; left:28px;}
.ip .boxs{overflow:hidden;margin:0 10px; margin-top:50px; }
.ip .boxs .box{ overflow:hidden;  margin:15px; float:left; width:calc(33.33% - 30px);} 
.ip .boxs .box img{ max-width:100%;}
.ip .boxs .box:hover img{ transform:scale(1.05);}
.ips-slider .swiper-slide{padding:80px 0 !important; overflow:hidden;background:url(../images/ips-bg.jpg) center left no-repeat; background-size:cover;}
.ips-slider .swiper-slide .warp>*{ float:left; width:50%; color:#f7f4f4;}
.ips-slider .swiper-slide table tr td{ padding-right:35px; font-size:1.6em; color:#f7f4f4; line-height:30px;}
.ips-slider .swiper-slide .left{ width:60%;}
.ips-slider .swiper-slide .right{ width:40%;}
.ips-slider .swiper-slide .right .tit{ margin-bottom:50px;}
.ips-slider .swiper-slide .right .tit h3{ color:#f7f4f4; font-size:7.9em; color:#fff; font-style:oblique; font-weight:bold;}
.ips-slider .swiper-slide .right .tit>*{ display:inline-block;}
.ips-slider .swiper-slide .right .tit .ti2 h4{ padding-left:16px; color:#eb0303; font-size:2.8em; font-weight:bold;font-style:oblique;}
.ips-slider .swiper-slide .right .tit .ti2 p{ font-size:3.8em; font-weight:bold; color:#f7f4f4;font-style:oblique;}
/*inews*/
.inews .box .txt,.inews .box,.inews .box img,.inews .box  p{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.inews{ background:#eeeeee; padding:65px 0;}
.inews .tit h3{ text-align:center; font-size:4.8em; font-weight:800; color:#333333; margin-bottom:60px;}
.inews .box{  overflow:hidden; float:left; width:calc(33.33% - 80px); margin:0 40px 15px 40px; padding-bottom:20px;}
.inews .box img{max-width:100%;}
.inews .box h3{ padding:16px 0; font-size:1.8em; color:#363434;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height:24px;}
.inews .box .date>*{ display:inline-block;}
.inews .box .date h4{ font-size:1.4em; color:#9f9f9f; padding-left:4px; line-height:24px;}
.inews .box .date span img{ margin-bottom:-2px;}
.inews .box .date{ margin-bottom:15px;}
.inews .box  p{ font-size:1.4em; line-height:24px; color:#868282; height:48px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.inews .box:hover{ box-shadow:0 2px 6px #000; transform:translateY(-24px);}
.inews .box:hover .txt{ padding:0 20px;}

/*about*/
.i-tit{ text-align:center;}
.i-tit h3{ font-size:3.6em; color:#424242; font-weight:bold; margin-bottom:10px;}
.about .txt{ width:460px; float:right; text-align:center; padding-top:100px; padding-right:170px;}
.about .txt h3{ letter-spacing:4px; font-size:10em; color:#fff; font-weight:800; text-shadow:0 0px 25px #6e7682;}
.about .txt h4{ font-size:3em; color:rgba(255,255,255,0.75); font-weight:bold; background:#eb0303; line-height:45px; margin:20px 0;}
.about .txt h5{ font-size:7.4em; color:#fff; font-weight:bold;text-shadow:0 0px 15px #6e7682;}
.about-s{ background:#ebebeb; padding:70px 0 150px 0;}
.about-s .txt{ margin-top:30px;}
.about-s .txt>p{ text-align:justify; font-size:1.6em; color:rgba(0,0,0,0.7); line-height:32px; text-indent:2em; margin-bottom:30px;}
.about-s .dots{ width:calc(100% + 24px); margin-left:-12px;}
.about-s .dots .dot{ float:left; width:calc(33.33% - 24px); margin:0 12px; text-align:center;}
.about-s .dots .dot img{ max-width:100%; margin-top:80px;}
.about-s .dots .dot h3{font-family: "EU-F4"; text-transform:uppercase; color:rgba(235,3,3,0.6); font-weight:bold; font-size:3.1em;}
.about-s .dots .muns span{  font-size:8.1em; color:#d90e0e; font-weight:bold;font-family: "EU-F4"; line-height:80px; display:inline-block;}
.about-s .dots .muns span span{ font-size:1em;font-family: "EU-F4";}
.about-s .dots .muns p{margin:15px 0 6px 0; font-size:1.8em; color:rgba(0,0,0,0.5);}

/*news*/
.news-s .dot{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.news-s{ padding:90px 0; background:#ebebeb;}
.news-s .dots{ overflow:hidden; margin-top:15px; margin-bottom:50px;}
.news-s .dot{border-left:0px solid #d61919; padding:22px 6px; float:left; width:calc(50% - 20px); margin:15px 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-s .dot a>*{ float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-s .dot .left{ border-right:1px solid #bfbdbd; text-align:center; width:20%; padding:8px 20px;}
.news-s .dot .right{ width:80%; padding-left:6%;}
.news-s .dot .left h3{ font-size:6em; color:#5a5a5a; margin-bottom:10px; }
.news-s .dot .left h4{ font-size:1.8em; color:#a1a1a1;}
.news-s .dot .right h3{ text-transform:uppercase; font-size:1.8em; color:#d40e0e; line-height:24px; width:80%; padding:10px 0 15px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-s .dot .right p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2; font-size:1.1em; color:#787878; line-height:24px;}
.news-s .dot:hover{ background:#fff; border-left:6px solid #d61919;}
.news .txt{ padding-top:150px; text-transform:uppercase;}
.news .txt h3{ font-size:5.3em; color:#d5d5d5; font-weight:800; margin-bottom:10px;}
.news .txt h3 span{ font-size:87px; color:#e62432; font-weight:800;}
.news .txt h4{ font-size:4.2em; color:rgba(255,255,255,0.75); margin-bottom:8px;}
.news .txt p{ font-size:1.2em; color:rgba(255,255,255,0.6); line-height:24px;}
.show .n-tit{ text-align:center;}
.show .n-tit h3{ font-size:2em; line-height:24px; margin-bottom:6px;}
.show .n-tit h4{ font-size:1.2em; color:#ccc; padding-bottom:15px; border-bottom:1px solid #a20007;}
.show .txt{ padding:20px; line-height:2em; font-size:1em;}
.show .btn {padding:20px 0;border-top:1px solid #a20007;}
.show .btn a{ color:#333; padding:5px 10px; line-height:24px; display:block;  font-size:1.4em;}
.show .btn a:hover{ color:#fff !important; background:#a20007;}

/*service*/
.service .txt{ text-align:center; padding-top:100px;text-transform:uppercase;}
.service .txt h3{ font-size:6.9em; color:#; line-height:72px;font-family: "EU-F4"; color:rgba(255,255,255,0.75);  font-weight:800;}
.service .txt h4{ font-size:4em; padding:30px 0 10px 0; color:rgba(239,9,9,0.75);}
.service .txt p{ font-size:1em; line-height:20px; color:rgba(255,255,255,0.6);}
.service-s{ background:#ebebeb; padding:80px 0 150px 0;}
.service-s .dots{ margin-top:35px; margin-bottom:60px;}
.service-s .dots>*{ float:left;}
.service-s .dots .left{ width:420px;}
.service-s .dots .left img{ max-width:100%;}
.service-s .dots .right{ width:calc(100% - 420px);}
.service-s .dots .right .dot{ height:100px; margin-top:25px; display:block; width:100%;}
.service-s .dots .right .dot:first-child{ margin:0;}
.service-s .dots .right .dot>*{ float:left;}
.service-s .dots .right .dot .img{ margin-right:45px;}
.service-s .dots .right .dot .sd{ width:calc(100% - 140px); padding:10px 0 0 0;}
.service-s .dots .right .dot .sd h3{ font-size:2.4em; color:#e62332; line-height:24px; font-weight:bold; text-transform:uppercase;}
.service-s .dots .right .dot .sd p{ padding-top:6px; color:rgba(0,0,0,0.7); font-size:2.2em; line-height:24px;letter-spacing: -1px;}
.service-s .dots .right .dot .img{ width:95px;}
.service-s .txt p{ text-indent:2em; font-size:1.6em; line-height:24px; color:rgba(10,10,10,0.5);}

/*cooperation*/
.c-list a,.c-list a:after{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.cooperation .txt{ padding-top:155px; text-align:right; float:right;}
.cooperation .txt h3{ text-transform:uppercase; font-size:3.6em; color:rgba(255,255,255,0.75); margin-bottom:15px;}
.cooperation .txt div h4{margin-bottom:-5px; text-align:center; font-size:9.7em; width:560px; height:105px; line-height:90px; color:rgba(255,255,255,0.75); background:rgba(254,0,0,0.6);}
.cooperation .txt div>*{ float:left; }
.cooperation .txt div span{  font-size:14.4em; line-height:105px; color:rgba(255,255,255,0.75); margin-right:10px;}
.cooperation-s{ padding:140px 0; background:#ebebeb; }
.c-list{ text-align:center; font-size:0;}
.c-list a{ position:relative; background:#ffffff; font-size:16px; color:#474646; width:240px; height:50px; display:inline-block; line-height:50px; text-align:center;}
.c-list a:hover,.c1 .c1,.c2 .c2,.rem-lock{ background:#dd0011 !important; color:#fff !important;}
.c-list a:after{ opacity:0; position: absolute;  border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-top: 18px solid #dd0011; content: " "; display: block; width: 0; height: 0;  bottom: -18px;  margin-left: -8px;  left: 50%;}
.c-list a:hover:after,.c1 .c1:after,.c2 .c2:after,.rem-lock:after{ opacity:1 !important;}
.cooperation-s .boxs{ margin-top:70px; background:rgba(255,255,255,0.4); padding:35px 12px;}
.cooperation-s .boxs table{ width:100%;}
.cooperation-s .boxs table tr:first-child{ border-bottom:4px solid #e60012;}
.cooperation-s .boxs table tr:first-child td{ border-left:3px solid #e60012; font-size:1.6em; color:#010101; text-align:center !important;}
.cooperation-s .boxs table tr:first-child td:first-child{ border:none;}
.cooperation-s .boxs table tr:first-child td a{word-break:break-all; display:block; font-size:1em;}
.cooperation-s .boxs table tr:first-child td a:hover{ color:#e60012;}
.cooperation-s .boxs table tr{ border-bottom:1px dashed #737373;}
.cooperation-s .boxs table tr td{ text-align:center; padding:12px 10px; font-size:1.6em; color:rgba(0,0,0,0.8); line-height:24px;}
.cooperation-s .boxs table tr td:first-child{ text-align:left;}
.cooperation-s .boxs table{ margin-bottom:50px;}

/*contact*/
.contact .dot .img:after,.contact .dot .img,.contact-box form .fb-btn,.contact-box form .fb-btn:after{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.contact{ position:relative; text-align:center; padding:150px 0 190px 0; background:url(../images/contact/contact-bg.jpg) bottom center no-repeat #ba202c;}
.contact .txt{ text-transform:uppercase; color:#fff;}
.contact .txt h3{ font-size:6em; font-weight:bold; padding-bottom:35px; margin-bottom:30px; position:relative;}
.contact .txt h3:after{ position:absolute; bottom:0; left:50%; content:""; width:170px; height:8px; margin-left:-85px; background:rgba(255,255,255,0.8);}
.contact .txt h4{ font-size:3em; margin-bottom:18px;}
.contact .txt p{ font-size:1.4em; line-height:24px; color:rgba(246,244,244,0.6);}
.contact .dots{ overflow:hidden; padding:40px 0 50px 0; margin-top:100px; background:rgba(255,255,255,0.9);}
.contact .dot{ width:25%; float:left; padding:0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.contact .dot .img{ position:relative; width:68px; height:68px; line-height:68px; text-align:center; margin:0 auto;}
.contact .dot .img:after{position:absolute; top:0; left:100%; content:""; width:0px; height:62px; background:#000;}
.contact .dot .img .b{ display:none;}
.contact .dot h3{ padding:15px 0; text-transform:uppercase; font-size:2em; color:#000;}
.contact .dot p{ font-size:1.4em; line-height:24px; color:#7f7e7e;}
.contact .dot p a{ font-size:1em;  color:#7f7e7e;}
.contact .dot p a:hover{ text-decoration:underline;}
.contact .dot:hover .img .a{ display:none;}
.contact .dot:hover .img .b{ display:inline-block;}
.contact .dot:hover .img{ background:#e60012;}
.contact .dot:hover .img:after{ width:3px; }
.contact-s{ height:818px; position:relative; background:url(../images/contact/map.jpg) left center no-repeat;}
.contact-box{ padding:55px 14px ;background-image:linear-gradient(#fff 0%,rgba(255,255,255,0.9) 100%); position:absolute; bottom: -540px; z-index:1; width:100%; max-width:940px; margin:0 auto; left:50%; margin-left:-470px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:8px; box-shadow:0 0 10px rgba(116,4,19,0.26);}
.contact-box>h3{ font-size:3em; color:#111111; padding:15px 0 35px 0; border-bottom:1px dashed #707070;}
.contact-box form{ padding-top:30px; max-width:760px; margin:0 auto;}
.contact-box form .fb-input,.contact-box form .fb-text{  margin:0 30px; margin-bottom:22px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:15px 10px; border:none; outline:none; font-size:2em; color:rgba(17,17,17,0.5); background:#f2f1f1; float:left; line-height:24px;}
.contact-box form .fb-input{width:calc(50% - 60px);}
.contact-box form .fb-text{width:calc(100% - 60px);font-family: "Arial"; margin-top:10px;}
.contact-box form .fbb{ text-align:right; margin-right:30px;}
.contact-box form .fb-btn{ text-indent:32px; outline:none; border:2px solid #e60012; border-radius:8px; background:url(../images/contact/send.png) left center no-repeat; width:100px; height:30px; font-size:1.8em; color:#e60012; position:relative;}
.contact-box form .fb-btn:after{ position:absolute; top:0; left:100%; content:""; width:100%; height:100%; background:#e60012;transform-origin : 0 100% 0
scaleX(0);}
.contact-box form .fb-btn:hover{ background:url(../images/contact/send.png) left center no-repeat #e60012; color:#fff;}
.contact-box form .fb-btn:hover:after{ transform:scaleX(1);}
.contact .dot{ position:relative;}
.contact .two{display:none; position:absolute; top:-20px; left:50%; margin-left:-80px;}
.contact .dot .two img{ width:160px;  }
.contact .dot:hover .two{ display:block;}

/*product*/
.product-s .p-list a,.product-s  .p-box .box,.product-s  .p-box .box img{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.product-s{ background:url(../images/product-bg.jpg) top center no-repeat #e2e2e2; background-attachment:fixed; padding:110px 0 50px 0; background-size:cover;}
.product-s .txt{ text-align:center;}
.product-s .txt h3{ text-transform:uppercase; font-size:4.8em; color:#333; font-weight:800; margin-bottom:20px;}
.product-s .txt h4{ font-size:2.4em; color:rgba(0,0,0,0.57); line-height:24px;}
.product-s .p-list{ text-align:center; padding:50px 0 90px 0;}
.product-s .p-list a{ display:inline-block;width:176px; height:45px; line-height:45px; font-size:1.6em; color:#323232; background:#f7f7f7; border-radius:45px; margin:0 10px; margin-bottom:20px; }
.product-s .p-list a:hover,.p-lock{ background:#e62332 !important; color:#fff !important;}
.product-s .pbt{ position:relative;}
.product-s .pbt .btn{ float:right; margin-top: 15px;}
.product-s .pbt .btn a{ display:inline-block; width:26px; height:26px; border-radius:50%; font-size:2.4em; color:#c4bfbf; background:#fff; box-shadow:2px 2px 2px #cecdcd; text-align:center; line-height:26px; margin-left:12px;}
.product-s .pbt .btn a:hover{ color:#fff; background:#e62332;}
.product-s .pbt span{ width:280px; height:50px; border-radius:50px; text-align:center; background:#e62332; font-size:2.4em; color:#fff; line-height:50px; display:inline-block;}
.product-s .pbt:after{position:absolute; top:25px; left:320px; content:""; width:calc(100% - 440px); height:3px; background:#bfbfbf;}
.product-s  .p-box{ padding-top:30px; width:calc(100% + 30px); margin-left:-15px;}
.product-s  .p-box .box{ float:left; width:calc(33.33% - 30px); margin:0 15px 50px 15px;}
.product-s  .p-box .box .img img{ max-width:100%;box-shadow:8px 8px 8px #b8b6b5;}
.product-s  .p-box .box .img{ text-align:center; }
.product-s  .p-box .box p{ padding-top:20px; font-size:1.4em; color:#5d5d5d; text-align:right; display:inline-block; float:right; position:relative; line-height:16px;}
.product-s  .p-box .box p:after{position:absolute; bottom:0px; right:calc(100% + 20px); content:""; width:180px; border-bottom:1px dashed #bfbebe;}
.product-s  .p-box .box .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-s  .p-box .box:hover{ transform:translateY(-5px);}
.product-s  .p-box .box:hover img{ transform:scale(1.02);}

/*recommendation*/
.recommendation-s .dots .dot .img img{transition:linear .2s all;-moz-transition: linear .2s all; -webkit-transition:linear .2s all; -o-transition: linear .2s all;}
.recommendation .txt{ width:100%; margin:0 auto; padding-top:140px; text-transform:uppercase;}
.recommendation .txt h3{ letter-spacing:-1px; font-size:7.9em; font-weight:800; color:rgba(255,255,255,0.75);transform: scaleX(0.7);}
.recommendation .txt h3 span{ color:#d40e0e; font-size:1em;}
.recommendation .txt p{ font-size:1.4em; line-height:24px; color:rgba(255,255,255,0.6); max-width:70%; margin:0 auto;}
.recommendation-s{ background:url(../images/rem-bg.jpg) bottom center no-repeat; background-attachment:fixed; padding:85px 0 115px 0;}
.rem-tit h3{ text-align:center; font-weight:800; text-transform:uppercase; font-style:italic; font-size:4.8em; color:#181818; margin-bottom:55px;}
.recommendation-s .dots{padding-top:95px; width:calc(100% + 30px); margin-left:-15px;}
.recommendation-s .dots .dot{ float:left; width:calc(33.33% - 30px); margin:0 15px 50px 15px;}
.recommendation-s .dots .dot .img{ text-align:center;}
.recommendation-s .dots .dot .img img{ max-width:100%;}
.recommendation-s .dots .dot .txt{ overflow:hidden; margin-top:20px;}
.recommendation-s .dots .dot .txt>*{ float:left;}
.recommendation-s .dots .dot .txt span{ padding:6px 12px; font-size:1.1em; color:#fff; background:#e60012;}
.recommendation-s .dots .dot .txt p{ font-size:1.1em; color:#565555; padding-left:20px; width:calc(100% - 150px); line-height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.recommendation-s .dots .dot:hover img{box-shadow:8px 8px 8px #b8b6b5;}

/*productshow*/
.prs .pbt,.ps-box{ width:100%; max-width:800px; margin:0 auto;}
.swiper-slide img{ max-width:100%;}
.ps-box .gallery-top{ padding:0 15px; padding-top:30px;}
.ps-box .gallery-top .swiper-slide img{ box-shadow:10px 10px 10px #b8b6b5;}
.ps-box .gallery-top .swiper-slide .txt p{ padding:45px 0; font-size:2.4em; color:#5d5d5d; text-align:right; display:inline-block; float:right; position:relative; line-height:16px;}
.ps-box .gallery-top .swiper-slide .txt p:after{position:absolute; bottom:40px; right:calc(100% + 20px); content:""; width:180px; border-bottom:2px dashed #bfbebe;}
.ips-p{ background:url(../images/product/ip-p.png) !important;right:30px !important; }
.ips-n{background:url(../images/product/ip-n.png) !important; left:30px !important;}
.ips-p:hover{ background:url(../images/product/ip-p-0.png) !important;}
.ips-n:hover{background:url(../images/product/ip-n-0.png) !important;}
.ips-p,.ips-n,.ips-p:hover,.ips-n:hover{ width:50px !important; height: 50px !important;  background-size:50px 50px !important;}
.gallery-thumbs { padding:5px  10px !important; width:calc(100% - 20px) !important;}
.gallery-thumbs .swiper-slide{box-shadow:4px 4px 4px #b8b6b5;}
.gallery-thumbs .swiper-slide-thumb-active{ border:1px solid #e8000b;}
.ps-box .tt{ background:#fff; margin:40px 0; padding:16px 20px; border-left:20px solid #da3030;}
.ps-box .tt h3{ color:#787878; font-size:2.4em; }
.ps-box .pshow{ line-height:1.8;  background:#fff; padding:15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ps-box .pshow img{ max-width:100%; padding:10px 0;}

.rem .rem-tit{ margin-bottom:80px;}
.rem .pbt span{ width: 200px; height: 40px; font-size: 2em; line-height: 40px;}
.rem  .pbt .btn{ margin-top:10px;}