﻿@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: 13px "微软雅黑"; color:#383838; margin:0 auto;padding:0px; list-style:none; min-width:1140px; }
a{ color:#383838; text-decoration:none; }
a:hover{  color:#f00; text-decoration: underline   }
.clear_all {clear:both;}

.blue { color:#7a8a41;}
.blue a { color:#7a8a41;}
.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 }


.body_bg { background:url(../images/index_bg.gif) no-repeat top center; width:100%;}
.body_bg1 { background:#f4f4f4; width:100%;}
.body_index { width:100%; margin:0 auto;   overflow:hidden;}


.bd2 { overflow:hidden; width:1140px;}
.hd2 { height:43px; border-bottom:1px solid #dcdcdc;}
.hd2 h1 {float:left; height:40px; line-height:40px; }
.hd2 h1 a { float:left; font:20px "微软雅黑"; text-decoration:none;  line-height:40px; color:#4c4c4d;}
.hd2 p { float:right;  padding-right:5px;  line-height:45px; color:#afacac;}

.propic{ width: 272px; height:242px; background:url(../images/probg.gif) no-repeat; padding:11px 11px 0px 11px; margin:10px 10px 30px 10px; text-align:center; cursor:pointer;  }
.propic a {color:#fff;}
.propic:hover { background:url(../images/probg1.gif) no-repeat;}
.propic:hover a { color:#fff;}
.propic img { width:250px; height: 186px; }
.propic p { font-size: 16px; line-height:44px; text-align:center;}
.propic span { text-align:left; padding:5px 10px; display:block; color:#999999; line-height:22px; }


.c_1200_6{ width:1140px; overflow:hidden; margin:0 auto;}
.c_1200_6 .title2{ float:left; width:1140px; height:139px;}
.c_1200_6 .title2 .m_389{ width:389px; height:108px; margin:0 auto; text-align:center; padding-top:31px;}
.c_1200_6 .title2 .m_389 .t_45{ float:left; text-align:center; width:389px; height:45px; line-height:45px; font-size:30px; color:#333;}
.c_1200_6 .title2 .m_389 .d_23_1{ float:left; text-align:center; width:389px; height:31px; line-height:23px; color:#999; font-size:12px;  background:url(../images/dian.gif) no-repeat center 30px;} 
.c_1200_6 .title2 .m_389 .d_23_1 span{ padding:0 12px; }

.c_1200_6 .m_266{ float:left; width:1140px; height:236px; overflow:hidden;}
.c_1200_6 .m_266 .l_374{ float:left; padding:15px 15px; width:350px; height:194px; margin-left:15px; margin-right:15px; padding-top:42px; margin-top:24px; background:#f2f2f2; position:relative;
-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;}
/*.c_1200_6 .m_266 .l_374:hover{ background:#007d99;}*/

.c_1200_6 .m_266 .l_374 .title3{ float:left; display:block; width:320px; height:42px; line-height:42px; font-size:16px; color:#333; padding-bottom:7px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative;
-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;
}
.c_1200_6 .m_266 .l_374:hover .title3{ color:#5f5f5f;}
.c_1200_6 .m_266 .l_374 .d_24{ float:left; width:320px; line-height:24px; height:48px; font-size:14px; color:#777; overflow:hidden;
-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;
}
/*.c_1200_6 .m_266 .l_374:hover .d_24{ color:#fff;}*/
.c_1200_6 .m_266 .l_374 .d_23_2{ float:left; height:23px; line-height:23px; width:320px; padding-left:20px; background:url(../images/jt.png) left center no-repeat; margin-top:21px; font-size:14px; position:relative;
-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;
}
.c_1200_6 .m_266 .l_374:hover .d_23_2{ width:320px; background:0; color:#fff; padding-left:0;}
/*.c_1200_6 .m_266 .l_374:hover .d_23_2 a{ color:#fff;}*/
.c_1200_6 .m_266 .l_374 .d_23_2 a{ color:#5f5f5f;}

.c_1200_6 .m_266 .l_374 .d_23_2 .pf_right_icon1{ position:absolute; width:24px; height:17px; margin-top:3px; left:280px; top:0; z-index:2; overflow:hidden;
-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;
}
.c_1200_6 .m_266 .l_374 .pf_right_icon1 i{ float:left; width:0px; height:1px; margin-top:8px; background:#5f5f5f;
-webkit-transition: all 0.4s ease-out 0s; 
-moz-transition: all 0.4s ease-out 0s; 
-o-transition: all 0.4s ease-out 0s; 
transition: all 0.4s ease-out 0s;
}
.c_1200_6 .m_266 .l_374:hover .d_23_2 .pf_right_icon1 i{ width:24px;}
.c_1200_6 .m_266 .l_374 .d_23_2 .pf_right_icon1 b{ float:left; width:8px; height:17px; margin-left:-8px;}


.pf3{ float:left; position:absolute; top:-14px; left:25px; padding-left:16px; width:80px; height:40px; background:#656565;}
.pf3 .t_24{ float:left; width:80px; height:40px; line-height:40px; font-size:20px; color:#f8f8f8; font-family:"Arial";}
.pf3 .d_18{ float:left; width:64px; height:18px; line-height:18px; font-size:14px; color:#c9c9c9; font-family:"Arial";}


.index_bot_1 {background:#215eb9; width:100%; margin-top:30px; border-bottom:1px solid #6e6e6e;}
.index_bot { width:1140px; margin: 0 auto; overflow:hidden; padding:30px 0px; color:#bebebe}
.index_bot a {color:#bebebe}
.index_bot2 .l { float:left; width:140px; }
.index_bot2 .l img { width:140px;}

.index_bot2 .c { float:left; width:360px; margin-left:200px; }
.index_bot2 .c dl {float:left; width:120px; line-height:24px; text-align:left; } 
.index_bot2 .c dt {   width:120px; font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.index_bot2 .c dt a { color:#fff}
.index_bot2 .c dd {  width:120px; line-height:23px; text-align:left; }

.index_bot2 .r { float:right; padding-right:10px; width:220px; line-height:22px; text-align:left}
.index_bot2 .r dl {float:left; width:220px; text-align:left; } 
.index_bot2 .r dt { width:220px; font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.index_bot2 .r dt a { color:#fff}
.index_bot2 .r dd { width:220px; line-height:25px;text-align:left; }
.rightdd1 { background:url(../images/icon22.png) no-repeat 0px 5px; padding-left:22px;}
.rightdd2 { background:url(../images/icon11.png) no-repeat 0px 5px; padding-left:22px;}
.rightdd3 { background:url(../images/icon33.png) no-repeat 0px 5px; padding-left:22px;}

.index_bot3 { background:#215eb9; width:100%; padding:15px 0px; color:#bebebe; text-align:center; line-height:24px; }
.index_bot3 a {color:#bebebe}


/*关于我们*/

.z_banner{ width:100%; height:215px; }

.z_dao{ width:1140px; height:60px; margin:0 auto; }
.zi_losp{ float:left; height:60px; line-height:60px; font-size:16px; }

.z_weizhi{ float:right; height:60px;  background:url(../images/icon44.png) left center no-repeat; line-height:60px; text-align:right; color:#323232; padding-left:20px;}
.z_weizhi a{ color:#323232; }

.sectitle { float:right; width:200px;}

.menu1 { height:100%;  margin-top:0px;}
.menu1 h1 { float:left; height:40px; line-height:40px; width:130px; background:#9e9e9e; text-align:center; margin-left:8px; cursor:pointer; border-radius:20px;}
.menu1 h1:hover,.menu2 h1:hover { background:#215eb9;}
.menu1 h1 a { color:#fff}

.menu1 h1.curbg { background:#215eb9; }

.menu2 { height:100%;  margin-top:0px;}
.menu2 h1 { float:left; height:30px; line-height:30px; width:50px; background:#9e9e9e; text-align:center; margin-left:3px;  }
.menu2 h1 a { color:#fff}
.menu2 h1.curbg { background:#215eb9; }

.sec_con { width:1140px; padding-top:10px; margin:0 auto;}

/*滚动图片2*/
.sec_tpm { font-size:14px; width:1140px; line-height:25px; padding:15px 0px; position: relative;}

/*产品内页展示*/
.ul_1 { width:265px; margin-top:15px; overflow:hidden; margin-left:10px; margin-right:10px;}
.ul_1 li{ width:265px; height:283px; margin-right:20px; margin-bottom:20px;  position:relative;}
.ul_1 li .t_284{ width:263px; height:203px; border:1px solid #eee; border-bottom:none; -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;}
.ul_1 li .t_284 img { width:260px; height:201px;}

.ul_1 li .d_284{  width:263px;  padding-left:20px; padding-right:20px; padding-top:10px; height:83px; background:#f5f5f5; cursor:pointer;-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;}.ul_1 li:hover .d_284{ background:#215eb9;}
.ul_1 li:hover .d_284 .t_27 a{ color:#fff;}
.ul_1 li:hover .d_284 .m_36{ color:#fff;}
.ul_1 li:hover .d_284 .d_23_4 a{ color:#fff;}

.ul_1 li .d_284 .t_27{ width:223px; font-size:14px; color:#000;height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; text-align:left;-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;}
.ul_1 li .d_284 .t_27 a{ color:#000;}

.ul_1 li .d_284 .d_23_4{ font-size:12px; float:left; width:238px; height:23px; line-height:23px; padding-left:14px; background:url(../images/fimg41.png) left center no-repeat; position:relative;text-align:left;-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;}
.ul_1 li .d_284 .d_23_4 a{ color:#c4c4c4;}
.ul_1 li:hover .d_23_4{ width:200px; background:0; color:#fff; padding-left:0;}

.ul_1 li .d_284 .d_23_4 .pf_right_icon2{ position:absolute; width:24px; height:17px; margin-top:3px; left:200px; top:0; z-index:2; overflow:hidden;
-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;}
.ul_1 li .d_284 .d_23_4 .pf_right_icon2 i{ float:left; width:0px; height:1px; margin-top:8px; background:#bebebe;-webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.ul_1 li:hover .d_23_4 .pf_right_icon2 i{ width:24px;}
.ul_1 li .d_284 .d_23_4 .pf_right_icon2 b{ float:left; width:8px; height:17px; margin-left:-8px;}

/*产品类别展示*/


.ul_2 { float:left; width:360px; margin-top:15px; overflow:hidden; margin-left:10px; margin-right:10px;}
.ul_2 li{ width:360px; height:350px; margin-right:20px; margin-bottom:20px;  position:relative;}
.ul_2 li .t_284{ width:358px; height:289px; border:1px solid #eee; border-bottom:none; -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;}
.ul_2 li .t_284 img { width:356px; height:288px;}

.ul_2 li .d_284{  width:358px;  padding-left:20px; padding-right:20px; padding-top:10px; height:83px; background:#ededed; cursor:pointer;-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;}
.ul_2 li:hover .d_284{ background:#215eb9;}
.ul_2 li:hover .d_284 .t_27 a{ color:#fff;}
.ul_2 li:hover .d_284 .m_36{ color:#fff;}
.ul_2 li:hover .d_284 .d_23_4 a{ color:#fff;}

.ul_2 li .d_284 .t_27{ width:318px; font-size:14px; color:#000;height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; text-align:left;-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;}
.ul_2 li .d_284 .t_27 a{ color:#000;}

.ul_2 li .d_284 .d_23_4{ font-size:12px; float:left; width:304px; height:23px; line-height:23px; padding-left:14px; background:url(../images/fimg41.png) left center no-repeat; position:relative;text-align:left;-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;}
.ul_2 li .d_284 .d_23_4 a{ color:#c4c4c4;}
.ul_2 li:hover .d_23_4{ width:200px; background:0; color:#fff; padding-left:0;}

.ul_2 li .d_284 .d_23_4 .pf_right_icon2{ position:absolute; width:24px; height:17px; margin-top:3px; left:200px; top:0; z-index:2; overflow:hidden;
-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;}
.ul_2 li .d_284 .d_23_4 .pf_right_icon2 i{ float:left; width:0px; height:1px; margin-top:8px; background:#bebebe;-webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}
.ul_2 li:hover .d_23_4 .pf_right_icon2 i{ width:24px;}
.ul_2 li .d_284 .d_23_4 .pf_right_icon2 b{ float:left; width:8px; height:17px; margin-left:-8px;}




.products{ width:1140px; margin-top:100px;}
.pro_left{  width:602px;float:left; overflow:hidden;}

/*鍥剧墖鏀惧ぇ闀滄牱寮�*/
.jqzoom{  border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:600px;  overflow:hidden; border:1px solid #CCC;}
.jqzoom img{width:600px;  }
.zoomdiv{ z-index:100;position:absolute;top:0px;left:0px;width:320px;height:324px;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:538px; float:left; overflow:hidden; padding-left:50px; }
.pro_right h1{font-size:20px; display:block; line-height:35px; padding-bottom:10px; font-weight:bold;}
.pro_right p{font-size:15px; line-height:30px;}



.ul04 .l2_1{ width:1140px; height:178px; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #f0f0f0; display:block;}
.ul04 .l2_1 .l_117{ float:left; width:117px; height:117px; padding-top:23px; padding-bottom:21px; background:#b7b7b7; margin-right:60px;}
.ul04 .l2_1 .l_117 .t_50_1{  width:117px;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:117px; 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:963px; height:117px; overflow:hidden;}
.ul04 .l2_1 .r_714 .t_48_1{ float:left; width:963px; height:48px; padding-bottom:4px; line-height:48px; 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:963px; 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:#215eb9;}
.ul04 .l2_1:hover .d_56 a{ color:#215eb9;}
.ul04 .l2_1:hover .l_117{ background:#215eb9;
-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;}


.z_l1{float:left; width:100%;}
.z_l2{float:left; width:100%;}
.l1_1 .z_l1{display:none;}
.l2_1 .z_l2{display:none;}

.sec_lx{font-size: 14px;
    width: 1140px;
    line-height: 25px;
    padding: 15px 0px;
    position: relative;}
	.sec_lx dl{ margin-bottom:30px; clear:both;}
	
	.sec_lx dl dt{ background: #e5e5e5;
    padding: 20px 20px;
    height: 200px; float:left; width:660px;}
		.sec_lx dl dd{  
    height: 200px; float:right; width:470px;}
	
	.sec_lx dl dd img{ width:100%;}
	
