@charset "utf-8";
html{ font:normal 62.5%/2.3em "微软雅黑",Arial,"宋体";}
body{ margin:0px; padding:0px; margin:0px auto; font-size:1.4em; color:#414446; width:100%; min-width:320px; width:expression((documentElement.clientWidth < 320) ? "320px" : "100%" ); zoom:1; font-family:"微软雅黑";}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px; list-style:none;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
textarea,input,select { background:none; border:none; margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; max-width:100%; vertical-align:top;}
a{ color:#414446; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color: #e70018;}
.clear{ clear:both; height:0px; overflow:hidden;}

.Contain{ position: relative; }
.SildeBar{}
.MainContent{}
.Content{}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:12px; line-height:24px; padding-top: 5%;}

.Current{ position: absolute; left: 15px; top: 100px; font-size: 12px; }

.de-color{ 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
}

.columnen{ font-size: 36px; color: #8c8c8c; font-family: arial;  line-height: 1.2em; text-transform: uppercase;}
.column{ font-size: 28px; font-weight:600; color: #333; line-height: 1.2em; }

/*pages*/
.pages{ clear:both; padding:3% 0; text-align:center;}
.pages a{ display:inline-block; height:30px; line-height:30px; padding:0 13px; border:1px solid #eaeaea; font-size:12px;}
.pages a.a_cur{ color:#fff; background:#cd2e2e;}
/*pages end*/

/*Top*/
.Toper{ border-bottom:1px solid #d2d2d2;}
.Top{ position:relative; padding:27px 15px 16px;}
.Top .logo{ float:left;}
.Top .lanauge{ float: right; width: 122px; text-align: right; color: #b8b8b8;}
.Top .lanauge > a{ font-size: 12px; color: #b8b8b8; margin-right: 5px;}
.Top .lanauge > span{ padding: 0 13px 0 8px; }
.Top .lanauge .searchbox{ padding-top: 15px; background:url(/images/searchbg.jpg) no-repeat center Bottom; height: 39px; float:right; width:122px; margin-right:-8px;}
.Top .lanauge .searchbox a{ float: right; width: 25px; height: 24px; }
.Top .lanauge .searchbox input{ width:80px; height: 24px; line-height: 24px; padding: 0 0 0 10px; }


.MainNav{ position: absolute; left: 260px; bottom: -1px; z-index: 33; transition: all 300ms; -webkit-transiton:all 300ms;}
.MainNav li{ float: left; padding: 0 26px; line-height:16px;}
.MainNav li a{ display: block; border-bottom: 1px solid #d2d2d2;}
.MainNav li span{ display: block; padding-bottom:13px; font-size: 12px; font-family: arial;}

.MainNav .onnav a,.MainNav li a:hover{ color:#e70018; border-bottom: 1px solid #e70018;}


.top_menu{ position: absolute; right:175px; top: 30px; width:40px; height: 3px; background: #333; display: none;}
.top_menu::before{ width: 40px; height: 3px; position: absolute; left: 0; top: -10px; background: #333; content: "";}
.top_menu::after{ width: 40px; height: 3px; position: absolute; left: 0; bottom: -10px; background: #333; content: "";}

.top_menu,.top_menu::before,.top_menu::after{ transition: all 300ms; -webkit-transition:all 300ms; transform-origin:16% 50%; -webkit-transform-origin:16% 50%;}
.top_menu2{ background: #fff; opacity: 0.5;}
.top_menu2::before{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.top_menu2::after{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }

/*Top*/	

/*Bottom*/
.Bottomer{ padding: 1% 0; background: #edeef2; margin-top: 1.5%; }
.Bottom{ font-size: 12px; }
.Bottom .div{ float: left; padding-right: 4%; }
.Bottom .div .t{ font-size: 16px; color: #545454; padding-bottom: 10%;}
.Bottom .div li{ line-height: 25px; }
.Bottom .div a{ color: #8b8b8b; }


.Bottom .div6{ float: right; max-width:272px;}
.Bottom .div6 img{width:62px; height:62px; transition:all 0.5s; position:absolute; right:0; top:0;}
.Bottom .div6 .img_b{ width:62px; height:86px; margin:0 0 6px 6px; float:right; position:relative; text-align:center;}
.Bottom .div6 .img_b .t{ padding-top:62px; height:24px; line-height:24px;}
.Bottom .div6 img:hover{ max-width:120px; width:120px; height:120px; z-index:9999;}

.BottomLinks{ clear: both; margin-top: 1%; border-top: 1px solid #d0d3d8; padding-top:5px;}
.BottomLinks em{ padding: 0 10px; color:#707070; font-style:normal;}
.BottomLinks a{ color: #707070; }
.Copyright{ color: #707070; padding-top: 1%;}
.Copyright .right{ float: right; margin-top:-20px;}
.Copyright .right a{ float: left; width: 33px; height: 33px; margin-left: 12px; position: relative; background-size:33px 33px;}
.Copyright .right a img{ max-width: none; }
.Copyright .right img{ width: 120px; height: 120px; position: absolute; left: 50%; bottom: 40px; margin-left: -60px; display: none;}
.Copyright .right a:hover img{ display: block; }



/*Bottom*/

/*SildeBar*/
.SildeBar{ overflow: hidden; padding-bottom: 50px;}
.SildeBar .MenuList{ text-align: right; }
.MenuList .t{ padding: 20px 0; font-size: 18px; color: #555;}
.MenuList .t .en{ color: #9d9d9d; font-size: 16px; }

.MenuList ul{ float: right; overflow: hidden;}
.MenuList ul li{ float: left; padding-left: 27px;}
.MenuList ul li a{ padding-bottom: 15px; border-bottom: 1px solid #fff; display: block;}
.MenuList ul li a:hover,.MenuList ul li.onmenu a{ color: #e60013; border-bottom-color: #e60013;}

/*SildeBar*/

/*Banner*/
.HomeBan{ position: relative; }
.HomeBan .bd li{ height: 587px; background-position: center top; background-repeat: no-repeat; text-align: center;}
.HomeBan .bd li a { display: block; width: 100%; height: 100%; }
.HomeBan .bd li img{ display: none; }
.HomeBan .hd{ position: absolute; left: 0; bottom: 29px; text-align: center; width: 100%;}
.HomeBan .hd li{ display: inline-block; width: 9px; height: 9px; background: url(/images/ban_bg.png) no-repeat center top; overflow: hidden; text-indent: -999px; margin: 0 3px; cursor: pointer;}
.HomeBan .hd li.on{ background-position: center bottom; }


.Banner{ height: 329px; background-position: center top; background-resize:none; background-size: auto 100%; }
.Banner .smallpic{ display:none;}

/*Banner*/

/*index*/
.home_title{ padding-top: 50px; font-size: 24px; overflow:hidden;}
.home_title_en{ padding-top: 50px; font-size: 24px; overflow:hidden;}
.home_title span{ border-bottom: 1px solid #e60013; float: left; padding-bottom: 3px; font-weight: bold;}
.home_title_en span{ border-bottom: 1px solid #e60013; float: left; padding-bottom: 3px; font-weight: bold;}
.home_title a{ float: right;  width: 109px; height: 39px; display: block; width: 109px; height: 39px; background: url(/images/home_more.png) no-repeat;}
.home_title_en a{ float: right;  width: 109px; height: 39px; display: block; width: 109px; height: 39px; background: url(/images/home_more_en.png) no-repeat;}

.home_more{ width: 109px; height: 39px; display: block; width: 109px; height: 39px; background: url(/images/home_more.png) no-repeat; }
.home_more_en{ width: 109px; height: 39px; display: block; width: 109px; height: 39px; background: url(/images/home_more_en.png) no-repeat; }

.home_about{ padding-bottom: 3%; }
.home_about .text{ float: left; padding-top:5%; width: 55.7%; }
.home_about .text .home_more{ margin-top: 5%; }
.home_about .home_video{ float: right; width: 41%; margin-top: 5%; position:relative;}
.home_about .home_video video{ width: 100%; }
#play{ width:100%; height:100%; position:absolute; top:0; left:0; cursor:pointer; background-size:100% 100% !important;}
#play_bf{ width:100%; height:100%; background:url(/images/play.png) no-repeat center;}

.home_probg{ background:#f0f0f0 url(/images/home_probg.jpg) no-repeat center top;}

.home_pro .con{ overflow: hidden; padding:5% 0 10%;}
.home_pro .con li{ float: left; width: 23.5%; margin-right: 2%; background: #f6f6f6; text-align: center; position: relative; border: 1px solid #d5d5d5;}
.home_pro .con li .img{ display: block; padding-bottom: 2%;}
.home_pro .con li .img img{ width: 100%; }
.home_pro .con li .title{ display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px; color: #353535;}
.home_pro .con li .txt{ padding: 1% 0 15%; }
.home_pro .con li .more{ position: absolute; left: 50%; bottom: -16.5px; width: 83px; height: 33px; background: url(/images/home_more2.png)  no-repeat center top; line-height: 33px; color: #fff; font-size: 12px; margin-left: -41.5px; transition: all 300ms; -webkit-transition:all 300ms;}
.home_pro .con li:hover .title{ color: #f00; }
.home_pro .con li:hover .more{ background-position: center bottom; }

.home_news .con{ overflow: hidden; padding-top: 3%;}
.home_news .con .left{ width: 40%; float: left; }
.home_news .con .left img{ width:456px; height:296px;}
.home_news .con .right{ float: right; width: 58%;}
.home_news .right li{ position: relative; border-bottom: 1px solid #d6d6d6; padding:0 60px 0 120px ; height: 92px; margin-bottom: 10px;}
.home_news .right .time{ position: absolute; left: 0; bottom: 0; width: 90px; height: 92px; background: #b0b0b0; color: #fff; text-align: center; padding-top: 20px; font-size: 30px; font-weight: bold; transition:all 0.3s;}
.home_news .right li:hover .time{ background:#e60013;}
.home_news .right .time span{ position: absolute; left: 0; bottom: 10px; font-size:18px; font-weight: normal; width: 100%;}
.home_news .right .text{ padding-top: 20px; color: #455a70;}
.home_news .right .text a{ display:block; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 5px; font-size: 16px;}
.home_news .right .text a:hover{color:#e60013;}
.home_news .right .more{ position: absolute; right: 10px; top:50%; width: 32px; height: 32px; margin-top: -16px; background: url(/images/bg1.png) no-repeat;}
.home_news .right li:hover .text a{ color:#e60013 !important;}

/*index*/

/*under*/
.under{ line-height: 30px; }

.history .box{ float:left; margin-left:15px; width:998px; overflow:hidden;}
.history .hd{ font-size:16px; height:56px; /*background:url(/images/bg2.jpg) repeat-x 8px bottom;*/ overflow:hidden; margin-left:-10px;}
.history .hd li{ float:left; width:102px; text-align:center; height:56px; background:url(/images/bg3.jpg) no-repeat center bottom; cursor:pointer;}
.history .hd li.on{ background-image:url(/images/bg4.jpg);}

.history .bd,
.history .sj_ul{ padding-top:50px; font-size:14px;}
.history .bd .title,
.history .sj_ul .title{ color:#e70012; font-size:24px;}
.history .bd .dl,
.history .sj_ul .dl{ padding:15px 0;}
.history .sj_ul{ display:none;}

.horon li{ float:left; width:31%; margin:0 3% 3% 0;}
.horon li a{ display:block;}
.horon li img{ width:100%;}
.horon li span{ display:block; padding-right:30px; height:50px; line-height:50px; background:url(/images/bg5.jpg) no-repeat right center; font-size:14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.a.prev{ width:56px; height:56px; background:url(/images/left.png) no-repeat center; display:block; float:left;}
.a.next{ width:56px; height:56px; background:url(/images/right.png) no-repeat center; display:block; float:right;}


/*under*/

/*products*/
.products li{ float:left; width:30%; margin:0 5% 5% 0;}
.products li .img{ position:relative; background:#f3f3f3;}
.products li .img img{ width:100%;}
.products li .img .conbg{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/images/bg7.png) repeat; display:none;}
.products li .img .conbg .con{ display:table; vertical-align:middle; width:100%; height:100%;}
.products li .img .conbg .con .txt{ color:#fff; font-size:24px; display:table-cell; vertical-align:middle; text-align:center;}
.products li .text{ padding:3% 90px 3% 0; position:relative;}
.products li .text .name{ display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:16px;}
.products li .text .intro{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.products li .text .more{ width:81px; height:29px; display:block; position:absolute; right:0; top:50%; margin-top:-14.5px; background:url(/images/bg6.jpg) no-repeat;}


.products li:hover .img .conbg{ display:block;}

.pro_info .bigimg{ float:left; width:440px;}
.pro_info .bigimg .bd{ border:1px solid #e3e3e3; margin-bottom:15px; overflow:hidden;}
.pro_info .bigimg .bd img{ width:100%;}
.pro_info .bigimg .hd{ overflow:hidden; position:relative;}
.pro_info .bigimg .hd li{ float:left; width:114px; margin-right:18px; border:1px solid #d6d6d6;}
.pro_info .bigimg .prev,.pro_info .bigimg .next{ width:10px; height:18px; position:absolute; top:50%; margin-top:-9px;}
.pro_info .bigimg .prev{ background:url(/images/bg8.jpg) no-repeat; left:7px;}
.pro_info .bigimg .next{ background:url(/images/bg9.jpg) no-repeat; right:0;}

.pro_info .bigimg .hd .tempWrap{ margin-left:35px; width:390px !important;}


.pro_info .right{ float:right; width:660px; padding-right:50px;}
.pro_info .right .name{ font-size:16px;}
.pro_info .right .name span{ font-size:18px; font-weight:bold; color:#222;}


.pro_tab{ margin-top:50px; border-top:1px solid #d5d5d5; padding:35px 0 15px; overflow:hidden;}
.pro_tab span{ cursor:pointer; float:left; width:105px; height:40px; border:1px solid #959595; color:#272727; line-height:40px; text-align:center; margin-right:1%; border-radius:30px;}
.pro_tab span.span{ color:#e60012; border-color:#e60012;}
.pro_infobox{ font-size:14px; color:#565656; display:none;}

/*products*/


/*news*/
.news li .text{ padding-right:0;}
.news li .text .a{ display:block; width:81px; margin-top:2%;}

.info_title{ text-align:center; font-size:22px; color:#000; line-height:1.3em;}
.info_time{ text-align:center; font-size:12px; padding:10px 0;}
.info_txt{ font-size:14px;}


/*news*/



/*human*/
.humanbox .title{ height:45px; line-height:45px; background:#eb5762; color:#fff; font-size:18px; overflow:hidden;}
.humanbox .span{ float:left; text-align:center; border-right:1px solid #fff;}
.humanbox .span1{ width:25.5%; padding-left:14%; text-align:left;}
.humanbox .span2{ width:16%;}
.humanbox .span3{ width:16%;}
.humanbox .span4{ width:16%;}
.humanbox .span5{ width:26.5%; text-align:left; padding-left:3%; border:none;}
.humanbox .title .span1{ background:#e60013;}
.humanbox .li{ border-bottom:1px solid #fff; background:#ffeae5;}
.humanbox .li span{ border-right:0;}
.humanbox .li .t{ height:45px; line-height:45px; font-size:14px; cursor:pointer;}
.humanbox .li .t1{ background:#f0d9d9;}
.humanbox .li .con{ padding:2% 10% 2% 14%; display:none; font-size:13px;}
.humanbox .li .con .a{ display:block; width:102px; height:32px; line-height:32px; text-align:center; font-size:14px; color:#fff; background:#000; margin-top:1%;}

/*human*/

/*messagebox*/
.messagebox{ width:100%; max-width:640px; margin:0 auto; font-size:16px;}
.messagebox .title{ padding:5px 0;}
.messagebox .text{ display:block; height:40px; line-height:40px; padding:0 0 0 10px; border:1px solid #ccc; width:100%; margin-top:5px;}
.messagebox textarea.text{ height:200px;}
.messagebox .a{ display:block; width:100px; height:30px; line-height:18px; text-align:center; color:#fff; background:#000; margin:20px auto 0;}
/*messagebox*/



#search li{ position: relative; border-bottom: 1px solid #d6d6d6; padding:0 60px 0 120px ; height: 92px; margin-bottom: 10px;}
#search  .time{ position: absolute; left: 0; bottom: 0; width: 90px; height: 92px; background: #b0b0b0; color: #fff; text-align: center; padding-top: 20px; font-size: 30px; font-weight: bold; transition:all 0.3s;}
#search  li:hover .time{ background:#e60013;}
#search  .time span{ position: absolute; left: 0; bottom: 10px; font-size:18px; font-weight: normal; width: 100%;}
#search  .text{ padding-top: 20px; color: #455a70;}
#search  .text a{ display:block; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 5px; font-size: 16px;}
#search  .text div{ display:block; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-bottom: 5px; font-size: 14px;}
#search  .text a:hover{color:#e60013;}
#search  .more{ position: absolute; right: 10px; top:50%; width: 32px; height: 32px; margin-top: -16px; background: url(/images/bg1.png) no-repeat;}
#search  li:hover .text a{ color:#e60013 !important;}

.list_news li{ float:left; width:47.5%; margin:0 5% 5% 0; overflow:hidden;}
.list_news li .img{ position:relative; background:#f3f3f3; float:left; width:34%;}
.list_news li .img img{ width:100%;}
.list_news li .text{ float:right; width:62%; position:relative; color:#999;}
.list_news li .text .name{ display:block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size:16px;}
.list_news li .text .intro{ line-height:1.5em; height:6em; overflow:hidden; margin-bottom:3%; color:#414446;}


@media (max-width: 1200px) {
	.MainNav li{ padding: 0 13px; }
	.history .bd ul,
	.history .hd,
	.history .box,
	.history .a{ display:none;}
	.history .sj_ul{ display:block !important;}
	.history .bd .tempWrap ul{ width:auto !important; left:0 !important;}
	.pro_info .right{ width:460px; padding-right:0;}
}

@media (max-width: 992px) {
	.MainNav{ position: fixed; left:-100%; top: 0; width: 50%; background: rgba(255,255,255,0.9); height: 100%; padding-top: 30px; overflow: auto;}
	.MainNav li{ float: none; text-align: center;  padding-top: 10px;}
	.HomeBan .bd li{ height: auto;}
	.HomeBan .bd li img{ display: block; }
	.top_menu{ display: block; right:3%; top:42px;}
	.Top .lanauge{ margin-right:50px;}
    .Current{ position:relative; left:0; top:0; padding-bottom:2%;}
	.home_about .text,.home_about .home_video{ float: none; width: 100%; }

	.home_pro .con li{ width: 48%; margin: 0 1% 6% !important; }

	.home_news .con .left,.home_news .con .right{ width: 100%; float: none; padding-bottom: 3%; display: block;}
	.home_news .con .left img{ width: 100%; height:auto;}

	.home_news .right .time{ display: none; }
	.home_news .right li{ padding-left: 0; height: auto; padding-bottom: 2%; }
	
	
	.pro_info .bigimg{ float:none; margin:0 auto;}
	.pro_info .SubPre{ float:none; width:100%;}
	.pro_info .right{ float:none; padding-top:3%; width:100%;}
	.Banner{ height:auto; background:none;}
	.Banner .smallpic{ display:block; width:100%; height:100%;}
	.Bottom .div6{ display:none;}
}

@media (max-width: 768px) {
    .humanbox .span1{ width:50%; padding-left:4%; text-align:left;}
    .humanbox .span2{ width:15%;}
    .humanbox .span3{ width:35%;}
    .humanbox .span4,.humanbox .span5{ display:none;}
    
}

@media (max-width: 640px) {
	.home_pro .con li{ width: 100%; margin: 0  0 10% !important; }
	.Bottom .div,.Bottom .div6{ display: none; }
	.Copyright .right{ display: none; }
	.BottomLinks{ border-top: none; margin-top: 0; }
	.horon li{ width:48%; margin:0 1% 2% !important;}
	.pages .num{ display:none;}
	.products li{ width:48%; margin:0 1% 3% !important;}
	.list_news li{ float:none; width:100%; margin-right:0;}
	.pro_info .SubPre{display: none;}
	.pro_info .SubPre2{display: block;}
}

@media (max-width: 480px) {
	.Top{ padding-top: 5px; }
	.Top .logo{ max-width: 50% ; position: absolute; left: 10px; top: 10px;}
	.Top .lanauge{ width: 100%; float: none; padding-top: 20px;}
	.Top .searchbox{ float: left !important; width: 122px; padding-top: 5px; height: 29px;}
	.top_menu{ top: 70px; right: 10px;}
	.horon li{ width:100%; margin:0 0 2% !important;}
	.products li{ float:none; width:100%;}
	.pro_info .bigimg{ width:100%;}
	.pro_info .bigimg .hd{ display:none;}
}
.SubPre{ position: relative; /*overflow: hidden;*/ float:left; width: 430px;}
.SubPre .photo{ float:left; width:100%;position:relative; z-index:2;}
.SubPre .jqzoom{}
.SubPre .jqzoom .img{ width:100%;/*width:700px; height:382px;*/border:solid 1px #d7d7d7;}
.SubPre .zoomdiv{ background: #fff;position:absolute;z-index:8; width:700px; height:auto; display: none;overflow: hidden; border:1px solid #e4e4e4; left:430px; top:0px;}
.SubPre .bigimg{width:856px;/*height:1140px;*/}
.SubPre .jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#589dd7 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

.SubPre #spec-n5{ height:100px; padding-top:22px; position:relative;}
.SubPre #spec-left,
.SubPre #spec-right{ cursor:pointer;position:absolute; width:18px; height:66px; cursor:pointer;  background:url(/images/detail_arrow.jpg) no-repeat; }
.SubPre #spec-left{left:0px; background-position:left;}
.SubPre #spec-right{right:0px; background-position:right;}
.SubPre #spec-left:hover,
.SubPre #spec-right:hover{opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);}
.SubPre #spec-list{ margin:auto;height:80px; overflow:hidden; width: 382px; }
.SubPre #spec-list ul li{ float:left; display:inline;  text-align:center;width:130px;height: 80px; padding:0 10px;}
.SubPre #spec-list ul li img{ width:114px; height:80px; cursor:pointer; border:1px solid #d3d2d2;}
.SubPre #spec-left{ left:0; display: block; width: 12px; height: 19px; text-indent: -9999px; margin-top:25px; margin-right:12px; background: url(/images/bg8.jpg) no-repeat; }
.SubPre #spec-right{ right:0; display: block; width: 12px; height: 19px; text-indent: -9999px;margin-top:25px; margin-left:5px; background: url(/images/bg9.jpg) no-repeat; }
@media (max-width: 992px) {
.SubPre .photo{width: 90%; float:none;}	
}
@media (max-width: 480px) {
.SubPre #spec-list{ width:240px}
.SubPre #spec-list ul li{width:80px;height: 80px; padding:0 5px;}
.SubPre #spec-list ul li img{ width:80px; height:80px;}	
}

/*.Add_kefu{color: #fff;position: fixed;right: 0;top: 30%;min-width: 64px;height: 195px;background: no-repeat right top url(/images/addbg.png);}
.Add_kefu .Add_email,
.Add_kefu .Add_qq,
.Add_kefu .Add_top{width: 64px;height:65px;cursor: pointer;float: right;}
.Add_kefu .Add_qq,
.Add_kefu .Add_top{clear: both;}
.Add_kefu div a{display: block;width: 100%;height: 100%;}
.Add_kefu .Add_email:hover{background: no-repeat center top url(/images/addbg1.png)}
.Add_kefu .Add_qq:hover{background: no-repeat left -65px url(/images/addbg1.png)}
.Add_kefu .Add_top:hover{background: no-repeat left -130px url(/images/addbg1.png)}*/

.Add_kefu{color: #fff;position: fixed;right: 0;top: 30%;min-width: 48px;height: 144px;background: no-repeat right top url(/images/addbg.png);}
.Add_kefu .Add_email,
.Add_kefu .Add_qq,
.Add_kefu .Add_top{width: 48px;height:48px;cursor: pointer;float: right;}
.Add_kefu .Add_qq,
.Add_kefu .Add_top{clear: both;}
.Add_kefu div a{display: block;width: 100%;height: 100%;}
.Add_kefu .Add_email:hover{background: no-repeat center top url(/images/addbg1.png)}
.Add_kefu .Add_qq:hover{background: no-repeat left -48px url(/images/addbg1.png)}
.Add_kefu .Add_top:hover{background: no-repeat left -96px url(/images/addbg1.png)}

.SubPre2{display: none;}
.focus{height:100%;position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#FE6C9C;  }

.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height：100%； }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }

/*.container {width: 980px !important;}*/