@charset "utf-8";



* {
    margin: 0;
    padding: 0;
}

body {
    color: #666;
    font: normal 12px 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: #3b579d;
}

:focus {
    outline: 0;
}



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



h1 {
    font-size: 24px;
    line-height: normal;
    color: #333;
    font-weight: 700;
}

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;
}


.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
    padding: 8px
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 2px;

}



/* 头部 */

#header {
    margin: 0 auto;
    height: 80px;
    zoom: 1;
    background: url(../images/header_bg.gif) repeat-x;
    border-bottom: solid 1px #4F4E4E;
    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;
    width: 570px;
}

.nav li.prod {
    float: left;
    height: 80px;
    position: relative;
}

.nav li.prods {
    position: static;
}

.nav li.prod a.ft {
    line-height: 80px;
    color: #929292;
    font-size: 13px;
    font-weight: 700;
    padding: 30px 12px;
    text-transform: uppercase;
}

.nav li.prod a.current {
    color: #00aced;
}

.nav li.prod a.currents {
    color: #00aced;
    background: url(../images/down_arrow.png) no-repeat center 50px;
}

.nav li.prod a.a_hover {
    color: #00aced;
}





.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: #2b2b2b;
    display: none;
    color: #dddddd;
    padding: 15px;
    width: 400px;
    left: 0;
}

.nav li .anv_inner {
    width: 900px;
    padding: 30px;
}



.secprodnav a {
    color: #dddddd;
}

.secprodnav a:hover {
    color: #00aced;
}

.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: 288px;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 10px;
    border-bottom: solid 1px #343434;
    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: 500px;
    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;
}



/* sub_Banner */

#sub_indbanner {
    height: 250px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    color: #fff;
}

#sub_indbanner .slide {
    margin-left: -1px;
}

#sub_indbanner .ctrl {
    position: absolute;
    z-index: 88;
    bottom: 20px;
}

#sub_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;
}

#sub_indbanner .ctrl a.activeSlide {
    background-position: left -20px;
}



#sub_indbanner .boxtext {
    position: absolute;
    left: 220px;
    bottom: 0;
    width: 300px;
    height: 355px;
    padding: 20px;
    background: url(../images/banner-bj.png);
    z-index: 20;
}

#sub_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;
}

#sub_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;
}

#sub_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;
}

#sub_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;
}

#sub_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: #3b579d;
}

.maincontent {
    margin: 0 auto;
    width: 960px;
    padding: 30px 0;
    overflow: hidden;
}

.maincontent .hsptitle {
    text-align: center;
    text-transform: uppercase;
    font-size: 28px;
    padding-bottom: 20px;
    display: block;
}

.maincontent ul.hsp {
    padding: 0 10px;
}

.maincontent ul.hsp li {
    float: left;
    width: 235px;
    text-align: center;
    padding-bottom: 35px;
    cursor: pointer;
    background: url(../images/container.jpg) no-repeat center bottom;
}

.maincontent ul.hsp li.solution {
    background-color: #d6d6d6;
}

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

.maincontent ul.hsp li a {
    color: #fff;
}

.maincontent ul.hsp li h3 {
    font-size: 18px;
    margin: 10px 0;
    font-family: "Cedarville Cursive";
    color: #333;
}

.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: 16px auto 0 16px;
    padding: 0;
    box-shadow: #d8d8d8 0px 0px 10px;
    border: solid 1px #eeeeee;
    background-color: #f5f5f5;
    width: 221px;
    height: 255px;
    position: relative;
    padding-bottom: 10px;
    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: 280px;
    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;
    margin: 10px 0;
    color: #3b579d;
    display: block;
}





#container_abuot {
    margin: 0 auto;
    background-color: #f5f5f5;
    border-top: solid 2px #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: 28px;
    line-height: 44px;
    height: 44px;
    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-color: #303030;
    border-bottom: solid 5px #00aced;
    color: #aaaaaa;
}

#footer .maincontent {
    border-top: solid 1px #4f4e4e;
}

#footer h2,
#footer h2 a {
    color: #00aced;
}

#footer h2 a:hover {
    color: #f5f5f5;
}



#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: #00aced;
}

#footer .f_nav a:hover {
    color: #f5f5f5;
}

.f_nav ul li {
    padding: 0px 25px;
    float: left;
    border-right: solid 1px #312e2c;
    border-left: solid 1px #2f2822;
}

.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;
    font-weight: 700;
    text-transform: uppercase;
}

.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;
}


#sub_banner {
    width: 1600px;
    height: 250px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -800px;
}


/* About */

#a_banner {
    width: 100%;
    height: 200px;
    background: url(../images/about-banner.jpg) no-repeat center center;
}

#p_banner {
    width: 100%;
    height: 200px;
    background: url(../images/product_banner.jpg) no-repeat center center;
}

#s_banner {
    width: 100%;
    height: 200px;
    background: url(../images/support_banner.jpg) no-repeat center center;
}



#n_banner {
    width: 100%;
    height: 200px;
    background: url(../images/news_banner.jpg) no-repeat center center;
}



#solution_banner {
    width: 100%;
    height: 200px;
    background: url(../images/solution_banner.jpg) no-repeat center center;
}



#c_banner {
    width: 100%;
    height: 200px;
    background: url(../images/contact_banner.jpg) no-repeat center center;
}



#f_banner {
    width: 100%;
    height: 200px;
    background: url(../images/faq_banner.jpg) no-repeat center center;
}





.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: 200px;
    height: auto;
    line-height: 20px;
    padding: 9px;
    background: #FBFDFD;
    margin: auto;
}

.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: 218px;
    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: 218px;
    height: 30px;
    color: #000;
    color: #555;
    background: url(../images/a_b.gif) 10px 8px no-repeat;
    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: 218px;
    height: 25px;
    line-height: 25px;
    background: url(../images/a_s.gif) 15px 6px #f9f9f9 no-repeat;
    text-indent: 30px;
    float: left;
    overflow: hidden;
}

.l_module dl dd a {
    display: block;
    width: 218px;
    height: 25px;
    color: #000;
    float: left;
    overflow: hidden;
}

.l_module dl dd a:hover {
    color: #d7000e;
}





#selected {
    color: red;
}

#selected_red {
    color: #d7000e;
    background: url(../images/dt_li_hover.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: #007bb6
}

.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;
}