/**头部**/
html{color:#000;background:#FFF; }
body { color:#666;font:14px arial,helvetica,clean,sans-serif} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
em,i{font-style: normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/

.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ /*word-spacing:-1.5px;*/}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{content: "";height: 0;clear: both;display: block;visibility: hidden;}


/* -- 页面整体布局 -- */

.left {  float:left;}
.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; margin-top:10px;}
.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 {  float:left; display:inline; margin-left:24px; 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:930px; padding-bottom:15px; overflow:hidden; }
.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}

/*头部开始*/
.content { width: 1200px; margin: 0 auto }
.header { position: relative; z-index: 9; height: 110px; background: #fff; }
.header h1 { position: absolute; left: 50%; top:18px;margin-left: -44px;}
.header .menu li { float: left;margin-top: 38px; position: relative; padding-right: 32px; position: relative; margin-right: 10px; }
.header .menu li:before  { position: absolute; content: ""; width: 0; height: 3px; background:#0039AB; left: 0; bottom: 0;transition: ease .4s; }
.header .menu li.cur:before,.header .menu li:hover:before  { width: 100%;}
.header .menu li a {display: block; font-size: 14px; color: #333; line-height: 54px; font-weight: 700;padding: 0 1px;text-transform: uppercase;}
.header .menu {padding-left: 72px;float: left;width: 1100px;}
.header .menu li:nth-child(4){margin-right: 200px;}

/*二级分类*/
.header .menu li.slide:after{ position:relative; content:''; position:absolute; right:15px; top:26px; border:8px solid #666; border-left: 4px solid transparent; border-right:4px solid transparent; border-bottom:0 solid transparent;}
.header .menu li.slide:hover:after,.head .nav li.ico.cur:after{ border-top-color:#0039AB;}

.header .menu li i{ position:absolute; left:0; top:54px; z-index:999; background:rgba(0,0,0,0.7); width:auto; display:none;}
.header .menu li i a{ border-bottom:1px solid #222;padding: 0 20px; color:#fff;font-weight: normal;white-space: nowrap;}
.header .menu li i a:hover,.header .menu li i a.cur{ background:#0039AB; color:#fff;}
/*  .header .menu li.cur a,.header .menu li:hover a  { color: #0061A6 } */
.h_mail{ width:27px; height:19px;padding: 53px 0 30px 30px;}
.search { display: block;  cursor: pointer; position: relative; height: 110px;}
.search img {width:22px;height:22px; padding: 51px 0 33px 29px; }
.s_key { position: absolute; top:110px; right: 0; width: 238px; height: 56px; z-index: 9; display: none; background: #fff; }
.s_key .keywords { width: 170px; height: 56px; line-height: 56px; padding-left: 20px; border: none; font-size: 14px; color: #000; float: left; }
.s_key .sub { width: 48px; height: 56px; background: url(../images/s_btn.png) no-repeat center; border: none; cursor: pointer; }
.header .content{ width:1200px; margin:0 auto;}
/*头部结束*/

/*底部开始*/
/* 底部 */
.footer { height: 460px; padding-top: 99px; background: #2B2E33; overflow: hidden }
.footer img { max-width: 100% }
.f_con { width: 250px; height: 380px }
.f_con .sms { font-size: 0; line-height: 0; margin-top: 51px }
.f_con .sms a { display: inline-block; width: 42px; height: 42px; border-radius: 50%; margin-right: 8px; background: #6B6D71 }
.f_con .sms a:hover { animation: rotateIn 2s; -webkit-animation: rotateIn 2s }
.f_menu { width: 840px }
.f_menu dl { float: left }
.f_menu dl dt a { display: block; font-size: 18px; color: #fff; line-height: 100%; font-weight: 700; margin-bottom: 27px; text-transform: uppercase }
.f_menu dl dd a { display: block; font-size: 14px; color: #b3b3b3; line-height: 36px; letter-spacing: .5px }
.f_menu dl dd a:hover { color: #fff }
.f_menu dl:first-child { width: 196px; margin-right: 69px }
.f_menu dl:first-child p { font-size: 14px; color: #b3b3b3; line-height: 36px }
.f_menu dl:first-child p a { display: inline-block; transition: .3s ease }
.f_menu dl:first-child p:last-child { line-height: 24px; margin-top: 6px }
.f_menu dl:nth-child(2) { width: 197px }
.f_menu dl:nth-child(3) { width: 297px }
.f_info { background: #101114; height: 80px }
.f_info p { font-size: 12px; color: rgba(255, 255, 255, .5); line-height: 80px }
.f_info p span { padding-left: 20px }

/*底部开始*/


/*
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:72px;width:26px}
#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:-500px;position:fixed;right:50%;top:80%;_margin-right:-505px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}
*/
.nav li:hover .list2{ display:block;}
.nav .list2{ width:248px; height:456px; overflow:hidden; position:absolute; top:60px; left:-45px; padding-left:22px; display:none;}
.nav .list2 h4{ color:#9e9fa1; line-height:18px; padding:5px 0;}
.nav .list2 h4 a{ color:#9e9fa1; display:block; height:18px; background:none;}
.nav .list2 h4 span a{ display:block; font-weight:normal;}
.nav .list2 h5{ width:8px; height:7px; margin:10px 0 0 105px; overflow:hidden;}
.nav .list2 h5 a{ background:none;}
.nav .list2 .nones{ background:none;}

.nav .li_lat{ z-index:9;}