*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur());}
a{text-decoration:none;cursor: pointer;}
a:hover{text-decoration:none;outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*HTML5 reset*/
header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none}
legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}
legend small{font-size:15px;color:#999}
svg:not(:root) {overflow: hidden}
fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
Name: style_clearfix
Example: class="clearfix|cl"
Explain: Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
.fl{ float: left;}
.fr{float: right;}
.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
#ie9{position: fixed; top:0; left:0; width:100%; height:100%; z-index:9999999; background:#00ADB5}
#ie9 h6{ font-size: 20px; text-align: center; padding-top: 80px; color: #fff; font-weight: 100;}
#ie9 ul{ width: 20%; margin:50px auto;}
#ie9 ul li{ width: 50%; float: left; text-align: center;}
#ie9 ul li img{ width: 80px ;}
#ie9 .logo{ float: none;font-weight: initial; cursor: pointer; text-align: center; padding:0 30px; padding-top:50px;letter-spacing: -.5px; text-decoration: none; color: #fff; line-height: 75px; font-size:30px;font-family: Lato,PingFang SC,Microsoft YaHei,sans-serif;}
/*头部开始------------------------------------------------------------------*/
#parent_2:hover ul{ display: block;}
/*头部结束================================================================*/
/*首页banner开始--------------------------------------------------------*/
/*首页banner结束================================================================*/
/*首页内容开始------------------------------------------------------------------*/
#contain{ margin-top: 40px; }
/*首页产品模块开始------------------------------------------------------------------*/
/*首页产品模块结束====================================================================*/
/*首页介绍模块开始------------------------------------------------------------------*/
.slidetop{ width:100%; overflow:hidden; position:relative; border:1px solid #ddd; }
.slidetop .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slidetop .hd ul{ overflow:hidden; zoom:1; float:left; }
.slidetop .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slidetop .hd ul li.on{ background:#f00; color:#fff; }
.slidetop .bd{ position:relative; height:100%; z-index:0; }
.slidetop .bd li{ zoom:1; vertical-align:middle; text-align: center; padding: 10px 0;}
.slidetop .bd li p{ height: 40px; line-height: 40px; display: block; background: rgba(0,0,0,0.2); width: 100%; font-size: 14px; color: #fff; position: absolute; left: 0; bottom: 0;}
.slidetop .bd img{ max-height:275px; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slidetop .prev,
.slidetop .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slidetop .next{ left:auto; right:3%; background-position:8px 5px; }
.slidetop .prev:hover,
.slidetop .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slidetop .prevStop{ display:none; }
.slidetop .nextStop{ display:none; }
/*首页介绍模块结束=======================================================================*/
/*首页选择学习模块开始-----------------------------------------------------------------------*/
/*首页选择学习模块结束=======================================================================*/
/*首页声望模块开始--------------------------------------------------------------------------*/
/*首页声望模块结束========================================================================*/
/*首页内容结束=========================================================================*/
/*底部开始--------------------------------------------------------------------------*/
/*头部开始========================================================================= */
.head-top-r{width: 312px;
height: 54px;
float: right;
margin-top: 15px;}
.guangwang {
width: 312px;
height: 25px;
float: right;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #4cb034;
line-height: 25px;
}
.e-mail {
width: 180px;
height: 25px;
float: right;
font-size: 14px;
color: #b0b0b0;
line-height: 25px;
}
.nav-box { width: 100%;
height: 49px;
background: #0078d7;
position: relative;
}
.fdc { width: 100%;
height: 49px;
background: #0078d7;
position: relative;
}
.fixed{ position: fixed; z-index: 999; top: 0;}
.pgwMenuCustom { background-color: #fff;}
.dowebok-explain { margin-top: 20px; font-size: 14px; text-align: center; color: #f50;}
.pgwMenu a { padding: 0 30px;}
/* 自定义样式 */
.pgwMenuCustom { background: #0078d7; height: 49px; position: relative; list-style: none }
.pgwMenuCustom ul { list-style: none; white-space: nowrap; margin: 0; padding: 0 }
.pgwMenuCustom .menulevel{display: none;}
.pgwMenuCustom .pm-links.mobile, .pgwMenuCustom .pm-viewMore>ul { background:#0078d7; box-shadow: 2px 2px 4px #777; position: absolute; left: -15px; top: 100%; z-index: 1000 }
#header_2 .pgwMenuCustom .pm-links.mobile,#header_2 .pgwMenuCustom .pm-viewMore>ul { background:#002E79; box-shadow: 2px 2px 4px #777; position: absolute; left:auto; right: 0; top: 100%; z-index: 1000 }
.pgwMenuCustom .pm-links.mobile li, .pgwMenuCustom .pm-viewMore>ul>li { display: block; clear: both; width: 175px }
.pgwMenuCustom li { float: left; }
.pgwMenuCustom a { display: block; color: #fff; width: 120px; font-size:16px ; text-align: center; line-height: 49px; text-decoration: none }
.pgwMenuCustom a.selected { background: #e5601d }
.pgwMenuCustom .pm-viewMore{ float: right;}
.pgwMenuCustom .pm-dropDown, .pgwMenuCustom .pm-viewMore, .pgwMenuCustom .pm-viewMore>ul { display: none;}
.pgwMenuCustom .pm-dropDown a { display: inline-block; }
.pgwMenuCustom .pm-dropDown a.active, .pgwMenuCustom .pm-viewMore a.active { }
.pgwMenuCustom .pm-dropDown span.icon, .pgwMenuCustom .pm-dropDown span.black { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px }
.pgwMenuCustom .pm-dropDown span.white { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat; display: block; height: 22px; width: 22px; margin: 14px 5px }
.pgwMenuCustom .pm-viewMore { display: none; position: relative }
.pgwMenuCustom .pm-viewMore>a { display: inline-block; padding: 0 20px; }
.pgwMenuCustom .pm-viewMore>ul { left: auto; right: 0 }
.pgwMenuCustom .pm-viewMore li { float: none }
.pgwMenuCustom .pm-viewMore span.icon, .pgwMenuCustom .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block }
.pgwMenuCustom .pm-viewMore span.black { border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block }
/*index开始=====================================================================================*/
.index-title{ text-align: left; font-size: 18px; font-weight: bold; line-height: 38px; text-transform: uppercase; border-bottom: 1px solid #ccc; margin:0px auto 10px ;}
.index-top{ text-transform: uppercase; border-bottom: 1px solid #ccc; }
.index-top b{ font-size: 18px; line-height: 38px;}
.index-top a{ float: right; color: #999; line-height: 38px;}
.index-cp{ background: url(../images/0220.jpg) repeat-y center top; background-size:100% auto;}
.index-cp{ padding-bottom: 20px; overflow: hidden;}
.index-cp .container>div{ padding:0 1px ; margin-bottom: 10px;}
.xbanner{ width: 100%;}
.index-ab{ padding-bottom: 10px;}
.index-ab div{padding: 0;}
.index-ab div img{ padding: 0px; border-radius:5px ; /*border: 1px solid #ccc;*/}
.index-ab div p{ line-height:27px;}
.index-ab div p b{ color: #f00;}
.index-new{ padding-bottom:10px; background: #f8f8f8;}
.news{ padding-left:0 ;}
.ques{ text-align: left;}
.ques b{ font-size: 14px; /*line-height: 45px;*/}
.ques b i{ color: #D0541C; padding-right: 10px; font-size: 16px;}
.ques p{ font-size: 14px;}
.ques p i{font-size: 16px;padding-right: 10px; }
.zhanshi{ padding-right: 0;padding-left: 0;}
.fullSlide{ position:relative; margin:0 auto; }
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top; }
.fullSlide .hd{position:relative; z-index:1; margin-top:-30px; height:30px; line-height:30px; text-align:center;
background:#000; filter:alpha(opacity=60);opacity:0.6
}
.fullSlide .hd ul{ text-align:center; padding-top:5px; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(images/tg_flash_p.png) -18px 0; overflow:hidden;
font-size:0;
}
.fullSlide .hd ul .on{ background-position:0 0; }
.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left; background:url(images/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4 }
.fullSlide .next{ background-position:right 0; float:right; margin-right:3% }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }
.index-cont{ padding-bottom:0px;}
.index-cont i{ font-size: 80px; float: left; color: #CF551B;}
.cont{ padding:10px 0 ;}
.cont div{ font-size: 13px;}
.cont div i{ padding: 0 15px;}
.cont div b{ font-size: 16px; font-weight: 500; display: inline-block; text-transform: uppercase;}
.index-form{ background: url(../images/oo0.jpg) no-repeat top center; background-size: auto 100% ; padding: 10px 0 10px;}
.foot-top{ text-align: center; color: #fff; font-size:16px; font-weight: bold; /*line-height: 30px;*/}
.foot-top small{ font-weight: 400; font-size: 13px;}
.index-form form input[type="text"]{width:90%; margin:5px 5%; border-radius:5px ; height: 30px; line-height: 30px;}
.index-form textarea{ width:95%; margin:5px 2.5%;border-radius:5px ; height: 70px;}
.index-form img{ float: left;}
.index-form form input[type="submit"]{ width: 90px; background: #D0541C; color: #fff; line-height: 35px; height: 35px; border: none; border-radius:5px;margin:5px 2.5%;}
.inqu,.btn{ width: 100px; margin-right: 10px;}
.buy.btn{width:150px;}
.cp-xq h1{ font-size:25px ;}
.cp-xq p{ margin: 20px auto; font-size: 14px;}
.cp-xq p span:first-child{ padding-right: 10%;}
.lhfx{ padding-left:10px ;padding-top: 10px;}
.lhfx img{ max-width:36px;}
.lhnews b{ font-size:14px; font-weight:400; color:#06F; line-height:35px; width:100%;}
.lhnews p{ font-size:13px; color:#666; line-height:30px; border-bottom:1px solid #eee; width:100%;}
.lhnews span{ color:#9F0;line-height:30px; padding:0 10px}
.lhnr{ padding:15px; width:100%; position: relative;}
.sjfx{ position: absolute; bottom:0; left:50%; margin-left: -150px; height: 40px; width: 300px; text-align: left;}
.sjfx2{ height: 40px; width: 100%; text-align: center;}
.lhnr img{ max-width:100%;}
.lhnr .sjfx img{ max-height: 40px;}
.lhbuy{ line-height: 30px; width: 80%; text-align: center; background: #ddd; height: 30px; float: left; display: block; font-size: 13px;}
.lhbuy i{ padding-right: 5px; font-size: 20px;}
.lhpx{ display: block; float: left; width: 20%; line-height: 30px; height: 30px; background: #d0551c; color: #fff;}
.lhpx:hover{ background: #666; color: #d0551c;}
/*footer开始====================================================================================*/
/*内页开始====================================================================================*/
.list-group li{padding:0px; line-height:40px;}
.list-group li i{ text-align: center; display: inline-block; width: 30px; height: 30px; cursor:pointer;}
.list-group div{ border-top:1px solid #ddd; margin-bottom:-1px; display:none; }
.list-group div a{ display:block; border-bottom:1px solid #ddd;text-indent:35px;}
.n-title{ background: #d0551c; color: #fff; text-align:center; font-size: 16px; font-weight: bold; line-height: 50px;}
.n-title i{ float: right; line-height: 50px; padding-right: 10px;}
.poc-n div{ margin-bottom: 15px; text-align: center;}
.poc-n div .sp{ display:block; width:100%; max-height:190px; text-align:center; overflow:hidden;padding:3px; border:1px solid #ddd; }
.poc-n div .sp img{ max-height:100%; max-width:100%}
.poc-n{ padding: 0;}
.aboutzs { margin:25px 0;}
.aboutzs img{ padding: 5px; border-radius:5px ; border: 1px solid #eee;}
.aboutzs_h { margin:25px 0; text-align: center; height: 150px;}
.aboutzs_h img{ padding: 5px; border-radius:5px ; border: 1px solid #eee; max-height: 150px; height: 100%;}
.lxwm{ background: #eee; padding-bottom: 20px;}
/*#shop_cart #btn_buy{ display:none;}*/
.lhfoot{position: fixed; background: none; padding: 0;
width: 100%;
left: 0 !important;
bottom: 0;
height: 56px;
z-index: 100;}
.lhfoot div{ position: relative;}
.lhfoot p{ height:56px ; line-height: 56px; text-align: center;}
.lhfoot ul{ display: none; width:100%; position: absolute; right: 0; bottom: 56px;background-color: rgba(221,221,221,0.75);}
.lhfoot ul li{ line-height: 35px;}
.lhfoot ul li a{ padding: 0 15px;}
.lxlx p{ width: 50%; float: left; margin-top: 20px; display: none; }
.lxlx span{ width:100%; display: inline-block; line-height: 50px;}
.pcw5{ width: 50%;}
.hn_contactbanner{width: 100%;height: 150px;background: url(../images/hn_contact_banner.jpg) no-repeat center; background-color:#f6f6f6;background-size: auto 100%;}
.hn_contactbanner h1{line-height: 150px;font-size: 28px;color: #666666;}
.contact_way{padding: 50px 0px 80px 0px; width: 49%; float: left; }
.contact_way_img, {width: 396px;display: inline-block;}
.custom_service_box{padding:50px 0px;border-bottom:1px solid #e5e5e5;width: 100%; margin-bottom: 33px;}
.customer_hotline i{background:url(../images/hn_iocn_contact.png);width:48px;height: 48px;background-position: left 0px;display: inline-block;margin-right: 20px;float: left; }
.customer_hotline_txt{margin-right: 34px;}
.customer_hotline_txt .name{font-size: 18px;color: #333333;}
.customer_hotline_txt .type{font-size: 12px;line-height:24px;color: #999999;}
.customer_hotline_phone{font-size: 32px;font-family: Arial;line-height:35px; margin-top:-10px;color: #9e0000;float: left;padding-right: 100px;border-right:1px solid #E5E5E5;}
.online_customer_service i{background:url(../images/hn_iocn_contact.png);width:48px;height: 43px;background-position: left -51px;display: inline-block;margin-right: 20px;float: left;}
.consulted{width: 150px;}
.hn_btn40 {
line-height: 38px;
font-size: 14px;
display: inline-block;
text-align: center;
/* padding: 0 18px; */
vertical-align: middle;
cursor: pointer;
}
.consulted {width: 150px;}
.hn_btnwhite {
background: white;
color: #666;
border: 1px solid #e5e5e5;
}
.collaborate_title{font-size: 16px;line-height: 21px;color: #00bcd5;padding:17px 0px;}
.collaborate .member_service_support i{background-position: left -211px;}
.candidates i{background-position: left -230px; }
.contact_way_text h1{font-size: 18px;line-height: 40px;color: #333333;}
.contact_way_text .name{font-size: 14px;line-height: 28px;color: #999999;}
.contact_way_text .type{font-size: 14px;line-height: 28px;color: #666666;}
.jptj-header b{ display:inline-block; font-size: 25px;
line-height: 25px;
color: #002e79;
font-family: "微软雅黑";
padding: 0 20px 10px;
background:#f7f7f7}
.span-name{ width: auto; display: inline-block;
height: 50px;
margin: 0 auto;
padding:0 15px;
line-height: 50px;
text-align: center;
font-size: 14px;
border-bottom: #c7c7c7 solid 2px;}
.p-more{ width: 90px; display:inline-block; float: right;
height: 25px;
margin: 20px auto;
border: #c2c2c2 solid 1px;
line-height: 25px;
font-size: 15px;
text-align: center;
color: #000;}
.photos-demo span{ width: 285px; display: inline-block; text-align: center;}
.photos-demo span img{ max-width: 250px;}
.shili-bt { margin-left:15px;
width: 215px;
height: 37px;
float:left;
}
.shili-bt span {
color:#000;
font-weight:bold;
float: right;
font-size: 24px;
font-weight: bold;
line-height: 37px;
}
.shili-bt span a {
text-decoration:none;
font-family:"微软雅黑";
color:#000;
font-weight:bold;}
.shili-content { margin-left:20px;
width: 213px;
height: 70px;
float: left;
margin-top: 15px;
text-align: left;
line-height: 24px;
color: #fff;
font-size: 14px;
}
.shili-content a{ color:#fff; text-decoration:none;}
.anli-more { display:block;
width: 190px;
height: 50px;
margin: 30px auto;
background: #51bd38;
color: #fff;
line-height: 50px;
font-size: 14px;
text-align: center;
}
.index-about{ background:url(../images/about-bg.jpg) no-repeat center top; height:441px; background-size:100% 100%; width:100%;}
.new .left{ flout:left; width: 830px;
height:420px;
float: left;
background: #fff;
margin-top: 40px;}
.new .right{ width: 330px;
height: 420px;
margin-top: 40px;
float: right;
background: #fff;}
.jishu-top {
height: 51px;
border-top: #002e79 solid 2px;
border-bottom: #e5e5e5 solid 1px;
font-size: 18px;
line-height: 51px;
text-align: left;
font-weight: bold;
text-indent: 15px;
}
.jishu-top span {
color: #c4c1c4;
font-size: 14px;
font-weight: normal;
}
.jishu-top img {
float: left;
margin-left: 15px;
margin-top: 17px;
}
.new .right ul{ width:320px; margin:0; margin-top:10px; margin-left:10px; padding:0;}
.new .right ul li{ margin-left:0;
width: 320px;
height: 30px;
background: url(../images/news-tb.jpg) no-repeat center left;
float: left;
line-height: 30px;
}
.new .right ul li a{ color:#333 ; }
.new .right ul li a p{ padding-left:15px;}
.new .right ul li.frist{ height:84px; background: none;}
.new .right ul li.frist p{width: 190px;
height: 84px;
float: right;
}
.new .right ul li a{ color:#333;}
.lh68{ position: absolute; top: 0; z-index: -1;}
.lhbd label{ display: inline-block; max-width:80px ; width: 100%; height: 30px; line-height: 30px; margin-bottom: 0px;}
.lhbd dt{ padding: 3px 0; width: 100%;}
.lhbdfr{ float: right;width: 50%;}
.lhbdfl{ float: left;width: 50%;}
.lhbdfr label{max-width:75px ; width: 100%;}
.lhbd input{ width: 57%;}
.lhbdfl input{ width: 67%;}
.lhbd span{ font-family: "微软雅黑";font-weight: 100;}
.lhbd .Content{ width: 84%;}
.clear{ clear: both;}
.lhbd .Content{ height:113px;}
.submit{ background: #227DD4; color: #fff; display: block; width: 80px; height: 30px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.lh615{ line-height: 30px; margin: 0 10px; text-align: center; border: none;}
.newsList li{ padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc;}
.newsList li p{padding-top: 20px;}
.newsList li .lhfl{ width:70px; height: 80px; float: left; background: #f2f2f2;}
.newsList li .lhfl p{ width: 70px; text-align: center; color:#0078d7; padding-top: 0;}
.newsList li .lhfl p b{ font-size: 28px; line-height: 47px;}
.newsList li:hover .lhfl{ background: #0078d7;}
.newsList li:hover .lhfl p{ color: #f7f7f7;}
.newsList .lhfr{ width: 1050px; float: right;}
.newsList .lhfr .lhxq{ height: 30px; display:block; width: 100px; font-weight: 100; line-height: 30px; font-size: 14px; text-align: center; float: right; border: 1px solid #ccc;}
.newsList .lhfr .lhjt{ background: url(../images/jt.jpg) no-repeat left -33px; height: 33px; display:block; width: 33px; float: right;}
.newsList .lhfr:hover .lhjt{background: url(../images/jt.jpg) no-repeat left 0;}
.newsList .lhfr span{ font-size: 14px;}
.newsList .lhfr .dateTitle { display: block; color: #333; font-size: 18px; }
.newsList .lhfr p{ display: inline-block; width: 83%;}
.newsList li:hover .lhfr .dateTitle{ color: #002E79;}
.newsList li:hover a{ text-decoration:none ;}
.messList li{ padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ccc;}
.messList li p{padding-top: 20px;}
.messList li .lhfl{ width:70px; height: 80px; float: left; background: #f2f2f2;}
.messList li .lhfl p{ width: 70px; text-align: center; color:#0078d7; padding-top: 0;}
.messList li .lhfl p b{ font-size: 28px; line-height: 47px;}
.messList li:hover .lhfl{ background: #0078d7;}
.messList li:hover .lhfl p{ color: #f7f7f7;}
.messList .lhfr{ width: 1075px; float: right;}
.messList .lhfr .lhxq{ height: 30px; display:block; width: 100px; font-weight: 100; line-height: 30px; font-size: 14px; text-align: center; float: right; border: 1px solid #ccc;}
.messList .lhfr .lhjt{ background: url(../images/jt.jpg) no-repeat left -33px; height: 33px; display:block; width: 33px; float: right;}
.messList .lhfr:hover .lhjt{background: url(../images/jt.jpg) no-repeat left 0;}
.messList .lhfr span{ font-size: 14px;}
.messList .lhfr .dateTitle { display: block; width:100% ; color: #333; font-size: 18px; }
.messList .lhfr p{ display: inline-block; width: 95%;}
.messList li:hover .lhfr .dateTitle{ color: #002E79;}
.messList li:hover a{ text-decoration:none ;}
.about-zl{ text-align: center;}
.about-zl a{ display:inline-block; width: 150px; margin:10px 20px; text-align: center; line-height: 40px; background: #005AA0; color: #fff;
border-radius:10px ; letter-spacing:10px; font-size: 16px;}
.about-zl a:hover,.about-zl a.hover{ background: #fff; border: 1px solid #005AA0; color: #005AA0;}
.page_list {
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
}
.page-products{ margin: 30px auto;}
.page_list span.current {
border: #ddd 1px solid;
padding: 4px 5px;
font-weight: bold;
margin-right: 2px;
color: #FFF;
background-color: #15428b;
}
.page_list a {
border: #ddd 1px solid;
color: #15428b;
padding: 4px 5px;
margin-right: 2px;
}
.page_list select{ width: 45px; line-height:29px; height:29px; margin-bottom:3px;
background-color: #ffffff;
border: 1px solid #cccccc;}
#shownews h1{ text-align:center; font-family:"微软雅黑"; font-weight:100; padding-top:10px; padding-bottom:10px; font-size: 20px;}
#shownews .hits{ text-align: center; border-bottom:1px dashed #ccc; padding-bottom:5px; padding-top:5px;}
#shownews .text{ line-height:30px; padding-top: 20px; font-size: 14px; line-height: 36px; color: #666;}
#shownews input{ display: inline-block;}
.page {
margin-top:20px;
padding-top: 10px;
line-height: 35px;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
}
.page span{ display: inline-block; width: 49%;}
.related-list li{ display: inline-block; width: 49%;}
#shownews .related {
font-weight: bold;
height: 40px;
line-height: 30px;
font-size: 13px;
margin-top: 15px;
background: url(../images/bg_news.gif) repeat-x;
}
.related_cp ul {
width: 100%;
height: auto;
padding-top: 6px;
overflow: hidden;
padding-bottom: 20px;
}
.related_cp ul li {
text-align: center;
width: 225px;
float: left;
}
.related_cp ul li img {
border: 1px solid #e4e4e4;
width: 200px;
height: 176px;
padding: 5px;
}
.related_cp ul li a:hover img {
border: 1px solid #ff0000;
}
#piclist li{ height:155px; background:none; border:1px solid #ddd;}
#piclist li .ph_hover {
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
position: absolute;
}
.jobList li{ width:20%; float:left; text-align:center; line-height:40px; border-bottom:1px dashed #ccc; }
.jobList li span{ display: block; width: 100%; height: 100%; display: block; background: #0078d7; color: #f7f7f7;}
.page-guestbook b{ line-height:30px; display:inline-block; width:80px; text-align:right;}
.page-guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook b span{ padding-left:10px;}
.showjobList li{ border: 1px solid #ccc; border-top:none ; height: 40px; width:100%; line-height: 40px;}
.showjobList li div{ width: 50%; float: left;}
.showjobList li b{ color: #468847; display: block; font-weight: 500; text-align: center;}
.showjobList li span{ width: 120px; height:100%; display: inline-block; text-align: center;color: #468847; margin-right: 10px; border-right: 1px solid #ccc;}
.showjobList {border-top:1px solid #ccc; }
.lhms{ width: 100%;border: 1px solid #ccc; border-top:none ;}
.lhms b{ font-weight: 100;width: 120px; min-height: 80px; display: inline-block;float: left; text-align: center;color: #468847; }
.lhms span{ display: inline-block; height: auto; min-height: 80px; border-left: 1px solid #ccc; padding-left: 10px;}
.lh616{ width: 150px; line-height: 40px; margin: 5px auto ; border: 1px solid #227DD4;}
#guestbook dt{ display: inline-block; width: 50%; padding: 5px 0;}
#guestbook textarea,#guestbook input[type="text"]{width: 70%; min-width: 220px;}
.page-guestbook #guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook #guestbook textarea{ width: 84%;}
#guestbook .yzm input{ width: 50% ;}
@media (min-width: 980px) and (max-width: 1289px){ .sitewidget-navigation_style-20151202104252 .smsmart>.navnew-item>a{ padding: 0 5px;}}
@media (min-width: 980px) and (max-width: 1199px) {
.poc-n div .sp{ max-height:160px;}
.logo .xian{ display: none; }
.lh68{padding-left: 0px; }
.pgwMenuCustom a{ width: 100px;}
.strength .row>div:nth-child(even)
{
margin-top:0 ;
}
#copyright { margin-top: 40px;}
.honor-zs>div{ width: 18%; margin: 1%;}
.about-main{ line-height: 26px;}
.head-top-r{width: 312px;
height: 54px;
float: right;
margin-top: 15px;}
.guangwang {
width: 312px;
height: 25px;
float: right;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #4cb034;
line-height: 25px;
}.e-mail {
width: 180px;
height: 25px;
float: right;
font-size: 14px;
color: #b0b0b0;
line-height: 25px;
}
.product-nav ul{ width:1040px}
.product-nav .ckgd{ width:130px; height:203px;}
.proNav ul{ width:1040px}
.proNav .ckgd{ width:130px; height:203px;}
}
/* 平板电脑和小屏电脑之间的分辨率 */
@media (min-width: 768px) and (max-width: 979px) {
.poc-n div .sp{ max-height:210px;}
.logo .xian{ display: none;}
.pgwMenuCustom a{ width: 100px; margin: 0 auto;}
.strength .row>div:nth-child(even){margin-top:0 ;}
.about-main{ line-height: 26px;}
.link,.quick,.fz{ width:calc(100% - 45px); width:-webkit-calc(100% - 45px);}
.honor-zs>div{ width: 31%; margin: 1%;}
.newsList .lhfr p{ display: inline-block; width: 70%;}
#guestbook textarea,#guestbook input[type="text"]{width: 60%; min-width: 220px;}
.page-guestbook #guestbook dt{ line-height:30px; width: 100%;}
.page-guestbook #guestbook textarea{ width: 80%;}
.page span{ display: inline-block; width: 100%;}
.related-list li{ display: inline-block; width: 100%;}
.newsList .lhfr{ width: 644px; float: right;}
.guangwang {
width: auto;
height: 25px;
float: right;
text-align: right;
font-size: 16px;
font-weight: bold;
color: #4cb034;
line-height: 25px;
}
.e-mail {
width: 180px;
height: 25px;
float: right;
font-size: 14px;
color: #b0b0b0;
line-height: 25px;
}
.product-nav ul{ width:724px}
.proNav ul{ width:724px}
.product-nav .ckgd{ width:130px; height:203px; display:none}
.proNav .ckgd{ width:130px; height:203px; display:none}
}
/* 横向放置的手机和竖向放置的平板之间的分辨率 */
@media (max-width: 767px) {
.index-form textarea{ width: 90%; margin: 5px 5%;}
.index-form form input[type="submit"]{margin: 5px 5%;}
.index-cont i {
font-size: 60px;}
.pgwMenuCustom a{ width: 90px; margin: 0 auto;}
.logo .xian{ display: none;}
.index-header p{ font-size: 20px;}
.strength .row>div:nth-child(even)
{
margin-top:0 ;
}
.poc-n div .sp{ max-height:320px;}
.link,.quick,.fz{ width:calc(100% - 30px); width:-webkit-calc(100% - 30px);}
.about-header{ padding: 17px 0;}
.about-main{ line-height: 26px;}
.honor-zs>div{ width: 48%; margin: 1%;}
.honor-zs>div:last-child{ display: none;}
.newsList .lhfr p{ display: inline-block; width: 70%;}
#guestbook dt{ display: inline-block; width: 100%;}
#guestbook .yzm input{ width: 50% ;}
.page span{ display: inline-block; width: 100%;}
.related-list li{ display: inline-block; width: 100%;}
.newsList .lhfr{ width:auto; float:none;}
.newsList .lhfl{ display: none;}
.submit{ background: #FF0000; color: #fff; display: block; width: 80px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.guangwang{ text-align:center; width:auto; margin-left:auto; margin-right:auto; float:none;}
.e-mail { text-align:center; float:none;margin-left:auto; margin-right:auto;}
.product-header span{ display:none}
.product-nav ul{ width:100%; text-align:center;}
.product-nav li{ display:inline-block; float:none;}
.product-nav .ckgd{ width:130px; height:203px; display:none}
.proNav { width:100%; text-align:center; margin: 0;}
.product-header p{ position:static; line-height:23px;}
.jptj-header .span6{ display:none;}
.jptj-header p{ position:static;}
.foot-content {
font-size: 12px;
width:100%;
height: auto;
float: none;
margin-left: 0px;
margin-top: 0px;
text-align: center;
border-left: none;
padding-left: 0;
line-height: 24px;
}
.foot-logo{ float:none ; margin:0 auto; width:100%}
.index-about { height:auto;}
.jobList li{ width:33%;}
.page-guestbook b{ text-align:left;}
/* 横向放置的手机及分辨率更小的设备 */
@media (max-width: 480px) {
.about-zl a{ width:45%; margin: 1.5%;}
.pgwMenuCustom a{ width: 80px; margin: 0 auto;}
.logo .xian{ display: none;}
.logo img{ max-width: 100%;}
.index-header p{ font-size: 20px;}
.cp-menu{ display: none;}
.link,.quick,.fz{ width:calc(100% - 15px); width:-webkit-calc(100% - 15px);}
.about-main{ line-height: 20px; font-size: 12px;}
.honor-zs>div{ width: 48%; margin: 1%;}
.honor-zs>div:last-child{display: none;}
#guestbook dt{ display: inline-block; width: 100%;}
#guestbook .yzm input{ width: 50% ;}
.newsList .lhfr{ width:auto; float:none;}
.newsList .lhfl{ display: none;}
.submit{ background: #FF0000; color: #fff; display: block; width: 80px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.lher li {
width: 45%;}
#preview {
float: none;
margin: 20px auto;
text-align: center;
width: 100%;
}
.jqzoom {
width: 100%;
margin-bottom: 30px;
position: relative;
}
#pro_info{ display: none;}
.product-header span{ display:none}
.product-nav ul{ width:100%; text-align:center;}
.product-nav li{ display:inline-block; width: 40%; height: auto; margin: 1%;}
.product-nav li span {
position: relative;
display: block;
width: 100%;
max-height: 122px;
height: auto;
overflow: hidden;
}
.product-nav li span img{ width: 100%; height: auto; position: static; }
.product-nav li span img.imghou{ position: absolute; z-index: -1; top: 0; display:none; width: 0;}
.product-nav .ckgd{ width:130px; height:203px; display:none}
.proNav{ width:100%; text-align:center; margin: 0;}
.proNav li{ display:inline-block; float:none; width:100%; height: auto;}
.proNav li a { position: static; top: 0; left: 0; width: 100%; height: 100%;}
.proNav li span{ height:auto; overflow: hidden;}
.proNav li span img{ height: 100%;}
.proNav li span { width: 100%;}
.product-header p{ position:static; line-height:23px;}
.jptj-header .span6{ display:none;}
.jptj-header p{ position:static;}
.jobList li{ width:33%;}
.page-guestbook b{ text-align:left;}
.contain{ width:100%; overflow:hidden;}
}