@charset "utf-8";
/* CSS Document */

/* 字体大小 */
.f16 { font-size: 16px;}
.f24 { font-size: 24px;}
.f32 { font-size: 32px;}

.blank { clear:both; height:3em;}
.blank2 { display: none;}
.blank3 { display: none;}

/* 版头 */
.header_pc { margin:0 auto; width:100%; height:500px; background:url(../images/header_pc.jpg) center no-repeat;}
.header_pc a { display: block; width:100%; height:500px;}
.header_phone { display: none;}

/* 侧边导航 */
.home-header { position:fixed; z-index:1; width:120px; top:20%;}
.home-header .header-background { float:left;}
.home-header .inner-section { position: relative; width: 120px; margin: 0 auto;}
.home-header .inner-section .logo { width:95px; padding:0 10px 0 15px; height:40px; line-height:40px; background:#d6000f; float:left; cursor:default; font-size:16px; font-weight:bold; color:#fff;}
.home-header .inner-section .logo a { float:right; color:#fff;}
.home-header .inner-section .nav { float:left; width:120px; font-size:14px; line-height:36px; text-align:center; background:#fff;}
.home-header .inner-section .nav li { width:120px; border-bottom:1px solid #e1e1e1;}
.home-header .inner-section .nav li a { color: #222; text-decoration:none;}
.home-header .inner-section .nav li a:hover { color:#222; text-decoration:underline;}
.home-header .inner-section .code  { float:left; text-align:center; color:#666; padding:10px 10px 0 10px; background:#fff;}
.home-header .inner-section .code li { width:100px; font-size:12px; line-height: 24px; padding-bottom: 10px;}
.home-header .inner-section .code li img { width:100px;}

/* 版块设置 */
.area-item { width:1000px; margin:0 auto;}
.name-item { padding-left:90px; height:70px; line-height:60px; color:#fff; font-size:2em; overflow:hidden; background:url(../images/tit.png) no-repeat top left;}
.main-item { width:960px; padding:18px; border:2px solid #fff; background:#fff; overflow: hidden;}

.column2 { width: 490px;}
.column2-item { width: 450px; padding:18px; border:2px solid #fff; background:#fff; overflow: hidden;}

/* 导语 */
.introduction {}
.introduction .text1 { font-size: 1.1em; text-indent:2em;}
.introduction .text2 { font-size: 1.5em; background: #d7000f; color: #fff; text-align: center; padding: 1em; margin-top: 0.5em;}

/* 企业简介 */
.about {}
.about .text { padding: 1em; width: calc(100% - 2em); height: calc(300px - 2em); background: #f5f5f5; overflow-y: auto;}
.about .text .tit { font-size: 1.5em; color: #d7000f; margin: 0.5em 0;}
.about .text .con { text-indent: 2em;}
.about .pic { width: 360px; height: 300px;}
.about .show { width: 100%;}
.about .show li { float: left; width: 33.33%; margin-top: 0.5em;}
.about .show li img { width: 100%;}
.about .show li .name { background: #d7000f; color: #fff; text-align: center;}

/* 明星代言 */
.star_pc {}
.star_phone { display: none;}

/* 活动赞助 */
#tabc { width: 960px; position: relative; overflow: hidden;}
#tabc .tab_menu { overflow: hidden; justify-content: center; display: flex;}
#tabc .tab_menu li { float: left; width: 13%; height: 49px; cursor: pointer; margin: 0 1%;}
#tabc .tab_menu li span { display: block; overflow: hidden; text-align: center; border: 2px solid #e1e1e1;}
#tabc .tab_menu li em { display: block; height: 11px; overflow: hidden; position: relative; top: -2px;}
#tabc .tab_menu .selected { cursor: pointer;}
#tabc .tab_menu .selected span { border: 2px solid #d7000f; color: #d7000f; font-weight: bold;}
#tabc .tab_menu .selected span a { color: #d7000f;}
#tabc .tab_menu .selected span a:hover { text-decoration: none;}
#tabc .tab_menu .selected em { background: url(../images/icon.png) no-repeat center 0;}

/* 发展历程 */
#tags { float:left; height:100px; width:100%; background:#fff url(../images/history_3.png) top center repeat-x;}
#tags li { float:left; width: 6.25%;}
#tags li a { display:block; height:56px; text-align:center; padding-top:44px; color:#222; background:url(../images/history_2.png) top center no-repeat;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:56px; text-align:center; padding-top:44px; color:#d7000f; background:url(../images/history_1.png) top center no-repeat; font-weight: bold;}
.tagContent { padding:0 2em 2em 2em; overflow: hidden; background:#fff;}
.tagContent .year  { color: #d7000f; font-size: 1.2em; font-style: italic;}
.tagContent .event { font-size: 1.2em;}
.tagContent .w220 { width: 22%; margin-top: 2em;}
.tagContent .w220 img { box-shadow: 3px 3px 3px rgba(0,0,0,.2); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,.2); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,.2); width: 90%;}
.tagContent .w650 { width: 28%; margin-top: 2em; height: 6em;}
.tagContent .w850 { width: 78%; margin-top: 2em; height: 6em;}
.tagContent .f8 { height: 8em;}

/* 赛车 */
.racing {}
.racing .text { background: #fcc700; color: #fff; padding: 0.5em; margin-bottom: 1em; text-align: center; font-size: 1.2em;}
.focus_product { position: relative; width: 100%; height: 1000px;}
.focus_w { position: relative; width: 100%; height: 0; padding-bottom: 46.7%;}
.focus_n { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}

/* 产品速递 */
#tab { width: 960px; position: relative; overflow: hidden;}
#tab .tab_menu { overflow: hidden; justify-content: center; display: flex;}
#tab .tab_menu li { float: left; width: 13%; height: 49px; cursor: pointer; margin: 0 1%;}
#tab .tab_menu li span { display: block; overflow: hidden; text-align: center; border: 2px solid #e1e1e1;}
#tab .tab_menu li em { display: block; height: 11px; overflow: hidden; position: relative; top: -2px;}
#tab .tab_menu .selected { cursor: pointer;}
#tab .tab_menu .selected span { border: 2px solid #d7000f; color: #d7000f; font-weight: bold;}
#tab .tab_menu .selected span a { color: #d7000f;}
#tab .tab_menu .selected span a:hover { text-decoration: none;}
#tab .tab_menu .selected em { background: url(../images/icon.png) no-repeat center 0;}
.hide { display:none;}

.pro_box { width: 100%; overflow: hidden; margin-top: 1em;}
.pro_box .pro_list { display: flex; overflow-x: auto; flex-wrap: nowrap; flex-direction: row;}
.pro_box .pro_list .pro_item { margin-right: 20px; padding: 0 10px 10px; list-style: none; width: 205px; background: #f5f5f5;}
.pro_box .pro_list .pro_item img { background: #fff; width: 195px; height: 195px; padding: 5px; margin-bottom: 0.5em;}
.pro_box .pro_list .pro_item .proname { width:100%; overflow:hidden; color:#222; line-height: 3em; text-align:center; white-space: nowrap; text-overflow: ellipsis;}
.pro_box .pro_list .pro_item .protag { width: 40%; overflow:hidden; font-size: 0.8em; text-align:center; color:#fff; background:#d7000f; margin-top: 0.5em;}
.pro_box .pro_list .pro_item .parameter{ width: 100%; overflow: hidden; font-size: 0.8em; overflow-y: auto; max-height: 8em;}

/* 新闻动态 */
.news {}
.news li { border-bottom:1px dashed #e1e1e1; overflow: hidden;}
.news li .text1 { line-height: 2.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.news li .text2 {}

/* 诚邀加盟 */
.joins_pc {}
.joins_phone { display: none;}

/* 联系我们 */
.contact {}
.contact .pic { width:490px;}
.contact .text { width:450px;}
.contact .text .name { font-size: 1.5em; font-weight: bold; color: #d7000f;}
.contact .text .name_eng { color:#d7000f; border-bottom:1px solid #d7000f; padding-bottom:0.5em; margin-bottom:0.5em;}
.contact .text .more {}
.contact .text .code {}
.contact .text .code img { width: 140px;}

/* 底部 */
.footer_pc { width:100%; margin:0 auto; text-align:center; color:#fff;}
.footer_pc a { color:#fff;}
.footer_phone { display: none;}



/* 幻灯片 */
.comiis_wrapad { margin: 0 auto; width: 350px; overflow: hidden;}
.comiis_wrapad img { float: left; margin-top: 0px; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.block { margin: 0;position: relative; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }

.slidebar { position: absolute; bottom: 5px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(230,17,51,1.0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; font-weight: 700; }

.slideshow SPAN.title { text-indent: 0px; }

#slidesImgs li { width: 350px; height: 318px; display: none; }



/*独家专访*/
.interview {}
.interview .pic { width:350px; padding:4px; border:1px solid #ccc;}
.interview .view { border:1px solid #ccc; padding:19px; width:540px; height:300px;}
.interview .view .tit { float:left; width:540px; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px;}
.interview .view .tit .name { float:left; width:430px; text-align:center; padding-top:20px; font-size:18px; font-weight:bold; color:#e60013;}
.interview .view .tit .code { float:right; width:110px;}
.interview .view .text { text-indent:2em; font-size:16px; line-height:36px;}