/* CSS Document */

@charset "utf-8";

div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
header, section, footer, aside, nav, article, figure, figcaption {display: block;}
table {border-collapse:collapse;}
img {border:none;}
ul, li {list-style:none;}
input:focus, textarea:focus {outline:none;}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}
.clear{height:0px; line-height:0px;clear:both;font-size:1px;}
a,a:link{color:#333;text-decoration:none;}
a:hover{color:White;text-decoration:underline;}
.cf:before,.cf:after{content:"";display:table;}.cf:after{clear:both;}.cf{zoom:1;}
.clear{height:0px; line-height:0px;clear:both;font-size:1px;}

.cred{color:Red;}
.amail,amail:link,.amail:hover{color:#4576c1;}
/*layout*/

body{font-size: 12px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#666;line-height:1.75em;margin:0 auto; background: #274776;}

.container{width:1004px;margin:0 auto;}
.header{height:110px;margin-bottom:10px;position:relative;}
.content{margin-bottom:20px;background:#fff;
       
         -moz-box-shadow:0px 0px 15px rgba(0,0,0,0.5);
         -webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.5);
         box-shadow:0px 0px 15px rgba(0,0,0,0.5);
         box-shadow:0px 0px 15px #444\9;
         border-radius:3px;
         behavior: url(pie.htc);
        
         
         }
.footer{padding:10px 2px;color:White;}
.footer a,.footer a:link{color:White;}
.footer a:hover{color:White;}
.cn_content,.banner{}

/*header*/
.cn_hlinks{width:160px;height:32px;line-height:32px;position:absolute;top:68px;right:0px;}
.cn_hlinks a,.cn_hlinks a:link{color:white;}


/*contnet*/

.nav{background:#000;height:72px;}
.nav_t{height:32px;}
.nav_b{height:40px;background:#fff url(../images/bg_nav.png) repeat-x;}

.ul_nav{overflow:hidden;}
.ul_nav li{float:left;}
.banner_r_t .txtSH1{font-size:14px;}
.banner_r_t .txtSearchx{font-size:14px;}

.Tb2
{
    width:100%; border-collapse:collapse;
    border-left:1px solid #ddd;
    border-top:1px solid #ddd;
     
 }
.Tb2 .trh
{
    padding: 5px 5px;
    background-color: #f8f8f8;
    font-weight: bold;
    color: #333;
}
.Tb2 td
{
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding: 3px 5px;
    text-align: center;

}
/* menu */




#gk-nav { background: #000 url('../images/menu_bg.png') repeat-x 0 21px; padding-bottom: 4px; }

#gk-nav #gk-mainnav { height: 40px; }

#gk-nav #gk-menu { font-size: 14px; font-weight: bold; margin-left: 10px; }

#gk-nav #gk-mainnav .level0>li { background:transparent url('../images/menu_tab_notlast.png') no-repeat right -87px; float: left; height: 40px; line-height:40px; padding-right: 18px; }

#gk-nav #gk-mainnav .level0>li>a { background:transparent url('../images/menu_tab_middle.png') no-repeat left -87px; color: #9d9d9d; display: block; height: 40px; line-height:40px; overflow: hidden; padding-left:17px; }

#gk-nav #gk-mainnav .level0>li:hover,

#gk-nav #gk-mainnav .level0>li.active,

#gk-nav #gk-mainnav .level0>li.active:hover { background-position: right 0!important; }

#gk-nav #gk-mainnav .level0>li:hover>a,

#gk-nav #gk-mainnav .level0>li.active>a,

#gk-nav #gk-mainnav .level0>li.active:hover>a { background-position: left 0!important; color: #000; }

#gk-nav #gk-mainnav .level0>li:hover>a.haschild>span.menu-title { background-color: #101010!important; color:#fff; }

#gk-nav #gk-mainnav .level0>li.first { padding-right: 18px; }

#gk-nav #gk-mainnav .level0>li.first>a { background:transparent url('../images/menu_tab_first.png') no-repeat left -87px; }

#gk-nav #gk-mainnav .level0>li.last { background:transparent url('../images/menu_tab_last.png') no-repeat right 0; padding-right: 22px; }

#gk-nav #gk-mainnav .level0>li.last>a { background:transparent url('../images/menu_tab_middle.png') no-repeat left -87px; }

#gk-nav #gk-mainnav .level0>li.first.last { background:transparent url('../images/menu_tab_last.png') no-repeat right 0; padding-right: 22px; }

#gk-nav #gk-mainnav .level0>li.first.last>a { background:transparent url('../images/menu_tab_first.png') no-repeat left -87px; }

#gk-nav #gk-mainnav .level0>li .menu-desc { display: none; }

#gk-nav #gk-mainnav .level0>li>a>span.menu-title,

#gk-nav #gk-mainnav .level0>li>a>span.menu-title span { display: block; height: 30px; line-height:20px; margin: 6px 0 0 -5px; padding: 4px 5px 0 5px; }

#gk-nav #gk-mainnav .level0>li>a>span.menu-title span { margin: -4px -5px 0 -5px; padding: 4px 5px 0 5px; }




/* submenu */

.gk-menu ul.level0>li>div.childcontent { margin: -5px 0 0 12px!important; }

.gk-menu ul.level0 div.childcontent { background: #101010; font-size: 12px; font-weight:normal; z-index:10000; }

.gk-menu ul.level0 div.childcontent a { color: #000; }

.gk-menu ul.level0 div.childcontent ul { background: #fff; margin: 10px; }

.gk-menu ul.level0 div.childcontent ul li:hover,

.gk-menu ul.level0 div.childcontent ul li:hover>a { color: #9a0005; /*background: #9fb31a;*/ }

/* SECOND CHILD */
.gk-menu ul.level0 div.childcontent ul li { line-height:32px; /* margin:0 10px; */ margin: 0 2px; padding: 0 5px; border-top: 1px solid #e5e5e5 }

/* FIRST CHILD */
.gk-menu ul.level0 div.childcontent ul li:first-child { /* margin:10px 10px 0 10px; */ margin: 10px 2px 0 2px; border: none }

.gk-menu ul.level0 div.childcontent div.group-title .menu-title { font-weight:bold; color:#a44040; }

.gk-menu ul.level0 div.childcontent div.group-title .menu-desc { line-height:12px; font-size:90%; color:#2d2d2d; }

.gk-menu ul.level0 div.childcontent div.group-title { margin:0 10px; }

.gk-menu ul.level0 div.childcontent div.childcontent { margin-top:-20px; }

.gk-menu ul.level0 div.childcontent ul li.group { background:none !important; padding:0 !important; margin:0 !important; }

/* dropline & split menu */

#gk-subnav { font-size: 11px; height:40px; margin:0 0 0 18px; }

#gksdl-mainnav>.level0 { margin-left: 10px; }

#gksdl-subnav { height:40px; line-height: 40px; }

#gk-subnav>div>ul>li { float:left; margin: 5px 8px 0 0; padding: 0; line-height: 30px; }

#gk-subnav>div>ul>li a { background:none; color: #4d4d4d; display: block; line-height:18px!important; padding:6px 8px!important; }

#gk-subnav>div>ul>li>a:hover,

#gk-subnav>div>ul>li.hover>a { background: #101010; color: #fff!important; }

#gk-subnav>div>ul ul { background: #101010; display:none; font-weight:normal; margin-top:-3px; font-size: 11px; padding:2px; width:200px; margin-left:-4px; }

#gk-subnav>div>ul ul a { color: #fff; }

#gk-subnav>div>ul ul li:hover,

#gk-subnav>div>ul ul li:hover>a { color: #fff; text-decoration: underline; }

#gk-subnav>div>ul ul li { line-height:32px!important; margin:0 5px; border-top: 1px solid #222; }

#gk-subnav>div>ul ul li:first-child { border-top: none; }

#gk-subnav span.menu-desc { display:none; }

#gk-subnav>div>ul>li:hover>ul { display:block; position:absolute; z-index:10000; margin-left:0px; }

#gk-nav .level0>li:hover>a.haschild>span.menu-title { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; }
#gk-subnav>div>ul ul,
#gk-nav ul.level0 div.childcontent { border-radius: 0 5px 5px 5px; -moz-border-radius: 0 5px 5px 5px; -webkit-border-radius: 0 5px 5px 5px; }
#gk-nav ul.level0 div.childcontent div.childcontent { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#gk-subnav>div>ul>li>a:hover,
#gk-subnav>div>ul>li.hover>a { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.gk-menu ul.level0 div.childcontent ul li,
.gk-menu ul.level0 div.childcontent ul li:hover,
.gk-menu ul.level0 div.childcontent ul li:hover>a,
.buttonheading span { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }




.banner{height:420px;padding:10px 20px;}
.banner_l{ width: 638px;height:400px;float:left;}
.banner_r{ width: 310px;height:400px;float:right;}


.banner_r h1{ font-size:20px; font-weight:bold; color:#000000;}
.banner_r{padding:5px 0px;}
.cn_search{padding:5px 0px 10px 0px;}
.search{border:#999999 solid 1px; width:200px; height:24px;line-height:24px;padding:4px;}
.btn1{border:none;cursor:pointer;color:White;background:#4576C1;width:64px;height:34px;line-height:34px;
           border-radius:4px;
           }
.btn1:hover{background:#3F6AAD;}

.cn_email{ width:290px; height:37px; background:url(../images/e-mail.png) no-repeat; color:#4576c1; font-weight:bold; font-size:14px; padding-top:58px; padding-left:13px;}


.mod_focus_show { width: 638px; height: 400px; position: relative; overflow: hidden; margin: 0 auto; }
.mod_focus_show .mod_focus_pic { display: block; width: 638px; height: 320px; }
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img { display: block; width: 638px; height: 320px; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
.mod_focus_show .mod_focus_title { position: absolute; z-index: 1; left: 0; bottom: 80px; overflow: hidden; zoom: 1; width: 638px; height: 25px; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); background-image: url(about:blank); }
:root .mod_focus_title { filter: none; }
.mod_focus_show .mod_focus_title li { width: 590px; padding: 0 0 0 20px; overflow: hidden; word-break: keep-all; word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.mod_focus_show .mod_focus_title li h3 { line-height: 25px; _line-height: 25px; font-size:14px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; }
.mod_focus_show .mod_focus_title li h3 a { color: #98e404; }

.focus_switch { width: 59px; height: 29px; position: absolute; z-index: 2; right: 15px; bottom: 92px; }
.focus_switch a { float: left; width: 29px; height: 29px; background-image: url(../images/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
.focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; }
.focus_switch .icon_prev:hover { background-position: -30px 0; }
.focus_switch .icon_next { background-position: -60px 0; }
.focus_switch .icon_next:hover { background-position: -90px 0; }
.mod_focus_show .mod_focus_list { padding: 10px 5px; background: #000; overflow: hidden; height: 60px; }
.mod_focus_show .mod_focus_list li { width: 60px; height: 60px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 60px; height: 60px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 60px; height: 60px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none; }
.mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 60px; width: 60px; position: relative; top: -60px; margin: 0 0 -60px; eft: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }
.mod_focus_show .mod_focus_list li .border { display: none; }
.mod_focus_show .mod_focus_list .current .border { display: block; height: 5px; width: 60px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #98e404; }

   /*cn_content*/
.cn_content{padding:0px 20px 20px 20px;}
.cn_content a:hover{color:#274776;}
/*cn_sider*/
.cn_sider{width:228px;float:left;}
.cn_sTitle{margin-left:-3px;height:117px;background: url(../images/catalog-tittle.png) no-repeat;position:relative;}

.cn_sTitle h1{width:100%;height:42px;line-height:42px;position:absolute;bottom:8px;left:0px;font-size:22px;color:White;text-align:center;}
.cn_sTitle h1 a,.cn_sTitle h1 a:link,.cn_sTitle h1 a:hover{color:White;}

.cn_menu{width:218px;border:1px solid #ddd;padding:1px;}

.cn_menu1{height:28px;line-height:28px;padding:0px 0px 0px 15px;font-size:14px;font-weight:bold;background:#444;}
.cn_menu1 a,.cn_menu1 a:link{color:White;}
.cn_menu1 a:hover{color:White;}
.cn_menu2{padding:10px 15px;}
.ul_menu2 li{height:24px;padding-left:20px;line-height:24px;text-align:left;background: url(../images/catalog-a.jpg) no-repeat center left;}

/*cn_main*/
.cn_main{width:736px;float:right;padding-top:67px;}


.ul_imgs{overflow:hidden;margin-left:0px;}
.ul_imgs li{height:162px;float:left;margin-left:28px;margin-bottom:10px;}
.ul_imgs li,.ul_imgs li .cn_img,.ul_imgs li .cn_imgt{display:block;width:152px;}
.ul_imgs li a{display:block;}
.ul_imgs li a:hover{color:#3F6AAD;}
.ul_imgs li .cn_img img{display:block;width:150px;height:120px;border:1px solid #ddd;}
.ul_imgs li .cn_imgt{height:42px;line-height:42px;text-align:center;}
.ul_imgs li .on .cn_img img{width:148px;height:118px;border:2px solid #3F6AAD;  box-shadow:0px 0px 3px rgba(0,0,0,0.3);        }


.ct_main{padding:0px 0px 10px 10px;}
.cn_nav{height:40px;border-bottom:1px solid #ccc;}
.cn_navx{height:24px;line-height:24px;padding-top:16px;}
.cn_navx mark,.cn_navx b{color:#274776;background:#fff;font-weight:bold;}

.cn_ct{padding:15px 0px;}

.tb1{width:100%;}
.tdl{width:36%;text-align:right;padding-right:10px;}
.tdr{text-align:left;}
.txt1{padding:4px;border:1px solid #A5ACB2;}
.area1{padding:4px;border:1px solid #A5ACB2;width:400px;height:270px; }

/*product*/
.cn_product .cn_ct h1{
    margin: 0px;
    padding: 0;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    color:#333;
}
.cn_product .cnTb{color:#333;width:100%;}
.cn_product .cnTd1 {text-align:center;width:400px;height:300px;overflow:hidden;}
.cn_product .cnTb img{max-width:400px;max-height:300px;}
.cn_product .cnt{padding-bottom:10px;font-weight:bold;font-size:16px;}
.cn_product .cnt1 b{color:red;font-size:24px;}
.cn_product .cnt1 font{font-weight:normal;}
.cn_product .f20{font-size:18px;padding-top:10px;}
.cn_product .h1{padding-bottom:10px; border-bottom:1px solid #ddd;}
.cn_product .cn_ctx{padding-top:10px;}
.cn_product .btn2{display:inline-block;font-size:14px;color:White;padding:7px 15px;background: #4576C1;border-radius: 3px;}
.cn_product .btn2,.btn2:link{color:White;text-decoration:none;}
.cn_product .content .btn2:hover{background:#3F6AAD;color:White;text-decoration:none;}

/*footer*/
.cn_f1 h1{font-size:24px;margin-bottom:5px;}
.cn_f1{font-size:14px;}

.cn_f2{padding:10px 0px;border-bottom:1px solid #172A47;}
.cn_f2 h2{font-size:18px;margin-bottom:5px;}
.cn_f2_l,.cn_f2_r{float:left;height:170px;}
.cn_f2_l{width:345px;border-right:1px solid #172A47;}
.cn_f2_r{border-left:1px solid #3B69AE;}

.cn_f2_r{padding-left:20px;}
.cn_f2_rcnx{float:left;}
.cn_f2_rcn1{width:230px;}

.cn_f3{font-size:14px;border-top:1px solid #3B69AE;padding:10px 0px;background: url(../images/1.png) no-repeat center right;}

/*pages*/
.pageft {width:730px;overflow:hidden;}
.ul_pages{position:relative;left:50%;float:left;}
.ul_pages li{position:relative;float:left;left:-50%;}

.pageft .pagect{display:block;float:left;padding: 3px 5px;margin:0px 5px 0px 0px;color: #58595B;}
.pages{color: #999;text-align:center;height:30px;float:left;margin:0 auto;}
.pages a, .pages .cpb{text-decoration: none;float: left;padding: 3px 6px;margin: 0 2px;font-size: 12px;color: #000;}
.pages a 
{
    text-decoration: none;float: left;    
    color: #58595B;
    padding: 3px 5px;
    text-decoration: none;
}
.pages a:hover{background-color: #F2F4F6;color: #333;text-decoration: none; }
.pages .cpb{font-weight: bold;color: #333;}