@charset "utf-8";

/* CSS Document */

/* Author: zq */

/* Time: 2013/12/18*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,

form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}

table {border-collapse: collapse; border-spacing: 0;}

fieldset,img {border: 0; padding:0px; margin:0px;}

ol,ul,li{list-style: none;}

h1,h2,h3,h4,h5,h6 {font-weight: normal; font-size:100%;}

body,a{ font-family:""; font-size:12px; color:#646464; }

h3,h3 a{ font-family:"΢ź";}

a{ text-decoration:none;}

.fl{ float:left;}

.fr{ float:right;}

.show{ display:block;}

.hide{ display:none;}

.clear{ clear:both;}

html{ overflow-x:hidden;}

input,textarea{ outline:none;}

.wid1000{ width:1000px; margin:0 auto;}

.case_c a:hover,.body_r a:hover,.ind_case_r li a:hover,.f_tbox a:hover,.f_down a:hover,.h_link a:hover,.lg_selist li a:hover{ color:#216dc1;}



/*header*/

.header{ position:relative; z-index:400; width:100%; height:150px; background:url(../images/h_back.jpg) repeat-x;}

.head{ position:relative; width:1014px; height:150px; margin:0 auto;}

.logo{ position:absolute; left:0; top:0;}

.h_wb{ position:absolute; top:10px; right:295px;}

