@charset "utf-8";
*{ font-family:"Microsoft YaHei","微软雅黑";}
@font-face {
 font-family: 'number';
    src:url('fonts/DidotLTStd-Roman.eot'); /* IE9 Compat Modes */
    src:url('fonts/DidotLTStd-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/DidotLTStd-Roman.woff') format('woff'), /* Modern Browsers */
        url('fonts/DidotLTStd-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/DidotLTStd-Roman.svg#YourWebFontName') format('svg'); /* Legacy iOS */
}

.gray { 
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;
}
.apa{ opacity:0;}

html{color:#000;background:#181818; }
body { color:#666;font:14px arial,helvetica,clean,sans-serif,"Microsoft YaHei";} /*网站字体颜色*/
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-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
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;}
em,i { font-style: normal;}
a { color:#c1c1c1; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
html {overflow-y: scroll;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}

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}
.pf{ position:fixed;}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}


/*404样式一*/
.notfound{ text-align:center;    letter-spacing: 2px;}
.notfound_bg{ font-size:700px; color:#f9f9f9; position:absolute; z-index:-1; opacity:0.75; text-align:center; width:100%; height:100%; line-height:100%; letter-spacing:50px; }
.notfound_bg p{ display:block; font-size:100px; line-height:150%; letter-spacing:10px;}
.notfound dl{display: flex;align-items: center;    justify-content: center;}
.notfound dl dt{ padding-left:80px; text-align:left; display:inline-block;}
.notfound dl dd{ display:inline-block;}
.notfound dt em{ color:#6f6f6f; font-size:20px; word-spacing: 5px; font-weight:bold; text-transform:uppercase; display:block;}
.notfound dt em strong,.notfound dt b strong{ color:#fff100;}
.notfound dt b{ display:block; font-size:70px; color:#333; padding-top:8px; padding-bottom:8px;}
.notfound dt p{ font-size:16px; color:#666; display:block; margin-bottom:20px;}
.notfound dt a{ display:inline-block; width:155px; text-align:center; font-size:20px; height:50px; line-height:50px; color:#fff; margin-right:20px; border-radius:4px; background:#333;}
.notfound dt a:hover{ opacity:0.8;}
.notfound dt .home{ background:#fff100; color:#222;}
.notfound dt i{ display:block; margin-top:20px; margin-bottom:12px; color:#666;}
.notfound dt span{ font-size:28px; color:#333; font-weight:bold; display:block; background:url(/Skins/Default/Img/404/tel.png) no-repeat left center; line-height:35px; padding-left:40px; }
.notfound dd{ padding-left:40px; }


/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; }
.copy em{border-bottom:1px solid #fff000; display:inline-block; padding-bottom:3px; margin-bottom:3px;}

/*头部开始*/
.head { height:120px; width: 100%;  top: 0; z-index: 9999999;  background:rgba(0, 0, 0, 0.7); overflow: hidden; font-family: "Microsoft YaHei", serif;}
.header{ width: 100%; max-width: 1696px; min-width: 1200px; margin: 0 auto;}
.header .logo{ padding-top: 12px; padding-bottom: 12px; width: 32%; padding-left:1%;}
.header .logo img{ width: 100%; max-width:486px; display:block;}

.header .top_rt{ width: 66%; position: relative; margin-right:1%;}
.top_rt .menu{ width: 96%; display: inline-block; text-align:right;}
.menu li { float: none; display:inline-block;  margin-right: 2%; color: #fff;}
.menu li.last{ margin-right: 0;}
.menu li a{line-height: 6em; font-size: 18px; display:block; color:#fff;}
.menu li.cur a,.menu li a:hover{ color: #fff000; display: block; line-height: 118px; border-bottom: 2px solid #fff000; font-weight: bold;}

.search_box{ line-height: 120px; height:100%; position: absolute; top: 0; right: 0; }
.search_box .icon{ display: inline-block; float:right;margin-top: 3.5em; background: url(Img/Common/search.png) no-repeat right center; width: 27px; height: 27px;}
.search_box p{ display:inline-block;  background:#ffee00; width:95%; display:none; float:right; margin-right:1%; }
.search_box p input.ipt{ border:1px solid #dedede; height:3em; width:70%; line-height:2em; font-size:16px; margin-left:3%; text-indent:0.5em;}
.search_box p input.btn{ width:15%; height:3em; line-height:2em; font-size:16px; border:1px solid #333; background:#222; color:#c1c1c1; margin-left:1%; cursor:pointer;}



.small .logo{ margin-top:12px; margin-bottom:8px;}
.small .logo img{ transform: scale(0.7,0.7); margin-top:-0.85em;}
.small .top_rt{ transform: scale(0.8,0.8);margin-top: -0.75em;}
.small{ height:96px;}
.small .menu{transform: translate(0px,-8px);}
.small .search_box{ top:-0.15em;}
.small .menu li a{line-height:7.2em;}


/*头部结束*

/*底部开始*/
.foot {height:646px;background: url("Img/index/ft_bg.jpg") no-repeat center top; margin-top: 300px; clear:both; }
.footer{position: relative; height: 504px;}
.foot h2{ position: absolute; right: 1px; top: -170px; z-index: 99;}
.foot h2 img{ margin-left: 12px;}

.foot .ewm{ position: absolute; right: 0; top: 13px; width: 170px;}
.foot .ewm em{ display: block;}
.foot .ewm em img{ width: 140px; height: 140px; display: block; margin: 0 auto; }
.foot .ewm em span{ display: block; text-align: center; font-size: 16px; color: #000000; line-height: 32px;}

.foot .ewm p{ display:block; background: url(img/Index/ft_tel.png) no-repeat center top; padding-top: 40px;  margin-top: 70px; }
.foot .ewm p span{ display: block; text-align: center; font-size: 16px; color: #000; margin-bottom: 12px;}
.foot .ewm p strong{ color: #1b1b1b; font-size: 16px; line-height: 24px; text-align: center; display: block; font-weight: bold;}


.foot .star{ position: absolute; left: -166px;  top: -195px;}

.foot .ft_nav{ margin-left: 402px;}
.ft_nav dl{ float: left; width: 196px; padding-top: 75px; padding-bottom: 34px;}
.ft_nav dt a{ font-size: 18px; color: #fff; display: block; margin-bottom: 25px;}

.ft_nav dd a{ font-size: 16px; color: #999999; line-height: 28px; display: block;}

.ft_nav .copy{ display:block; padding-top: 32px; clear: both; font-size: 16px; line-height: 28px; color: #999;}
.ft_nav .copy a{ color: #999; margin-left: 18px; display: inline-block;}
.ft_nav .copy span{ margin-right: 12px; display: inline-block;}
/*底部结束*/


/*右侧浮动导航*/
#roll_top,#fall,#ct{position:relative;cursor:pointer; width:72px}
#roll_top{}
#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:72px;margin-right:0;position:fixed;right:0;bottom:100px;_margin-right:0;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.68)); z-index:100;}

.ky_dj{position:fixed;bottom:0;_bottom:auto;z-index:999999;_position:absolute;overflow:visible;_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.offsetHeight); z-index:2; right:14px;}
.ky_dj li{ display:block; font-size:0; position:relative; width:72px; text-align:center; background:#333; margin-bottom:1px;}
.ky_dj li a{ display:block; background:#333; height:72px; }
.ky_dj li a:hover{ background:#ffee00; color:#222;}
.ky_dj li .showTs{ width:120px; line-height:72px; display:none; opacity:0.8; color:#fff; text-align:center; line-height:72px; font-size:13px; position:absolute; left:-120px; top:0;}
.ky_dj li .ewm{ left:-130px; width:120px;}
.ky_dj li .ewm img{ display:block; width:90px; height:90px; padding-left:15px; padding-bottom:15px;}
.ky_dj li img.png{  margin-bottom:1px; width:55px; height:55px; display:none;}
.ky_dj li img.png2{margin-bottom:1px; width:55px; height:55px;}
.ky_dj li span{ color:#fff; display:block; position:absolute; bottom:6px; left:0px; text-align:center; font-size:13px; width:100%; line-height:26px;}
.ky_dj li .showTs,.ky_dj li img.png{ background:#333;}
.ky_dj li a:hover .showTs,.ky_dj li a:hover img.png,.ky_dj li .showTs{ background:#ffee00; color:#222;}
.ky_dj li a:hover span,.ky_dj li a:hover span,.ky_dj li .showTs span{ color:#222;}
.ky_dj li a:hover img.png{display:block; margin:0 auto;}
.ky_dj li a:hover img.png2{ display:none;}

/*内页广告*/
.topadcs{width:100%; height:320px; overflow:hidden; text-align:center;margin:0px auto; margin-bottom:0;}
.topadcs a img{ width:100%; height:auto; display:block;}
.topadcs a{display:block;margin:0 auto;}
.topadcs a.fullad{ height:320px;}

/*面包屑导航*/
.mark{ background:#181818; border-bottom:1px solid #222;}
.mark .content{ background:none; margin-top:0px;}
.mark .plc{ background:none; height:64px; line-height:64px; background:url(img/pro/location.png) no-repeat left center; padding-left:28px; color:#999;}
.mark .plc em a{ color:#fff000; padding-left: 5px;}
.mark .plc span{ color:#999; font-weight:normal;}
.mark .plc a{ line-height:52px; color:#999;}

#nodata{ border:1px solid #333; line-height:120px; text-align:center; margin-top:24px; font-size:32px; font-family:"宋体"; letter-spacing:10px; color:#666;}


#main{
  position: absolute;
  top: 100px;
  left: 0;
  cursor: pointer;
  z-index:999999;
}

#main img{ width:148px; height:241px; display:block;}
#main #cls{ position:absolute; z-index:9; top:2px; font-size:0; width:24px; height:24px; right:0;}