@charset "utf-8";
/* CSS Document */
/* common */
html,body { position:relative; height:100%; }
/**滚动条默认显示样式**/
html ::-webkit-scrollbar-thumb{ background-color:#f39700; height:50px; outline-offset:-2px; outline:2px solid #153365; -webkit-border-radius:4px; border: 2px solid #153365;}
/**鼠标点击滚动条显示样式**/
html ::-webkit-scrollbar-thumb:hover{ background-color:#666; height:50px; -webkit-border-radius:4px; }
/**滚动条大小**/
html ::-webkit-scrollbar{ width:8px; height:8px; }
/**滚动框背景样式**/
html ::-webkit-scrollbar-track-piece{ background-color:#153365; }
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#222; font-family: 'Roboto', sans-serif; }
.float_clear,.clear { clear:both; }
.float_left,.left { float:left; }
.float_right,.right { float:right; }
.display_none { display:none; }
img { border:0; vertical-align:top; }
.f39700 { color:#f39700; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.highlight { color:#FFF; background:#f39700; padding:1px; }
/* a */ 
a { color:#222; text-decoration:none; text-decoration:none; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#f39700; }
a:focus { outline:none; }
p { line-height:22px; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; letter-spacing:1px; }
:focus { outline:0; text-decoration:none; }
a:focus {outline:0; text-decoration:none; color:#f39700; }
span,i,em,big,small,b,strong { font-size:inherit; font-weight:normal; font-style:normal; }
/**纯flex**/
.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
/**单行，普通flex布局，上下居中，左右居中**/
.Flex { display:flex; -webkit-box-pack:center; justify-content:center; align-items:center; }
/**多行多列flex**/
.Flex[tag='multi'] { flex-wrap:wrap; -webkit-flex-wrap:wrap; -webkit-justify-content: flex-start; justify-content: flex-start; align-items: initial;}
/**单行多列，靠左上对齐**/
.Flex[tag='LT'] { align-items:flex-start; }
/**单行，两端对齐，文字居中对齐**/
.Flex[tag='se'] { justify-content:space-between; -webkit-justify-content:space-between; }
/**单行，靠左对齐，文字居中对齐**/
.LFlex { display:flex; -webkit-box-pack:center; justify-content:flex-start; align-items:center; }
/**单行，靠右对齐，文字居中对齐**/
.RFlex { display:flex; -webkit-box-pack:center; justify-content:flex-end; align-items:center; }
/**多行，上下居中，文字居中对齐**/
.MFlex { display:flex; -webkit-box-pack:center; justify-content:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
/**多行，顶端对齐，文字居中对齐**/
.MFlex[tag='TM']  { justify-content:flex-start; }
/**多行，靠左对齐，文字居中对齐**/
.MFlex[tag='LM']  { align-items:flex-start; }
/**多行，靠右对齐，文字居中对齐**/
.MFlex[tag='RM']  { align-items:flex-end; -webkit-align-items:flex-end; }
.TMFlex { display:flex; -webkit-box-pack:center; justify-content:center; align-items:flex-start; }
.SL { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.DL { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.TL { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.FL { overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; }
.YScroll { overflow:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
.XScroll { overflow:hidden; overflow-x:auto; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; }
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
input,textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-family: 'Roboto',微软雅黑, Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; font-size:14px; }
*[cover='cover'] { position:relative; }
*[cover='cover']:after { position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:1; background:url('images/cover.png') repeat left top; }
/* header */
header { position:fixed; top:0; left:0; width:100%; z-index:100; height:141px; color:#fff; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0)); }

.top_menu { height:57px; padding:0 16px; border-bottom:1px solid #616e7e; }
.top_menu > div { height:100%; }
.top_menu > div a { height:100%; margin:0 0 0 16px; color:#fff; }

.top_main { height:84px; padding:0 16px; }
.top_main > div,.top_main > div a { height:100%; color:#fff; }
.top_main .logo a { font-size:32px; text-transform:uppercase; font-weight:bold; }
.top_main .logo img { height:100%; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }

nav { height:100%; position:relative; }
nav ul { height:100%; position:relative; }
nav ul li { height:100%; position:relative; margin:0 0 0 32px; }
nav ul li:first-child { margin:0; }
nav ul li a { height:100%; color:#fff; font-size:18px; }
nav ul li a:hover,nav ul li.current a { color:#f39700; }
nav ul li:before { position:absolute; left:0; top:0; width:0; height:3px; background:#f39700; content:''; z-index:1; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }
nav ul li:hover:before,nav ul li.current:before { width:100%; }

header.fixed { height:84px; background:rgba(17,17,17,1); }
header.fixed .top_menu { display:none; }
header.fixed .top_main .logo img {  }
/*通用加载*/
.success { -webkit-animation:fadeIn 01s ease 0.2s 1 both; animation:fadeIn 1s ease 0.2s 1 both; -moz-animation:fadeIn 1s ease 0.2s 1 both; -o-animation:fadeIn 1s ease 0.2s 1 both; -ms-animation:fadeIn 1s ease 0.2s 1 both; }
@-webkit-keyframes fadeIn { 
	from { opacity:0; } 
	to { opacity:1; } 
}
@keyframes fadeIn { 
	from { opacity:0; } 
	to { opacity:1; } 
}

#banner { position:relative; height:100%; width:100%; }
#banner .video { position:relative; height:100%; width:100%; z-index:1; }
#banner .video video { background: #153365; height: 100%; width: 100%; object-fit: cover; z-index: 2; position:relative; }
#banner .video:before { position:absolute; left:0; top:0; right:0; bottom:0; content:''; background:rgba(0,0,0,.7); z-index:3; }
#banner .video:after { background: url(images/cover.png) repeat left top;  position:absolute; left:0; top:0; right:0; bottom:0; content:''; z-index:4; }
#banner .swiper-container { position:absolute; left:0; top:0; overflow:hidden; z-index:2; height:100%; width:100%; background:none; }
#banner .swiper-wrapper { height:100%; width:100%; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -o-transform:translate(0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); position:relative; width:100%; height:100%; z-index:1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-transition-property:-webkit-transform; -moz-transition-property:-moz-transform; -o-transition-property:-o-transform; -ms-transition-property:-ms-transform; transition-property:transform; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; background:none; }
#banner .swiper-slide { background:none; display:flex; -webkit-box-pack:center; justify-content:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center;  flex-shrink:0; width:100%; height:100%; position:relative; }
#banner .swiper-pagination { bottom:25px; left:0; width:100%; position:absolute; text-align:center; -webkit-transition:.3s; -moz-transition:.3s; -o-transition:.3s; transition:.3s;-webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); z-index:10; height:18px; }
#banner .swiper-pagination-bullet { display:inline-block; width:18px; height:100%; background:#FFF; margin:0 5px; cursor:pointer; border-radius:100%; }
#banner .swiper-pagination-bullet-active,#banner .swiper-pagination-bullet:hover { background:#f39700; box-shadow:0 0 2px #333; width:32px; border-radius:9px; }
#banner .pagination { position:absolute; left:0; text-align:center; bottom:10px; width:100%; }
#banner .swiper-button-prev { position:absolute; left:0; top:50%; width:80px; height:80px; line-height:80px; font-size:80px; color:#FFF; z-index:10; margin:-40px 0 0 1px; cursor:pointer; }
#banner .swiper-button-next { position:absolute; right:0; top:50%; width:80px; height:80px; line-height:80px; font-size:80px; color:#FFF; z-index:10; margin:-40px 1px 0 0; cursor:pointer; }
#banner .swiper-button-next:hover,#banner .swiper-button-prev:hover { color:#f39700; }

/*banner*/
#banner .swiper-slide-active h2,#banner .swiper-slide-active h3 { -webkit-animation-duration:0.5s; animation-duration:0.5s; -o-animation-duration:0.5s; -ms-animation-duration:0.5s; -moz-animation-duration:0.5s; -webkit-animation-fill-mode:both; -o-animation-fill-mode:both; -ms-animation-fill-mode:both; -moz-animation-fill-mode:both; -webkit-animation-name:SIU; animation-name:SIU; -o-animation-name:SIU; -ms-animation-name:SIU; -moz-animation-name:SIU; }
#banner h2 { font-size:42px; color:#fff; padding:0 10px; margin:0 0 10px; }
#banner h3 { font-size:34px; color:#fff; padding:0 10px; animation-delay:0.5s; -webkit-animation-delay:0.5s; -o-animation-delay:0.5s; -moz-animation-delay:0.5s; -ms-animation-delay:0.5s; }
@-webkit-keyframes SIU {
0% { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); }
100% { -webkit-transform:translateY(0); transform:translateY(0); }
}
@keyframes SIU {
0% { opacity:0; -webkit-transform:translateY(100%); transform:translateY(100%); }
100% { -webkit-transform:translateY(0); transform:translateY(0); }
}

.w1200 { width:1200px; margin:0 auto; position:relative; }

.ILine { position:relative; height:38px; width:100%; }
.ILine:before,.ILine:after { position:absolute; content:''; z-index:1; }
.ILine.white:before,.ILine.white:after { background:#fff; }
.ILine.color:before,.ILine.color:after { background:#f39700; }
.ILine.R:before { width:2px; top:0; height:38px; right:36px; }
.ILine.R:after { width:38px; top:36px; height:2px; right:0; }
.ILine.L:before { width:2px; top:0; height:38px; left:36px; }
.ILine.L:after { width:38px; top:36px; height:2px; left:0; }
.ILine.L { margin:0 0 0 -38px; }

.iTitle { background-repeat:no-repeat; background-position:center; background-size:cover; height:260px; position:relative; z-index:2; }
.iTitle .w1200 { height:100%; z-index:2; }
.iTitle h2 { line-height:88px; font-size:32px; color:#153365; }
.iTitle h2 i { font-weight:300; font-style: normal; font-size: 31px; line-height:1; letter-spacing: 0px; text-transform:uppercase;margin: 0 0 0 10px; }
.iTitle h2.white, .iTitle h2.white i { color:#fff; }
.iTitle h2.color,.iTitle h2.color i { color:#f39700; }
.iTitle h2.salve,.iTitle h2.salve i { color:#153365; }

.iMore { padding:65px 0; height:54px; }
.iMore a { border-radius:27px; border:2px solid #f39700; color:#222; width:204px; box-sizing:border-box; height:100%; font-weight: 700; letter-spacing:0.5px; font-size:14px; }
.iMore a:hover,.iMore a.color:hover { background:#f39700; color:#fff; border-color:#222; }
.iMore a.color { background:#153365; color:#fff; border:0; }


/*iAbout*/
#iAbout { height:732px; background:#f39700; }
#iAbout .left { height:100%; width:50%;  background-repeat:no-repeat; background-position:center; background-size:cover; color:#fff; position:relative; }
#iAbout .left:before { position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; content:''; background:rgba(0,0,0,0.6) }
#iAbout .left h2 { font-weight:bold; font-size:48px; position:relative; z-index:2;}
#iAbout .left h2 i { color:#f39700; font-weight:bold; position:relative; z-index:2; }
#iAbout .left h3 { font-weight:bold; font-size:32px; margin:3px 0 6px; position:relative; z-index:2; }
#iAbout .left h4 { font-weight:bold; font-size:28px; position:relative; z-index:2; }
#iAbout .left ul { width:75%; margin:10px 0 0; position:relative; z-index:2; }
#iAbout .left li { width:25%; margin:20px 0 0; position:relative; z-index:2; }
#iAbout .left li i { font-size:26px; color:#f39700; margin:0 0 5px; }
#iAbout .left li b { font-size:16px; }

#iAbout .right { height:100%; width:25%; margin:0 12.5%; position:relative; color:#153365; }
#iAbout .right h2 { font-size:48px; font-weight:bold; line-height:108px; }
#iAbout .right h3 { font-size:32px; font-weight:bold; line-height:36px; margin:0 0 30px;  }
#iAbout .right p { font-size:16px; line-height:26px; text-align:left; }

/**#iAbout .right .ILine.R.white { margin:0 0 20px; }**/

/**iBrand**/
.iBrand { height:580px; background:#3b3b3b; }
.iBrand li { height:100%; width:25%; padding: 0 40px; box-sizing:border-box; }
.iBrand li i { height:100px; color:#f39700; width:100px; border:2px solid #f39700; border-radius:100%; font-size: 24px; }
.iBrand li b { font-size:20px; color:#ccc; line-height:1.3; margin:30px 0; }
.iBrand li em { color:#aaa9a9; font-size:16px; line-height:1.7; width:100%; text-align:left; }
.iBrand li:nth-child(2) { background:#2d2d2d }
.iBrand li:nth-child(3) { background:#1e1e1e }
.iBrand li:nth-child(4) { background:#0f0f0f }

/**iPro**/
#iPro { background:#fff; }
#iPro .iTitle:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0.7); z-index:1; }
#iPro ul { height:1680px; width:100%; }
#iPro dl { height:25%; width:50%; border-top:1px solid #eee; }
#iPro dt { height:100%; width:50%; }
#iPro dt a { height:100%; height:100%; position:relative; padding:0 20px; box-sizing:border-box; overflow:hidden; }
#iPro dt i { position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(255,255,255,0.3); font-size:30px; opacity:0; transition:all .5s; text-shadow:0 0 5px #153365; }
#iPro dt img { max-width:100%; max-height:100%; width:auto; height:auto; transition:all .5s; }
#iPro dt a:hover i { opacity:1; }
#iPro dt a:hover img { transform:scale(1.2); }
#iPro dd { background:#eee; height:100%; width:50%; padding:0 4%; text-align:left; box-sizing:border-box; }
#iPro dd h3 { font-weight:700; font-size:20px; line-height: 1.3; letter-spacing:0px; font-style:normal; color:#333; }
#iPro dd p { font-weight: 300; font-style:normal; font-family:'Roboto', sans-serif; color: #888; font-size:14px; line-height:1.7; letter-spacing:0px; margin:20px 0; }
#iPro dd a { width:156px; height:60px; border-radius:30px; background:#153365; color:#fff; font-size:14px; }
#iPro dd a i { margin:0 0 0 5px; }
#iPro dd a:hover { background:#f39700; color:#fff; }

/**iPro**/
.iPro { height:580px; }
.iPro .L { width:50%; height:100%; }
.iPro .L img { width:100%; height:100%; object-fit:cover; }
.iPro .R { background:#262626; width:50%; height:100%; padding:0 4%; text-align:left; box-sizing:border-box; }
.iPro h3 { font-weight:300; font-size:31px; line-height: 1.3; letter-spacing:0px; font-style:normal; color:#f39700; }
.iPro h4 { font-weight: 400; font-style: normal; color: #ccc; font-size: 24px; line-height: 1.3; letter-spacing: 0px; margin:16px 0 0; }
.iPro p { font-weight: 300; font-style:normal; font-family:'Roboto', sans-serif; color: #888; font-size:14px; line-height:1.7; letter-spacing:0px; margin:20px 0; }
.iPro a { width:156px; height:60px; border-radius:30px; background:#153365; color:#fff; font-size:14px; }
.iPro a i { margin:0 0 0 5px; }
.iPro a:hover { background:#f39700; color:#fff; }

/**iNews**/
#iNews { background-repeat:no-repeat; background-position:center; background-size:cover; }
.iNews { margin:-64px auto 0; position:relative; overflow:hidden; height:554px; }
.iNews ul { margin:0 -15px; height:100%; }
.iNews li { width:calc(100% / 3); padding:0 15px; box-sizing:border-box; height:100%; overflow:hidden; }
.iNews dl { height:100%; background:#222; position:relative; }
.iNews dt { height:232px; }
.iNews dt img { width:100%; height:100%; object-fit:cover; }
.iNews dd { padding:30px; position:relative; }
.iNews dd.short { height:262px; }
.iNews dd.long { height:494px; }
.iNews h3 { font-weight:400; font-style:normal; color:#fff; font-size:23px; line-height:36px; letter-spacing: 0px; height:72px; word-break: break-all; position:relative; z-index:2; text-shadow:0 0 5px #333; }
.iNews p { font-weight: 300; font-style: normal; color: #888; font-size: 16px; line-height:2; letter-spacing: 0px; margin:20px 0; }
.iNews dd.short p { height:128px; }
.iNews dd.long p { height:360px; }
.iNews dd a { color:#f39700; }
.iNews dd a i { margin:0 0 0 5px; }
.iNews dd.video { width:100%; height:100%; box-sizing:border-box; }
.iNews dd video { position:absolute; left:0; top:0; height:100%; width:100%; z-index:1; object-fit: cover; }

/**iSolution**/
#iSolution {  }
.iSolution {  }
.iSolution ul { width:100%; }
.iSolution li { width:calc(100% / 6); }
.iSolution li .A { width:100%; height:100%; position:relative; overflow:hidden; }
.iSolution li img { width:100%; height:100%; object-fit:cover; position:relative; }
.iSolution li .A i { width:200px; height:200px; position:absolute; left:50%; top:50%; margin:-100px 0 0 -100px; z-index:1; color:#fff; font-size:20px; transition: all .35s; text-shadow:0 0 1px #222; }
.iSolution li .A i:before { position:absolute; left:0; top:0; right:0; bottom:0; z-index:-1; content:''; border-radius:100%; transform: scale(1, 1); transition: all .35s; opacity:0.9; }
.iSolution li .A i:before { background:rgba(0,0,0,0.6); }
.iSolution li .A i:hover:before { transform: scale(4, 4); background:rgba(0,0,0,0.8); }
.iSolution li .A i:hover { font-size:32px; }

/**support**/
#support { position:relative; height:888px; background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; padding:66px 0 0; box-sizing:border-box; }
.support { height:100%; position:relative; z-index:2; }
.support .L { height:100%; }
.support .L img { height:100%; width:auto; }
.support .R { position:absolute; right:0; width:840px; top:50%; margin:-204px 0 0; background:rgba(0,0,0,0.8); z-index:1; padding:64px; box-sizing:border-box; }
.support .R h3 { position:relative; font-weight: 700; color: #f39700; font-size: 66px; line-height:66px; }
.support .R h4 { font-weight: 700; font-style: normal; font-size: 52px; line-height:52px; color: #fff; margin:30px 0 0; }
.support .R h5 { font-weight: 700; font-style: normal; color: #fff; font-size: 42px; line-height:42px; }
.support .R h3:before { position:absolute; top:0; right:36px; width:2px; background:#fff; height:38px; content:''; z-index:1; }
.support .R h3:after { position:absolute; top:36px; right:0; width:38px; background:#fff; height:2px; content:''; z-index:1; }

/**footer**/
footer { padding:36px 0; background:#153365; color:#fff; text-align:center; height:18px; line-height:18px; }
footer a { color:#fff; margin:0 0 0 20px; }

/**company**/
#Company { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; min-height:100%; width:100%; box-sizing:border-box; padding:190px 0 100px; }
#Company:before { position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; content:''; background:rgba(0,0,0,.6); display:none; }
.Company { background:rgba(0,0,0,0.7); box-shadow:0 0 10px #fff; box-sizing:border-box; padding:20px 30px; z-index:3; position:relative; }
.Company .L { width:300px; margin:0 30px 0 0; }
.Company .R { width:calc(100% - 330px); color:#fff; }
.Company img { width:300px;  }
.Company .R h3 { font-size:20px; font-weight:bold; margin:0 0 10px; }
.Company .R p { font-size:16px; line-height:1.7; margin:0 0 10px; text-indent:2em; }

/**Advantage**/
#Advantage { padding:0 0 80px; }
.Advantage { position:relative; overflow:hidden; }
.Advantage ul { margin:0 -15px; }
.Advantage li { width:calc(50% - 30px); margin:0 15px 30px; position:relative; box-sizing:border-box; padding:0 0 0 100px; text-align:left; }
.Advantage li i { position:absolute; left:0; top:0; bottom:0; width:100px; color:#f39700; font-size:70px; justify-content: flex-start; }
.Advantage li b { font-size:22px; color:#222; line-height:64px; font-weight:bold; }
.Advantage li em { font-size:16px; line-height:30px; color:#9c9b9b; }

/**Team**/
#Team { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; width:100%; box-sizing:border-box; padding:0 0 120px; z-index:1; }
#Team:before { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.4); content:''; z-index:2; }
.Team { overflow:hidden; position:relative; z-index:3; }
.Team ul { margin:0 -15px; }
.Team ul li { width:calc(25% - 30px); margin:0 15px; background:#fff; }
.Team ul li img { width:100%; height:auto; }
.Team ul li h3 { margin:24px 0 0; font-size:22px; color:#222; line-height:34px; font-weight:bold; }
.Team ul li h4 { line-height:30px; font-size:18px; font-weight:bold; }
.Team ul li p { margin:20px; font-size:16px; line-height:30px; color:#9c9b9b; }
.Team ol { margin:30px -15px 0; }
.Team ol li { float:left; width:33.3333334%; padding:0 15px; box-sizing:border-box; }
.Team ol dl { padding:20px 0; position:relative; text-align:center; border:10px solid #ccc; cursor:pointer; background:#fff; }
.Team ol dl dt { font-size:60px; }
.Team ol dl dd.d1 { font-size:22px; margin:5px 0; font-weight: bold; }
.Team ol dl dd { font-size:16px; line-height:1.7; }
.Team ol dl:hover { color:#153365; border:10px solid #153365; }

/**ACV**/
.ACV { padding:0 0 100px; }
#Culture { width:50%; }
.Culture {  }
.Culture dl { height:64px; margin:0 0 20px; }
.Culture dt { height:100%; width:64px; justify-content:flex-start; font-size: 40px; color:#f39700; }
.Culture dd { width:calc(100% - 64px); height:100%; }
.Culture dl h3 { font-size:22px; color:#222; line-height:34px; font-weight:bold; }
.Culture dl p { line-height:30px; font-size:18px; font-weight:bold; }
#Vision { width:50%; height:100%; }
.Vision {  }
.Vision h3 { font-size:22px; line-height:34px; font-weight:bold; margin:0 0 10px; }
.Vision i { width:100%; height:480px; }
.Vision img { width:100%; height:100%; object-fit:cover; }

/**AboutP**/
#AboutP { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; width:100%; box-sizing:border-box; padding:100px 0; }
.AboutP { position:relative; z-index:2; overflow:hidden; }
.AboutP ul { margin:0 -15px; }
.AboutP li { width:calc(12.5% - 30px); color:#153365; margin:0 15px; background:#fff; padding:30px 0; }
.AboutP li i { font-size:40px; margin:0 0 5px; }
.AboutP li b { font-size:16px; line-height:1.7; }

/**AboutW**/
.AboutW { padding:100px 0 0; }
.AboutW h2 { font-weight:bold; font-size:48px; }
.AboutW h2 i { color:#f39700; font-weight:bold; }
.AboutW h3 { font-weight:bold; font-size:32px; margin:3px 0 6px; }
.AboutW h4 { font-weight:bold; font-size:28px; }

/**products**/
.products { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; height:100%; width:100%; box-sizing:border-box; padding:140px 0 0; color:#fff; }
.products:before { position:absolute; left:0; top:0; width:100%; height:100%; content:''; background:rgba(0,0,0,0.6); z-index:1; }
.products[tag="solutions"]:before { background:rgba(0,0,0,0.5); }
.products[tag="news"]:before {  background:rgba(0,0,0,0.2); }
.products h2 { font-weight:bold; font-size:48px; position:relative; z-index:2; }
.products h2 i { color:#f39700; font-weight:bold; }
.products h3 { font-weight:bold; font-size:32px; margin:3px 0 6px;  position:relative; z-index:2;}
.products h4 { font-weight:bold; font-size:28px;  position:relative; z-index:2; padding:0 50px; }
.products ul { width:75%; margin:10px 0 0;  position:relative; z-index:2; }
.products li { width:25%; margin:20px 0 0; }
.products li i { font-size:26px; color:#f39700; margin:0 0 5px; }
.products li b { font-size:16px; line-height:1.7; }
.products.Crawler-Tractor,.products.Mixer-Truck,.products.Crawler-Transporter { color:#fff; }

/**PSBanner**/
.PSBanner { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; height:100%; width:100%; box-sizing:border-box; padding:140px 0 0; }
.PSMore { width:400px; height:560px; position:absolute; left:50%; top:50%; z-index:2; background:rgba(0,0,0,0.8); color:#fff; margin-top:-280px; box-sizing:border-box; padding:30px; margin-left: 200px; }
.PSBanner:nth-child(2n+1) .PSMore { margin-left:-600px; }
.PSMore h2 { font-weight:bold; font-size:48px; }
.PSMore h3 { font-weight:bold; font-size:30px; margin:10px 0; }
.PSMore p { font-size:20px; line-height:1.6; color:#fff; }
.PSMore a { padding:0 30px; height: 60px;  border-radius: 30px; background:#153365; color: #fff; font-size:14px; margin:30px 0 0; }
.PSMore a i { margin:0 0 0 5px; }

/**productd**/
.productd { position:relative; }
.productd li { width:50%; height:auto; position:relative; border-top:1px solid #ccc; }
.productd li:first-child,.productd li:nth-child(2) { border:0; }
.productd li:nth-child(2n):before,.productd li:nth-child(2n+1):before { position:absolute; top:0; width:1px; height:100%; background:#ccc; content:''; z-index:2; }
.productd li:nth-child(2n):before { left:-1px; }
.productd li:nth-child(2n+1):before { left: calc(100% - 1px); }
.productd li img { width:100%; height:auto; padding:10%; box-sizing:border-box; }
.productd dl { position:absolute; left:50%; top:50%; margin:-180px 0 0 -180px; width:360px; height:360px; background:rgba(255,255,255,0.8); z-index:2; padding:24px; box-sizing:border-box; }
.productd dt {font-weight: 700; font-size: 20px; line-height: 1.3;  letter-spacing: 0px; font-style: normal; color: #222; }
.productd dd {  }
.productd dd p  { margin:10px 0; font-weight:400; font-style: normal; color: #222; font-size: 14px; line-height: 1.7; letter-spacing: 0px; text-align:left; }
.productd dd a { padding:0 30px; height: 60px;  border-radius: 30px; background:#153365; color: #fff; font-size:14px; margin:10px 0 0; }
.productd dd a i { margin:0 0 0 5px; }

/**PInfo**/
.PInfo { color:#222; padding:0 0 100px; position:relative; margin-top:-70px; }
.PImg { margin:0 0 20px; }
.PInfo h2 { font-weight: 300; font-size: 28px; line-height: 1.3; letter-spacing: 0px; font-style: normal; color: #153365; }
.PInfo h3 { font-weight: 400; font-style: normal; font-size: 24px; line-height: 1.3;  letter-spacing: 0px; margin: 16px 0;  }
.PInfo p { font-size:16px; line-height:1.7; text-indent:2em; margin:0 0 5px; }
.PInfo table { border-collapse:collapse; width:100%; text-transform:uppercase; margin:16px 0 0; font-size:16px; }
.PInfo thead tr { background:#f9f9f9; }
.PInfo thead tr td { text-align:center; border:1px solid #ccc; border-bottom:2px solid #ccc; font-weight:400; padding:10px 0; font-size:20px; }
.PInfo tbody tr:nth-child(2n) { background:#f9f9f9; }
.PInfo td { padding:5px; border:1px solid #ccc; cursor:pointer; }
.PInfo tbody tr:hover { background:#999; }
.PInfo tbody tr:hover td { color:#fff; }
.PInfo table tbody tr td p { text-indent:0; }

/**solutions**/
.solutions { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; height:100%; width:100%; box-sizing:border-box; color:#fff; text-shadow:0 0 5px #153365; z-index:1; }  
.solutions:before { position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); width:100%; height:100%; content:''; z-index:2; }  
.solutions h2 { font-size: 40px; font-weight: bold; line-height: 44px; letter-spacing: 0px; }
.solutions h3 { font-size: 28px; font-weight: normal; line-height: 28px; letter-spacing: 0px; margin-top:18px; }
.solutions p { font-size: 20px; font-weight: normal; line-height: 28px; letter-spacing: 0px; margin-top: 20px; }
.solutions h5 { font-size: 18px; font-weight: normal; line-height: 30px; letter-spacing: 0px; margin-top: 40px; }
.solutions h6 { font-size: 16px; font-weight: normal; line-height: 1.7; letter-spacing: 0px; margin-top: 10px; }
.solutions > div { position:relative; z-index:3; padding:0 20px; }

/**partner**/
.partner { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; min-height:calc(100% - 90px); width:100%; box-sizing:border-box; padding:141px 0 0; }
.partner:before { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.2); content:''; z-index:1; }
.partner ul { position:relative; z-index:2; padding-top:40px; padding-bottom:40px; }
.partner li { width:20%; margin:20px 0; }
.partner li img { width:160px; height:160px; border-radius:22px; box-shadow:0 0 10px #333; }

/**news**/
#news { padding:100px 0; }
.NEWSL { width:800px; padding:0 20px 0 0; border-right:1px solid #eee; box-sizing:border-box; }
.newsList li { padding:0 0 40px; border-bottom:1px solid #eee; }
.newsList li h3 { font-size: 31px; line-height: 1.4; letter-spacing: 0px; color: #3b3b3b; text-decoration: none; font-weight: 300; font-style: normal; padding:30px 0 10px; }
.newsList li:first-child h3 { padding-top:0; }
.newsList li h4 { font-weight: 300; font-style: normal; color: #9c9b9b; font-size: 14px; line-height: 1.5; letter-spacing: 0px; margin:0 0 15px; }
.newsList li img { width:100%; height:auto; margin:0 0 15px; }
.newsList li p { font-weight: 300; font-style: normal; color: #3b3b3b; font-size: 16px; line-height: 1.7; letter-spacing: 0px; }
.newsList li a { margin:20px 0 0; padding:0 30px; height: 60px;  border-radius: 30px; background:#153365; color: #fff; font-size:14px; width:156px; box-sizing:border-box; }
.newsList li a i { margin:0 0 0 5px; }
.newsList li a:hover { background:#153365; }

.NEWSR { width:400px; padding:0 0 0 20px; box-sizing:border-box; }
.NEWSR li { padding:0 0 40px; border-bottom:1px solid #eee; }
.NEWSR li h3 { font-size: 31px; line-height: 1.4; letter-spacing: 0px; color: #3b3b3b; text-decoration: none; font-weight: 300; font-style: normal; padding:30px 0 15px; }
.NEWSR li:first-child h3 { padding-top:0; }
.NEWSR li:last-child { border:0; }
.NEWSR li video { width:100%; height:auto; padding:0 0 10px; }
.NEWSR li p { font-weight: 300; font-style: normal; color: #3b3b3b; font-size: 16px; line-height: 1.7; letter-spacing: 0px; }
/**pages**/
/*page_turner*/
.pages { padding:40px 0 0; }
.pages a { margin:0 5px; line-height:40px; box-sizing:border-box; padding:0 20px; background:#fff; border-radius:20px; text-align:center; font-size:20px; border:1px solid #ccc; }
.pages a.previous,.pages a.next { width:auto; padding:0 20px; border-radius:20px; }
.pages a:hover, .pages a.current { background:#f39700; color:#fff; box-shadow:0 0 2px #333; border-color:#f39700; }

/**newsInfo**/
.newsInfo { padding:100px 0; }
.newsInfo h3 { font-size: 31px; line-height: 1.4; letter-spacing: 0px; color: #3b3b3b; text-decoration: none; font-weight: 300; font-style: normal; padding:0 0 10px; }
.newsInfo h4 { font-weight: 300; font-style: normal; color: #9c9b9b; font-size: 14px; line-height: 1.5; letter-spacing: 0px; margin:0 0 15px; }
.newsInfo img { max-width:100%; height:auto; margin:0 auto 15px; display:block; }
.newsInfo p { font-weight: 300; font-style: normal; color: #3b3b3b; font-size: 16px; line-height: 1.7; letter-spacing: 0px; }

/**contact**/
.contact { background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; height:calc(100% - 90px); width:100%; box-sizing:border-box;  padding:141px 0 0; }
#dituContent { position:relative; width:100%; height:100%; }
.BMap_bubble_pop .BMap_bubble_top .BMap_bubble_title h2 { font-size:22px; font-weight: 300; color: #f39700; line-height: 30px; font-weight:bold; }
.BMap_bubble_pop .BMap_bubble_center .BMap_bubble_content h3 { font-size:20px; line-height:1.3; color: #153365; font-weight:bold; }
.BMap_bubble_pop .BMap_bubble_center .BMap_bubble_content p { font-size:16px; line-height:1.7; color: #153365; }
#contact header { background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)); }
.mapInfo { position:absolute; left:50%; bottom:10px; height:150px; margin:0 0 0 -600px; background:rgba(255,255,255,0.8); box-shadow:0 0 10px #999; z-index:1000; width:1200px; border-radius: 22px; box-sizing: border-box; padding:18px; }
.mapInfo .M { width:240px; padding:0 19px; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.mapInfo .L, .mapInfo .R { width:442px; position:relative; height:100%; }
.mapInfo .L i { right:18px; }
.mapInfo .R i { left:18px; }
.mapInfo h3 { line-height:38px; font-size:18px; font-weight:bold; color:#f39700; }
.mapInfo p { line-height:38px; font-size:16px; }
.mapInfo i { border-radius:12px; position:relative; padding:8px; box-sizing:border-box; z-index:3; height:114px; width:114px; overflow:hidden; position:absolute; top:0; }
.mapInfo i:before { content: ''; position: absolute; width:160%; height:160%; background: linear-gradient(315deg,#00ccff,#d400d4); animation: animate 1s linear infinite; top:-30%; left:-30%; }
@keyframes animate {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg); }
}
.mapInfo i img { width:100%; height:100%; position:relative; }

.contact .content { background:rgba(0,0,0,0.7); box-shadow:0 0 10px #fff; box-sizing:border-box; padding:20px 30px; z-index:3; position:relative; color:#fff; height: calc(100% - 50px); overflow:hidden; overflow-y:auto; }
.contact .main h2 { font-size:20px; font-weight:bold; padding:5px 0 0; }
.contact .main h3 { font-size:18px; font-weight:bold; padding:5px 0 0; }
.contact .main p { font-size:16px; padding:5px 0 0; }

.contact .asia { margin:50px 0 0; }
.contact .asia h2 { font-size:20px; font-weight:bold; padding:5px 0 0; border-bottom:2px solid #fff; }
.contact .asia ul { margin:20px -10px 0; }
.contact .asia li { width:calc(50% - 20px); margin:0 10px 20px; border:2px solid #fff; padding:10px; box-sizing:border-box; }
.contact .asia h3 { font-size:18px; font-weight:bold; padding:5px 0 0; }
.contact .asia p { font-size:16px; padding:5px 0 0; }
/**响应式开始**/
@media screen and (max-width: 1240px) {
	.w1200 { width:100%; padding:0 20px; box-sizing:border-box; }
	.ILine.L { margin: 0; }
	
	.Company.w1200 { padding:20px 30px; width:calc(100% - 40px); margin:0 20px; } 
	.AboutW.w1200 { margin:60px 0 0; }
	
	.Crawler-Tractor .PSMore { left:20px; margin-left:0; }
	.Crawler-Transporter .PSMore { left:auto; right:20px; margin-left:auto; }
	.PInfo.w1200 { padding-bottom:60px; }
	
	#news.w1200 { padding:50px 20px; }
	.newsInfo.w1200 { padding:50px 20px; }
	
	.mapInfo { left:20px; right:20px; margin:0; width: calc(100% - 40px); }
}