/* CSS Document 2009.7 */
body {font-size:12px;color:#414141; font-family:"微软雅黑"; padding:0px; margin:0px; background:#303030 }
div,form,img,ul,ol,li,dl,dt,dd {margin:0;padding:0;border:0;}
ul,li{list-style-type:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}
img{border:0;}
input,select,textarea{vertical-align:middle;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-weight:normal;}
/* Link */
a{color:#666666;text-decoration:none;}
a:hover {color:#ff3333;text-decoration:none;}
form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
ul{list-style:none; padding:0px; margin:0px}
.clear {CLEAR: both; DISPLAY: block; OVERFLOW: hidden; HEIGHT: 0px}

#page{width:100%; height:27px; margin:5px auto; clear:both; padding-bottom:2px; text-align:center; color:#000000}
#page a{color:#000000; width:auto; height:22px; padding:3px 5px 0px 5px; float:left; border:1px #CCC solid; background:#FFF; margin-left:5px;}
#page span{color:#000000; width:auto; height:22px; padding:3px 5px 0px 5px; float:left; border:1px #CCC solid; background:#f5f5f5; margin-left:5px;}
#page select{float:right; width:120px; height:20px; margin-top:3px;}
#ppage{width:96%; height:27px; margin:5px auto; clear:both; padding-top:3px; padding-left:3%; padding-bottom:2px; text-align:center; color:#000000}
#ppage a{color:#000000; width:auto; height:22px; padding:3px 5px 0px 5px; float:left; border:1px #CCC solid; background:#FFF; margin-left:5px;}
#ppage span{color:#000000; width:auto; height:22px; padding:3px 5px 0px 5px; float:left; border:1px #CCC solid; background:#f5f5f5; margin-left:5px;}
#ppage select{float:right; width:120px; height:20px; margin-top:3px; margin-right:35px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}

/*       demo .js        */
#demo {overflow:hidden; border:0px dashed #3EC000; width:740px; margin-top:10px;} 
#demo img { border:3px solid #3EC000; width:240px; height:180px; margin-left:10px;} 
#indemo { float:left; width: 800%; } 
#demo1 { float:left; } 
#demo2 { float:left; }

/* head */
#top_all{width:100%; height:99px; margin:0px auto; background:url(Style-image/header.jpg) repeat-x}
#top{width:100%; height:99px; margin:0px auto;}
#top_con{width:30%; height:99px; float:left;overflow:hidden; padding-left:45px;}
#topc_right{ width:55%; height:99px; float:right;overflow:hidden; padding-right:85px;}
#topc_r1{ height:30px;}
#topc_r1 a{width: 90px;height: 30px;display: block;color: black;float:right;line-height: 30px;text-align:right; }
#topc_r2{ width:100%; height:60px; float:right;overflow:hidden;}


#top_nav{width:100%; height:50px; padding-top:10px; margin:0px auto;}
#top_nav ul{padding:0px; margin:0px; list-style:none}
.navli2{width:2px; height:35px; line-height:35px; float:left; margin-top:0px; text-align:center; color:#fff; overflow:hidden}
.navli1{width:17%; height:35px; line-height:35px; float:left; color:#fff; position:relative; overflow:hidden; font-size:14px;}
.navli1a{width:100%; height:35px; line-height:35px; float:left; font-size:14px; text-align:center; color:#fff;}
.navli1a:hover{width:100%; height:35px; line-height:35px; float:left; color:#24b5ff; background:url(Style-image/nav_hover.png) center center no-repeat }
.actiona{width:100%; height:35px; line-height:35px; float:left; color:#24b5ff;font-size:14px;background:url(Style-image/nav_hover.png) center center no-repeat;text-align: center;}
.actiona:hover{text-decoration:none;color:#24b5ff}

/*  foot  */
.footer{ width:100%; height:101px; background:url(Style-image/foot.jpg) repeat-x}
.foot{ width:1000px; margin:0 auto;}
.foot_1{ padding-top:15px; }
.foot_logo{ width:30%; float:left;}
.foot_nav{ width:60%; float:right;}
.foot_nav .fnav{ height:30px; line-height:30px; text-align:center; float:right; text-align:right; color:#ebb5af}
.foot_2{ width:100%; height:40px; line-height:40px; margin-top:10px; *margin-top:0px; border-top:1px solid #3a3a3a}
.foot_nav .fnav_line{ width:50px; height:30px; line-height:30px; text-align:center; float:right; color:#ebb5af}
.foot_nav a{ color:#ebb5af}
.foot_bottom{ width:40%; height:40px; line-height:40px; color:#ebb5af; float:left}
.foot_r{ width:60%; float:right}
.foot_r li{ float:right; height:40px; line-height:40px;}
.foot_r a{ width:50px; text-align:right;  color:#ebb5af}
/* search */
.hs_input_1{ width:110px; margin-left:25px; background:none; border:none; color:#fff}
.hs_input_2{ width:50px; margin:0px; padding:0px; height:25px; background:none; border:none; cursor:pointer}
/* index */
.banner{ width:100%; height:265px;background:url(Style-image/banner1.jpg) top center no-repeat}
.iall{ width:100%; height:auto !important}
.index_1{ width:1000px; margin:0 auto;}
.index_1l{ width:490px; float:left}
.index_1r{ width:480px; float:right}
.index_tl span{ font-size:18px; font-weight:bold; color:#004365; float:left}
.index_tl span ins{ font-size:14px; color:#919191; padding-right:15px; text-decoration:none; font-weight:normal}
.index_tl .more{ width:90px; height:25px; line-height:25px; color:#008dd5; border:1px solid #008dd5; border-radius:20px; display:block; float:right; text-align:center;}
.index_tl .more:hover{ background:#008dd5; color:#fff;}
.about_con{ padding-top:20px; line-height:1.8em}
.new_list{ padding-top:18px;}
.new_list li{ width:480px; height:38px; line-height:38px;}
.new_list li a{ width:480px; height:38px; display:block; color:#656565;}
.new_list li a:hover{ color:#008dd5}
.new_list li p{ margin:0px; width:380px; float:left;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.new_list li span{ width:100px; display:block; float:right; text-align:right; color:#aaaaaa;}
.index_2{ width:1000px; margin:0 auto}
#wrap{ width:1050px; margin:0 auto; padding-bottom:20px;}
.ps_left{ width:15px; height:114px; float:left; cursor:pointer; background:url(Style-image/left.jpg) left center no-repeat}
.ps_right{ width:20px; height:114px; float:right; cursor:pointer; background:url(Style-image/right.jpg) left center no-repeat}
.ps_con{ width:1000px; height:114; float:left}
.ps_con li{ width:184px; height:114px; float:left; padding:0px 10px;}
.item2{position:relative;float:left;width:184px;height:114px;overflow:hidden;cursor:pointer;}
.item2 .caption{position:absolute;left:0;display:none;width:184px;height:114px;color:#fff;font-weight:bold; background:#000; opacity:0.8}
.item2 img{border:0;position:absolute;}
.item2 p{ font-size:14px; text-align:center; line-height:114px;font-size:14px;color:#fff;font-weight:normal;}





.iall{ width:100%; height:auto !important}
.ileft{ width:225px; float:left; left:0px; position:absolute; height:auto !important;  min-height:800px; background:#004365}
.ileft .search{ width:225px; padding-top:29px; padding-bottom:22px; background:#004365}
.ileft .s_search{ width:200px; height:25px; margin:0 auto; background:url(Style-image/search.jpg) no-repeat}
.ilt{ width:225px; text-align:center; page:30px; line-height:30px; font-size:24px; color:#fff; background:#004365}
.ilt span{ font-size:18px; padding-left:5px;}
.pl_0 a{ width:205px; height:40px; line-height:40px; margin-top:1px; padding-left:20px; color:#fff; font-size:14px; display:block; background:#004365;border-bottom:1px solid #002c42; font-weight:bold}
.pl_1 a{ width:185px; height:40px; line-height:40px; margin-top:1px; padding-left:40px; font-size:12px; color:#999999; display:block; float:right; background:#004365;font-weight:normal}
.pl_1 a:hover{ color:#fff;background:#008dd5}
.pl_0 .current{ color:#fff; background:#00334d}
.pl_1 .current{ color:#fff; background:#00334d}
.iright{ margin-left:225px; min-height:800px; background:#fff; padding-right:85px;}
.pos{ height:30px; line-height:30px; color:#000; padding-left:20px; margin-bottom:20px; background:#d0e8f5}
.pos a{ color:#000}
.pp_pos{ width:80%; float:left}
.black{ float:right; padding-right:20px;}
.p_list{ padding:30px 0px 30px 30px;}
.p_list .pp_3{ margin-right:0px;}
.p_list .pp_6{ margin-right:0px;}
.p_list .pp_9{ margin-right:0px;}
#t7{ margin-right:0px;}
#t4{ margin-right:0px;}
#t1{ margin-right:0px;}
.p_list li{ width:31.586%; _width:31.326%; float:left;  margin-right:2.547%; _margin-right:1.8%; *+margin-right:2.3%;  padding-bottom:30px;}
.p_list li img{ width:100%}
.p_list li div{ padding-top:10px; height:34px;}
.p_list li .p_name{ width:42%; height:34px; line-height:34px; color:#fff; display:block; float:left; padding-left:6%; background:url(Style-image/pp_left.jpg) repeat-x}
.p_list li .p_name ins{ float:right; padding-right:30px; font-style:normal; text-decoration:none}
.p_list li .p_name:hover{ background:url(Style-image/pp_right.jpg) repeat-x}
.p_list li span{ width:48%; height:34px; line-height:34px; float:right; display:block; color:#fff; text-align:center; background:url(Style-image/pp_left.jpg) repeat-x; overflow:hidden}
.p_list li span a{ width:100%; height:34px; line-height:34px; display:block; color:#fff; text-align:center; background:url(Style-image/pp_right_ico.png) 20px center no-repeat; overflow:hidden}
.p_list li span:hover{ background:url(Style-image/pp_right.jpg) repeat-x}


/*  content  */
.ir_index{ padding:30px 0px 30px 30px;}
.cron{ padding:30px 0px 30px 30px;}
/* article */
.i_list li a{ width:205px; height:40px; line-height:40px; margin-top:1px; padding-left:20px; color:#fff; font-size:14px; display:block; border-bottom:1px solid #002c42}
.i_list li a:hover{ color:#fff;background:#008dd5}
.i_list li .current{ color:#fff;background:#00334d}
.a_list{ padding:30px 0px 30px 30px;}
.a_list li{ padding:20px 0px; border-bottom:1px dashed #ccc}
.a_list .al_1{ padding-top:0px;}
.a_list .al_6{ margin-bottom:20px;}
.a_title{ width:100%; height:30px; line-height:30px;}
.a_title h3{ width:70%; float:left;}
.a_title span{ float:right}
.a_des{ width:100%; line-height:1.6em}

.atitle{width:100%; height:30px; margin:0px auto; padding-top:10px; padding-bottom:10px; font-size:16px; font-weight:bold; text-align:center; border-bottom:1px #eeeeee dotted}
.aper{width:100%; height:18px; margin:0px auto; padding-top:7px; padding-bottom:10px; font-size:12px; color:#666666; text-align:center}
.aper a{color:#666666; }
.ades{width:100%; height:auto!important; min-height:60px; height:60px; margin:0px auto; line-height:1.6em; font-size:12px; color:#999; border:1px #CCC dotted; background:#eeffff}
.acon{width:100%; height:auto!important; min-height:80px; height:80px; margin:0px auto;  line-height:1.8em;}

/* image */
.ilist{font-size:12px;}
.ilist li{width:220px; height:200px; float:left; padding:5px 10px 5px 10px}
.ilistimg{width:216px; height:166px; float:left; padding:1px; border:1px #CCC solid}
.ilistimg td{background:#CCC}
.ilist span{width:216px; height:25px; padding-top:3px; text-align:center; float:left; line-height:1.8em; background:#eeeeee; overflow:hidden}
.img_url{width:100%; height:30px; margin:10px auto; color:#666; font-size:12px; padding-top:5px; position:relative}
.img_url a{font-size:12px;color:#414141}
.iul{width:48%; height:20px; position:absolute; top:15px; left:0px; text-align:left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.iur{width:48%; height:20px; position:absolute; top:15px; right:0px; text-align:right; text-overflow:ellipsis; overflow:hidden; white-space:nowrap}

/* product */
/*jqzoom www.divcss5.com */
#preview{width:350px; float:left}
.jqzoom{  position:relative;}
.jqzoom img{ width:100%}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{ height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(Style-image/p_left.jpg) no-repeat; width:15px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(Style-image/p_right.jpg) no-repeat; width:15px; height:45px; float:right;cursor:pointer; margin-top:5px;}
#spec-list{  float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px; padding-bottom:0px; padding-right:0px}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}

#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; margin-right:6px; width:310px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.pp_tl{ height:29px; line-height:29px; border-bottom:1px solid #c6c5c3; font-size:16px; color:#000}
#pcon_des{ width:50%; float:left; padding-left:50px;}
.pp_brand{ padding-top:10px;}
#pcon_des span{  height:25px; line-height:25px; display:block; color:#515151}
.pp_cpxq{ height:30px; border-bottom:1px solid #ccc; padding-top:20px;}
.pp_cpxq span{ width:100px; height:29px; line-height:29px; text-align:center; font-size:14px; color:#515151; display:block; border:1px solid #c6c5c3; border-top:2px solid #b5000b; border-bottom:none; margin-left:5px; background:#f7f6f4}
.p_con{width:100%; line-height:1.8em; padding-top:20px;}

/* download */
.dcon{width:97%; height:auto!important; min-height:80px; height:80px; margin:0px auto; padding:5px 0px 5px 0px; line-height:1.8em;}
.downloadlist li{  position:relative; padding:16px 0 17px 143px; border-bottom: 1px dashed #D6D6D6;}
.downloadlist li .pic{ position:absolute; top:16px; left:0px;_left:-143px;width:110px; padding:2px; border:1px solid #f7f4e2;}
.downloadlist li .pic img{ width:110px; height:78px;}
.downloadlist li  h5{ margin:0; font-size:12px; }
.downloadlist li  h5 a{color:#3b2f15;font-size: 14px;font-weight: bold;}
.downloadlist li  p{ margin:0; padding-top:5px;}
.downloadlist li  span{ color:#b88f11; display:block;padding-bottom:5px;}
.downloadlist li a.btn{ display:inline-block; background:url(http://www.xhpme.cn/w/xhpme/style/Style-image/btn_download.jpg) no-repeat; width:72px; height:23px; line-height:23px; color:#fff; padding-left:15px;}

/* job */
.job-item {margin-top: 12px;  padding-bottom: 12px;  border-bottom: 1px solid #e5e5e5; }
.job-title {height: 24px;  cursor: default; }
.job-title h3 {float: left;  font-weight: 400; }
.job-title a {float: right;  color: #666; }
.job-title a:hover{ color:#004ea2}
.job-detail {display: none; }
.job-detail h4 {margin-top: 12px;  font-weight: 400;  color: #004ea2; }
.job-show .job-detail {display: block;  line-height:2em}
.job-detail1{ line-height:2em}
.job-detail1 h4 {margin-top: 12px;  font-weight: 400;  color: #004ea2; }
.joinBtn-wrap a{ color:#004ea2}

/* video */

.videopeak-dialog-title-close {width: 30px;height: 30px;top: -15px;right: -15px;background:url(Style-image/close.png) no-repeat 0px 0px;position:absolute; cursor:pointer;}
.videopeak{ margin:10px auto; height:170px;}
.videopeak li{ width:310px; height:170px; float:left; margin:0 10px;}
.videopeak-dialog{ background:#FFF; width:875px; height:500px; position:fixed;z-index:1000;left:50%;top:55%;margin:-250px -440px;}
.videopeak-dialog-content{ padding:6px;}
.cover_video{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900;background:rgba(0,0,0,0.5);display:none;}

/* 视频教材 */
.vrcon{ width:740px; margin:0 auto; line-height:2em; padding:20px 0 20px 0; }
.vrcon li {    width: 350px;    line-height: 2em;    float: left;    padding: 10px 0px;}
.plist li{ width:350px; float:left; border-bottom:1px dashed #f2f2f2; padding-bottom:30px; padding-top:30px;}
.pv_l{ width:150px; float:left;text-align: center;}
.pv_l img{width:140px;height:100px}
.pv_r{ width:190px; float:left}
.pv_r h1{ font-size:14px; color:#11b0db; font-weight:bold;}
.pv_r h1 a{color:#11b0db; }
.pv_r .pspan_2{ width:130px; display:block; height:30px; line-height:30px; color:#666666; float:left}
.pv_r p{ width:260px; line-height:1.8em; font-size:12px; color:#666666;}
.pvlist h1{ font-size:18px; color:#11b0db; font-weight:bold;}
.pv_con{ padding-top:20px; line-height:2em}

/* 二维码 */
.latestWeb{ width:100px; }
.latestWeb ul{ overflow:hidden; _height:100%;}
.latestWeb li{ float:left; border:1px solid #EBEAEA; width:46px;  }
.trans_msg{	filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
div.bodycontent{font-family:Arial, Helvetica, sans-serif;padding:0 10px 10px 13px;color:#555;line-height:22px;text-align:justify;text-justify:inter-ideograph;}
div.bodycontent ul{margin-left:0px}


.Float{ width:50px; height:50px; position:absolute; }
.Float li{ text-align:center; height:50px; position:relative;}
.Float li img{ position:absolute; height:50px; width:50px;}


.ddsmoothmenu{float:left; font-size:14px;}
.ddsmoothmenu a{ text-align:center;}
.ddsmoothmenu ul{z-index:100;margin: 0;padding: 0;list-style-type: none; }

.ddsmoothmenu ul li{position: relative;display: inline;float: left;}
.i_nav li.navline{background:url(style-image/navline.gif) no-repeat right top;margin:0px 4px;}
.mainmenu_a{display: block; width:118px;height:41px; background:url(style-image/navabg.jpg) no-repeat left top;color: #ccc; line-height:41px;}
* html .mainmenu_a{ /*IE6 hack to get sub menu links to behave correctly*/display: inline-block;}
.activemenu,.activemenu:hover,.mainmenu_a:hover,a.selected{display: block;width:118px;height:41px; color: #000;  background:url(style-image/nav_hover.gif) no-repeat; line-height:41px; text-align:center;text-decoration:none;}

.i_nav ul li ul{position: absolute;left: 0;display: none; /*collapse all sub menus to begin with*/visibility: hidden;}
* html .i_nav ul li ul{background: #f00;}
.i_nav ul li ul li{display: list-item;float: none;border-right:1px solid #940a0a;border-bottom:1px solid #940a0a;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.i_nav ul li ul li ul{top: 0;}
.i_nav ul li ul li a{display:block;font: normal 13px Verdana;width: 160px;  /*width of sub menus*/height:25px;line-height:25px;padding:0 5px;margin: 0;border-top:1px solid #db9e9e;background:url(style-image/navabg.png) repeat-y;color:White;}
.i_nav ul li ul li a:hover{ background:url(style-image/navabghover.png) no-repeat left top; color:Black; text-decoration:none;}
/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/
.i_nav{width:100%; height:38px; margin:0px auto; padding:0px; background:#ff0 repeat-x;}
#nav{width:964px; height:38px; margin:0px auto; padding:1px 0 1px 60px; background:url(style-image/nav_bg.gif) no-repeat; font-size:14px; font-weight:bold; }