@charset "utf-8";
/* CSS Document */
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*/}

body{ position:relative; min-width:1200px;}
.mm-page>div{ background:#fff;}
.warp{ width:1170px; margin:0 auto;}
.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;}
@font-face {
  font-family: "MGQ8101";
  src: url("MGQ8101.woff2") format("woff2"),
       url("MGQ8101.woff") format("woff"),
       url("MGQ8101.ttf") format("truetype"),
       url("MGQ8101.eot") format("embedded-opentype"),
       url("MGQ8101.svg") format("svg");
}
@font-face {
  font-family: "DIN-Regular";
  src: url("DIN-Regular.woff2") format("woff2"),
       url("DIN-Regular.woff") format("woff"),
       url("DIN-Regular.ttf") format("truetype"),
       url("DIN-Regular.eot") format("embedded-opentype"),
       url("DIN-Regular.svg") format("svg");
}
/*all-img*/
.xxl,icu1{ display:block;}
.xl,.l,.m,.icu2{ display:none;}

/*parts*/
div.fy {text-align:center;line-height:3rem; padding: 50px 0;}
div.fy a {margin:2px 5px;padding:10px 15px;color:#666666;background-color: #f0f0f0;font-size:1.6em; border-radius:2px;display:inline;}
div.fy a:hover {background-color:#ed0017;color:#FFF;}
div.fy a:active {background-color:#ed0017;color:#FFF;}
div.fy span.current {margin:2px 5px;padding:10px 15px;background-color:#ed0017;color:#FFF; font-size:1.6em;border-radius:2px;}
div.fy span.disabled {margin:2px 5px;padding:10px 15px;color:#999;background-color: #f0f0f0; font-size:1.6em;border-radius:2px;}

/*手机导航*/
.m-header{ width:100%; background:#fff;}
#hamburger {	width: 24px;	height: 14px;	position:absolute;	top: 30px;	right: 25px;	z-index: 999;}
#hamburger:before, #hamburger:after, #hamburger span {	    background: #2d2d2d;    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{ height:50px; padding:20px 0 0 0; position:relative; border-bottom:1px solid #eee;}
.logo{ float:left;}
.mune{ float:right;}
.dropdown>a{ font-size:1.4em; color:#333; padding:0 25px 30px 25px;}
.dropdown a:hover,#m1 .m1,#m2 .m2,#m3 .m3,#m4 .m4,#m5 .m5{ color:#ed0017 !important;}
.one{ position:absolute; top:30px; left:25px;}
.m-logo{text-align:center;}
.dropdown {  transition:all 1s;  display:inline;}
.dropdown-content { border-top:1px solid #eee; text-align:center;  position: absolute;  background-color: rgba(255,255,255,1);  width: 100%;  top:100%;  display:none;  left:0;  transition:all 0.5s;  padding:20px 0;  z-index:999; max-height: calc(100vh - 71px) !important;}
/*.dropdown:first-child .dropdown-content .warp{ overflow-y: scroll; max-height: calc(100vh - 111px) !important;}*/
.dropdown-content .warp::-webkit-scrollbar-track {	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);	background-color:#F5F5F5;}
.dropdown-content .warp::-webkit-scrollbar {	width:6px;	background-color:#F5F5F5;}
.dropdown-content .warp::-webkit-scrollbar-thumb {	background-color:#000000;}
.dropdown-content a{ display:inline-block; font-size:1.4em; color:#333; padding:0 25px ;}
.dropdown:hover .dropdown-content ,.dropdown-content a p{	display:block;}
.dropdown-content a p{ margin-top:20px; font-size:1.4em;}
.cona{ 
  margin-left:240px; 
  display: inline-flex;
  align-items: center;
}
.cona a{ 
margin-left:25px;
width:26px;
height:26px;
color: #333;
font-size: 12px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height:26px;
}
.cona a:last-child{
  border: 1px solid #333;
  border-radius: 12px;
  text-align: center;
  width:24px;
  height:24px;
}
.cona a img{
  display: inline-block;
}
.cona a:last-child:hover{
  color: #fff;
  background-color: #333;
}

/*footer*/
.f-two{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.footer{ background:#f2f2f2;}
.fo1 p{ font-size:3em; color:#333; padding:42px 0; text-align:center;}
.fo2 { background:#dedede; text-align:center;}
.fo2 p{font-size:1.8em; color:#333;padding:16px 70px; display:inline-block;}
.f-box:first-child{ width:400px;}
.f-box .fb{ height:60px; overflow-y:scroll;}
.f-box .fb::-webkit-scrollbar-track {	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);	background-color:#F5F5F5;}
.f-box .fb::-webkit-scrollbar {	width:6px;	background-color:#F5F5F5;}
.f-box .fb::-webkit-scrollbar-thumb {	background-color:#000000;}
.f-box p{ font-size:1.867em; margin-top:12px; color:#333;}
.two{background:url(../images/arrow.png) right center no-repeat;}
.two_bar {display:none; text-indent:2em;}
.two_bar li,.one_bar {	display:block; line-height:58px; font-size:2.4em; color:#333;border-bottom:1px solid #f0efee; vertical-align:middle;	overflow:hidden; height:58px;}
.fo3{ padding:55px 0 40px 0;}
.fo3-1,.fo3-2{ float:left; }
.fo3-1{width: 45%;}
.fo3-2{width: 55%;}

.f-box{ padding:0 20px; float:left;}
.f-box h3{ display:block; font-size:1.4em; color:#333; margin-bottom:30px;}
.f-box a{ display:block; color:#888; font-size:1.2em; margin-bottom:8px;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.f-box:first-child a{ width: 25%; float:left;}
.f-box a:hover{color:#ed0017;}
.fo3-11,.fo3-12{ float:left; padding:0 60px;}
.fo3-11>p:first-child{font-size:1.4em; color:#333;}
.f-focus img{ display:inline-block;}
.f-focus img{ margin-right:15px;}
.f-focus{ margin:15px 0;}
.fo3-11>p{ font-size:1.2em; line-height:20px; color:#888;}
.fa-i{ line-height:24px; display:block;}
.fa-i p{ display:inline-block;}
.fo3-12 p{ font-size:1.2em; color:#333; line-height:20px;}
.fo3-12 h3{ color:#555;font-weight: lighter; font-size:3em; font-family:"MGQ8101"; padding:12px 0;}
.fc-input{ width:190px; height:30px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:8px; margin-right:6px; background:#f2f2f2; border:1px solid #a0a0a0; outline:none;}
.fc-btn{ height:30px; background:#a5a5a5; color:#fff; width:60px; border:none; outline:none;}
.footer-tit{ text-align:center;  border-top:1px solid #dedede; background:#f2f2f2;}
.footer-tit p{ font-size:1.2em; color:#888888; padding:15px 0;}

.fo2-0{ text-align:center;  display:none;}
.fo2 .f1:hover .f-1{ display:block;}
.f-two{ position:absolute; display:none;    top: -50px; left: 105%;}
.fa-i{ position:relative;}
.fa-i:hover .f-two{ display:block;}
.fo1{ background:#f2f2f2;}
.bshare-custom .bshare-sinaminiblog{ background:none !important;}
.bshare-custom{ display:inline-block;}
.bshare-custom.icon-medium a{ padding:0 !important;}

/*index*/
.banner img{ max-width:100%;}
.in-box{ background:#2d2d2d !important; padding:10px 40px;}
.mi-box{ background:#2d2d2d !important; padding:0 0 20px 0; text-align:center;}
.mi-box img{ margin-top:20px; max-width:calc(100% - 40px ); padding:0 20px; }
.ib{ float:left; width:25%; text-align:center;}
.ib img{max-width:98%}

/*product*/
/*d8s*/
.more{ position:relative; height:620px; width:100%;}
.d8s{ text-align:center;}
.d8s h3{ font-size:4em; margin-bottom:40px; font-weight:bold;}
.d8s h4{ font-size:1.6em; line-height:32px; font-weight:lighter;}
.d8s1-banner{ background:url(../images/product/d8s/banner.jpg) center center no-repeat #fff;}
.d8s1{ height:853px; background:url(../images/product/d8s/g8s-1.jpg) center center no-repeat #fff;}
.d8s2{ height:1142px; background:url(../images/product/d8s/d8s-2.jpg) center center no-repeat #fff;}
.d8s3{ background:url(../images/product/d8s/g8s-3.jpg) center center no-repeat #fff;}
.d8s4{ height:663px; background:url(../images/product/d8s/g8s-4.jpg) center center no-repeat #f0efef;}
.d8s5{height:728px; background:url(../images/product/d8s/g8s-5.jpg) center center no-repeat #e9eaee;}
.d8s6{ height:1280px; background:url(../images/product/d8s/g8s-6.jpg) center center no-repeat #000000;}
.d8s7{ height:669px; background:url(../images/product/d8s/g8s-7.jpg) center center no-repeat #fff;}
.d8s8{ height:669px; background:url(../images/product/d8s/g8s-8.jpg) center center no-repeat #ebebeb;}
.d8s9{  height:669px;background:url(../images/product/d8s/g8s-9.jpg) center center no-repeat #262626;}
.d8s10{ height:669px; background:url(../images/product/d8s/g8s-10.jpg) center center no-repeat #262626;}
.d8s11{ height:669px; background:url(../images/product/d8s/g8s-11.jpg) center center no-repeat #fff;}
.d8s12{ background:url(../images/product/d8s/g8s-12.jpg) center center no-repeat #272727;}
.d8s13{ background:url(../images/product/d8s/g8s-13.jpg) center center no-repeat #f8f8f8;}
.d8s14{ background:url(../images/product/d8s/g8s-14.jpg) center center no-repeat #000000;}
.d8s15{height:690px; background:url(../images/product/d8s/g8s-15.jpg) center center no-repeat #fff;}
.d8s16{height:854px; background:url(../images/product/d8s/g8s-16.jpg) center center no-repeat #ecedf1;}

.banner-txt{ padding:180px 0 0 85px;}
.banner-txt h3{ font-size:3em; color:#555; font-weight:bold; padding:20px 0;}
.d8s-ban{ width:300px;}
.d8s-bt p{ display:inline-block; font-size:2em; color:#333; padding:0 15px; }
.d8s-bt p:nth-child(1){border-right:1px solid #a0a0a0;}
.d8s-bt:nth-child(3)  p:nth-child(1){border-right:none;}
.d8s-bt{ border-left:1px solid #a0a0a0; text-align:center;margin-bottom:9px;  border-right:1px solid #a0a0a0;}
.d8s1-t{  margin:0 auto;}
.d8s1-t h3{ color:#222323; padding:95px 0 30px 0;}
.d8s2{ color:#222; text-align:center;}
.d8s2 h3{ padding-top:85px; margin-bottom:35px;}
.d8s2 h4{ width:250px; margin:0 auto; margin-bottom:40px;}
.d8s2-box{ background:#262626; display:table; width:100%;}
.d8s2-b{ width:50%; display:table-cell;vertical-align:middle;}
.d8s2-b img{ max-width:100%;}
.d8s2-b p{ font-size:2.4em; font-weight:bold; }
.d8s3-txt{ width:370px; padding:230px 0 0 90px;}
.d8s3-txt h4{ margin:0 auto; margin-top:30px; font-size:30px;}
.d8s4-t{ text-align:left; padding-top:80px; width:510px; float:right;}
.d8s4-t h3{ width:320px; line-height:48px; margin-bottom:35px;}
.d8s4-t h4{ color:#212121; margin-bottom:50px;}
.d8s4-t table tr td{ width:33.33%; height:95px; text-align:center; vertical-align:middle; border-left:1px solid #d0d0d0;}
.d8s4-t table tr:first-child{ border-bottom:1px solid #d0d0d0;}
.d8s4-t table tr td:first-child{ border:none;}
.d8s4-t table tr td p{ font-size:1.45em; color:#363636; margin-bottom:16px;}
.d8s4-t table tr td span{ color:#c91d1d; font-size:2em;}
.d8s4-t table tr td span span{font-size:1.6em; font-family:"DIN-Regular";}
.d8s4-tip{ text-align:center; width:100%; position:absolute; bottom:0; }
.d8s4-tip p{font-size:1.4em; color:#616060; line-height:24px;}
.d8s5-txt{ padding-top:100px; color:#212121;}
.d8s5-txt h4{ width:810px; margin:0 auto; margin-top:40px; }
.d8s6-t{ color:#fff; padding:95px 0 0 0;}
.d8s6-t h4{ width:510px; margin:0 auto;}
.d8s-d{ text-align:center; position:absolute; bottom:100px; width:100%;}
.d8s-dot{ padding:0 60px; display:inline-block;}
.d8s-dot p{ font-size:1.4em; color:#ececec; margin-bottom:25px;}
.d8s-dot span{ font-size:6em; color:#c91d1d;}
.d8ss6{ font-size:18px !important;}
@media only screen and (max-width:1500px) {
	.d8s-dot{ width:20%; padding:0; float:left;}
}
.d8s-dot span span{ font-size:1em;  font-family:"DIN-Regular";}
.d8s7{ text-align:left;}
.d8s7-txt-0{ padding-top:100px !important; width:820px !important; margin:0 auto !important; text-align:center;}
.d8s7-txt{ color:#252525; padding-top:180px;}
.d8s7-txt h3{ font-size:4em; font-weight:bold; margin-bottom:16px;}
.d8s7-txt p{ position:relative; font-size:3em; font-weight:lighter; padding-bottom:25px; margin-bottom:40px;}
.d8s7-txt p:after{ position:absolute; bottom:0; content:""; background:#c91d1d; height:1px; width:70px; left:0;}
.d8s7-txt h4{ font-size:1.6em; line-height:24px; }
.d8s8{ color:#252525;}
.d8s8 h3{ padding-top:100px;}
.d8s8 h4{ width:720px; margin:0 auto; padding-bottom:24px;}
.d8s9-0{ color:#fff;}
.d8s9-txt{ float:right; text-align:left; padding-top: 175px;}
.d8s10-txt{padding-top: 130px;}
.d8s10-t{ text-align:center; margin-top:50px;}
.d8s10-ts{ width:90px; float:left; margin-right:60px;}
.d8s10-ts h5{ font-size:1.45em; margin-bottom:16px;}
.d8s10-ts span{ font-size:1.6em; color:#c91d1d;}
.d8s10-ts span span{ font-size:2em; font-family:"DIN-Regular";}
.d8s11-txt{ color:#323232; text-align:left; width:435px; float:right; padding-top:230px;}
.d8s11-0{ position:absolute; width:100%; top:0; height:669px;  background:url(../images/product/d8s/g8s-11-0.jpg) center center no-repeat;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.d8s11-1{ opacity:0;}
.d8s12-txt{ padding-top:90px; width:50%; text-align:center; color:#fff;}
.d8s12-txt h3{ margin-bottom:12px;}
.d8s12-txt p{ font-size:3em; font-weight:lighter;  margin-bottom:35px;}
.d8s12-txt h4{ margin-bottom:35px;}
.d8s12-x{ margin-bottom:30px;}
.d8s12-x span{  width:45px; font-size:2.2em; line-height:25px; margin-right:20px;}
.d8s12-x h1{ font-size:6.5em;margin-right:10px;}
.d8s12-x h2{font-size:2.5em;}
.d8s12-x span,.d8s12-x h1,.d8s12-x h2{display:inline-block;}
.d8s13-txt{ float:right; width:50%; padding-top:235px;}
.d8s13-txt h3{ margin-bottom:12px;}
.d8s13-txt p{ font-size:3em; font-weight:lighter;  margin-bottom:35px;}
.d8s13-txt h4{ margin-bottom:35px;}
.d8s14-txt h3{ color:#00f48b; padding-top:85px; margin-bottom:30px;}
.d8s14-txt h4{ color:#fff; width:530px; margin:0 auto;}
.d8s15-txt{ padding-top:90px;}
.d8s15-txt h3{ margin-bottom:30px;}
.d8s16-txt{ padding-top:80px; width:720px; margin:0 auto;}
.product-shows .warp>h3{ text-align:center; font-size:4em; color:#c91d1d; line-height:38px; margin:0 auto; padding:100px 0 10px 0; font-weight:bold;}
.product-shows .warp>p{text-align:center; margin-bottom:40px; font-size:3em; color:#000; font-weight:lighter;}
.swiper-container3{ width:800px; margin: 0 auto; text-align:center;}
.show-dots{ overflow:hidden; margin-bottom:90px;margin-top: -30px;  z-index: 100;    position: relative;}
.show-dot{ background:url(../images/product/pd-bg.png) center center no-repeat; width:144px; height:84px; float:left; margin:0 30px; padding:30px 0; text-align:center;}
.show-dot:first-child{ margin:0 30px 0 0;}
.show-dot:last-child{ margin: 0 0 0 30px;}
.show-dot img{ margin-bottom:12px;}
.show-dot p{ font-size:1.6em; color:#333;}
.d8s17{ background:#3e3e3e; height:auto; color:#fff; padding:50px 0;}
.d8s17-tit h3{ text-align:center; font-size:4em; line-height:48px; width:600px; font-weight:bold; margin:0 auto; margin-bottom:65px;}
.d8s17-dots{ background:#262626; display:table; width:100%;}
.d8s17-d{ width:50%; display:table-cell; vertical-align:middle; text-align:center;}
.d8s17-d img{ max-width:100%;}
.d8s17-d h3{ font-size:2.4em; font-weight:bold; margin-bottom:18px;}
.d8s17-d p{ font-size:2.4em; font-weight:lighter; line-height:42px;}
#oranger a{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all; margin:0 10px; display:inline-block; width:33px; height:33px; border-radius:50%;}
#oranger{ height:50px; text-align:center; position:absolute; bottom:20px; width:100%;}
.hover{ width:43px !important; height:43px !important; margin-bottom:-5px !important}
.centera {overflow:hidden;}
.box { text-align:center;display:none;}
.product-boxs2{ position:relative; padding:85px 0 70px 0; height:800px;}
#tablea{position:relative; height:750px; width:100%;}
#tablea .box{ position:absolute; top:0; width:100%;}
#tablea .box img{ max-width:100%;}
.product-boxs2-2{ border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding:45px 0;}
.product-boxs2-2 table tr td{  vertical-align:middle; padding:10px 25px 10px 45px; line-height:24px; font-size:1.8em; color:#555;}
.pb2-a{ font-size:3em !important; color:#000000 !important; text-align:center; padding:0 !important;}
.product-shows2 p{ padding:20px 16px; font-size:1.4em; color:#9f9f9f;}
.product-shows2{ padding-bottom:85px;}
.product-boxs2{ text-align:center;}
.product-boxs2 h3{ font-size:4em; color:#1e1e1e; font-weight:bold;}


/*about*/
.about-banner{ color:#fff; text-align:center;}
.about-banner .warp h3{ padding-top:260px; font-size:6em; font-weight:bold; margin-bottom:16px;}
.about-banner .warp h4{ font-size:2em;}
.about-txt{ padding:110px 0;}
.about-txt .left{ width:30%; padding-right:10%; float:left;}
.about-txt .right{ float:left; width:60%;}
.about-txt .left h3{font-family:"DIN-Regular"; font-size:4em; color:#e7141b; font-weight:bold; margin-bottom:16px; padding-top:15px;}
.about-txt .left h4{ font-size:3em; color:#333333; position:relative; margin-bottom:10px; padding-bottom:18px;}
.about-txt .left h4:after{ position:absolute; content:""; left:0; bottom:0; width:30px; height:2px; background:#e7141b;}
.about-txt .left p{ font-size:3.6em; font-weight:bold; line-height:48px; color:#333;}
.about-txt .right p{ text-indent:2em; line-height:30px; font-size:1.5em;}
.about-txt .right img{ padding-top:50px;}

/*contact*/
.contact-banner .warp h3{ padding-top:270px; font-size:6em; color:#fff; text-align:center; font-weight:bold;}
.contact-txt{ padding:60px 0 90px 0;}
.ct-box{ margin-bottom:60px;}
.ct-box .ctb:first-child{ border-right:1px solid #eaeaea;}
.ct-box .ctb{ float:left; padding:20px 30px 25px 22px;}
.ct-box .ctb h3{ font-size:3em;}
.ct-box .ctb p{ font-size:1.6em; line-height:24px; margin-top:30px;}
.ct-box .ctb p span img{ margin-bottom:-8px; margin-right:8px;}
.ct-box .ct-box{ float:right; border-radius:15px; text-align:center; background:#e7e7e7;}
.ct-box .ct-box img{ padding:16px 20px;}
.ct-box .ct-box p{ color:#fff; padding:10px 0; background:#e7141b; border-bottom-left-radius:15px; border-bottom-right-radius:15px; font-size:1.6em;}
.map{width:calc(100% - 60px);box-shadow:0 0 20px rgba(0,0,0,0.4); border-radius:20px; padding:30px;}
#map{height:440px; border-radius:20px;}

/*join*/
.join{ text-align:center; color:#fff;}
.join h3{ padding-top:300px; font-size:6em; font-weight:bold; margin-bottom:20px;}
.join p{ font-size:2em;}
.join-txt{  background:#efefef;}
.jt .warp{ overflow:hidden;}
.join-txt .warp{padding:130px 0 100px 0;}
.join-txt2 .warp{ padding:55px 0 80px 0;}
.jt{ overflow:hidden; position:relative;}
.jt .warp>div{ float:left; width:50%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.jt .warp .right{ padding:10px 80px 0 50px;}
.loading{ padding:25px 50px; font-size:1.8em; position:absolute;  left:50%; margin-left:-80px; background:#e7141b; color:#fff;}
.join-txt .loading{ top:400px;}
.join-txt2 .loading{top:330px;}
.join-txt2 .left{ float:right !important; text-align:right;}
.jt .warp .right h3{ font-size:3.6em; color:#333; position:relative;margin-bottom:16px; padding-bottom:28px;}
.jt .warp .right h3:after{ position:absolute; bottom:0; left:0; width:35px; height:2px; content:""; background:#333; }
.jt .warp .right h4{ font-size:1.4em; margin-bottom:40px;}
.jt .warp .right p{ font-size:1.4em; color:#333; line-height:24px;}

/*service*/
.ser-txt{ width:100%; text-align:center; padding-top:140px; }
.ser-txt2{ width:50%; float:right; padding-top:150px; text-align:left;}
.ser-txt h3{ color:#2f2f2f; font-size:4em; font-weight:bold; margin-bottom:24px;}
.ser-txt h4{ font-size:2.4em; color:#2f2f2f; margin-bottom:30px;}
.ser-txt p{ font-size:1.6em; color:#2f2f2f; line-height:24px;}
.ser-txt2{ padding-top:270px;}
.ser-txt2 a{ display:block; margin-bottom:20px;}
.ser2{ background:url(../images/service/service-banner2.jpg) center center no-repeat; height:1000px;}
.ser-txt img{ margin-bottom:20px;}
.ser3{ background:#f2f2f2; padding:40px 0 120px 0;}
.ser3 .warp>h3{ text-align:center; font-size:4em; margin-bottom:75px; font-weight:bold;}
.s3-b{float:left; width:48%; margin:0 1% 20px 1%; background:#fff;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:30px 20px;}
.s3-b img{ padding:0 40px; width:15%; float:left;}
.s3-b .s3-bt{ float:left; width:60%;}
.s3-b .s3-bt h3{ font-size:1.8em; color:#000; font-weight:bold; margin-bottom:16px;}
.s3-b .s3-bt p{ font-size:1.6em; color:#555; line-height:24px;}
.download-i{ position:absolute; top:0; left:50%;}
.ser-txt2 a{ position:relative;}
.download-i{ display:none;}
.ser-txt2 a:hover .download-i{ display:block;}


.service-net h3{ text-align:center; color:#fff; font-size:5em; font-weight:bold; padding-top:275px;}
.sn-txt{ padding:90px 0 65px 0;}
.sn1{ text-align:center; margin-bottom:120px;}
.sn1>h3{ font-size:4em; color:#333; font-weight:bold; padding-bottom:20px; margin-bottom:20px; position:relative;}
.sn1>h3:after{ position:absolute; bottom:0; left:50%; width:24px; height:2px; background:#e7141b; content:""; margin-left:-12px;}
.sn1>p{ width:490px; margin:0 auto; font-size:1.6em; color:#333; line-height:24px; margin-bottom:65px;}
.sn-dot{ margin:0 25px; background:#fafafa; display:inline-block; padding:60px 65px;}
.sn-dot h3{ padding:25px 0 20px 0; font-size:1.8em; color:#333; font-weight:bold;}
.sn-dot p{ width:240px; font-size:1.4em; color:#888; line-height:24px;}
.sn2>h3{ font-size:4em; color:#333; font-weight:bold; text-align:center; margin-bottom:40px;}
.sn2-box{ text-align:center; margin-bottom:60px;}
.sn2-box table tr:first-child{ background:#e7141b !important; }
.sn2-box table tr td{ padding:10px; font-size:1.6em; color:#333; line-height:24px;vertical-align:middle;}
.sn2-box table tr:first-child td{ font-size:2em;color:#fff !important; }
.sn2-box table tr:nth-child(2n){ background:#f4f4f4;}
.sn2-box table tr:nth-child(2n+1){ background:#efb4b4;}
.sn2-box p{ padding:18px 0; font-size:1.6em; color:#888; text-align:left;}
.sn3 h3{ font-size:2em; color:#fff; text-align:center;}
.sn3 p{ font-size:2em; color:#333333; line-height:32px;}
.sn3-tit{ background:#e7141b; padding:8px  0;}
.sn3-box{ padding:30px 35px; background:#f4f4f4}

/*join-list*/
.join-list .warp>h3{ font-size:4em; color:#333; padding:45px 0; text-align:center; font-weight:bold;}
.jb-tit{ background:#e4e4e4; width:100%; padding:15px 25px;}
.jb-tit *{ display:inline-block;}
.jb-tit h4{ font-size:1.8em; color:#333; margin-right:5px;}
.jb-tit p{ font-size:1.4em; color:#888;}
.jb-box{margin-top:20px;}
.jb-box *{ display:inline-block;}
.jb-box h4{ line-height:40px; text-align:right; font-size:1.6em; width:160px; margin-right:20px;}
.jb-box h5{ font-size:1.6em; color:#333; margin:0 20px;}
.jb-input{ padding:12px; border:1px solid #ccc; border-radius:4px; width:530px; }
.join-box{ margin-bottom:65px;}
#distpicker3,#distpicker4{ width:80%;}
.form-control{ display:inline-block; padding:12px; width:250px; margin-right:20px;border:1px solid #ccc; border-radius:4px; outline:none;}
.radio_box *{ display:inline-block;}
.radio_box {display:inline-block; height:30px; width:75px;	position:relative;}
.radio_box label {	width:28px; height:28px; position:absolute;	top:-7px;	left:0px;	border:1px solid #ccc;	 border-radius:4px;	background:#fff;	cursor:pointer;}
.radio_box input:checked + label:after {content:'';	width:14px;	height:14px;	position:absolute;	top:7px;	left:7px;	background:#22ac38;}
.check_box p { display:inline-block;}
.radio_box p{ margin:0 0 0 20px; font-size:1.6em; color:#333;}
#radio_1,#radio_2{ padding:12px;}
.jb2{ width:190px;}
.jb-t h4{ float:left;}
.jb-txt{ padding:12px; border:1px solid #ccc; border-radius:4px; width:800px; line-height:24px;}
.jb-btn{ border:none; outline:none; background:#e7141b; font-size:1.6em; color:#fff; width:185px; height:50px; border-radius:4px; margin-top:40px; margin-left:820px;}

/*service-net*/
.s2-d{ background:#242424; color:#fff; text-align:center;}
.s2-d h3{ font-size:4em; color:#fff; font-weight:bold; padding:65px 0;}
.s2-d1{text-align:center; background:url(../images/service/service-search.jpg) center center no-repeat; height:258px;}
.s2-d1 .warp>h3{ color:#fff; font-size:4em; font-weight:bold; padding:70px 0 40px 0;}
.s2-input{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:40px; outline:none; width:540px; padding:15px 50px 15px 20px; border:none;background:url(../images/service/s-search.png) center right no-repeat #fff;}
#l-map{ height:730px;}

/*news*/
.news-box,.news-box p,.news-box h3,.news-box h4{transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.news-txt .warp>h3{ font-size:4em; color:#333; font-weight:bold; text-align:center; padding:60px;}
.news-box{ padding:40px;}
.news-box:nth-child(2n){ background:#f4f4f4;}
.news-box:nth-child(2n+1){ background:#f9f9f9;}
.news-box p{ font-size:2.4em; margin-bottom:15px;}
.news-box h3{ font-size:2em; margin-bottom:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-box h4{ font-size:1.4em; line-height:24px;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;}
.news-box:hover{ background:#ed0017;}
.news-box:hover p,.news-box:hover h3,.news-box:hover h4{ color:#fff;}

.newsshow{ padding:60px 0;}
.news-tit{ text-align:center; border-bottom:1px solid #ccc;}
.news-tit h3{ font-size:2.4em; margin-bottom:15px;}
.news-tit span{ font-size:1.2em; color:#888; padding:0 0 12px 0; display:block;}
.news-t{ padding:40px 0; line-height:1.6;}
.news-t p{ font-size:1.4em;}
.news-page{ background:#eee; padding:20px;}
.news-page a{ width:49%; display:inline-block; font-size:1.4em;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news-page a:hover{ color:#e7141b;}

/*pinzhi*/
.pzb1{ background:url(../images/product/pinzhi/product-banner.jpg) center center no-repeat; height:613px;}
.pzb1 h3{ text-align:center; color:#fff; padding-top:265px; font-size:6em; font-weight:bold;}
.pzd{ padding-bottom:90px; overflow:hidden; }
.pzd1{ padding-top:90px;}
.pzd:nth-child(2n+1) .l1,.pzd:nth-child(2n) .l2{ float:left;}
.pzd:nth-child(2n) .l1,.pzd:nth-child(2n+1) .l2{ float:right;}
.l1,.l2{width:550px;}
.l1{ padding-left:24px; padding-top:95px;}
.l1 h3{ font-size:3.6em; color:#333; margin-bottom:35px;}
.l1 p{ position:relative; font-size:1.6em; color:#333; line-height:24px; width:450px; padding-bottom:50px;}
.l1 p:after{ position:absolute; bottom:0; left:0; background:#e7141b; content:""; width:24px; height:4px;}
.pzb2{ background:url(../images/product/pinzhi/product2.jpg) center center no-repeat; height:666px; }
.pzd1>h3{ font-size:3.6em; color:#333; font-weight:bold; margin-bottom:70px; text-align:center;}

.p-box{ width:31.33%; margin:0px 1% 40px 1%; float:left;}
.p-box img{ max-width:100%;}

/*g7-gq*/
.g7-gq{ background:#d10401;}
.g7-gq img{ width:100%;}


/*g18*/
.g18{ text-align: center;}
.g18 img{ max-width: 100%;}

/*products*/
.products{ padding: 50px 0;}
.products .boxs{ width: calc(100% + 20px); margin-left: -10px; display: flex; flex-wrap: wrap;}
.products .boxs .pb{ width: calc(33.33% - 20px); margin:30px 10px;}
.products .pb .img{ border: 1px solid #e3e3e3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.products .pb .img img{ width: 100%;}
.products .pb .txt{ padding: 20px 20px;}
.products .pb .txt p{ font-size: 1.4em; color: #333; line-height: 1.5;}
.products .pb .txt .t1{ display: flex; align-items: center;}
.products .pb .txt .t1 span{ font-size: 1.4em; color: #888; line-height: 1.5; margin: 0 4px;}
.products .pb .txt .t2 p{ font-size: 2.4em; color: #ca0000;}

/*g5*/
.g5-1{background:url(../images/product/g5/g5-1.jpg) center center no-repeat #fff;}
.g5-2{height:1116px; background:url(../images/product/g5/g5-2.jpg) center center no-repeat #fff;}
.g5-3{height:800px; background:url(../images/product/g5/g5-3.jpg) center center no-repeat #fff;}
.g5-4{background:url(../images/product/g5/g5-4.jpg) center center no-repeat #f0efef;}
.g5-5{ background:url(../images/product/g5/g5-5.jpg) center center no-repeat #000; height:799px;}
.g5-6{ background:url(../images/product/g5/g5-6.jpg) center center no-repeat #fff;}
.g5-7-l{ float:left; width:50%; height:616px;background:url(../images/product/g5/g5-7l.png) bottom left no-repeat;}
.g5-7-r{ float:left; width:50%; height:616px; background:url(../images/product/g5/g5-7r.png) bottom right no-repeat;}
.g5-7{ background:#000; height:616px;}
.g5-8{ height:663px; background:url(../images/product/g5/g5-8.jpg) center center no-repeat #ebebeb;}
.g5-9{height:728px;background:url(../images/product/g5/g5-9.jpg) center center no-repeat #262626;}
.g5-10{ height:669px; background:url(../images/product/g5/g5-10.jpg) center center no-repeat #262626;}
.g5-11{ height:669px; background:url(../images/product/g5/g5-11.jpg) center center no-repeat #fff;}
.g5-12{ height:666px; background:url(../images/product/g5/g5-12.jpg) center center no-repeat #272727;}
.g5-13{height:1281px; background:url(../images/product/g5/g5-13.jpg) center center no-repeat #000;}
.g5-14{height:980px; background:url(../images/product/g5/g5-14.jpg) center center no-repeat #f8f8f8;}
.g5-15{ background:url(../images/product/g5/g5-15.jpg) center center no-repeat #f8f8f8;}

.g5-1-txt{ padding-top:240px; padding-left:20px;}
.g5-1-one{ overflow:hidden;}
.g5-1-one img{ margin-right:12px;}
.g5-2-t{padding-top:130px; color:#fff;}
.g5-3-txt{ padding-top:300px; width:555px; color:#252525; text-align:center;}
.g5-4-txt h3{ margin-bottom:35px;}
.g5-4-txt{ width:370px; padding-top:230px; color:#252525;}
.g5-4-txt h4{ font-size:3em; color:#333;}
.g5-5-t{ padding-top:70px; margin:0 auto; width:480px;}
.g5-5-t h3{ color:#319c8f; margin-bottom:35px;}
.g5-5-t h4{ color:#7a7a7a;}
.g5-5-txt{position:absolute; text-align:center;  color:#fff; width:100%; top:120px; left:0;}
.g5-6 .d8s7-txt{ color:#fff !important;}
.g5-7{ position:relative;}
.g5-7-txt{ position:absolute; top:125px; color:#fff; left:0; width:100%;}
.g5-6dots div{ display:inline-block; margin-right:50px; width:100px;text-align:center;}
.g5-6dots div p{ font-size:1.45em; color:#363636; margin-bottom:15px;}
.g5-6dots div span{ font-size:3em; color:#c91d1d; font-weight:bold;}
.g5-6dots div span span{ font-size:1em; font-family:"DIN-Regular";}
.g5-8-txt{ width:500px; float:right;}
.g5-10-txt{ padding-top:100px; width:500px; margin:0 auto;}
.g5-10-txt h4{ margin-bottom:20px;}
.g5-14 .d8s12-txt-2{ color:#323232;  width:720px; padding-top:90px; margin:0 auto;}
.d8s14-txt h3{ margin-bottom:45px;}
.g5-14-0{ position:absolute; width:100%; top:0; height:980px;  background:url(../images/product/g5/g5-14-0.jpg) center center no-repeat;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.g5-14-1{ opacity:0;}
.g5-16{ padding:85px 0 75px 0; background:#c91d1d;}
.g5-16 h3{ color:#fff; margin-bottom:0;}
.prod-list{ padding-top:50px; width:1650px; margin:0 auto;}
.prod-list img{ max-width:100%;}
.prod-list p{ padding-top:14px; color:#999999; font-size:1.6em;}
@media screen and (max-width: 1700px) {
	.prod-list{ width:95%; max-width:1200px;}
	.prod-list img{ max-width:100%;}
}

/*g6*/
.g6-1{height:617px; background:url(../images/product/g6/g6-1.jpg) center center no-repeat #fff;}
.g6-2{height:800px; background:url(../images/product/g6/g6-2.jpg) center center no-repeat #e4b51a;}
.g6-3{height:604px; background:url(../images/product/g6/g6-3.jpg) center center no-repeat #e4b51a;}
.g6-4{height:800px; background:url(../images/product/g6/g6-4.jpg) center center no-repeat #f0efef;}
.g6-5{height:620px; background:url(../images/product/g6/g6-5.jpg) center center no-repeat #000; }
.g6-6{ height:620px; background:url(../images/product/g6/g6-6.jpg) center center no-repeat #fff;}
.g6-7{ height:659px; background:url(../images/product/g6/g6-7.jpg) center center no-repeat #fff;}
.g6-8{ height:800px; background:url(../images/product/g6/g6-8.jpg) center center no-repeat #ebebeb;}
.g6-9{height:785px;background:url(../images/product/g6/g6-9.jpg) center center no-repeat #262626;}
.g6-10{ height:669px; background:url(../images/product/g6/g6-10.jpg) center center no-repeat #262626;}
.g6-11{ height:728px; background:url(../images/product/g6/g6-11.jpg) center center no-repeat #fff;}
.g6-12{ height:854px; background:url(../images/product/g6/g6-12.jpg) center center no-repeat #272727;}
.g6-13{ height:799px; background:url(../images/product/g6/g6-13.jpg) center center no-repeat #272727;}
.g6-14{height:800px; background:url(../images/product/g6/g6-14.jpg) center center no-repeat #272727;}
.g6-15{height:800px; background:url(../images/product/g6/g6-15.jpg) center center no-repeat #272727;}
.g6-16{height:1457px; background:url(../images/product/g6/g6-16.jpg) center center no-repeat #fff;}

.g6-1-txt{ padding-top:165px; width:425px; margin-left:-50px; text-align:center;}
.g6-1-txt img{ margin-bottom:25px;}
.g6-2-t{ text-align:left; color:#252525; line-height:65px; margin-left:-40px; padding-top:290px; width:480px;}
.g6-3-t{ padding-top:250px; position:absolute; right:0; top:0; height:604px; width:646px; background:#e4b51a;}
.g6-3-t h3{ font-size:4em; color:#333; margin-bottom:30px;}
.g6-3-t h4{ font-size:3em;}
.g6-4-t{ color:#fff; line-height:65px; text-align:left; padding-top: 254px;  margin-left: -10px;}
.g6-5-txt{width:510px; float:right; color:#252525; text-align:left; }
.g6-5-txt h3,.g6-6-txt h3{ margin-bottom:0;}
.g6-6-txt{color:#252525; text-align:left; top:85px; left:0;}
.g6-7-txt{ padding-top:260px; width:480px;}
.g6-7-txt h3{ color:#00adbb; margin-bottom:35px;}
.g6-7-txt h4{ color:#7a7a7a;}
.g6-8-txt{ padding-top:285px; margin-left:-10px; text-align:left;}
.g6-8-txt h3{ color:#fff; font-size:4em; font-weight:bold; line-height:56px;}
.g6-9 .txt{ color:#fff; text-align:left; float:right; width:450px; padding-top:225px; margin-right:-65px;}
.g6-9 .txt .number{ padding-top:75px;}
.g6-9 .txt .number>div{ width:33.33%; text-align:center; float:left;}
.g6-9 .txt .number-box h4{ font-size:1.4em; color:#ececec; margin-bottom:35px;}
.g6-9 .txt .number-box span{ font-weight:bold; font-size:3.6em; color:#c91d1d; font-family:"DIN-Regular";}
.g6-9 .txt .number-box span span{ font-size:1em;}
.g6-10 .txt{ padding-top:245px; margin-left:-40px;}
.g6-10 .txt h3{ font-size:4em; font-weight:bold; margin-bottom:60px;}
.g6-10 .txt h4{ font-size:3em; line-height:42px; font-weight:lighter;}
.g6-11 .txt{ padding-top:275px; float:right;}
.g6-11 .txt h3{ font-size:4em; font-weight:bold; margin-bottom:60px;}
.g6-11 .txt h4{ font-size:3em; line-height:42px; font-weight:lighter;}
.g6-12 .txt{ padding-top:75px; width:725px; margin:0 auto;}
.g6-12 .txt h3{ font-size:4em; font-weight:bold; margin-bottom:15px; color:#1e1e1e;}
.g6-12 .txt h4{ font-size:3em; color:#212121; font-weight:lighter; margin-bottom:45px;}
.g6-12 .txt p{ font-size:1.6em; line-height:24px; color:#212121;}
.g6-13 .txt{ padding-top:310px; color:#fff;}
.g6-13 .txt h3{ font-size:4em; line-height:56px; float:right; font-weight:bold;}
.g6-14 .txt{ padding-top:280px; text-align:left; color:#333; line-height:65px;}
.g6-14 .txt span{ font-size:1em; }
.g6-15 .txt{ float:right; padding-top:310px; text-align:left;}
.g6-15 .txt h3{ color:#333; line-height:56px;}
.g6-15 .txt h3 span{ font-size:1em; }
@media screen and (max-width: 1500px) {
	.g6-1-txt{  margin-left:0px; }
	.g6-2-t{margin-left:0px;}
	.g6-4-t{ margin-left: 0px;}
	.g6-8-txt{ margin-left:0px; }
	.g6-9 .txt{ margin-right:0px;}
	.g6-10 .txt{margin-left:0px;}
}

/*n2-6*/
.n2-6-1{background:url(../images/product/n2-6/n2-6-1.jpg) center center no-repeat #fff;}
.n2-6-2{height:580px;}
.n2-6-3{background:url(../images/product/n2-6/n2-6-3.jpg) center center no-repeat #fff;}
.n2-6-4{ background:url(../images/product/n2-6/n2-6-4.jpg) center center no-repeat #f0efef;}
.n2-6-5{height:742px; background:url(../images/product/n2-6/n2-6-5.jpg) center center no-repeat #000; }
.n2-6-6{ height:669px; background:url(../images/product/n2-6/n2-6-6.jpg) center center no-repeat #fff;}
.n2-6-7{ height:947px; background:url(../images/product/n2-6/n2-6-7.jpg) center center no-repeat #fff;}
.n2-6-8{ height:669px; background:url(../images/product/n2-6/n2-6-8.jpg) center center no-repeat #ebebeb;}
.n2-6-9{height:669px;background:url(../images/product/n2-6/n2-6-9.jpg) center center no-repeat #262626;}
.n2-6-12{height:669px;background:url(../images/product/n2-6/n2-6-12.jpg) center center no-repeat #262626;}

.n2-6-1-txt{ padding-top:220px; padding-left:25px;}
.n2-6-1-txt h3{ font-size:7.2em; color:#e7141b; margin-bottom:4px; font-weight:bold;}
.n2-6-1-txt h4{ font-size:4.8em; color:#1d1d1d; font-weight:lighter; margin-bottom:10px;}
.n2-6-1-txt p{ font-size:1.6em; color:#555555; font-weight:lighter; line-height:24px;}
.n2-6-1-one{ overflow:hidden;}
.n2-6-1-one img{ display:inline-block;}
.n2-6-2 .txt{ text-align:center;}
.n2-6-2 .txt h3{ color:#e7141b; font-size:2.4em; padding:80px 0 45px 0;}
.n2-6-2 .txt h3 span{ font-size:2em;}
.n2-6-2 .txt h4{ font-size:1.6em; color:#333; line-height:30px;}
.n2-6-3 .txt{ color:#fff;}
.n2-6-4 .txt{ padding-top:220px; color:#fff; float:right; width:425px;}
.n2-6-5-txt{ text-align:left;  color:#fff; width:100%; padding-top:210px;}
.n2-6-5-txt h3{ font-weight:bold;}
.n2-6-5-dots div{ display:inline-block;}
.n2-6-5-dots{ margin-bottom:55px;}
.n2-6-5-dots div p{ font-size:1.4em; color:#ececec; margin-bottom:15px;}
.n2-6-5-dots div>span{ color:#e7141b; font-size:4.5em;  margin-right:95px;}
.n2-6-5-dots div>span span{ font-size:1em; font-family:"DIN-Regular";}
.n2-6-6 .txt{ width:565px; margin-right:-75px; float:right;}
@media screen and (max-width: 1500px) {
	.n2-6-6 .txt{ width:495px; margin-right:0px; float:right;}
}
.n2-6-7 .txt{ padding-top:115px; text-align:center;}
.n2-6-7 .txt h3{ font-size:4em; color:#1e1e1e; font-weight:bold; margin-bottom:35px;}
.n2-6-7 .txt p{ font-size:3em; color:#e7141b; font-weight:lighter; margin-bottom:35px;}
.n2-6-7 .txt h4{ font-size:1.6em; color:#212121; line-height:30px;}
.n2-6-8-txt{width:460px; float:right; color:#fff; padding-top:170px;}
.n2-6-9-txt{color:#fff; padding-top:135px;}
.n2-6-9-dots{ margin-top:50px;}
.n2-6-9-dots div{ display:inline-block; text-align:center; width:90px; margin-right:60px;}
.n2-6-9-dots div h4{ line-height:28px;}
.n2-6-9-dots div h5{ font-size:1.45em; margin-bottom:16px;}
.n2-6-9-dots div>span{ font-size:1.6em; color:#c91d1d; font-weight:bold;}
.n2-6-9-dots div>span span{ font-size:2em;}
.n2-6-12 .txt{ padding-top:100px;}
.n2-6-12 .txt h4{ width:600px; margin:0 auto; margin-bottom:20px;}

.n2-6-12-txt{ float:right; color:#323232; text-align:left; width:440px; padding-top:360px;}
.n2-6-12-txt h3{ margin-bottom:45px;}
.n2-6-12-0{ position:absolute; width:100%; top:0; height:669px;  background:url(../images/product/n2-6/n2-6-12-0.jpg) center center no-repeat;transition:linear .5s all;-moz-transition: linear .5s all; -webkit-transition:linear .5s all; -o-transition: linear .5s all;}
.n2-6-12-1{ opacity:0;}
.n2-list{ width:1082px; margin:0 auto;}

/*g319*/
.g319 img{ max-width: 100%;}
.g319-1{ background: url(../images/product/g319/g319-1bg.jpg) center center no-repeat; background-size: cover !important; height: 100vh;}
.g319-1 .txt{ padding: 16% 5% 0 0; text-align: right;}
.g319-1 .txt img{ max-width: 30%;}
.g319-2{ padding-top: 90px; text-align: center; background: #c5c5c5;}
.g319-2 img{ max-width: 80%;}
.g319-2 .t{ padding: 40px 0;}
.g319-2 .t p{ color: #ef6311; font-size: 2.4em; line-height: 1.5;}
.g319-3{ padding-top: 110px; background: url(../images/product/g319/g319-3bg.jpg) center center no-repeat; background-size: cover !important; }
.g319-3 .p1{ display: flex; padding: 0 10%;}
.g319-3 .p1 .p1-1{  padding-top: 30px;}
.g319-3 .p1 .p1-2 .t{ padding-bottom: 30%;}
.g319-3 .p1 .p1-2>img{ padding-left: 20%;}
.g319-3 .p2{ text-align: center; padding-left: 16%; margin-top: -100px;}
.g319-4{ padding: 140px 0 70px 0; background: url(../images/product/g319/g319-4bg.jpg) center center no-repeat; background-size: cover !important; }
.g319-4 .p1,.g319-4 .p2{ padding:  0 10%; display: flex;}
.g319-4 .txt h3{ font-size: 3.6em; color: #fff; font-weight: bold; line-height: 1.4;}
.g319-4 .txt p{ font-size: 2.4em; color: #1b1b1b; line-height: 1.5;}
.g319-4 .p1 .img{ width: 70%;}
.g319-4 .p2{ margin-top: 160px;}
.g319-4 .p2 .txt{ margin-top: 40px;}
.g319-4 .p2 .img{ padding-left: 5%; width: 60%; text-align: center;}
.g319-5{ display: flex; padding: 60px 40px 0 40px; background: url(../images/product/g319/g319-5bg.jpg) center center no-repeat; background-size: cover !important; }
.g319-5 .p1{ padding: 6% 2% 0 0; width: 26%;}
.g319-5 .p2{ width: 34%;}
.g319-5 .p3{ width: 40%;}
.g319-6{ text-align: center; background: #9a9a9a;}
.g319-6>*>*{ width: 50%;}
.g319-6 .p1,.g319-6 .p2{  display: flex;}
.g319-6 .p1{ align-items: center;}
.g319-6 .p2{ align-items: flex-end;}
.g319-7{ padding: 30px 0; text-align: center; background: #999;}
.g319-7>*{ margin: 30px 0;}
.g319-8{ text-align: center; background: #787878;}
.g319-8>*>*{ width: 50%;}
.g319-8>*{ display: flex; align-items: center; }
.g319-9{ text-align: center; background: url(../images/product/g319/g319-9bg.jpg) center center no-repeat; background-size: cover !important; }
.g319-9>*{ padding: 100px 0;}
.g319-9 img{  max-width: 90%;}
.g319-9,.g319-8,.g319-7,.g319-6,.g319-5,.g319-4,.g319-3,.g319-2,.g319-1{ overflow: hidden;}