@charset "utf-8";

body{z-index:0}
.l_a,.l_b{float:left}
.r_a,.r_b{float:right}
.bt10{margin-bottom:10px}
.area{width:980px;margin-left:auto;margin-right:auto}
.part_top{background:#034e9f url(../images/top.gif) center top no-repeat;position:relative;z-index:5000}
.part_top .area{height:150px;margin-left:auto;margin-right:auto;position:relative;}
.part_top .fav{position:absolute;right:20px;top:15px;}
.part_top .fav,.part_top .fav a{color:#FFF;}
.part_top .sea{width:220px;position:absolute;right:15px;top:50px;}
.part_top .sea input.tt{padding-left:5px;width:160px;height:20px;line-height:20px;float:left;background:#FFF;border:0px;}
.part_top .sea input.bt{width:50px;height:22px;line-height:20px;float:left;background:#388fee;color:#FFF;border:0px; cursor:pointer;}
.part_top .nav{position:absolute;top:92px;left:0;width:980px;z-index:10;}

/*** ESSENTIAL STYLES ***/
.sf-menu li {position: relative;width:100%;text-align:center;_float:left;}
.sf-menu ul {position: absolute;display: none;top: 100%;left: 0;z-index: 99;}
.sf-menu > li {float: left;width:122.5px;background-image:url(../images/newt_line.gif);background-repeat:repeat-y;background-position:right center;}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {display: block;}
.sf-menu a {display: block;position: relative;}
.sf-menu ul ul {top: 0;left: 100%;}
/*** DEMO SKIN ***/
.sf-menu {float: left;}
.sf-menu ul {box-shadow: 2px 2px 6px rgba(0,0,0,.2);min-width: 10em; /* allow long menu items to determine submenu width */*width: 12em; /* no auto sub width for IE7, see white-space comment below */}
.sf-menu a {/* fallback colour must use full shorthand */padding: .75em 1em;text-decoration: none;zoom: 1; /* IE7 */}
.sf-menu a {color: #333;}
.sf-menu li {background-color: #FFF;white-space: nowrap;/* no need for Supersubs plugin */*white-space: normal; /* ...unless you support IE7 (let it wrap) */-webkit-transition: background .2s;transition: background .2s;}
.sf-menu ul li {background: #479af2 url(../images/nav_un.gif) center bottom no-repeat;}
.sf-menu ul ul li {background: #479af2 url(../images/nav_un.gif) center bottom no-repeat;}
.sf-menu li:hover,
.sf-menu li.sfHover {background: #0185F0;/* only transition out, not in */-webkit-transition: none;transition: none;
}
.sf-menu li:hover a,
.sf-menu li.sfHover a{color:#FFF;}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {padding-right: 2.5em;*padding-right: 1em;/* no CSS arrows for IE7 (lack pseudo-elements) */}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {content: '';position: absolute;top: 50%;right: 1em;margin-top: -3px;height: 0;width: 0;/* order of following 3 rules important for fallbacks to work */border: 5px solid transparent;border-top-color: #0166E0; /* edit this to suit design (no rgba in IE8) */}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {border-top-color: white; /* IE8 fallback colour */}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {margin-top: -5px;margin-right: -3px;border-color: transparent;border-left-color: #0166E0; /* edit this to suit design (no rgba in IE8) */}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color: white;}

.protoplist{position:relative;z-index:20;margin-bottom:10px;}
.protoplist .nav_a{background-color:#3b95f9;font-size:12px;border-bottom:1px solid #e6e6e6;}
.protoplist .prott{position:absolute;left:-31px;top:0;width:30px;height:74px;background:#3b95f9 url(../images/prott.gif) center no-repeat;}
.protoplist .nav{float:left;width:950px;}
.protoplist .btn{float:left;width:30px;height:74px;}
.protoplist .btn li{height:74px;cursor:pointer;}
.protoplist .btn li a{display:block;height:74px;}
.protoplist .btn li a:hover{background-color:#1476e0;}
.protoplist .btn .show{display:none;}
.protoplist .btn .show a{background:#3b95f9 url(../images/show.png) center no-repeat;}
.protoplist .btn .hide{}
.protoplist .btn .hide a{background:#3b95f9 url(../images/hide.png) center no-repeat;}
.protoplist li.nav_a{background-image:url(../images/newt_line.gif);background-repeat:repeat-y;background-position:right center;}
.protoplist li.nav_a a.text_a{color:#FFF;}
.protoplist .nav a{font-size:12px;}
.protoplist .sf-menu a {/* fallback colour must use full shorthand */padding: .50em 1em;}


.part_a .l_a{width:230px;}
.part_a .r_a{width:740px;}
.part_a .r_a .lump_a{background:url(../images/bg_b.gif) repeat-y;}
.part_a .r_a .lump_a .l_b{width:450px;}
.part_a .r_a .lump_a .r_b{width:280px;}
.part_a .r_a .lump_b{margin-bottom:10px;}

.title_a{background:#0166e0;height:32px;}
.title_a h1{height:32px;line-height:32px;padding-left:15px;color:#FFF}
.title_a h1 span{color:#add4ff;font-size:12px;}

.title_b{background:url(../images/t_b.gif) left top no-repeat;height:36px;}
.title_b h1{float:left;height:36px;line-height:32px;padding-left:20px;color:#004d9f}
.title_b h1 span{color:#bdbdbd;font-size:12px;}
.title_b .right{height:32px;line-height:32px;padding-right:10px;color:#666}
.bg_a{background:#f6f6f6}

.list_a li{width:250px;background:url(../images/ico.gif) 2px center no-repeat;padding-left:10px;}
.list_a li .li_a{width:190px;color:#555}
.list_a li .li_time{color:#888}
.contact{width:200px;margin-left:auto;margin-right:auto}
.about{width:410px;margin-left:auto;margin-right:auto}
.news{width:250px;margin-left:auto;margin-right:auto}
.sec_con{width:710px;margin-left:auto;margin-right:auto}

.proconbg{background:#F6F6F6;padding:5px;_height:180px;_overflow:hidden;}
.prolist{}
.prolist .procon{padding:5px 20px;background:#f5f5f5;_height:100px;_overflow:hidden;}
.procon{position:relative;}
.procon .j-prev{position:absolute;left:0;top:40%;width:20px;height:30px;background:url(../images/pro-btn.gif) left center no-repeat;}
.procon .j-next{position:absolute;right:0;top:40%;width:20px;height:30px;background:url(../images/pro-btn.gif) right center no-repeat;}
.caselist{}
.caselist li{float:left;}
.caselist .box{position:relative;width:175px;height:150px;margin:0 auto;}
.caselist img{display:block;}
.caselist .name{height:24px;line-height:24px;text-align:center;}
.caselist2 .box{width:110px;height:100px;}
.caselist2 .name2{position:absolute;bottom:0;left:0;width:100%;height:24px;line-height:24px;text-align:center;color:#FFF;background:url(../images/pngbg-60.png) repeat;}

.footer{background:#034E9F;color:#FFF;text-align:center;padding:15px 0}

.sub-product{}
.sub-product li{float:left;margin-bottom:15px;}
.sub-product .box{position:relative;width:170px;height:160px;margin:0 auto;}
.sub-product .name{height:24px;line-height:24px;width:100%;overflow:hidden;text-align:center;font-size:14px;}
.sub-product img{display:block;}

.m-sub{padding-top:10px;}