body { background: #fff; overflow-x: hidden; font-family: Microsoft SimHei;}

body a , body p{ color: #5e5e5e; }

body a { font-family: }

body a:hover { color: #000; }



/*.cr11 ,.cr12,.cr13,.tuijian_pro_con div p ,.main_pro ul li ,.attentionjinfo ul li p,.programcon dl dd a,.programcon dl dt a,.end_title li { font-family: Microsoft SimHei; }*/

/* */

.main_pro_con div h3 ,.bottom-nav-t-r ul li p , .bottom-nav-c a ,.end_title .pal , .end_title li ,.mmp, .con1_right_con div span ,.main_pro>ul li,.top_left span{ font-family: Microsoft YaHei; }

.con{ width: 955px; margin: 0 auto; }

.conWapper  { width: 1082px; margin: 23px auto 0 auto; } 

.top_nav { height: 29px; background: #9d81bc; }

.top_left span { float:  left; font-size: 14px; color: #fff; line-height: 29px; margin: 0 20px 0 0 ; background: transparent url("../image/tlibg.jpg") left center no-repeat; padding: 0 0 0 10px; }

.top_right { float: right; color:#FFF; font-size:14px; line-height:26px; }
.top_right  span{ font-size:14px;line-height:26px; color:#FFF}

.top_right a { display: block; float:  left; width: 21px; height: 21px; margin: 5px 10px 0 0 ; } 

.top_right a.item1 { background: transparent url("../image/item1.png") center center no-repeat; }

    .top_right a.item1:hover { background: transparent url("../image/item1_hover.png") center center no-repeat; }

.top_right a.item2 { background: transparent url("../image/item2.png") center center no-repeat; }

    .top_right a.item2:hover { background: transparent url("../image/item2_hover.png") center center no-repeat; }

.top_right a.item3 { background: transparent url("../image/item3.png") center center no-repeat;  }

    .top_right a.item3:hover { background: transparent url("../image/item3_hover.png") center center no-repeat;  }

.top_right a.item4 { background: transparent url("../image/item4.png") center center no-repeat; }

    .top_right a.item4:hover { background: transparent url("../image/item4_hover.png") center center no-repeat; }



.head_logo { height: 100px; background:#FFF }

.head_logo .con>a { display: block; float: left; margin: 5px 0 0 0 ; }

.head_logo .con div { float: right; }

.head_logo .con div form { width: 223px; height: 23px; margin: 10px 0 10px 0 ; }

#search  { float: left; font-size: 12px; color: #bebebe; height: 23px; line-height: 23px; width: 141px; padding: 0 0 0 30px;  border: 1px solid #e1dfda;  background: url("../image/search.jpg") 5% center #f0efed no-repeat; }

#submit { width:46px; height: 23px; cursor: pointer; background: #9f5454 ; font-size: 12px; color: #FFF;  border: 1px solid #e1dfda; }

  

/*首页BANNER大图*/

.DB_tab25 {width:100%; height:580px; position:relative; background:#FFF;}

.DB_tab25 .DB_bgSet{ position:relative;}

.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:580px;display:none}

.DB_tab25 .DB_imgSet{position:absolute;width:1100px;left:50%;margin-left:-550px;}



.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:248px;top:0px;}

.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:600px;top:0px;}



.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:350px;top:100px;}

.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:680px;top:0px;}



.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:-20px;top:100px;}

.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:350px;top:400px;}



.DB_tab25 .DB_imgSet .DB_4_1{ptop_rightosition:absolute;left:90px;top:0px;}

.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:600px;top:96px;}



.DB_tab25 .DB_imgSet .DB_5_1{position:absolute;left:-20px;top:130px;}

/*.DB_tab25 .DB_imgSet .DB_5_2{position:absolute;left:700px;top:100px;}*/



.DB_tab25 .DB_imgSet .DB_6_1{position:absolute;left:-50px;top:115px;}

/*.DB_tab25 .DB_imgSet .DB_5_2{position:absolute;left:700px;top:100px;}*/





.DB_tab25 .DB_menuWrap{position:absolute;width:1100px;left:50%;margin-left:-500px;}

.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:90%;top:500px;text-align:center;font-size:0}

