@charset "utf-8";
/* CSS Document */
/* common */
html,body { position:relative; height:100%; }
/**滚动条默认显示样式**/
html ::-webkit-scrollbar-thumb{ background-color:#e60012; height:50px; outline-offset:-2px; outline:2px solid #040812; -webkit-border-radius:4px; border: 2px solid #040812;}
/**鼠标点击滚动条显示样式**/
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:#040812; }
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#626670; font-family: "Microsoft Yahei", "微软雅黑", arial, "\5b8b\4f53"; }
.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; }
.red { color:red; }
.green { color:green; }
.blue { color:blue; }
.gray { color:gray; }
.purple { color:purple; }
.highlight { color:#FFF; background:red; 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:#e60012; }
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:#e60012; }
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='RT'] { align-items:flex-end; }
/**单行，两端对齐，文字居中对齐**/
.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: "Microsoft Yahei", "微软雅黑", arial, "\5b8b\4f53"; 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:relative; -o-transition:all .35s; -moz-transition:all .35s; -webkit-transition:all .35s; -ms-transition:all .35s; transition:all .35s; }

.top_menu { height:42px; background:#8c8c91; }
.top_menu > div { height:100%; color:#fff; }
.top_menu > div a { height:100%; margin:0 0 0 16px; color:#fff; }

.top_main { height:104px; }
.top_main .logo { height:64px; }
.top_main .logo a { height:100%; }
.top_main .logo img { height:100%; }

nav { height:100%; position:relative; padding:56px 0 20px; box-sizing:border-box; }
nav ul { height:100%; position:relative; }
nav ul li { height:100%; position:relative; margin:0 0 0 16px; }
nav ul li:first-child { margin:0; }
nav ul li a { height:100%; color:#000; font-size:18px; padding:0 28px; }
nav ul li a:hover,nav ul li.current a { color:#fff; background:#e60012; }

header.fixed { height:104px; background:#fff; position:fixed; left:0; top:0; right:0; z-index:100; box-shadow:0 0 5px #000; }
header.fixed .top_menu { display:none; }
/*通用加载*/
.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*/
#banner { position:relative; }
#banner .swiper-container { position:relative; overflow:hidden; z-index:1; width:100%; }
#banner .swiper-wrapper { -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%; 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; }
#banner .swiper-slide { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center;justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; -webkit-flex-shrink:0; -ms-flex:0 0 auto; flex-shrink:0; width:100%; position:relative; }
#banner .swiper-slide img { width:100%; height:auto; }
#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:8px; }
#banner .swiper-pagination-bullet { display:inline-block; width:50px; height:100%; background:#FFF; margin:0 5px; cursor:pointer; }
#banner .swiper-pagination-bullet-active,#banner .swiper-pagination-bullet:hover { background:red; }
#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:#e60012; }

/**主页内容**/
.w1260 { width:1260px; margin:0 auto; position:relative; }

.iTitle { position:relative; z-index:2; }
.iTitle h2 { line-height:32px; font-size:32px; color:#e60012; }
.iTitle h2 i { font-weight:350; font-style:normal; color:#000; letter-spacing:0; text-transform:uppercase; margin:0 0 0 10px; }

.iMore { padding:65px 0; height:54px; }
.iMore a { border-radius:27px; border:2px solid #e60012; 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:#222; color:#fff; border-color:#222; }
.iMore a.color { background:#e60012; color:#fff; border:0; }

/**iPro**/
#iPro { background:#f4f4f4; padding:50px 0; }
#iPro .w1260 { overflow:hidden; }
#iPro ul { margin:0 -12px; }
#iPro li { width:calc(100% / 6 - 24px); margin:24px 12px 0; }
#iPro li a { width:100%; height:100%; position:relative; }
#iPro li img { width:100%; }
#iPro li i { display:block; height:32px; line-height:32px; font-size:16px; text-align:center; border-top:2px solid #e60012; }

/*iAbout*/
#iAbout { padding:50px 0; }
.iAbout { height:480px; }
.iAbout .left { height:100%; width:610px; padding:24px 0 0; box-sizing:border-box; }
.iAbout .left p { font-size:18px; font-weight:normal; line-height:28px; text-indent:2em; margin:0 0 10px; }
.iAbout .left p:last-child { margin:0; }
.iAbout .right { height:100%; width:610px; position:relative; background:#000; box-sizing: border-box; border:10px solid #e60012; border-top:0; }
.iAbout .right h2 { height:60px; line-height:60px; font-size:30px; background:#e60012; color:#fff; width:100%; text-align:left; padding:0 10px; box-sizing:border-box; }
.iAbout .right video { height:410px; width:100%; overflow:hidden; }


/**iSolution**/
#iSolution { padding:50px 0; }
.iSolution { position:relative; z-index:2; overflow:hidden; }
.iSolution ul { margin:0 -12px; }
.iSolution li { width:calc(25% - 24px); margin:24px 12px 0; }
.iSolution li a { width:100%; position:relative; }
.iSolution li img { width:100%; height:auto; }
.iSolution li i { line-height:28px; background:#e60012; color:#fff; font-size:16px; width:100%; }

/**iBrand**/
#iAdv { padding:50px 0; }
.iAdv {  }
.iAdv dl {  }
.iAdv dt { height:152px; color:#e60012; width:152px; background:#f4f4f4; border-radius:100%; font-size:50px; margin:30px 0 20px; }
.iAdv dd { font-size:20px; line-height:1.3; }

/****/
#iVideo { padding:50px 0; background:#f4f4f4; }
.iVideo { overflow:hidden; padding:24px 0 0; }
.iVideo ul { margin:0 -12px; }
.iVideo li { width:calc(100% / 7 - 24px); position:relative; margin:0 12px; }
.iVideo li video { height:auto; width:100%; overflow:hidden; }
.iVideo li i { height:28px; background:#000; color:#fff; font-size:16px; width:100%; }

/**iNews**/
#iNews { padding:50px 0; }
.iNews { overflow:hidden; padding:24px 0 0; }
.iNews ul { margin:0 -12px; }
.iNews li { width:calc(100% / 3 - 24px); position:relative; margin:0 12px; padding:12px; border:1px solid #ccc; box-sizing:border-box; }
.iNews li h3 { font-weight:400; font-style:normal; color:#222; font-size:23px; line-height:36px; letter-spacing:0px; height:36px; }
.iNews li p { font-weight:300; font-style:normal; color:#626670; font-size:16px; line-height:26px; letter-spacing:0px; margin:10px 0; }
.iNews li a { color:#e60012; }
.iNews li a i { margin:0 0 0 5px; }

/**support**/
#support { position:relative; height:470px; background-image:url('images/index.support.bg.webp'); background-attachment:fixed; background-position:center; background-repeat:no-repeat; background-size:cover; padding:50px 0; box-sizing:border-box; }
#support .iTitle h2 { color:#fff; }
.support { height:100%; position:relative; z-index:2; color:#fff; }
.support .L { color:#fff; text-shadow:0 0 5px #333; }
.support .L h2 {  font-size:28px; font-weight: 700; margin: 0 0 10px; }
.support .L p { font-size:16px; line-height:26px; }
.support .R {  }
.support .R li { margin:0 0 0 24px; }
.support .R li:first-child { margin:0; }
.support .R img { width:180px; height:auto; padding:12px; background:#fff;  }
.support .R i { line-height:48px; font-size:22px; }

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

/**cover**/
#cover { background:#e60012; color:#fff; }
#cover .cover { padding:36px 0; font-size:30px; }
#cover .cover em { padding:0 0 0 10px; text-transform:uppercase; }
.CH2 { color:#222; font-size:40px; margin:0 0 20px; font-weight:700; position:relative; z-index:2; }

/**company**/
#Company { padding:50px 0; }
.Company { box-shadow:0 0 10px #fff; }
.Company img { width:300px; height:auto; float:left; margin:0 20px 0 0; }
.Company p { font-size:16px; line-height:1.7; margin:0 0 10px; text-indent:2em; text-align:left; }

/**Advantage**/
#Advantage { padding:50px 0; background: -moz-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);
    background: -webkit-linear-gradient(linear, left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);
    background: -webkit-gradient(linear, left, from(#ccc), color-stop(30%, #fff), color-stop(30%, #fff), color-stop(75%, #fff), color-stop(75%, #ccc));
    background: -webkit-linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc);
    background: -webkit-gradient(linear,left, from(#ccc), color-stop(30%, #fff), color-stop(#fff), color-stop(75%, #fff), to(#ccc));
    background: linear-gradient(left, #ccc, #fff 30%, #fff, #fff 75%, #ccc); }
.Advantage { position:relative; overflow:hidden; }
.Advantage ul { margin:0 -12px; }
.Advantage li { width:calc(25% - 24px); margin:0 12px; position:relative; box-sizing:border-box; }
.Advantage li i { color:#e60012; font-size:70px; }
.Advantage li b { font-size:24px; color:#222; margin: 15px 0 10px; }
.Advantage li em { font-size:16px; line-height:26px; }

/**Team**/
#Team { padding:50px 0; }
.Team { overflow:hidden; }
.Team ul { margin:0 -12px; }
.Team ul li { width:calc(100% / 3); padding:0 12px; box-sizing:border-box; }
.Team ul dl { padding:20px 0; position:relative; text-align:center; border:10px solid #ccc; cursor:pointer; background:#fff; }
.Team ul dl dt { font-size:60px; }
.Team ul dl dd.d1 { font-size:22px; margin:5px 0; font-weight: bold; color:#222; }
.Team ul dl dd { font-size:16px; line-height:1.7; }
.Team ul dl:hover { color:#e60012; border-color:#e60012; }
.Team ul dl:hover dd.d1 { color:#e60012; }

/**Culture**/
#Culture { padding:50px 0; position:relative; }
.Culture { position:relative; z-index:2; }
.Culture ul { margin:-24px -12px 0; }
.Culture li { float:left; width:33.3333334%; padding:24px 12px 0; box-sizing:border-box; }
.Culture dl { box-shadow:0 0 3px #666; position:relative; text-align:center; background:#fff; }
.Culture dt { padding:20px 0 0; }
.Culture dt span { width:70px; height:70px; line-height:70px; margin:0 auto; font-size:40px; background:#e60012; border-radius:100%; display:block; color:#fff; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.Culture dd { font-size:20px; padding:5px 0; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.Culture p { font-size:16px; padding:0 0 15px; -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; }
.Culture dl a { display:block; z-index:1; position:relative; }
.Culture dl a:before { background:#222; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease 0s; width:100%; z-index: -1; }
.Culture dl a:after { background:#e60012; bottom:0; content:""; height:0; left:0; position:absolute; right:0; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; transition:all 0.4s ease 0s; width:100%; z-index:-1; }
.Culture dl a:hover:before { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; top:0; }
.Culture dl a:hover:after { height:100%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; -webkit-transition-delay:0.2s; -moz-transition-delay:0.2s; -o-transition-delay:0.2s; -ms-transition-delay:0.2s; transition-delay:0.2s; top:0;  }
.Culture dl a:hover dt span { transform:rotatey(360deg); -o-transform:rotatey(360deg); -moz-transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -ms-transform:rotatey(360deg); -o-transition:all .3s; -moz-transition:all .3s; -webkit-transition:all .3s; -ms-transition:all .3s; transition:all .3s; background:#fff; color:#e60012; }
.Culture dl a:hover dd { color:#fff; }
.Culture dl a:hover p { color:#fff; }

/**Promotion**/
#Promotion { padding:50px 0; }
.Promotion { overflow:hidden; }
.Promotion ul { margin:-24px -12px 0; }
.Promotion li { width:calc(25% - 24px); margin:24px 12px 0; height:300px; background:#000; overflow:hidden; }
.Promotion li video { height:270px; }
.Promotion li i { height:30px; color:#fff; font-size:16px; }

/**products**/
.products { padding:50px 0; }
.productd { padding:25px 0; }
.productd ul { margin:0 -12px; overflow:hidden; }
.productd li { width:calc(100% / 3 - 24px); margin:0 12px; overflow:hidden; }
.productd li a { width:100%; }
.productd li img { width:100%; box-sizing:border-box; padding:10px; }
.productd li i { font-size:26px; color:#e60012; }

/**PInfo**/
#pd.iTitle { padding:50px 0 0; }
.PInfo { color:#222; padding:0 0 100px; position:relative; margin-top:-70px; }
.PImg img { max-width:100%; }
.PInfo h2 { font-size: 28px; line-height: 1.3; letter-spacing: 0px; font-style: normal; color: #e60012; }
.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 { padding:50px 0; }  
.solutions ul { width:100%; }
.solutions li { width:100%; position:relative; z-index:1; margin:25px 0; box-shadow:0 0 10px rgba(0,0,0, 0.6); }
.solutions li a { width:100%; position:relative; overflow:hidden; }
.solutions li img { width:100%; position:relative; transition:all 0.3s ease; }
.solutions li i { font-size:26px; color:#fff; position:absolute; left:0; top:0; width:245px; bottom:0; background:rgba(0,0,0,0.6); z-index:2; }
.solutions li:nth-child(2) i { left:calc(145px * 1); }
.solutions li:nth-child(3) i { left:calc(145px * 2); }
.solutions li:nth-child(4) i { left:calc(145px * 3); }
.solutions li:nth-child(5) i { left:calc(145px * 4); }
.solutions li:nth-child(6) i { left:calc(145px * 5); }
.solutions li:nth-child(7) i { left:calc(145px * 6); }
.solutions li:nth-child(8) i { left:calc(145px * 7); }
.solutions li:hover img { transform:scale(1.3); }

/**partner**/
.partner { padding:50px 0; min-height: calc(100% - 316px); box-sizing: border-box; }
.partner ul { margin:0 -12px; padding:12px 0; }
.partner li { width:calc(20% - 24px); margin:12px; }
.partner li a { width:100%; box-shadow:0 0 10px rgba(0,0,0,0.6); }
.partner li img { width:100%; height:auto; filter:grayscale(100%); transition:all 0.3s ease; }
.partner li i { width:100%; color:#fff; font-size:18px; height:32px; background:#8c8c91; transition:all 0.3s ease; }
.partner li a:hover img { filter:none; }
.partner li a:hover i { background:#e60012; }

/**news**/
.news { padding:50px 0 25px; }
.news li { margin:25px 0; border:1px solid #eee; padding:20px 24px; text-align:left; }
.news li h3 { font-size:26px; line-height: 1.4; letter-spacing: 0px; color: #222; text-decoration: none; font-weight: 300; font-style: normal; }
.news li h4 { font-weight: 300; font-style: normal; color: #9c9b9b; font-size: 14px; line-height: 1.5; letter-spacing: 0px; margin:15px 0; }
.news li p { font-weight: 300; font-style: normal; font-size:16px; line-height: 1.7; letter-spacing:0px; }
.news li a { margin:15px 0 0; font-size:14px; width:80px; }
.news li a i { margin:0 0 0 5px; }
.news li a:hover { color:#e60012; }
.news li:hover { box-shadow:0 0 10px rgba(0,0,0,0.6); }

/**pages**/
/*page_turner*/
.pages { padding:0 0 50px; }
.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:#e60012; color:#fff; box-shadow:0 0 2px #333; border-color:#e60012; }

/**newsInfo**/
.newsInfo { padding:50px 0; }
.newsInfo h3 { font-size:32px; line-height: 1.4; letter-spacing: 0px; color: #222; 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; font-size: 16px; line-height: 1.7; letter-spacing: 0px; margin:0 0 10px; }

/**contact**/
#contact { min-height:calc(100% - 316px); width:100%; padding:75px 0; box-sizing:border-box; background: url(images/contact.bg.jpg) no-repeat fixed center / cover; position:relative; z-index:1; }
#contact:before { position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; content:''; background:rgba(230,0,18,0.1); }
.contact { z-index:3; }
.contact .L { color:#fff; text-shadow:0 0 5px #333; }
.contact .L h2 { font-size: 40px; }
.contact .L h3 { font-size: 32px; margin: 0 0 10px; }
.contact .L p { font-size: 22px; line-height: 36px; }
.contact .R {  }
.contact .R li { width:210px; padding:16px 16px 0; background:#fff; height:auto; margin:0 0 0 24px; }
.contact .R li:first-child { margin:0; }
.contact .R img { width:100%; height:auto; }
.contact .R i { color:#222; line-height:48px; font-size:22px; }