@charset "utf-8";

html,body{ font-family: "微软雅黑",Arial, Helvetica, sans-serif;font-size:12px; color:#333;-webkit-text-size-adjust:none; background-image:url(../bg.jpg); background-position:center bottom; background-color:#fff; background-repeat:no-repeat; margin:0px}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,div,span{ color:#333; font-size:14px; margin:0px; padding:0px}
body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,div,span,p{ margin:0px; padding:0px;list-style: none;}
a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:none;}
img{ max-width: 100%;}
.not-animated { opacity:0; }
/*头部*/
header{height:105px;width:100%; position:fixed; left:0px; top:0px; z-index:9999999999; box-shadow:0px -1px 9px 2px #333;background-image:url(../images/topbg.jpg);}
.header{width:100%; margin:0 auto; height:105px; min-width:1320px; }
.header_menu{width:84%; height:105px; margin:0 auto}
.menu_logo{  float:left;    width: 24%;line-height: 105px;}
.menu_logo img{ height:auto; vertical-align: middle;display: table-cell;}
.menu_lang{width:24%;float:right;background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align:right; }
nav{width:45%;padding:0px; float:right}
.nav1{float:left; width: auto; height:100px; position:relative}
.nav1 a{display:block; color:#333; font-weight:bold; width:auto; text-decoration:none;height:105px; font-size:16px; font-weight:100; line-height:105px;padding: 0 20px;}
.nav1 a:hover{color:#fff; background-color:#e5232a}
.nav1 a.navdown{display:block; color:#fff; background-color:#e5232a}
.link-z{width:1px; height:100px; padding:0px; margin:0px; float:left; }
.nav1Box{ height:92px; line-height:92px; display:block; text-align:center; z-index:9999999999; clear:both;}
.nav2{position:absolute;left:0px;width:210px; background:#e5232a; padding:0px; z-index:9999999999; padding:10px;left:0px; top:86px; border-radius:0 0 2px 2px}
.nav2 a {line-height: 40px; height: 40px; color: #fff; padding-left: 20px;width:160px;}
.nav2:hover a{background;#e11025;}
.nav2 dl{ width:465px; float:left}
.nav2 dd{list-style-type:none; height:30px; border-bottom:#ccc solid 0px; text-align:center; width:120px; float:left; margin-right:15px}
.nav2 dd:hover{border-top:none; z-index:9999999999; height:30px; background-color: #993300; border-bottom:#333 solid 0px;color:#FFFFFF}
.nav2 dd a{ color:#fff; height:30px; border-top:none; line-height:30px; width:120px; font-weight:normal; font-size:14px; padding-top:0px; text-align:left; padding-left:17px; overflow:hidden; border-radius:2px}
.nav2 dd:hover a{ color:#ff0000;background-image:url(../menu-bg-no.jpg); background-color:#FFFFFF}
/*1440*/
@media screen and (min-width:1400px)  and  (max-width:1679px)  {
.header_menu{width:90%; height:105px; margin:0 auto}
.menu_logo{  float:left;    width: 24%;}
.menu_logo img{ height:auto; }
.menu_lang{width:26%;float:right; font-size:16px; text-align:right; }
nav{width:45%;padding:0px; float:right}
.nav1{float:left; width: auto; height:100px; position:relative}
.nav1 a{padding: 0 16px;}	
}
/*1360*/
@media screen and (min-width:1360px)  and  (max-width:1399px)  {
.header_menu{width:90%; height:105px; margin:0 auto}
.menu_logo{  float:left;    width: 24%;}
.menu_logo img{ height:auto; }
.menu_lang{width:26%;float:right; font-size:16px; text-align:right; }
nav{width:45%;padding:0px; float:right}
.nav1{float:left; width: auto; height:100px; position:relative}
.nav1 a{padding: 0 12px;}
}
/*1280*/
@media screen and (min-width:1280px)  and  (max-width:1359px)  {
.header_menu{width:96%; height:105px; margin:0 auto}
.menu_logo{  float:left;    width: 26%;}
.menu_logo img{ height:auto; }
.menu_lang{width:26%;float:right; font-size:16px; text-align:right; }
nav{width:45%;padding:0px; float:right}
.nav1{float:left; width: auto; height:100px; position:relative}
.nav1 a{padding: 0 12px;}
}
/*1024*/
@media screen and (min-width:961px)  and  (max-width:1279px)  {
.header_menu{width:96%; height:105px; margin:0 auto}
.menu_logo{  float:left;    width: 26%;}
.menu_logo img{ height:auto; }
.menu_lang{width:28%;float:right; font-size:16px; text-align:right; }
nav{width:45%;padding:0px; float:right}
.nav1{float:left; width: auto; height:100px; position:relative}
.nav1 a{padding: 0 8px;}
}

.header_banner{ margin-top:0px; font-size:0px; overflow:hidden} 
.header_banner ul{ margin:0px; padding:0px;} 

.main_box{ width:1200px; margin:0 auto; margin-top:15px;overflow: hidden;}
.main_box .l_nav{  width:1200px;border-bottom: #eee solid 1px;margin: 0 auto;padding-bottom: 10px;}
.main_box .l_nav h3.title{ text-align:right; height:80px; color:#fff;font-weight: bold; background-image:url(../images/l-t.jpg);display: none;}
.main_box .l_nav h3.title dl{ font-size:20px; color:#FFFFFF; padding-top:25px; line-height:25px; text-align:center}
.main_box .l_nav h3.title dd{ font-size:16px; color:#FFFFFF; font-weight:100; line-height:25px; display:none}
.main_box .l_nav h3.line{margin-top:15px; }
.main_box .l_nav .l_sort{display: table;margin: 0 auto;text-align: center;padding: 0;}
.l_sort dl{ width: auto;float: left;margin-left: 5px;margin-right: 5px;padding: 0;width: auto;font-size: 20px; }
.l_sort dl dt{font-size:14px;color:#333;  background-image:url(../images/pro_list_bg.jpg); margin:0 auto; margin-bottom:5px; overflow:hidden;padding: 10px 30px;}
.l_sort dl dt a{color:#333;}
.l_sort dl dt:hover{background-image:url(../images/pro_list_bg2.jpg)}
.l_sort dl dt:hover a{ color:#fff}
.l_sort dl dd{ padding:0px 0px 0px 15px;}
.l_sort dl dd h4{width:195px!important;width:250px;padding-left:55px; background-color:#f2f2f2; line-height:52px; color:#666; font-size:14px; margin-bottom:5px}
.l_sort dl dd h4 a{ color:#333; font-weight:100}
.l_sort dl dt.on{color: #fff;background: #e5232a;}
.l_sort dl dt.on a{ font-weight:100; color:#fff; }
.l_sort dl h4.on a{ font-weight: bold;}
.main_box .content_box{ float:right; width:1200px;overflow:hidden; }
.main_box .content_box h3.title{height:45px; line-height:45px; position:relative; border-bottom:#eee solid 1px;display: none;}
.main_box .content_box h3.title span{ position:absolute; left:20px; top:-1px; font-size:20px; padding:0px; color:#000; font-weight:100}
.main_box .content_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:0px; right:0px; color:#333; font-size:12px}
.main_box .content_box h3.title div.position a{ color:#333;; font-size:12px}
.main_box .content_box .x_box{ padding-top:20px; min-height:500px}
/*产品*/
.promain_box{ width:1200px; margin:0 auto; margin-top:15px;overflow: hidden;}
.promain_box .l_nav{ margin: 0 auto;padding-bottom: 10px;width: 220px;float: left; border: 1px solid #e5e5e5;}
.promain_box .l_nav h3.title{ text-align:right; height:80px; color:#fff;font-weight: bold; background: #333; }
.promain_box .l_nav h3.title dl{ font-size:20px; color:#FFFFFF; padding-top:25px; line-height:25px; text-align:center}
.promain_box .l_nav h3.title dd{ font-size:16px; color:#FFFFFF; font-weight:100; line-height:25px; display:none}
.promain_box .l_nav h3.line{margin-top:15px; }
.promain_box .l_nav .l_sort{display: table;margin: 0 auto;text-align: center;padding: 10px 0;}
.promain_box .l_nav .l_sort dl{float: left;background: #e5e5e5; margin: 5px 5px;padding: 0;width: 96%;font-size: 20px; }
.promain_box .l_nav .l_sort dl:hover{background: ##e5232a; margin: 5px 5px;}
.l_sort dl dt{font-size:14px;color:#333;  background-image:url(../images/pro_list_bg.jpg); margin:0 auto;  overflow:hidden;padding: 10px 30px;}
.l_sort dl dt a{color:#333;}
.l_sort dl dt:hover{background-image:url(../images/pro_list_bg2.jpg)}
.l_sort dl dt:hover a{ color:#fff}
.l_sort dl dd{ padding:0px 0px 0px 15px;}
.l_sort dl dd h4{width:195px!important;width:250px;padding-left:55px; background-color:#f2f2f2; line-height:52px; color:#666; font-size:14px; margin-bottom:5px}
.l_sort dl dd h4 a{ color:#333; font-weight:100}
.l_sort dl dt.on{color: #fff;background: #e5232a;}
.l_sort dl dt.on a{ font-weight:100; color:#fff; }
.l_sortdl h4.on a{ font-weight: bold;}
.promain_box .content_box{ float: left; width: 960px;overflow:hidden;    margin-left: 16px; }
.promain_box .content_box h3.title{height:45px; line-height:45px; position:relative; border-bottom:#eee solid 1px;}
.promain_box .content_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:20px; padding:0px; color:#000; font-weight:100}
.promain_box .content_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:0px; right:0px; color:#333; font-size:12px}
.promain_box .content_box h3.title div.position a{ color:#333;; font-size:12px}
.promain_box .content_box .x_box{ padding-top:20px; min-height:500px}

footer{color:#fff; background-color:#1d1d1d;height:90px; background-position:center bottom; width:100%}
.foot-text{width:1320px; margin:0 auto; padding-top:30px; padding-bottom:20px; color:#FFFFFF;}
.foot-text a{ color:#FFFFFF}

.foot-bg{ background-image: url(../foot-bg.jpg); height:230px; background-position:center top; background-repeat:no-repeat}

.imoretxt{}
.imoretxt a{box-shadow:0px 0px 0px #fff;display:block; padding:2px;color:#fff; background-color:#2a4d5f; line-height:40px; font-size:14px;width:210px;text-align:center;border-radius:2px; text-transform: uppercase}
/* .imoretxt a:hover{color: #fff;background: #e5232a;} */

.imoretxt2{}
.imoretxt2 a{display:block;box-shadow:0px 0px 0px #000;background-color:#eee;color:#333;border-radius:40px;border:#333 solid 1px;width:60px;line-height:40px;text-align:center}
.imoretxt2 a:hover{background-color:#0d4e46;color:#fff;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}

.row_pic{ width:100%}
.row_pic ul{ margin:0px; padding:0px; list-style:none}
.row_pic ul li{ margin:0px; padding:0px; width:25%; float:left; margin-bottom:20px}
.row_pic ul li dl{display:block; margin:0px; padding:0px; width:95%; margin:0 auto; border:#eee solid 1px; padding:1%}
.row_pic ul li dl img{ width:100%; display:block}
.row_pic ul li dd{display:block; margin:0px; padding:0px; width:95%; margin:0 auto; height:40px; line-height:40px; text-align:center; font-size:16px;}
.row_pic ul li p{display:block; margin:0px; padding:0px; width:95%; margin:0 auto; display:none}

.row_arti{ width:100%}
.row_arti ul{ margin:0px; padding:0px; list-style:none}
.row_arti ul li{ margin:0px; padding:0px; width:100%; border-bottom:#eee dashed 1px; line-height:200%; height:90px; padding-top:15px; padding-bottom:15px} 
.row_arti ul li a img{ display:block;float:left; margin-right:15px; width:120px; height:90px}
.row_arti ul li a b{ font-size:16px;}
.row_arti ul li a span{ float:right}
.row_arti ul li p{display:block; margin:0px; padding:0px; width:95%; margin:0 auto;}
.float-right{ float:right}

.form-group{ width:100%; clear:both; margin-top:20px; height:54px}
.form-group div{ width:600px; margin:0 auto; height:54px}
.form-group div input{ width:600px; height:40px; border-radius:7px; border:#f4f4f4 solid 1px; padding:5px}
.form-group div textarea{width:598px; height:60px; border-radius:7px; border:#f4f4f4 solid 1px; padding:5px}

.row_download{}

.row_download ul{ margin:0px; padding:0px; list-style:none}
.row_download ul li{ margin:0px; padding:0px; width:100%;margin-bottom:20px; height:60px; padding-bottom:20px; border-bottom:#eee solid 1px}
.row_download ul li dl{ width:50; float:left}
.row_download ul li dl p{ font-size:16px; margin-left:15px}
.row_download ul li dd{ width:50; float:right}


.fproductpic {overflow:hidden;border:4px solid #fff; background-color:#fff}
.fproductpic:hover {position:relative;top:0;}
.fproductpic img {transition:all 0.6s;}
.fproductpic:hover img{
    transform:scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2);	/* IE 9 */
    -moz-transform:scale(1.2, 1.2);	/* Firefox */
    -webkit-transform:scale(1.2, 1.2);/* Safari and Chrome */
    -o-transform:scale(1.2, 1.2);	/* Opera */}
.carousel-inner .item .row{margin:0;}

.row_pic dl{overflow:hidden;}
.row_pic dl img{transition:all 0.6s;}
.row_pic dl:hover img{    transform:scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2);	/* IE 9 */
    -moz-transform:scale(1.2, 1.2);	/* Firefox */
    -webkit-transform:scale(1.2, 1.2);/* Safari and Chrome */
    -o-transform:scale(1.2, 1.2);	/* Opera */}
	
table{border-spacing: 0;border: 1px solid #333;}
table tr td{border: 1px solid #333;padding: 10px;}



/*浮动*/
.keifu{ position:fixed; top:30% !important; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
 .ikeifu{ position:fixed; top:30% !important; right:0; width:131px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.keifu_tab{ width:160px;}
.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) 0 0; position:relative; display:none; cursor:pointer;}
.keifu_box{ float:left; width:131px;}
.keifu_tab img{ display:block;}
.keifu_head{ width:131px; height:41px; background:url(../images/keifu.png); background-position: 0 -103px; font-size:0; line-height:0; position:relative;}
.keifu_close:link,.keifu_close:visited{ display:block; width:11px; height:11px; background:url(../images/keifu.png) -42px 0; position:absolute; top:5px; right:5px;}
.keifu_close:hover{ background-position:-60px 0;}
.keifu_con{ border-left:7px solid #bf1d20; border-right:7px solid #bf1d20; padding-top:15px; background:#fff;margin: 0;padding: 24px 0 0;}
.keifu_con li{height:33px; padding-left:12px;}
.keifu_con .weixin{ height:96px;}
.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}
.keifu_bot{ width:131px; height:210px; background:url(../images/keifu.png); background-position:0 -150px; }