.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}



.DB_tab25 .DB_prev{position:absolute;left:-130px;top:250px;cursor:pointer;display:none; }

.DB_tab25 .DB_next{position:absolute;right:-40px;top:250px;cursor:pointer;display:none;  }

 

.sales_k{ width:100%; height:214px; margin:0 auto; background:#170f0c;}

.sales{ width:1100px; background:url(../image/xm2_bj.jpg) no-repeat; margin:0 auto; overflow:hidden;}

.video_k{ width:254px; float:left; margin-left:10px;margin-right:22px;overflow:hidden;}

.video_bt{ margin-left:2px; }

.video_btl{ float:left; margin-top:21px;}



.video_btr{ float:right; margin-top:24px;}

.video_tu img{ border:1px solid #483d22; margin-top:11px;}

.active_k{ width:254px; float:left; margin-right:22px;overflow:hidden;}

.youhui_k{ width:254px; float:left;margin-right:22px;overflow:hidden;}

.zhuanjia_k{ width:250px; float:left; overflow:hidden;}



/*----------------con1-----------------*/

.con1_left { width: 302px; height: 384px; position: relative; float: left; } 

    /*div.wrapper { width: 302px; margin: 0 auto; position: relative; }*/

    .fn-clear { zoom: 1; }

    .box_skitter { position: relative; background: none; }

        .box_skitter ul { display: none; }

        .box_skitter .container_skitter { overflow: hidden; position: relative; }

        .box_skitter .image { overflow: hidden; }

            .box_skitter .image img { display: none; }

        .box_skitter .box_clone { position: absolute; top: 0; left: 0; width: 100px; overflow: hidden; display: none; z-index: 20; }

            .box_skitter .box_clone img { position: absolute; top: 0; left: 0; z-index: 20; }

        .box_skitter .prev_button { position: absolute; top: 50%; left: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../image/xm2_bj.png) no-repeat left top !important; }

        .box_skitter .next_button { position: absolute; top: 50%; right: -5px; z-index: 100; width: 57px; height: 62px; overflow: hidden; text-indent: -9999em; margin-top: -25px; background: url(../image/xm2_bj.png) no-repeat left top !important; }

        .box_skitter .label_skitter { z-index: 150; position: absolute; display: none; }

    .loading { position: absolute; top: 50%; right: 50%; z-index: 10000; margin: -16px -16px; color: #fff; text-indent: -9999em; overflow: hidden; background: url(../image/xm2_bj.gif) no-repeat left top; width: 31px; height: 31px; }

    #slideshow { width: 302px; height: 384px; position: relative; }

        #slideshow ul { display: none; } 

        .info_slide { position: absolute; bottom: 5px; z-index: 99999999; left: 5px;  } 

        .info_slide span {  width: 12px ; height: 12px; display: block;  float: left; margin: 0 5px 0 0 ; cursor: pointer; text-indent: 99999px; }

        

.con1_center { width: 415px; float: left; margin: 0 25px ;}

    .con1_center div { margin: 16px 0 0 0; *margin: 12px 0 0 0 ; _margin: 12px 0 0 0 ; }

    .con1_center div img { border: 4px solid #2e2724; float: left; }

    .con1_center div div { width: 290px; float: left; margin: 0 0 0 10px ; }

    .con1_center div div h3 { font-size: 16px; font-weight: bold; line-height: 25px; color: #120719;  }

    .con1_center div div p { font-size: 13px; color: #5e5e5e; line-height: 24px; padding: 10px 0 0 0 ;}

    .con1_center div div p a { color: #cb3030; }

    .con1_center div div a:hover { text-decoration: none; }

    .con1_center ul { margin:40px 0 0 0; _margin: 10px 0 0 0; *margin: 10px 0 0 0 ; }

    .con1_center ul li { background: transparent url("../image/libg.jpg") left center no-repeat; padding: 0 0 0 15px; line-height: 30px; height: 30px; }

    .con1_center ul li a { font-size: 13px;  line-height: 30px; height: 30px; float: left; }

    /*.con1_center ul li a:hover { color: #000;} */

    .con1_center ul li span {  font-size: 13px; color: #5e5e5e; line-height: 26px; float: right;}



.con1_right { width: 315px; float: left; }

.con1_right_top { height: 35px; background: transparent url("../image/con1_right_topbg.jpg") top center no-repeat; }

.con1_right_con { padding: 5px 15px; background: #edece4; height:210px; }
.con1_right_con p{ text-indent:2em; line-height:25px; margin-top:24px; }

.con1_right_con div { width: 90px; float: left; margin: 5px 0 0 0 ;}

.con1_right_con div span { display: block; line-height: 24px; font-size: 13px; text-align: center; }

.cr11 a,.cr12 a,.cr13 a { display: block; width: 48px; height:48px; margin: 0 auto; overflow: hidden; }

    .cr11 a { background: transparent url("../image/cr11.jpg") 0 0 no-repeat;  transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;}

    .cr11 a:hover { background-position: 0 -48px; }

    .cr12 a { background: transparent url("../image/cr12.jpg") 0 0 no-repeat;  transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;}

    .cr12 a:hover { background-position: 0 -48px; }

    .cr13 a { background: transparent url("../image/cr13.jpg") 0 0 no-repeat;  transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s;}

    .cr13 a:hover { background-position: 0 -48px; }

.tuijian_pro { height: 45px; border-bottom: 1px solid #e3e3e2; position: relative; margin: 10px 0 0 0 ; _margin: 5px 0 0 0 ; *margin: 5px 0 0 0 ; }

.tuijian_pro h2{ font-size: 25px; font-weight: bold; float: left; padding: 0 0 0 25px; line-height: 45px; cursor: pointer; color: #000; background-position: left 50% ; background-repeat: no-repeat; background-image: url("../image/sph2bg.jpg");  }

.tuijian_pro p { font-size: 13px; color: #5e5e5e; float: right; line-height: 45px; padding: 0 80px 0 0; font-family: Mrcrosoft SimHei; }
.tuijian_pro p a{ color:#999}
.tuijian_pro p>a:hover {  }

.tuijian_pro>a { display: block; width: 51px; height: 18px; font-size: 13px;  background: #2e2724; text-align: center; line-height: 18px;position: absolute; color: #fff; top: 11px; right: 0; }

    .tuijian_pro>a:hover {color: #fff; }

.tuijian_pro p strong { color: #000; }



.tuijian_pro_con { height: 180px; }

.tuijian_pro_con a { display: block; width: 202px; padding: 1px; height: 155px; float: left; margin: 15px 4px 0 4px; border: 2px solid #fff;  transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s; }

    .tuijian_pro_con a:hover { border: 2px solid #8f6fa2; box-shadow: 1px 1px 5px #d3c0df; }

/*.tuijian_pro_con div p { font-size: 13px; color: #5e5e5e; line-height: 22px; text-align: center; }*/

.tuijian_pro_con div p {

    color: #5e5e5e;

    font-size: 12px;

    line-height: 22px;

    text-align: center;

}

 .main_pro { height: 35px; width: 100%; background: transparent url("../image/main_probg.jpg") left center no-repeat; margin: 15px 0 0 0 ; }

.main_pro>ul { height: 35px; width: 905px;  margin: 0 0 0 176px; /*background: transparent url("../image/mpu.png") center center no-repeat;*/background-image: url("../image/mpu.png"); background-position: right center; background-repeat: no-repeat; }

.main_pro>ul li { width: 225px; text-align: center; line-height: 35px; color: #120719; font-size: 16px; float: left; cursor: pointer; background: transparent url("../image/xm2_bj.png") 0 0 no-repeat; }

    .main_pro>ul li.current { color: #fff; }

.main_pro_left { margin: 10px 0 0 0 ; width: 280px; padding: 15px 15px 0 15px; background: #ececeb; float: left; }

.main_pro_left ul { padding: 5px 0 0 0; }

.main_pro_left li { background: transparent url('../image/mplibg.gif') left center no-repeat; height: 30px; line-height: 30px; padding: 0 0 0 20px; }

.main_pro_left li a { line-height: 30px; height:30px; font-size: 14px; font-family: Microsoft SimHei;}

.mpl_r,.mpl_l { width: 140px; height: 160px; overflow: hidden; float:  left;  position: relative; }

.mpl_r>a>div ,.mpl_l>a>div { padding: 0 10px; background: transparent url("../image/safetylibg.png") 0 0 no-repeat; height: 140px; height:  160px; position: absolute; top: 135px; left: 0; z-index: 2; }

.safelicon_t { color: #fff; text-align: center; line-height: 22px; }

.safelicon_c { color: #fff; text-align: left; line-height: 22px; padding: 15px 0 0 0;}

.mr { cursor: pointer; margin: 10px 0 0 0 ; }

 

.main_pro_con { width: 418px; float: left; }

.main_pro_con div { margin: 0 0 10px 0 ; padding: 0 0 0px 0; border-bottom: 1px solid #dfdfde; }

.main_pro_con div h3 { color: #120719; font-size: 22px; font-weight: 500; text-align: center; line-height: 37px; }

.main_pro_con div p { font-size: 13px; color: #5e5e5e; line-height: 24px; margin-bottom:20px; }

.main_pro_con div p a { color: #cb3030; }



.main_pro_con { margin: 18px 15px 0 15px; }

.main_pro_con ul li { height: 30px;  line-height: 30px; background: transparent url("../image/libg.jpg") left center no-repeat; padding: 0 0 0 15px; }

.main_pro_con ul li a { font-size: 13px; float: left;  line-height: 30px; display: inline-block; }

.main_pro_con ul li span {  font-size: 13px; color: #5e5e5e; float: right;  line-height: 30px; }

/*.main_pro_con .mpc_title { width: 276px; height: 24px; border: 1px solid #dfdfde; margin: 0 auto; padding: 0; }*/



.main_pro_con .mpc_title { width: 400px; height: 24px; border: 1px solid #dfdfde; margin: 0 auto 10px auto; padding: 0;}

.main_pro_con .mpc_title span ,.main_pro_con .mpc_title a { line-height: 24px; height: 24px; display: inline-block; padding: 0 4px; float: left; }

    .main_pro_con .mpc_title span { color: #cb3030; }

    

.main_pro_right { width: 324px; height: 446px; float: left; position: relative; }

    .mmp { position: absolute; font-size: 24px; line-height: 24px; color: #000; }

     

.attentionjinfo { margin: 15px 0 0 0 ; *margin: 5px 0 0 0 ;  _margin: 5px 0 0 0 ; }

.attentionjinfo div.yuyuezj { display: block; margin: 0 15px 0 0 ; float: left; position: relative; width: 306px; height: 318px;  }

    #yuyueInfo { display: none; width: 299px; height: 318px; background: transparent url("../image/yuyeuInfo.png") 0 bottom repeat-x; z-index: 2; position: absolute; top: 0; left: 0;}

    #userInfo { width: 148px; height: 104px; overflow: hidden; position: absolute; top: 200px; right: 30px; }

    #userInfo p { font-size: 14px; line-height: 22px; color: #fff; }

    .attentionjinfo div.yuyuezj:hover #yuyueInfo { display: block; }

.attentionjinfo div.yuyuezjl { width: 740px; float: left; }

  

.attentionjinfo div.yuyuezjl>div img { position: absolute; top: 0; left: 0;  }

.attentionjinfo div.yuyuezjl>div { width: 550px; height: 312px; float: left; position: relative; overflow: hidden; } 



.attentionjinfo div.yuyuezjl>div { position: relative; } 

.attentionjinfo div.yuyuezjl>div img { position: absolute; top: 0; left: 0;  } 





.programcon{ height:320px; background:#FFF; margin:25px auto 0 auto;font-size:12px;}

.programcon dl{width:178px; height:320px; float:left;}

.programcon dl dt{ line-height:40px; font-size:18px; margin-top:10px; display:inline; }

.programcon dl dt a em{ display:block; width:20px; height:20px; background:url(../image/xm2_bj.jpg) 0px 0 no-repeat; float:left;  margin: 10px 10px 0 32px ;}

.programcon dl dt a{color:#3b322f; }

.programcon dl dt a:hover { text-decoration: none; }

.programcon dl dd a{ display:block; line-height:36px; font-size:14px; text-align:center;}

.con6_bj{ background:#ececeb;}

.programcon dl dt a .con6_2{ display:block; width:23px; height: 24px; background:url(../image/xm2_bj.jpg) -20px 0 no-repeat;}

.programcon dl dt a .con6_3{ display:block; width:17px; height:22px; background:url(../image/xm2_bj.jpg) -43px 0px no-repeat;}

.programcon dl dt a .con6_4{ display:block; width:24px; height:25px; background:url(../image/xm2_bj.jpg) -61px 0px no-repeat;}

.programcon dl dt a .con6_5{ display:block; width:21px; height:24px; background:url(../image/xm2_bj.jpg) -85px 0px no-repeat;}

.programcon dl dt a .con6_6{ display:block; width:15px; height:24px; background:url(../image/xm2_bj.jpg) -106px 0px no-repeat;}

.programcon dd a {  border-radius: 2px; outline: medium none;text-decoration: none;transition: all 0.3s linear 0s; width: 100px;margin: auto;}

.programcon dd a:hover{background: none repeat scroll 0 0 #8151a1; color: #FFFFFF; }



 /*    --------envirenment  ---------

#proInfolist { height: 0; overflow: hidden; padding:0; background: #ececeb; }

#proInfolist ul { float:  left; width: 175px; padding: 0 0 0 35px; }

#proInfolist ul li a { line-height: 26px; height: 26px; }

#proInfolist ul li a { line-height: 26px; height: 26px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }

#proInfolist ul li a span { color: #212021; }*/



#proInfolist { height: 0; overflow: hidden; padding:0; background: #ececeb; }

#proInfolist ul { float:  left; width: 175px; padding: 0 0 0 35px; }

#proInfolist ul li { width: 175px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#proInfolist ul li a { line-height: 26px; height: 26px; }

#proInfolist ul li a span { color: #212021; }

 /*    --------envirenment  ---------   */ 

.end{ border:1px solid #ececec; overflow:hidden; float:left; margin: 15px 0 0 0 ; width:1082px;   margin-left: 21%;}

.end_title { height:35px; float:left;  padding:0px; margin:0px; clear:both; overflow:hidden; width: 100%; background: #e9e9e9; }

.end_title ul { height: 35px; width: 100%; }

.end_title li {width:96px; height:35px; text-align:center;line-height:35px; float: left; cursor: pointer; padding: 0 10px; color: #807f80; font-size: 13px; }

.end_title .swd{color:#807f80;}

.end_title .pal{color:#fff; background: url("../image/hanjingbg.jpg") bottom center no-repeat; border-bottom:none; font-size: 15px; }

.end_list{ width: 100%; height:168px; float:left;}

.media{ width:920px; margin: 22px auto; height: 138px;  }

.media img{ padding:5px 10px; float:left; }

.meiti{ width:958px; height:auto; float:left; padding:10px 0px;}

.meiti img{ padding:10px 8px; float:left;}

.environment{ width:978px; height:auto; float:left; }

#demo1,#demo7{ margin: 20px ;float:left;  display:inline; overflow:hidden; width: 1040px; }

#demo1 img,#demo7 img { margin: 0 10px; }

#indemo{ float:left; width:800%; overflow:hidden;}

#demo2,#demo8{ float:left;}

#demo3,#demo9{ float:left;} 

.friend_link{  height:auto; float:left; padding:18px 14px;}

.friend_link a{ line-height:24px; padding:0px 15px; white-space:nowrap;}

 

 /*    --------footer  ---------   */

.footer { height: 200px; background: transparent url("../image/footerbg.jpg") 0 0 repeat-x; padding: 84px 0 0 0 ; margin: 10px 0 0 0 ; }

/*.footer .con>a { display: block; float: left; }*/

.f_center ul { position: relative; left: -10px; }

.f_center ul li { float: left; }

.f_center ul li a { display: inline-block; text-align: center; color: #dfdfdf; width: 80px; line-height: 22px; height: 22px; background: transparent url("../image/flibg.jpg") right center no-repeat; }

.f_center ul li a:hover { color: #fff; }

.footer .f_center { float: left;  padding: 0 0 0 25px; }

.f_center p { font-size: 13px; color: #dfdfdf; line-height: 27px; }

.f_center p a{color:#FFF;}

.f_center p a:hover{color:#FF0;}

.footer .f_right { float:right; width: 170px; }    

.friend_link1 div { width: 130px; float: left; margin: 40px 0 0 0 ; *margin: 20px 0 0 0 ; _margin: 20px 0 0 0 ; }

.friend_link1 div a { display: block; width: 59px; height: 59px; margin: 0 auto; padding: 0; }

.friend_link1 div p { text-align: center; line-height: 30px; }

.friend_link2 div a{ margin-right:15px; font-size:14px; line-height:25px;}

.friend_link2 div { width: 1000px;  margin: 40px 0 0 0 ; *margin: 20px 0 0 0 ; _margin: 20px 0 0 0 ; margin:0 auto ; margin-top:8px;}

.friend_link2 div img { display: block; padding: 0; margin: 0 auto; }

.friend_link2 div p { text-align: center; line-height: 30px; }

 

.f_right ul li {

        width: 34px;

        height: 34px;

        background: transparent url("../image/FotJhHs.png") 0 0 no-repeat;

        float: left;



        }

        #fl {

        /*-ms-animation: ahover 5s 2s infinite ease normal none;*/

        /*-moz-animation:ahover 5s 2s infinite ease normal none;*/

        /*-webkit-animation: ahover 5s 2s infinite ease normal none;*/

        /*-o-animation: ahover 5s 2s infinite ease normal none;*/

        animation: 5s ease-out 1s normal none infinite mclogo; 

        -webkit-animation: mclogo 5s ease-out 1s infinite; 

        }

        /*@-ms-keyframes ahover{*/

        /*    1% { -moz-transform: rorateY(0deg); }*/

        /*    100%{-moz-transform: rotateY(360deg); }*/

        /*}*/

        /*@-moz-keyframes ahover{*/

        /*    1% { -moz-transform: rorateY(0deg); }*/

        /*    100%{-moz-transform: rotateY(360deg); }*/

        /*}*/

        /*@-webkit-keyframes ahover{*/

        /*    1% { -moz-transform: rorateY(0deg); }*/

        /*    100%{-moz-transform: rotateY(360deg); }*/

        /*}*/

        /*@-o-keyframes ahover{*/

        /*    1% { -moz-transform: rorateY(0deg); }*/

        /*    100%{-moz-transform: rotateY(360deg); }*/

        /*}*/

        @keyframes mclogo{

                0% { transform:rotateY(0deg);}

                20% { transform:rotateY(90deg);}	

                40% { transform:rotateY(180deg);}	

                100% { transform:rotateY(360deg);}	

        }

        @-webkit-keyframes mclogo{

                0% { -webkit-transform:rotateY(0deg);}

                20% { -webkit-transform:rotateY(90deg);}	

                40% { -webkit-transform:rotateY(180deg);}	

                100% { -webkit-transform:rotateY(360deg);}	

        }

    .f_right ul li:hover{ background: transparent url("../image/FotJhYs.png") 0 0 no-repeat; }

    .f_right ul a { display: block; margin: 20px 4px ; width: 34px; height: 34px;  float: left;}

    .f_right ul li.sina,.f_right ul li.sina:hover { background-position: 0 0; } 

    .f_right ul li.weibo, .f_right ul li.weibo:hover { background-position: -40px 0; }

    .f_right ul li.qq, .f_right ul li.qq:hover{ background-position: -82px 0;  }

    .f_right ul li.firends,.f_right ul li.firends:hover { background-position: -124px 0; }





/*----------------------program css add ---------------*/

.bottom-nav{ width:1090px; margin:0px auto; padding-left:10px; padding-top:30px; font-size:14px; line-height:36px; position:relative;} 

.bottom-nav-t{ height:37px;line-height:37px;color:#000; font-size:16px;}

.bottom-nav-t-l{width:200px; float:left;}

.bottom-nav-t-r{  float:left;}
.bottom-nav-t-r ul li a{ text-align:center}

.bottom-nav-t-r ul li{ width:121px; line-height: 37px; height:37px; float:left; display:inline-block; text-align:center; cursor:pointer; margin-left:99px;}

.bottom-nav-t-r ul li span{ margin: 4px 0 0 0 ; width:45px;height:40px; display:block; float:left; background:url(../image/tubiao.png) 0px 0px no-repeat;transition: all 0.2s linear 0s;-o-transition: all 0.2s linear 0s;-moz-transition: all 0.2s linear 0s; cursor:pointer;}

.bottom-nav-t-r ul li p{ display:block; float:left; cursor:pointer; color:#000; padding: 0 0 0 5px; }

.bottom-nav-t-r ul li a:hover{ text-decoration:none;}

#b1{ background-position:0px 0px;width:23px; height:28px;}

.bottom-nav-t-r ul li:hover #b1{background-position:0px -30px;}

#b2{ background-position:-23px 0px; width:29px; height:30px; }

.bottom-nav-t-r ul li:hover #b2{background-position:-23px -30px;}

#b3{ background-position:-51px 0px; width:26px; height:30px;}

.bottom-nav-t-r ul li:hover #b3{background-position:-51px -30px;}

#b4{ background-position:-75px 0px; width:28px; height:31px; }

.bottom-nav-t-r ul li:hover #b4{background-position:-75px -30px;}

#b5{ background-position:-100px 0px; width:26px; height:31px;}

.bottom-nav-t-r ul li:hover #b5{background-position:-100px -30px;}

#b6{ background-position:-127px 0px; width:20px; height:29px;}

.bottom-nav-t-r ul li:hover #b6{background-position:-127px -30px;}



.bottom-nav-c ul { width: 194px; float: left; margin-left:64px; }

    .bottom-nav-c ul li { padding: 0; margin: 0; width:88px; float:left  }

    .bottom-nav-c ul li a  {  text-align: center; margin: 0; line-height: 28px; height: 28px; display: block; padding: 0 0 0 20px; padding: 5px; border-radius:2px; text-decoration: none; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; outline: none;star:expression(this.onFocus=this.blur());}

    .bottom-nav-c ul li a:hover { background:#8151a1; color:#fff; }

.aa{ width:761px; height:316px; float:right}

.tech{padding:16px 15px;height:374px;margin-bottom:17px;clear:both;}.tech .left{width:764px; margin-top:-26px; float:right; margin-right:-17px;}.tech .left h2 .h2a{top:3px;}.tech .left .tech_hd{width:231px;float:left;padding:10px 0 0 3px;}.tech .left .tech_hd li{width:231px;height:50px;margin-bottom:5px;font-size:16px;color:#000;line-height:50px;}.tech .left .tech_hd li a{display:block;padding-left:47px;width:177px;height:100%;background:#f3f3f3;}.tech .left .tech_hd .t1 a{background:url(../image/png1.png) 14px 14px scroll no-repeat #f3f3f3;}.tech .left .tech_hd .t2 a{background:url(../image/png1.png) 14px -41px scroll no-repeat #f3f3f3;}.tech .left .tech_hd .t3 a{background:url(../image/png1.png) 14px -92px scroll no-repeat #f3f3f3;}.tech .left .tech_hd .t4 a{background:url(../image/png1.png) 14px -148px scroll no-repeat #f3f3f3;}.tech .left .tech_hd .t5 a{background:url(../image/png1.png) 14px -198px scroll no-repeat #f3f3f3;}.tech .left .tech_hd .t6 a{background:url(../image/png1.png) 14px -256px scroll no-repeat #f3f3f3;}.tech .left .tech_hd .t1 a:hover{background:url(../image/01.jpg) 0 0 scroll no-repeat;width:231px;color:#fff;}.tech .left .tech_hd .t2 a:hover{background:url(../image/02.jpg) 0 0 scroll no-repeat;width:231px;color:#fff;}.tech .left .tech_hd .t3 a:hover{background:url(../image/03.jpg) 0 0 scroll no-repeat;width:231px;color:#fff;}.tech .left .tech_hd .t4 a:hover{background:url(../image/04.jpg) 0 0 scroll no-repeat;width:231px;color:#fff;}.tech .left .tech_hd .t5 a:hover{background:url(../image/05.jpg) 0 0 scroll no-repeat;width:231px;color:#fff;}.tech .left .tech_hd .t6 a:hover{background:url(../image/06.jpg) 0 0 scroll no-repeat;width:231px;color:#fff;}.tech .left .tech_hd li img{float:left;padding:13px 7px 0 12px;}.tech .left .tech_bd{width:529px;float:right;padding-top:10px;}.tech .left .tech_bd li{position:relative;width:529px;height:323px;}.tech .left .tech_bd li img{position:absolute;z-index:12;top:0;left:0;}.tech .left .tech_bd li div{position:absolute;bottom:0;width:519px;height:60px;color:#fff;background:#000;opacity:.5;filter:alpha(opacity=50);padding:10px 0 0 10px;line-height:24px;z-index:1000;}

.button input {
    background: rgba(0, 0, 0, 0) url("../image/header_01.png") no-repeat scroll -488px 0;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    padding: 0;
    width: 22px;
}



.box_main_02 {
    width: 1090px;
    height: 260px;
    float: left;
    overflow: hidden;
    background: #fff;
    margin-top: 8px;
}

.main02_yhhd {
    width: 792px;
    float: left;
    overflow: hidden;
}
.main02_yhhd_top {
    width: 791px;
    float: left;
    margin-left: 0px;
    _margin-left: 3px;
    background: url(../image/zxxm_topbg.jpg) repeat-x;
    height: 42px;
}
.main02_yhhd_top a {
    float: left;
    background: url(../image/zxxm_li_bg.jpg) no-repeat;
    width: 98px;
    height: 30px;
    display: block;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    margin-left: 5px;
}
.main02_yhhd_top span {
    float: right;
    color: #666666;
    margin-top: 13px;
    display: block;
    text-align: right;
    width: 330px;
}
.main02_yhhd_top span p {
    margin: 0px;
    float: left;
    margin-top: 5px;
    text-align: right;
}
.main02_yhhd_top span p {
    margin: 0px;
    float: left;
    margin-top: 5px;
    text-align: right;
}
.main02_yhhd_top span a {
    background: none;
    text-align: right;
    color: #666;
    font-size: 12px;
    margin-top: 0px;
    line-height: 20px;
    width: 80px;
}
.main02_yhhd_cont {
    width: 792px;
    margin-left: 1px;
    overflow: hidden;
    padding-top: 5px;
    _padding-top: 0px;
    float: left;
    height: 203px;
    overflow: hidden;
}
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.main02_yhhd_cont ul li {
    float: left;
    width: 358px;
    border-bottom: 1px dotted #b8b8b8;
    height: 28px;
    line-height: 28px;
    margin-left: 15px;
    margin-right: 20px;
    _margin-left: 5px;
    _margin-right: 20px;
    padding-lef: 3px;
}
.main02_yhhd_cont ul li a {
    float: left;
    color: #686868;
}
style.css:13
a {
    text-decoration: none;
    color: #000;
    font-size: 12px;
}
.main02_guangao {
    width: 292px;
    float: left;
    text-align: center;
    overflow: hidden;
}
