@charset "utf-8";

* { margin:0; padding:0; }
body{color:#666; font:normal 12px Arial,verdana,sans-serif; line-height: 1.6; background-color:#ffffff;}
img           { border:0; vertical-align:middle; }
a             { color:#333; text-decoration:none; }
a:hover       { text-decoration:none; color:#aacd06;}
:focus        { outline:0; }

h1,h2,h3,h4,h5{ margin:0 auto; line-height:1.35;  }

h1            { font-size: 16px;font-weight: bold; color: #666;}
h2            { font-size:18px; font-weight:normal; }
h3            { font-size:12px; font-weight:normal; }
h4            { font-size:14px; font-weight:bold; }
h5            { font-size:12px; font-weight:bold; }
/* Forms */
form          { display:inline; }
fieldset      { border:0; }
legend        { display:none; }
/* Table */
table         { margin-top: 10px;border:0; /*border-collapse:collapse;*/ border-spacing:0; empty-cells:show; font-size:100%; border-collapse:collapse;}
caption,th { vertical-align:top; text-align:left; font-weight:normal; /*border:solid 1px #dedede;*/ padding:5px;}
/* Content */
/*p             { padding:5px 0px;}*/
strong        { font-weight:bold; }
address       { font-style:normal; line-height:1.35; }
cite          { font-style:normal; }
q,
blockquote    { quotes:none; }
q:before,
q:after       { content:''; }
small,big     { font-size:1em; }
/*sup           { font-size:1em; vertical-align:top; }*/
/* Lists */
ul,ol         { list-style:none; }
.clear{clear:both;}
.a_hover{color:#aacd06;}
.left{float:left;}
.right{float:right;}
.b_table td{border:solid 1px #dedede; padding:5px;} 


/* 头部 */
#header{margin:0 auto; height:80px; zoom:1; background:url(../images/header_bg.gif) repeat-x; border-bottom:solid 1px #c2c2c2; z-index:10;}

#header .headnav{margin:0 auto; width:960px; height:80px; position:relative; z-index:10;}
#header .logobox{position:absolute; left:0; top:0; z-index:99;}
.nav{position:relative; height:80px; float:left; margin-right:20px; padding-left:221px;}
.nav li.prod{float:left; height:80px; position:relative;}
.nav li.prods{position:static;}
.nav > li:first-child{ margin-left:30px; }
.nav li.prod a.ft{line-height:80px; color:#333; font-size:13px; font-weight:700; padding:30px 13px; text-transform:uppercase;}
.nav li.prod a.current{color:#ff7f14;}
.nav li.prod a.currents{color:#ff7f14; background:url(../images/down_arrow.png) no-repeat center 50px;}
.nav li.prod a.a_hover{color:#ff7f14;}


.formsearch{float:right; margin-top:30px; width:140px; height:25px; background:url(../images/search_textbox.png) no-repeat center;}
.formsearch .input{border:none; background:none; width:100px; height:18px; line-height:18px; padding:3px 0; margin-left:10px; color:#999999; font-size:12px; float:left;}
.formsearch .submit{border:none; width:25px; height:25px; background:url(../images/search_submit.png) no-repeat center; margin-right:5px; float:right;}



.nav li .secprodnav{border-bottom:solid 3px #141414; position:absolute; top:80px; overflow:hidden; background-color:#fff; display:none; color:#333; padding:15px; width:400px; left:0;}
.nav li .anv_inner{width:180px; padding-left:20px;}

.secprodnav a{color:#333;}
.secprodnav a:hover{color:#ff7f14;}
.secprodnav .topmenu{margin-right:20px; width:119px;}
.secprodnav .topmenu li{line-height:28px;}


.secprodnav .p_menu{float:left; /*width:320px;*/}

.secprodnav .p_menu a{line-height:30px; display:block;}

.secprodnav .p_menu ul li{float:left; width:180px; overflow:hidden; white-space:nowrap; /*margin-right:10px;*/ border-bottom:solid 1px #efefef; float:left;}


.secprodnav .p_content{float:right; width:580px;}
.secprodnav .p_content ul li{margin-left:20px; position:relative; display:none;}
.secprodnav .p_content ul li.display{display:block;}
.secprodnav .p_content .pmenu_img{float:left; margin-right:20px; width:261px;}
.secprodnav .p_content .pm_text{float:left; width:279px;}
.secprodnav .p_content .pm_text h2 a{font-size:24px; display:block;}
.secprodnav .p_content ul li .menu_new{background:url(../images/menu_new.png) no-repeat center center; width:50px; height:30px; position:absolute; top:-5px; right:10px;}
.secprodnav .p_content ul li .menu_hot{background:url(../images/menu_hot.png) no-repeat center center; width:50px; height:30px; position:absolute; top:-5px; right:10px;}


/* Banner */
#indbanner{height:380px; width:100%; margin:0 auto; position:relative; overflow:hidden; z-index:1; /*color:#fff;*/}
#indbanner .slide{margin-left:-1px;}
#indbanner .ctrl{position:absolute; z-index:88; bottom:20px;}
#indbanner .ctrl a{overflow:hidden; width:15px; height:15px; text-indent:-20px; margin-right:5px; background:url(../images/ctrl.png) no-repeat left top; float:left;}
#indbanner .ctrl a.activeSlide{background-position:left -20px;}

#indbanner .boxtext{position:absolute; left:220px; bottom:0; width:300px; height:355px; padding:20px; background:url(../images/banner-bj.png); z-index:20;}
#indbanner .boxtext{animation:animated_div 1s ease 2s 1; -moz-animation:animated_div 1s 1; -webkit-animation:animated_div 1s 1 0s; -o-animation:animated_div 1s 1;}
#indbanner h2{position:relative; width:300px; z-index:21; font-size:64px; font-weight:700; text-transform:uppercase; animation:animated_text 1s ease-in 1; -webkit-animation:animated_text 1s ease-in 1; -moz-animation:animated_text 1s ease-in 1; -o-animation:animated_text 1s ease-in 1;}
#indbanner h3{position:relative; width:300px; z-index:21; font-size:24px; font-weight:700; text-transform:uppercase; animation:animated_text 2s ease-in 1; -webkit-animation:animated_text 2s ease-in 1; -moz-animation:animated_text 2s ease-in 1; -o-animation:animated_text 2s ease-in 1;}
#indbanner p{position:relative; width:300px; z-index:21; color:#fff; font-size:18px; animation:animated_text 3s ease-in 1; -webkit-animation:animated_text 3s ease-in 1; -moz-animation:animated_text 3s ease-in 1; -o-animation:animated_text 3s ease-in 1;}
#indbanner .button{position:relative; width:300px; z-index:21; animation:animated_text 4s ease-in 1; -webkit-animation:animated_text 4s ease-in 1; -moz-animation:animated_text 4s ease-in 1; -o-animation:animated_text 4s ease-in 1;}

/* 容器 */
#container{margin:0 auto; background-color:#e8e8e8; color:#666;}
.maincontent{margin:0 auto; width:960px; padding:30px 0; }
.maincontent .hsptitle{text-align:center; text-transform:uppercase; font-size:28px; padding-bottom:20px; display:block;}
.maincontent ul.hsp{padding:0 10px; width: 120%;} 


.maincontent ul.hsp li{float:left; width:470px; margin-right:20px; margin-bottom: 20px; text-align:center;  cursor:pointer; } 
.maincontent ul.hsp li.solution{background-color:#d6d6d6;}

.maincontent ul.hsp li.solution:hover{background-color:#f3771c; color:#fff;}

.maincontent ul.hsp li.solutions{background-color:#b6b6b6;}

.maincontent ul.hsp li a{ line-height:30px; color:#333; font-size: 16px; font-weight: 400;}
.maincontent ul.hsp li a:hover{ color: #fff; }

/*.maincontent ul.hsp li h3{font-size:16px; height: 21px line-height: 21px; color:#333;}

.maincontent ul.hsp li h3:hover{color: #fff;}*/

.maincontent ul.hsp li p{margin-bottom:30px; height:50px; width:225px; overflow:hidden; text-overflow:ellipsis; padding:5px;}
a.sequence{padding:10px 15px; font-weight:700;}
.maincontent ul.hsp li a.sequence{background:url(../images/sequence.png) no-repeat center center;}
.maincontent ul.hsp li.curs a.sequence{ background:url(../images/sequences.png) no-repeat center center; color:#aacd06;}





.maincontents{position:relative; width:960px; margin:0 auto; margin-top:-80px; background-color:#fff;}
.undersolution{ background:url(../images/solution-bg.png) no-repeat center top;width:924px;height:116px;margin-left:20px;}
.undersolution p{ font-family:"Comic Sans MS"; font-size:20px;text-align:center;text-indent:20px;}
#containers{margin:0 auto; background-color:#fff; /*position:relative;*/}
.containers{margin:0 auto; background-color:#fff; position:relative;}
.case{margin-left:-6px; width:960px; margin:0 auto; padding:0; color:#738b02;}
.case li{float:left; margin:0 auto; padding:0; box-shadow:#d8d8d8 0px 0px 10px; border:solid 1px #eeeeee; background-color:#f5f5f5; width:221px; height:225px; position:relative; padding-bottom:10px; margin-left:16px; text-align:center;}
.case li:hover{box-shadow:none;}
.case li .new{position:absolute; top:-3px; left:-3px; width:50px; height:51px; background:url(../images/new.png) no-repeat center;}
.case li h3,.case li h3 a{font-size:13px; font-weight:bold; margin:10px 0; color:#526303; display:block;}


.pcase{ height:auto; margin:0 auto; padding:0; color:#738b02;}
.pcase li{float:left; margin:0 auto; padding:0; box-shadow:#d8d8d8 0px 0px 10px; border:solid 1px #eeeeee; background-color:#f5f5f5; width:221px; height:225px; position:relative; padding-bottom:10px; margin-left:13px; margin-bottom:20px; text-align:center;}
.pcase li:hover{box-shadow:none;}
.pcase li .new{position:absolute; top:-3px; left:-3px; width:50px; height:51px; background:url(../images/new.png) no-repeat center;}
.pcase li h3,.case li h3 a{font-size:13px; font-weight:bold; margin:10px 0; color:#526303; display:block;}


#container_abuot{margin:0 auto; background-color:#f5f5f5; border-top:solid 1px #dddddd; clear:both;}
.video{background-color:#ddd; padding:5px; border-radius:5px; text-align:center;}
.indnews{float:right; width:580px; margin-top:-28px;}
.indnews ul li{border:solid 1px #dddddd; border-radius:5px; margin:28px 0; cursor:pointer;}
.indnews ul li:hover{box-shadow:#d8d8d8 0px 0px 10px;}
.indnews_text{height:114px; width:415px; overflow:hidden; margin-right:15px; float:right; margin-bottom:5px}
.indnews_img img{float:left; margin-right:15px; border-radius:5px 0px 0px 5px;}
.indnews_time{font-size:22px; line-height:35px; height:35px; color:#bfbfbf; display:block; padding:0; margin:0;}
.indnews h2{color:#333; white-space:nowrap; text-overflow:ellipsis; width:415px; height:24px; overflow:hidden;}



.prodtab .tab{margin-bottom:-2px; background-color:#fff; float:left; text-align:center; padding:8px 25px; border:solid 2px #dedede; border-bottom:none; border-top:solid 3px #aacd06; cursor:pointer; margin-right:5px; font-family:"JournalRegular";}
.prodtab .cur{border-bottom:solid 2px #fff;}

.prodtab_show{border-top:solid 2px #dedede; margin-bottom:15px; overflow:hidden; clear:both; padding-top:15px;}
.prodtab_text{display:none;}

.rp_title{padding:10px 0; border-bottom:solid 2px #dedede; margin:20px 0;}



/* 底部 */
#footer{ background: url(../images/footer_bg.gif) repeat-x; /*border-bottom:solid 5px #aacd06;*/ color:#333;}
/*#footer .maincontent{border-top:solid 1px #4f4e4e;}*/
#footer h2,#footer h2 a{color:#000;}
#footer h2 a:hover{color:#333;}

#footer a{color:#AAAAAA;}

.locate li{float:left; width:300px; padding:30px 10px;}
.locate li .locate_img{float:left; margin-right:10px;}

.company li{float:left; width:300px; padding:0px 10px;}
#footer .socials{margin-top:20px;}

.message{background:url(../images/message.png) no-repeat left top; margin-top:20px; padding:5px 35px 0px 10px;}
.message p{width:205px; height:57px; overflow:hidden; text-overflow:ellipsis; margin-bottom:15px;}
.message span{color:#aacd06; margin-left:60px;}

.f_nav{text-align:center; margin:0 auto; width:600px;}
#footer .f_nav a{color:#000;}
#footer .f_nav a:hover{color:#333;}
#footer .f_nav p a {color:#333;}
.f_nav ul li{padding:0px 30px; float:left; }
.f_nav ul li.first{border-left:none;}
.f_nav ul li.last{border-right:none;}


/* 产品列表页 */
/*#p_banner{height:170px; padding-top:30px; width:100%; margin:0 auto; position:relative; background:url(../images/product-list-bj.jpg) no-repeat center center;}
#p_banner .p_banners{width:960px; margin:0 auto; position:relative;}
#p_banner .p_banners ul li{float:left; width:106px; height:170px; text-align:center; margin:0px 7px; cursor:pointer;}
.p_banners ul li.category,.p_banners ul li.categorys{background:url(../images/triangle.png) no-repeat center bottom;}
.p_banners ul li a.p_list_img{width:90px; height:90px; margin:5px 8px; overflow:hidden; text-indent:-100px; display:block;}
.p_banners ul li h2 a{font-size:14px; padding:5px 8px;}*/

li.bicycle_helmet a.p_list_img{background:url(../images/bicycle_helmet.png) no-repeat center top;}
li.skate_helmet a.p_list_img{background:url(../images/skate_helmet.png) no-repeat center top;}
li.equestrian_helmet a.p_list_img{background:url(../images/equestrian_helmet.png) no-repeat center top;}
li.rock_climbing_helmet a.p_list_img{background:url(../images/rock_climbing_helmet.png) no-repeat center top;}
li.ski_helmet a.p_list_img{background:url(../images/ski_helmet.png) no-repeat center top;}
li.safety_helmet a.p_list_img{background:url(../images/safety_helmet.png) no-repeat center top;}
li.ball_helmet a.p_list_img{background:url(../images/ball_helmet.png) no-repeat center top;}
li.kids_helmet a.p_list_img{background:url(../images/kids_helmet.png) no-repeat center top;}
.p_banners ul li.category a.p_list_img,.p_banners ul li.categorys a.p_list_img{background-position:center bottom;}
.p_banners ul li.category a,.p_banners ul li.categorys a{color:#aacd06;}

.plist_title{padding-bottom:20px; }
.prodlist{margin-left:-20px; width:980px; display:block;}
.proclist{width:735px; margin-left:-25px; overflow:hidden;}
.prodlist li,.proclist li{float:left; margin-left:20px; margin-bottom:20px; width:223px; border:solid 1px #ececec; border-radius:3px;}
.prodlist li h3 a{font-size:18px; text-transform:uppercase; display:block; text-align:center; margin:10px; white-space:nowrap; overflow:hidden;}

.breadcrumbs{margin:0 auto; width:960px; padding:15px 0;}



/* About */
#ad_banner{width:100%; height:200px;  text-align: center; overflow: hidden;}
#ad_banner img{ margin: 0 -100%;}



.m_left{float:left; width:230px;}

.l_module{border:solid 1px #ccc; background:#ccc; border-radius:5px; margin-bottom:20px;}

.l_module h2{line-height:35px; background:url(../images/left_t.png) no-repeat; padding-left:25px; color:#e3e3e3;}

.l_module p{text-align:center;}
.l_module_con{ width:228px; height:auto; line-height:20px; /*padding:9px;*/ background:#FBFDFD; margin:auto;}
.l_module_con { text-align: center; }
.l_module ul{padding:5px 20px;}
.l_module ul li{padding:5px 0;}
.l_module ul.a_menu li a{background:url(../images/to_left.png) no-repeat right 4px; display:block;}
.l_module ul.a_menu li a.a_cat,.l_module ul.a_menu li a:hover{background-position:right -25px; color:#aacd06;}

.m_rign{float:right; width:710px;}
/*.m_rign img{padding:5px; border:solid 1px #dedede; border-radius:5px;}*/
.m_rign img.right{margin:0 0 10px 10px;}
.m_rign img.none{padding:0; border:none; border-radius:0px;}

.pd_title{margin-top:20px;margin-bottom: 10px;padding-bottom: 5px;border-bottom: solid 1px #dedede;}


/* left dt */

.l_module dl{ /*padding:0px 5px;*/ font-family:Arial, Helvetica, sans-serif; }
.l_module dl dt{ width:228px; height:30px; line-height:30px; background:url(../images/li_bg.gif) repeat-x; margin-bottom:2px; color:#555; float:left; overflow:hidden; margin:auto;}
.l_module dl dt a{ display:block; width:228px; height:30px; color:#555;  background:url(../images/a_b.gif) 10px 10px no-repeat; font-size:14px; font-weight:bold; text-indent:25px; float:left; overflow:hidden;}
.l_module dl dt a:hover{ color:#d7000e; text-indent:25px; background:url(../images/dt_li_hover.gif) no-repeat; }

.l_module dl dd{ width:228px; height:30px; background:url(../images/a_s.gif) 15px 10px #f9f9f9 no-repeat; text-indent:30px; float:left; overflow:hidden; }
.l_module dl dd a{ display:block; width:228px; height:30px; line-height:30px; color:#000; float:left;overflow:hidden; }
.l_module dl dd a:hover{ color:#d7000e; }


#selected{ color:red;}
#selected_red{ color:#d7000e; /*background:url(../images/li_bg.gif) no-repeat;*/}


/*product*/
.sub_right_open_con {
    width: 700px;
    line-height: 20px;
    height: auto;
    float: left;
}

.big_pimg { width:412px; height:auto; float:left;}
.big_pimg img{width:400px;height:346px;border:4px solid #e1e1e1; float:left; }

.pro_intro{ width:280px; height:330px; float:right;}

.pro_pic_list{ width:280px; height:auto; float:left;}
.pro_pic_list li{ width:79px; height:79px; float:left; margin-right:10px; margin-top:3px;}
.pro_pic_list li img{ width:78px; height:78px; border:1px solid #E3E3E3;}

.open_con_p{ width:100%; height:auto; float:left; overflow:hidden; margin-top:20px;}

#inquiryForm{width:560px;padding:5px 0px;}
#inquiryForm p{width:350px;height:25px;float:left;}
#inquiryForm label.labelTag{display:block;width:100px;float:left;text-align:right;}
#inquiryForm label.labelTag span{color:#ff0000;}
#inquiryForm p.PrOrderInput input{width:180px; height:16px;line-height:16px;}
#inquiryForm textarea#content{width:430px;width:430px\9;height:150px; font-size:14px; color:#000;overflow:auto;}
#inquiryForm input#secode{width:50px;height:16px;line-height:16px;vertical-align:middle;}
#inquiryForm input#orderSubmit{margin:5px 0px;padding:5px 10px;font-size:12px;font-weight:bold;}
#inquiryForm label img{vertical-align:middle;}


.datalist
{
 	color: #666666;
 	background-image: url(../images/dot_line.gif);
	background-repeat: repeat-x;
	background-position: bottom; 
	clear:both;	
	height: 27px;
	line-height:27px;
	position:relative;
 
  
}
.datalist a{
	display:block;
	background-repeat: no-repeat;
	background-position: left center;
	overflow:hidden;
    white-space: nowrap;
    display :block;
    overflow : hidden;
	text-overflow : ellipsis ;
	word-break:keep-all;
	text-indent:16px;
	background-image: url(../images/a_news.gif);
	width:88%;
	float:left;
 }
 .datalist a:hover{ color:#007117}
 .datalist span{ height:26px; line-height:26px; right:2px; top:1px; text-align:right;}


.online_qq{ width:188px; height:23px; background: url(../images/qq_bg.gif) no-repeat; line-height:23px; text-indent:35px; color:#FFF; /*float:left;*/ margin-bottom:5px; margin-left:6px;}

.online_msn{ width:188px; height:23px; background: url(../images/msn_bg.gif) no-repeat; line-height:23px; text-indent:35px; color:#FFF; /*float:left;*/ margin-bottom:5px; margin-left:6px;}

.online_skype{width:188px; height:23px; background: url(../images/skype_bg.gif) no-repeat; line-height:23px; text-indent:35px; color:#FFF; /*float:left;*/ margin-bottom:5px; margin-left:6px;}

.online_qq a,.online_msn a,.online_skype a{ color:#fff;}
.online_qq a:hover,.online_msn a:hover,.online_skype a:hover{ color:#ff0000;}



/*订阅css star*/
/*form {
  width: 450px;
  margin: 17% auto;
}*/

.header {
  font-size: 18px;
}


.description {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 1.3em;
  margin: -2px 0 45px;
}


.input {
  display: flex;
  align-items: center;
}


.button {
  height: 44px;
  border: none;
}

  
#email {
  width: 75%;
  background: #d8d8d8;
  font-family: inherit;
  color: #737373;
  letter-spacing: 1px;
  text-indent: 5%;
  border-radius: 5px 0 0 5px;
}


#submit {
  width: 25%;
  height: 44px;
  background: #000;
  font-family: inherit;
  font-weight: bold;
  color: white;
  letter-spacing: 1px;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
  transition: background .3s ease-in-out;
}
  

#submit:hover {
  background: #fa6837;
}
  

/*input:focus {
  outline: none;
  outline: 2px solid #E86C8D;
  box-shadow: 0 0 2px #E86C8D;
}*/
/*订阅css end*/