@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
/*公用*/
html, span, object,h1, h2, h3, h4, h5, h6, p, em, dd,dl, dt, ol, ul, li, form{ margin:0;padding:0;border:0; font-size:100%; font-family:inherit; list-style:none;}
input.btn{ border:none}
label{vertical-align:middle} .inputcheckbox{vertical-align:middle;} 

body{font: 12px "微软雅黑"; color:#333333; margin:0 auto;padding:0px; list-style:none; background:#fff; }
a{ color:#898989; text-decoration:none; }
a:hover{  color:#d70000; text-decoration: underline;}
.clear_all {clear:both;}

.blue { color:#2f374e;}
.blue a { color:#225d97;}
.blue a:hover { color:#f00;}
.f14 { font-size:14px;}
.fbd { font-weight:bold;}
.wr14 { font:14px "微软雅黑";}

img{ border:none; padding:0px; margin:0px; display:block; }
ul,li{ list-style-type:none; margin:0; padding:0; border:0; list-style:none }

.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}



/*top*/
.body_bg { background:url(../images/h_bg.jpg) top center repeat-x; width:100%; }
.body_index { height:100%; width:1200px; margin:0 auto; }

.body_top1 { width:1200px;  height:39px; line-height:39px; color:#fff;}
.body_top1 a{ color:#fff;}
.body_top1 h1 { float:left; font-weight:normal;}
.body_top1 h2 { float:left; font-weight:normal; padding-left:10px;}
.body_top1 p { float:right; padding-right:20px; }
.body_top1 p span { padding-left:8px; padding-right:8px;}


.body_top2 { width:1200px;}
.body_top2 h1 { float:left; font-weight:normal; padding-left:10px;}


.body_top2 .r { float:right;  margin-top:30px; text-align:left; height:60px; background:url(../images/con_phone.gif) no-repeat left center; padding-bottom:5px; padding-left:70px; }
.body_top2 h3 { font:100 14px/24px "微软雅黑"; color:#666;}
.body_top2 p { font:bold 26px/26px "微软雅黑";text-align:left; width:210px;  padding-top:4px; color:#d70000;}

/*---导航---*/
#nav{ float:right; width:945px; margin-top:50px;}
#nav ul{width:945px;}
#nav li{float:left;height:50px; text-align:center;position:relative}
#nav li.line_off{background:none}
#nav a{display:block;float:left;text-decoration:none;height:35px;padding-top:10px;line-height:18px;font-size:15px;color:#666;width:90px;outline:none;position:relative;}
#nav a:hover, #nav .active a, #nav li.sfhover a{color:#81151d;text-decoration:none;font-weight:700}
#nav a span{font-size:8px;-webkit-text-size-adjust:none;line-height:17px;padding-bottom:15px;display:block;font-weight:300;cursor:pointer;position:relative}
#nav .n{background:url(../images/i2.png) no-repeat 0 10px;width:16px;height:51px;float:left}
/*---当前分类---*/
#nav li ul{display:none;position:absolute;top:57px;left:-20px;width:116px;padding:10px 0;background:url(../images/nav2.png) repeat-y;z-index:9999;}
#nav li ul li{line-height:30px;height:30px;margin:0;background-image:none;position:relative;z-index:2}
#nav li ul a, #nav li.active ul a, #nav li.sfhover ul a{background:none;font-weight:300;height:auto;color:#000;line-height:24px;width:110px;margin-left:3px;font-size:12px;float:none;padding:0 0 6px;background:url(../images/nav2.png) no-repeat -234px -100px;_background:url(../images/nav2_1.gif) no-repeat 0 -30px}
#nav li ul a:hover{background:url(../images/nav2.png) no-repeat -234px 0;_background:url(../images/nav2_1.gif) no-repeat 0 0;color:#fff;font-weight:300}
#nav li ul .t{position:relative;z-index:2;top:14px;left:0;width:116px;height:4px;font-size:0;line-height:0;overflow:hidden;background:url(../images/nav2.png) no-repeat -116px 0;_background:url(../images/nav2_2.png) no-repeat}
/*搜索*/
.navser {width:195px; float: right; height:28px;  margin-top:10px;border:1px solid #ccc; border-radius:3px;overflow:hidden;}
.navser .srk { float:left; width:150px; height:28px; line-height:28px;  border:none;padding-left:10px; color:#999;}
.navser .but { float:left; width:30px; height:28px; background:url(../images/sousuo.jpg) no-repeat; cursor:pointer; border:none; color:#fff;}
 /*banner轮换大区域*/
.lunhuan{width:100%;height:524px;position:relative;}
.lunhuan #lunhuanback{width:100%;height:524px;position:absolute;left:0px;top:0px;overflow:hidden;}
.lunhuan #lunhuanback p{width:100%;height:524px;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);background-repeat:no-repeat;background-position:50% 0px;}
.lunhuan .lunhuan_main{width:1190px;height:524px;margin:0 auto;position:relative;}
/*左侧所有商品列表*/
.suoyouliebiao{width:239px;position:absolute;left:0px;top:0px;border-left:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;z-index:200;box-shadow:5px 5px 5px rgba(0, 0, 0, 0.2);}
/*轮换中间区域*/
.lunhuancenter{width:1200px;height:500px;position:absolute;left:0px;top:0px;}
.lunhuancenter .centergif{display:block; width:760px; height:524px; position:absolute; left:137px; top:30px;z-index:4;}

#lunbonum{ height:12px; line-height:23px;position:absolute;left:500px;  top:500px;  z-index:5;}
#lunbonum li{ width:48px;height:3px;float:left; margin-right:8px;background:#fff; cursor:pointer;}
#lunbonum .lunboone{background:#d6a400;cursor:pointer;}

/*产品分类滚动*/
.case{width:1200px; margin:0 auto; margin-top:30px;}
.rollBox{width:1200px;position:relative;}
.rollBox .LeftBotton{height:25px;width:25px;background:url(../images/index_30.png) no-repeat left;overflow:hidden; cursor:pointer; position:absolute; z-index:999; left:10px; top:50%;}
.rollBox .RightBotton{height:25px;width:25px;background:url(../images/index_33.png) no-repeat left;overflow:hidden; cursor:pointer; position:absolute;z-index:999; right:10px; top:50%;}
.rollBox .Cont{width:1200px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox #List1,.rollBox #List2{float:left;}
.case ul li{ float:left;width:239px; height:360px; position:relative; margin-right:1px;overflow:hidden;}
.case ul li img{width:239px; height:360px;}


.case ul li .demo{ position:absolute; top:245px;width:229px; height:60px; padding:10px 5px; background:url(../images/hei_10.png); text-align:center; z-index:99;}
.case ul li .demo .cn{ line-height:26px; padding:4px 0; font-size:18px; color:#fff;}
.case ul li .demo .en{ font-size:12px; color:#bbbbbb; text-transform:uppercase;}

/*产品分类滚动*/

/* media */
.media { width: 100%; background:#eeeeee; margin-top:30px;}
.media .container{ padding-bottom:37px;position: relative; width:1200px; margin:0 auto;}
.media .Title{ padding-top: 35px; text-align:center;}
.media .Title h2 {font-size: 30px; font-weight: bold;}
.media .Title p{text-transform: uppercase;margin-top: 5px;}
.media .Title .p2 { font-size: 14px; color: #ccc; font-family: 'Myriad Pro';}
.media .con{margin-top:36px;overflow: hidden;}
.media .conBox{width: 100%;overflow: hidden;}

.media .menupro{ overflow: hidden; margin:0 auto; margin:30px 0px; text-align:center;}

.area_pmsy li { display: inline-block;width:108px;height: 38px; margin-left:5px; margin-right:5px; text-align: center;line-height: 38px;font-size: 14px;color: #666666;text-decoration: none;border: 1px solid #dcdcdc;  }
.area_pmsy li a { text-decoration:none;}
.area_pmsy li.current {width: 108px;height: 40px;line-height: 40px;border: none;background: #ca281b;color: #fff; }
.area_pmsy li.current a { color:#fff;  }



/*右边*/
.q_tpm2_1 { width:1200px; height:464px; overflow:hidden; }
.q_tpm2_1 li {width:282px; height:212px; float:left; margin-right:24px; box-shadow:3px 10px 15px #d7d7d7; margin-bottom:20px; position:relative;}
.q_tpm2_1 li:nth-child(4n) { margin-right: 0px;}
.q_tpm2_1 li img { width:282px; height:212px; overflow:hidden;}
.q_tpm2_1 li p{ position:absolute; left:0; bottom:0; height:37px; background:url(../images/prop.png) left top no-repeat; text-align:center; line-height:37px; color:#fffefe; font-size:18px; font-weight:bold; width:100%;}



/*about-class*/
.about-class{ width:1200px; margin:0 auto; text-align:center; margin-top:40px;}
.about-class ul li{ display:inline-block; *display:inline; *zoom:1; width:236px;}
.about-class ul li a{ display:block; color:#2f2120; text-decoration:none;}
.about-class ul li a:hover{ color:#d6a400;}
.about-class ul li a .tu{ background-image:url(../images/gntb.png); width:98px; height:98px; margin:0 auto 10px;transition: color .5s, background .5s, opacity .5s, border .5s;
	-moz-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Firefox 4 */
	-webkit-transition: color .5s, background .5s, opacity .5s, border .5s;   /* Safari and Chrome */
	-o-transition: color .5s, background .5s, opacity .5s, border .5s;  /* Opera */}
.about-class ul li a .en{ line-height:18px; height:36px; font-size:14px; }
.about-class ul li a .cn{ font-size:18px; line-height:36px;}
.about-class ul li.l1 a .tu{background-position:0 0px;}
.about-class ul li.l1 a:hover .tu{ background-position:0 98px;}
.about-class ul li.l2 a .tu{background-position:-98px 0px;}
.about-class ul li.l2 a:hover .tu{ background-position:-98px 98px;}
.about-class ul li.l3 a .tu{background-position:-196px 0px;}
.about-class ul li.l3 a:hover .tu{ background-position:-196px 98px;}
.about-class ul li.l4 a .tu{background-position:-294px 0px;}
.about-class ul li.l4 a:hover .tu{ background-position:-294px 98px;}
.about-class ul li.l5 a .tu{background-position:-392px 0px;}
.about-class ul li.l5 a:hover .tu{ background-position:-392px 98px;}

/*about-class end*/
/*index-about*/
.box{ width:1200px; margin:0 auto; margin-top:40px;}
.box .ab_img{width:470px; height:413px; float:left; overflow:hidden;}

.box1{ width:720px; float:right;}

.about-index{ height:193px; width:720px; }
.about-index .view{height:193px;width:720px; overflow:hidden; }
.about-index .view .a_img{width:267px; float:left;margin-right:15px;}
.about-index .view .a_img img{ width:267px; height:191px; overflow:hidden;}
.about-index .view .a_con{width:436px; float:right;}
.about-index .view .a_con h2{ font-weight:normal; border-bottom:1px solid #333; padding-bottom:5px;}
.about-index .view .a_con h2 a{ font-size:26px; text-decoration:none; color:#000; line-height:30px; text-decoration:none;}
.about-index .view .a_con h2 span{ text-transform:uppercase; line-height:24px; font-size:12px;}
.about-index .view .a_con p{ line-height:24px; font-size:12px; padding-top:5px;}
.about-index .view .a_con p a{ color:#f79646;text-decoration:none;}
/*index-about end*/
/*index-news*/
.index-news{height:205px; width:720px;overflow:hidden; margin-top:15px;}
.index-news .video{ float:left; height:204px; width:267px;overflow:hidden;}
.index-news .video img{ width:267px; height:204px; overflow:hidden;}
.index-news .news-box{ float:left;height:184px; width:408px; background:#f1a400; padding:10px 20px; color:#fff;}
.index-news .news-box .type{ height:28px; position:relative; line-height:28px; font-size:24px; margin-bottom:15px;}
.index-news .news-box .type span{ color:#fbe6cb; margin-left:5px; font-size:30px; position:relative; top:3px;}
.index-news .news-box .type a{ color:#fff; font-weight:bold; position:absolute; font-size:12px; top:0px; right:0px; display:block; height:28px; overflow:hidden; line-height:40px;}
.index-news .news-box .list ul li{ display:block; height:26px; line-height:26px; overflow:hidden; }
.index-news .news-box .list ul li a{ display:block; height:26px; color:#fff; overflow:hidden; }
.index-news .news-box .list ul li a:hover{ text-decoration:underline;}
.index-news .news-box .list ul li a span{ float:right; margin-left:30px;}
.index-news .news-box .list ul li a b{ display:block; float:left; width:10px;}
/*index-news end*/
/*index-bottom*/
.index-bottom{ width:1200px; margin:0 auto; margin-top:30px;}
.index-bottom .join{width:415px; float:left;}
.index-bottom a{ text-decoration:none;}
.index-bottom .href{ display:block;text-decoration:none; }
.index-bottom .href.href1{float:left; width:267px; margin-left:60px;}
.index-bottom .href.href2{ float:right; width:411px;}
.index-bottom .href .tu{ margin-bottom:24px; height:199px;}
.index-bottom .href .tu img{ width:100%; height:199px;}
.index-bottom .href .cn{ height:30px; line-height:30px; color:#2f2120; font-size:20px; padding:0 28px;}
.index-bottom .href .en{ height:24px; line-height:24px; color:#b6b6b6; font-size:18px; padding:0 28px;}
/*index-bottom*/
#link{ width:100%; background:#ececec; margin-top:40px;}
#link .link1{ width:1200px; margin:0 auto; padding:15px 20px 25px 20px;}
#link .link1 h2 { float:left; width:175px; padding-right:15px;}
#link .link1 .l_con{ float:left; width:1010px; line-height:24px; padding-top:16px;}
#link .link1 .l_con a{ color:#a9a9a9; padding-right:5px;}
#link .link1 .l_con a:hover{ color:#f18e00;}


/*footer*/
#footer{ width:100%;background:#181818; color:#fff;}
#footer .foot{ width:1200px; margin:0 auto;}
.foot_top{ padding:25px; height:180px; border-bottom:1px solid #545454;}
.foot_top .kuai{ float:left;margin-right:50px; width:120px;}
.foot_top .kuai h3{ font:100 17px/40px "微软雅黑"; border-bottom:1px solid #333333;}
.foot_top .kuai a{color:#e8e8e8; text-decoration:none;}
.foot_top .kuai a:hover{ color:#f18e00;}
.foot_top .kuai ul{ padding-top:8px;}
.foot_top .kuai li{ font:100 12px/24px "微软雅黑";}
.foot_top .ewm{ float:right; width:140px; text-align:center;}
.foot_top .ewm img{ width:140px; height:140px; overflow:hidden;}
.foot_top .ewm p{ line-height:26px;}

.bot_bottom{ padding:20px;}
.bot_bottom p{ float:left; color:#e0dfdf; font:100 12px/26px "微软雅黑"; }
.bot_bottom h2{ float:right; padding-top:50px; font-weight:100;color:#e0dfdf;}
.bot_bottom h2 a{color:#e0dfdf; padding-left:5px;}


/*footer end*/
/*关于我们*/
.ban1 { background:url(../images/ban1.jpg) no-repeat top center; width:100%; height:300px;}
.ban2 { background:url(../images/ban2.jpg) no-repeat top center; width:100%; height:300px;}
.ban3 { background:url(../images/ban3.jpg) no-repeat top center; width:100%; height:300px;}
.ban4 { background:url(../images/ban4.jpg) no-repeat top center; width:100%; height:300px;}
.ban5 { background:url(../images/ban5.jpg) no-repeat top center; width:100%; height:300px;}
.ban6 { background:url(../images/ban6.jpg) no-repeat top center; width:100%; height:300px;}

.sec_con {height:100%; width:1110px; overflow:hidden; margin:0 auto; margin-top:25px;margin-bottom:25px;}
.sec_con .l { float:left; width:220px; }
.sec_con .r { float:right; width:860px;display:inline }


.bd {width: 220px; background:#9d1309; border-radius:6px 6px 0 0;padding-bottom:10px;}
.hd { padding:10px 10px 5px 10px;}
.hd h1 { display:block;}
.hd h1 a{ float:left;  font:500 20px/30px "微软雅黑"; color:#FFFFFF; display:inline; text-decoration:none;}
.hd span{float:left; font-weight:normal; font-size: 14px;color: #f4f4f4;display:inline;font-family: "Arial"; line-height:37px; padding-left:8px; }

.q_tpm { margin:0 10px 10px 10px; background:#fff; padding:10px;}
.menul { height:100%; }
.menul h1 {height:36px;line-height: 36px;white-space: nowrap;overflow: hidden;border-bottom: 1px #ccc dotted; background:url(../images/icon7.gif) 10px center no-repeat;}
.menul h1 a {font:100 14px/36px "微软雅黑"; color:#666;padding-left:30px;text-decoration: none; display:block;}
.menul h1 a:hover{ color:#9d1309;}

.sec_bd20 { width:220px; margin-top:15px;}
.sec_bd20 .l_tel{ margin-bottom:10px; position:relative;}
.sec_bd20 .l_tel a span{ position:absolute; top:40px; left:20px; font:600 22px/30px "微软雅黑"; color:#ce0e00;}


.sec_bd{ width:860px; float:right; }
.sec_hd{ height:40px; border-bottom:1px solid #CCCCCC; }
.sec_hd h3{  width:180px; float:left; font:bold 16px/40px "微软雅黑"; padding-left:10px; color:#9d1309; background:url(../images/right-tp.png) left center no-repeat;}
.sec_hd span{ float:right;font:100 12px/40px "微软雅黑"; padding-right:10px;}

.sec_con2 { width:860px; padding:10px 0px; min-height:394px;}
.sec_tpm { font-size:14px; width:830px; line-height:24px; padding:10px 15px;}
.sec_tpm img { margin:0 auto;}

.sec_tpm2 { width:830px; line-height:34px; padding:10px 15px;overflow:hidden; }
.sec_tpm2 li { line-height:34px;  width:822px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm2 li a { float:left; background:url(../../images/icon1.gif) no-repeat 3px center; padding-left:15px; color:#333; font-size:14px;}
.sec_tpm2 li span { float:right; padding-right:10px;}


.sec_tpm3 { width:830px; line-height:34px; padding:10px 15px;overflow:hidden; }
.sec_tpm3 li { line-height:34px;  width:822px; overflow:hidden; border-bottom:1px dashed #cccccc;   }
.sec_tpm3 li a { float:left; background:url(../images/icon5.gif) no-repeat 5px 14px; padding-left:15px;}
.sec_tpm3 li span { float:right; padding-right:10px;}

.sec_tpmc{width:840px; line-height:24px; padding:10px 15px;}
.sec_tpmc li{ width:244px; text-align:center; line-height:36px; float:left; margin-left:15px; margin-right:15px;}
.sec_tpmc li img{ width:240px; height:160px; padding:2px; border:1px solid #ccc; }

.wr20 { font-size:20px;}
.wr14 { font-size:14px;}

.q_img{ width:240px; height:170px; overflow:hidden;}

/*新闻*/
.ul04 .l2_1{width:830px; height:100px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #f0f0f0; display:block;}
.ul04 .l2_1 .l_117{ float:left; width:100px; height:70px; padding-top:15px; padding-bottom:15px; background:#b7b7b7; margin-right:40px;}
.ul04 .l2_1 .l_117 .t_50_1{  width:100px;font-family:"Arial"; font-size:48px;  height:50px; line-height:50px; color:#fff; text-align:center; display:block; }
.ul04 .l2_1 .l_117 .d_23_5{  width:100px; font-family:"Arial"; font-size:12px; height:23px; line-height:23px;  color:#fff; text-align:center;display:block; }


.ul04 .l2_1 .r_714{ float:left; width:690px; height:100px; overflow:hidden;}
.ul04 .l2_1 .r_714 .t_48_1{ float:left; width:690px; height:36px; padding-bottom:4px; line-height:36px; font-size:16px; font-weight:bold; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ul04 .l2_1 .r_714 .t_48_1 a{ color:#333;}

.ul04 .l2_1 .r_714 .d_56{ float:left; width:690px; height:56px; line-height:28px; font-size:14px; color:#888; overflow:hidden;}
.ul04 .l2_1 .r_714 .d_56 a{ color:#888;}

.ul04 .l2_1:hover .t_48_1 a{ color:#494949;}
.ul04 .l2_1:hover .d_56 a{ color:#494949;}
.ul04 .l2_1:hover .l_117{ background:#494949;
-webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; 
-o-transition: all 0.2s ease-out 0s; 
transition: all 0.2s ease-out 0s;}


/*产品内页*/
.intro { height:130px; overflow:hidden;}
.zixun { height:36px; padding-top:15px; }
.zixunbt { float:left;}
.secbut {  width:88px; height:28px; display:inline-block; font:14px "Microsoft YaHei"; color:#fff; line-height:28px; text-align:center; background:#9d1309; -moz-border-radius: 3px;/* Gecko browsers */-webkit-border-radius:3px;   /* Webkit browsers */border-radius:3px; margin-right:10px; }
.bdsharebuttonbox { float:left; }

.sectit { height:35px; width:838px; margin-top:20px; background:#d7d7d7; padding-left:20px; margin-bottom:20px; }
.sectit h5 { display:inline-block;  font-weight: bold; cursor: pointer; height:30px; line-height:30px; margin-top:5px; text-align:center;background:#fff;  padding-left:25px; padding-right:25px;overflow:hidden }

.propic1 { width:183px; text-align:center; line-height:25px; }
.propic1 img {  width:171px; height:69px;  border:1px solid #e8e8e8; text-align:center; margin-left:5px; margin-right:5px;}

.products{ overflow:hidden; padding-bottom:30px; width:830px;}
.pro_left{width:382px;float:left; overflow:hidden;}

/*放大镜样式*/
.jqzoom{ float:left; border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:380px; height:285px; border:1px solid #cccccc;overflow:hidden; display:table-cell; vertical-align:middle;}
.jqzoom img{ max-width:380px; max-height:285px;}
.zoomdiv{ z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{ z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}



.pro_right{ width:412px; float:left; overflow:hidden; padding-left:30px;}
.pro_right h1{font-size:28px; color:#333333; display:block; line-height:30px; padding-bottom:15px; padding-top:20px;}
.pro_right p{font-size:12px; color:#666666; line-height:26px;}