.h_wb a{ background:url(../images/h_wbimg.png) no-repeat left; padding-left:23px; color:#969696; height:15px; line-height:15px; display:block;}

.h_tel{ position:absolute; top:0; right:0;}

.h_link{ position:absolute; top:72px; right:200px;}

.h_link a{ font-size:13px; background:url(../images/h_linkbtn.png) no-repeat right center; padding-right:10px; margin-right:10px;}

.language{ position:absolute; top:65px; right:210px; z-index:600;}
.lang_name{ width:70px; height:28px; line-height:28px;}

.lang_select{ position:relative; z-index:600; width:104px;}
.lang_select a img{ vertical-align:middle; margin-right:5px; margin-left:12px;}
.lg_sel1{ background:url(../images/lang_tback.png) no-repeat; width:104px; height:24px; line-height:26px;}
.lg_selist{ position:relative; z-index:100; height:auto; overflow:hidden; display:none; background:url(../images/lang_cback.png) repeat-y;}
.lg_selist li{ height:28px; line-height:28px;}
.lang_dback{ background:url(../images/lang_dback.png) no-repeat; width:104px; height:4px;}

.search{ position:absolute; top:69px; right:13px;}

.ser_text{ float:left; background:url(../images/ser_text.png) no-repeat; font-family:""; color:#c8c8c8; width:152px; height:21px; line-height:21px; padding-left:8px; display:block; border:none;}

.ser_sub{ float:left; background:url(../images/ser_sub.png) no-repeat; width:21px; height:21px; display:block; border:none; cursor:pointer;}



.nav{ position:absolute; top:110px; left:0; height:40px; background:url(../images/nav_line.jpg) no-repeat right; padding-right:2px;}

.nav li{ float:left; background:url(../images/nav_line.jpg) no-repeat left; padding-left:2px; width:165px; height:40px; line-height:40px; text-align:center;}

.nav_name a{ font-family:"΢ź"; color:#FFF; font-size:15px; font-weight:bold;}

.nav li.nav_cur,.nav li.nav_bd{ background:url(../images/nav_liback.jpg) no-repeat; width:170px; margin-right:-4px;}

.nav li.nav_cur .nav_name a,.nav li.nav_bd .nav_name a{ color:#0e58a8;}

.sub_com{ position:absolute; z-index:400; left:0px; top:40px; background:url(../images/sub_comback.png) no-repeat; width:1010px; height:298px; display:none;}

.nav .sub_com li{ float:none; background:none; line-height:normal; text-align:left; padding:0;}

.nav .sub_com{ line-height:normal; text-align:left;}

.sub_canl{ width:142px; padding-left:64px;}

.nav .sub_com .sub_canl li{ width:142px; height:30px; line-height:30px;}

.sub_canl{ height:253px;}

.sub_comList{ height:210px; overflow:hidden; margin-top:20px;}

.sub_canl li a{ font-family:"΢ź"; color:#323232; font-size:15px; font-weight:bold; background:url(../images/sub_combtn.png) no-repeat left; padding-left:12px;}

.sub_canl li a:hover{ color:#0e58a8;}

.sub_rbox{ width:286px; padding:28px 56px 0 56px; background:url(../images/sub_comline.png) no-repeat left top;}



.nav .sub_pro{ line-height:normal; text-align:left; display:none; position:absolute; z-index:400; top:40px; left:166px; background:url(../images/sub_proback.png) no-repeat; width:840px; height:198px;}

.sub_proList{ width:768px; height:144px; overflow:hidden; margin:34px 0 0 44px;}

.nav .sub_pro li{ background:none; padding:0; margin-right:16px; display:inline; width:112px; height:144px; line-height:32px; text-align:left;}

.nav .sub_pro li a img{ border:1px solid #dddddd;}

.nav .sub_pro li a,.nav .sub_pro li img,.nav .sub_pro li span{ display:block;}

.sub_proName{ color:#323232; height:32px; overflow:hidden; text-align:center;}

.sub_new{ position:absolute; z-index:400; left:502px; top:40px; background:url(../images/sub_Newback.png) no-repeat; width:508px; height:298px; display:none;}
.sub_new .sub_canl{ width:138px; padding-left:68px;}
.nav .sub_new li{ float:none; background:none; line-height:normal; text-align:left; padding:0;}
.nav .sub_new .sub_canl li{ width:142px; height:30px; line-height:30px;}
.sub_new .sub_rinfor{ width:302px; }
.sub_new .sub_rbox{ background:none; width:210px; padding:32px 26px 0 28px;}

.sub_soultion{ position:absolute; z-index:400; left:166px; top:40px; background:url(../images/sub_solback.png) no-repeat; width:840px; height:268px; display:none;}
.nav .sub_soultion li{ float:none; background:none; line-height:normal; text-align:left; padding:0;}
.nav .sub_soultion,.nav .sub_contact,.nav .sub_new{ line-height:normal; text-align:left;}
.sub_soultion .sub_canl{ width:135px; padding-left:65px;}
.nav .sub_soultion .sub_canl li{ width:168px; height:30px; line-height:30px;}
.sub_soultion .sub_rinfor{ width:640px; }
.sub_soultion .sub_rbox{ width:300px; margin-top:30px; padding:0 10px 0 10px; background:none; text-align:center;}

.sub_contact{ position:absolute; z-index:400; left:835px; top:40px; background:url(../images/sub_contback.png) no-repeat; width:170px; height:172px; display:none;}
.nav .sub_contact li{ float:none; background:none; line-height:normal; text-align:left; padding:0;}
.sub_contact .sub_canl{ width:112px; padding-left:58px;}
.nav .sub_contact .sub_canl li{ width:120px; height:30px; line-height:30px;}


.h_wb a{ float:left; margin-left:10px; _display:inline;}
.h_wb a.h_wx{ background:none; width:62px; height:22px;}
.h_wbclik{ margin-top:3px;}
body{ position:relative;}
.wx_bd{ position:absolute; z-index:900; left:0; top:0; width:100%; height:100%; background-color:#000; opacity: 0.1; filter:alpha(opacity=10); display:none; }
.wx_show{ position:absolute; z-index:1000; top:20px; left:50%; margin-left:-150px; width:140px; line-height:20px; padding:20px 30px; text-align:center; background-color:#FFF; display:none;}
.wx_close{ display:block; position:absolute; z-index:20; top:6px; right:10px;}




.recomd_pro{ position:relative; width:204px; height:auto; overflow:hidden;}

.recomd_top{ background:url(../images/recom_tback.jpg) no-repeat; height:40px; line-height:40px;}

.recomd_line{ position:absolute; top:0; right:0; background:url(../images/recom_rline.png) no-repeat; width:3px; height:336px;}

.recomd_top h3{ color:#323232; font-size:14px; font-weight:bold; padding-left:20px;}

.recomd_top h3 span{ font-size:12px;}



/*ͼƬť¹*/

a.abtn{ display:block; width:166px; height:18px; overflow:hidden;}

a.aleft{ background:url(../images/recom_tac.jpg) no-repeat; margin-bottom:10px;}

a.aleft:hover{ background:url(../images/recom_tho.jpg) no-repeat;}

a.aright{ background:url(../images/recom_dac.jpg) no-repeat;}

a.aright:hover{ background:url(../images/recom_dho.jpg) no-repeat;}

.scrolllist{ width:166px; padding:8px 19px; background-color:#ebebeb;}

.scrolllist .imglist_w{ width:166px; height:480px; overflow:hidden; float:left; position:relative;/*ҪԪ*/}

.scrolllist .imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}

.scrolllist .imglist_w li{width:166px; height:160px; float:left;}

.scrolllist .imglist_w li img{ padding:4px; border:1px solid #c8c8c8;}

.scrolllist .imglist_w li a{ display:block;}

.pro_imgname{ width:166px; height:36px; line-height:36px; overflow:hidden;}

.pro_imgname a{ color:#323232; padding-left:2px;}

#s2{ width:166px;}

#s2 .imglist_w{ width:166px;}

#s2 .imglist_w ul{height:20000px;width:auto;position:absolute;left:0px;top:0px;}

#s2 .imglist_w li{float:none;}



.content{ line-height:24px; color:#323232; width:736px; height:auto; overflow:hidden; padding:34px 30px 0 0; }

.content a{ color:#323232;}

.pager{ clear:both; height:68px; line-height:68px; text-align:center;}

.pager a{ color:#323232; padding:7px 10px; margin:0 3px; background-color:#f9f9f9; border:1px solid #dcdcdc;}

.pager a:hover{ background-color:#216dc1; color:#FFF;}

.pager a.on{ background-color:#216dc1; color:#FFF;}



/*ѡ*/

.sul_select{ height:28px; border-bottom:3px solid #216dc1;}

.sul_select li{ float:left; margin-right:4px; display:inline; font-family:"΢ź"; font-size:13px; background:url(../images/sul_selac.jpg) no-repeat; width:118px; height:28px; line-height:28px; text-align:center; cursor:pointer;}

.sul_select li.sul_cur{ background:url(../images/sul_selho.jpg) no-repeat; color:#FFF; font-weight:bold;}

.sul_content{ background:url(../images/sul_conback.jpg) no-repeat top; font-family:"΢ź"; color:#646464; width:698px; height:auto; overflow:hidden; padding:16px 20px 60px 18px;}

.sul_content .product_dList{ background:none; padding:0px; height:auto; overflow:hidden;}



/*ǰλģ*/

.position{ height:36px; line-height:36px; margin-top:10px; border-bottom:1px solid #d0d0d0;}

.posit_name h3{ color:#323232; font-size:14px;}

.posit_where{ color:#969696; margin-right:30px; display:inline;}

.posit_where strong{ background:url(../images/posi_btn.png) no-repeat left top; padding-left:16px;}

.posit_where a{ color:#969696; padding:0 6px;}

.posit_where span{ margin-left:6px; color:#0e58a8;}









/*footer*/

.footer_bg{background-color: #323232;border-top: 4px solid #3382d9; margin-top:50px;}
.footer { width:1038px; margin:0 auto;}
.f_top {padding: 42px 0 50px;overflow: hidden;}
.f_tbox {width: 135px;min-height: 80px;margin-right: 38px;display: inline;background: url(../images/f_tline.jpg) no-repeat right top; float:left; font-size:16px; font-weight: bold;}
.f_tbox a:hover{color: #216dc1; text-decoration:none;}
.f_tbox dt {padding-bottom: 16px;}
.f_tbox dd {width: 135px;height: 30px;line-height: 30px;overflow: hidden;}
.f_tbox dd a {color: #c8c8c8;background: url(../images/f_tbtn.jpg) no-repeat left;padding-left: 8px; font-size:12px; font-weight:normal;}
.f_down {color: #c8c8c8;}
.f_love {line-height: 20px; text-align:center;}
.f_love a {padding: 0 12px; color:#ddd;}
.copyright {padding: 24px 0 15px; text-align:center;}
.copyright a{ color:#ddd;}
.f_dlink {padding-bottom: 50px; text-align:center;}
.f_dlink a{ color:#ddd;}

/*ģ*/

.banner{ position:relative; height:238px;}

.banner img{ position:absolute; left:50%; margin-left:-800px; width:1600px; height:238px;}

.body_warp{ background:url(../images/body_cback.jpg) no-repeat top center; min-height:390px; height:auto; overflow:hidden; padding-bottom:35px; margin-top:4px;}

.body_l{ position:relative; width:204px;}

.body_r{ width:766px;}

.body_Line{ position:absolute; z-index:10; top:0; right:0; background:url(../images/chnal_rback.png) no-repeat; width:7px; height:354px;}

 



/*ƼƷ*/


.chnal{ margin-bottom:22px; width:250px;}

.chnal_top{ height:62px; padding-bottom:3px; border-top:4px solid #216dc1; border-bottom:1px solid #dcdcdc;}

.chnal_top h3{ color:#0e58a8; font-size:18px; margin-top:18px; font-weight:bold; padding-left:27px;}

.chnal_top h3 span{ font-family:Arial; font-size:10px; }

.chnal_top h3 span,.recomd_top h3 span{ font-family:Arial; color:#969696; margin-left:6px; font-weight:normal; -webkit-text-size-adjust:100% }






.cp_fenlei
{
    min-height: 190px;
    margin-top: 20px;
    float: left;
    width: 204px;
    overflow: hidden;
}

.list
{
    width: 170px;
    line-height: 42px;
    overflow: hidden;
    cursor: pointer;
    margin: 0px auto;
}
.rong
{
    width: 170px;
    overflow: hidden;
    border-bottom:1px solid #dcdcdc;
}
.level_1
{
    padding-left: 20px;
    background: url(../images/pro_ico1.gif) left center no-repeat;
	font-size:14px;
}

.level_1 a:hover{text-decoration:none;}


.level_1:hover
{
    background: url(../images/pro_ico2.gif) left center no-repeat;
    padding-left: 20px;
		font-size:14px; 

}
.level_2
{
    padding-left: 20px;
}
.level_3
{
    padding-left: 30px;
}
.level_4
{
    padding-left: 40px;
}
.level_5
{
    padding-left: 50px;
}
.level_6
{
    padding-left: 60px;
}
.level_1 a
{
    color: #323232;
    font-weight: bold;
}
.level_2 a
{
    padding-left: 10px;
    color: #666666;
}
.level_3 a
{
    padding-left: 10px;
    color: #666666;
}
.level_4 a
{
    padding-left: 10px;
    color: #666666;
}
.level_5 a
{
    padding-left: 10px;
    color: #666666;
}