@charset "utf-8";
body {font:12px/1.231 Verdana, Arial, Helvetica, sans-serif ,"宋体"; background:url(Img/Common/body_bg.jpg);} /*网站字体颜色*/
a { color:#666666; text-decoration:none; cursor: pointer; }  
a:focus{outline:0;} 
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.fw{ font-family:"宋体";}
.pa{ position:absolute;}
.pr{ position:relative}
.mt8{ margin-top:8px;}
.font14 { font-size:14px; font-weight:bold;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

.erj { background:#0047A2; width:125px;filter:Alpha(opacity:60);opacity:0.6; position:absolute; left:0; top:33px;overflow:hidden; z-index:99999;}
.erj li { height:33px; line-height:33px; text-align:left; border-bottom:1px dotted #afafaf; float:none; background:none;width:125px; overflow:hidden;}
.nav .erj li a { padding:0; background:none; float:left;padding:0 15px;display:inline-block;height:38px;color:#fff; }
.nav .erj li a:hover{background:#0064BC;color:#fff;float:none; font-size:14px; display:block;}


/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto;}

.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(Img/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.left2top { background:url(Img/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(Img/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(Img/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(Img/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(Img/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(Img/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(Img/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#fff;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#fff;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;background:#fff;}

/*头部开始*/
.top_sp {width:100%;height:25px;border-bottom:1px solid #333;}
.top{width:100%;height:200px;border-top:2px solid #f39801;background:url(Img/Common/top_bg.gif) repeat-x left bottom;}
.welcome{height:27px;color:#666;line-height:24px;}
.welcome h2{float:left;font-size:12px;color:#666;font-weight:normal;}
.bookmark{float:right;width:452px;height:27px;background:url(Img/Common/bookmark_bg.gif) no-repeat;overflow:hidden;}
.bookmark strong b a {color:#ff0000;}
.bookmark span a {float:left;display:block;height:27px;padding-right:15px;color:#666;}
.i_qq {background:url(Img/Common/icon_tencent.gif) no-repeat left 4px;padding-left:20px;}
.i_sina {background:url(Img/Common/icon_sina.gif) no-repeat left 4px;padding-left:20px;}
.bookmark strong {font-weight:normal;}
.bookmark strong a{padding:0px 14px;color:#666;}
.bookmark strong {float:left;padding:0 5px;}


.t_head{width:960px;height:133px;overflow:hidden;}
.top_l {width:560px;line-height:0px;}
.logo {width:170px;height:99px;padding-right:10px;}
.top_r {width:340px;padding-top:20px;color:#000;line-height:26px;overflow:hidden;}
.top_r em{color:#de9200;font-size:23px;font-weight:bold;font-family:Tahoma, arial;}
.logo_slogan{width:375px;line-height:32px;font-family:"微软雅黑";font-size:17px;color:#000;}
.logo_slogan span{color:#006ac3;}
.logo_slogan i{padding-right:20px;font-style:normal;}
.logo_slogan strong {color:#005bac;}
.weixin {width:101px;height:45px;margin-top:10px;}
.tel {width:190px;padding-left:40px;padding-bottom:30px;font-family:"微软雅黑";font-size:14px;}
.tel p { position:absolute;top:10px;right:180px;}

.nav{width:960px;height:38px;line-height:38px;font-size:13px;font-weight:bold; position:relative; z-index:999;}
.nav li{float:left;padding-right:2px;height:38px;line-height:38px;background:url(Img/Common/li_cutline.gif) no-repeat right 2px; position:relative;}
.nav li a{float:left;padding:0 11px;display:inline-block;height:38px;color:#fff;}
.nav li a:hover {text-decoration:none;background:url(Img/Common/li_o.gif) no-repeat center 4px;color:#005bac;}
.nav .nav_current a {background:url(Img/Common/li_o.gif) no-repeat center 4px;color:#005bac;}

.nav #headnav5 a:hover {text-decoration:none;background:url(Img/Common/lo2.gif) no-repeat center 4px;color:#005bac;}
.nav #headnav5 .nav_current a {background:url(Img/Common/lo2.gif) no-repeat center 4px;color:#005bac;}


.nav .nomarg{margin-right:0;}
.nav .nobg{background:none;}


.searchbar {width:960px;height:23px;padding:7px 0;margin:0 auto;}
.keywords{float:left;line-height:23px;color:#666;display:inline;}
.keywords a{color:#666;padding:0 6px;}
.search{float:right;width:221px;height:23px;display:inline;}
.search .in_text{float:left;width:168px;height:17px;*line-height:17px !important;background:url(Img/Index/search_bg.gif) no-repeat 0 0;border:none;padding:3px;color:#666;}
.search .so{float:right;width:47px;height:23px;background:url(Img/Index/search_bg.gif) no-repeat -174px 0;border:none;text-indent:-9999px;line-height:0;font-size:0;}

/*头部结束*

/*底部开始*/
.bottoms{height:250px;color:#ffdf88;margin-top:10px;background:url(Img/Common/footer_bg.gif);}
.bot_nav{height:45px;line-height:45px;font-size:14px;font-family:"微软雅黑";text-align:center;color:#ccc;}
.bot_nav a{display:inline-block;height:45px;padding:0px 12px;color:#fff;}
.bot_nav .nobg{background:none;}
.copyright{padding-left:100px;padding-top:40px;line-height:23px;color:#5f4d4f;background:url(Img/Common/nav_bg.png) no-repeat center top;_background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Skins/Default/Img/Common/nav_bg.png', sizingMethod='scale');}
.copyright dt {float:left;width:170px;height:119px;padding-right:30px; display:inline;overflow:hidden;}
.copyright dd {float:left;width:650px;line-height:24px;color:#fff;display:inline;overflow:hidden;}
.cp_text {float:left;width:640px;}
.wechat {  display: block;float: left;margin-left: -257px;margin-top: 15px;}
.copyright a {color:#fff;}


/*底部结束*/



/*--回到顶部--*/
#roll_top, #fall, #ct{position: relative;cursor: pointer;height: 41px;width: 36px;}
#roll_top{background: url("/Skins/Default/Img/top.gif") no-repeat;}
#fall{background: url("/Skins/Default/Img/top.gif") no-repeat 0 -80px;}
#ct{background: url("/Skins/Default/Img/top.gif") no-repeat 0 -40px;}
#roll{display: block;width: 15px;margin-right: -503px;position: fixed;right: 50%;bottom: 20px;_margin-right: -513px;_position: absolute;_margin-top: expression(eval(document.documentElement.clientHeight-92));_top: expression(eval(document.documentElement.scrollTop));}


/*--客服--*/
.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;background:url(/UserControls/im/kefu/im_01.gif)}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:28px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:28px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:13px;}
.ImFooter{height:90px;background:url(/UserControls/im/kefu/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#8f9396;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#ff993b;text-align:center;margin:10px 0;}


.webType{ width:680px; margin:0 auto;}
.webType .imgList dd {
    float: left;
    height: 236px;
    position: relative;
    width: 164px;
}
.webType .imgList dd .arrow {
    display: block;
    height: 30px;
    left: 70px;
    position: absolute;
    top: 75px;
    transition: all 0.3s ease 0s;
    width: 35px;
}
.webType .imgList dd .name {
    background: none repeat scroll 0 0 #f00;
    border-radius: 50%;
    height: 95px;
    left: 40px;
    overflow: hidden;
    position: absolute;
    top: 109px;
    transition: all 0.2s ease 0s;
    width: 95px;
}
.webType .imgList dd:hover .name {
    top: 38px;
}
.webType .imgList dd:hover .arrow {
    top: 165px;
    transform: rotate(178deg);
}
.webType .imgList dd .textc {
    background-color: #686868;
    color: #fff;
    display: none;
    left: 20px;
    line-height: 18px;
    padding: 10px 20px;
    position: absolute;
    top: 215px;
    width: 540px;
}

.imgList {
    float: left;
    height: 518px;
}
.webType .imgList dd.webType1 .name {
    background: url("/Skins/Default/liu/liu1.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType2 .name {
    background: url("/Skins/Default/liu/liu2.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType3 .name {
    background: url("/Skins/Default/liu/liu3.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType4 .name {
    background: url("/Skins/Default/liu/liu4.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType5 .name {
    background: url("/Skins/Default/liu/liu5.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType6 .name {
    background: url("/Skins/Default/liu/liu6.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType7 .name {
    background: url("/Skins/Default/liu/liu7.gif") no-repeat  left bottom ;
}

.webType .imgList dd.webType8 .name {
    background: url("/Skins/Default/liu/liu8.gif") no-repeat  left bottom ;
}

.webType .imgList dd.webType1 .arrow {
    background: url("/Skins/Default/liu/1.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType2 .arrow {
    background: url("/Skins/Default/liu/2.gif") no-repeat left bottom ;
}
.webType .imgList dd.webType3 .arrow {
    background: url("/Skins/Default/liu/3.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType4 .arrow {
    background: url("/Skins/Default/liu/4.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType5 .arrow {
    background: url("/Skins/Default/liu/5.gif") no-repeat  left bottom ;
}
.webType .imgList dd.webType6 .arrow {
    background: url("/Skins/Default/liu/6.gif") no-repeat  left bottom ;
}

.webType .imgList dd.webType7 .arrow {
    background: url("/Skins/Default/liu/7.gif") no-repeat  left bottom ;
}

.webType .imgList dd.webType8 .arrow {
    background: url("/Skins/Default/liu/8.gif") no-repeat  left bottom ;
}
.nav_fix {
    position: fixed;
    top: 0;
    z-index: 999;
    width:100%;
    text-align:center;
    background:#006BCA;
}