@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:#85358f; 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:210px; height:65px; line-height:70px; color:#ddd; font-size:2em; overflow:hidden; background:url(../images/tit.png) no-repeat top left; text-shadow: #00413b 1px 1px 1px;}
.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;}
.column2-item_1 { 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: #85358f; color: #fff; text-align: center; padding: 1em; margin-top: 0.5em;}

/* 赛车 */
.racing {}
.racing .text { background: #85358f; color: #fff; padding: 1em; margin-top: 0.5em;}
.focus_w { position: relative; width: 100%; height: 0; padding-bottom: 46.7%;}
.focus_n { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.cnm { overflow-y: scroll; overflow-x: hidden; height: 1000px;}
.cnm li {}
.cnm li .name { background: #85358f; color: #fff; padding: 0.5em; margin-top: 1em; text-align: center;}

/* 产品速递 */
#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 #85358f; color: #85358f; font-weight: bold;}
#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-y: hidden; 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:#85358f; margin-top: 0.5em;}
.pro_box .pro_list .pro_item .parameter{ width: 100%; overflow: hidden; font-size: 0.8em;}

/* 新闻动态 */
.news { height: 320px;}
.news li { border-bottom:1px dashed #e1e1e1; overflow: hidden;display:block;white-space:nowrap;overflow:hidden; text-overflow: ellipsis;-o-text-overflow:ellipsis;}
.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: #85358f;}
.contact .text .name_eng { color:#85358f; border-bottom:1px solid #85358f; 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; }





.about { padding:20px; width:550px; height:280px; background:#103bcf;}
.about .tit { font-size:20px; line-height:42px; font-weight:bold; padding-left:40px; background:url(../images/arr.png) no-repeat left center; color:#8dfffe; margin:10px 0;}
.about .tit2 { font-size:16px; line-height:36px;}
.about .text { text-indent:2em; font-size:14px; line-height:30px;}

/*独家专访*/
.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;}




/*TAB切换*/
#tags { float:left; height:112px; width:956px; padding:0 2px; background:#103bcf url(../images/logoline.png) top center repeat-x;}
#tags li { float:left; margin:0 15px;}
#tags li a { display:block; height:50px; font-size:14px; text-align:center; padding-top:62px; color:#fff; background:url(../images/logo2.png) top center no-repeat;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:50px; font-size:14px; text-align:center; padding-top:62px; color:#8dfffe; background:url(../images/logo1.png) top center no-repeat;}

.tagContent { float:left; padding:50px 40px; width:880px; line-height:30px; background:#103bcf;}
.tagContent .year  {color:#8dfffe; font-size:18px; font-style:italic;}
.tagContent .event {font-size:18px;}