@charset "utf-8";
/* CSS Document */
body { padding: 0px; margin: 0px; color: #fff; background: #fff; font-family: "Open Sans", Arial, "Hiragino Sans GB","Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif,sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; }
* { margin: 0; padding: 0; }
ul li { list-style-type: none; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; line-height: 0; padding: 0px; margin: 0px; }
img { border-style: none; }
a { text-decoration: none; color: #797979; }
a:hover { color: #007dc7; text-decoration: none; }
h1 { font-size: 18px; color: #0387d2; font-weight: bold; text-align: center; padding: 10px 0; margin: 0; }
/*h2 { color: #373737; font-size: 18px; margin: 0; padding-left: 20px; display: block; float: left; line-height: 33px; font-weight: 200 }*/
.topbj { width: 100%; height: 144px; margin: 0 auto; padding: 0px; overflow: hidden; background: url(../images/top.jpg) top center no-repeat; }
.font { width: 300px; height: 40px; line-height: 40px; float: left; overflow: hidden; margin: 0px; padding-left: 34px; color: #797979 }
.topnav { width: 180px; height: 30px; line-height: 30px; float: right; overflow: hidden; margin: 0px; padding: 0px; color: #797979 }
.topnav a { text-decoration: none; color: #797979; padding: 0 10px }
.head { width: 1320px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden }
.menubj { width: auto; height: 47px; background: url(../images/nav.jpg) repeat-x left top; overflow: hidden }
.menu { width: 960px; height: 47px; margin: 0 auto; padding: 0px; overflow: hidden; }
.r_nav { width: 960px; margin: 0 auto; height: 47px; position: absolute; z-index: 9000000; line-height: 47px; }
.r_nav ul li.nav_top { float: left; width: 96px; text-align: center; height: 47px; line-height: 47px; position: relative; z-index: 999999; background: url(../images/line.jpg) no-repeat right center; }
.bb { background: url(../images/li_hover.jpg) no-repeat center; }
.bb a { text-decoration: none; color: #0060b2; }
.r_nav ul li.nav_top #nav_a { display: block; width: 96px; height: 47px; line-height: 52px; color: #fff; font-size: 14px; font-weight: bold }
.r_nav ul li.nav_top #nav_a:hover { background: url(../images/li_hover.jpg) no-repeat center; color: #0060b2; text-decoration: none }
#jsddm li.nav_top ul { margin: 0; padding: 0; position: absolute; left: 0px; top: 47px; visibility: hidden; width: 200px; background: #fff; filter: alpha(opacity:80); opacity: 0.8; }
#jsddm li.nav_top ul li { float: left; display: block; height: 37px; line-height: 37px; width: 160px; text-align: center; margin-left: 20px; text-align: center; border-bottom: #0063a7 1px dashed; margin-bottom: 5px }
#jsddm li.nav_top ul li a { color: #0063a7; display: block; width: 160px; height: 37px; text-align: center; font-size: 14px; text-decoration: none; line-height: 37px; }
#jsddm li.nav_top ul li a:hover { color: #0063a7; }
/*nav选中改造*/
.body_index .nav_index,
.body_news .nav_newstype,
.body_company .nav_companytype,
.body_contact .nav_contacttype,
.body_honor .nav_honortype,
.body_case .nav_casetype,
.body_message .nav_contacttype,
.body_product .nav_producttype,
.body_productlist19 .nav_producttype19,
.body_productlist18 .nav_producttype18,
.body_productlist17 .nav_producttype17 { background: url(../images/li_hover.jpg) no-repeat center; }
/*bannerbox*/
.bannerbox { width: 100%; position: relative; height: 494px; background: #000; overflow: hidden; }
.bannerbox .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.bannerbox .bd ul { width: 100% !important; }
.bannerbox .bd li { width: 100% !important; height: 494px; overflow: hidden; text-align: center; }
.bannerbox .bd li a { display: block; height: 494px; }
.bannerbox .hd { width: 100%; position: absolute; z-index: 1; bottom: 10px; left: 0; height: 30px; line-height: 30px; }
.bannerbox .hd ul { text-align: center; }
.bannerbox .hd ul li { display: inline-block; width: 13px; height: 13px; border: 5px solid #969696; border-radius: 100%; margin: 0 8px; cursor: pointer; vertical-align: middle; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; line-height: 999px; }
.bannerbox .hd ul li.on { box-shadow: 0 0 8px 4px rgba(255,255,255,0.8); background-color: #026fcd; /*background: transparent; */ }
.bannerbox .prev,
.bannerbox .next { display: block; position: absolute; z-index: 1; top: 50%; margin-top: -30px; left: 15%; z-index: 1; width: 40px; height: 60px; background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat; cursor: pointer; filter: alpha(opacity=50); opacity: 0.5; display: none; }
.bannerbox .next { left: auto; right: 15%; background-position: -6px -137px; }
.zfen { width: 958px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; }
.zfenleft { width: 758px; height: auto; margin: 0px; padding: 0px; float: left; overflow: hidden; line-height: 50px; color: #797979 }
.zfenleft a { display: inline-block; color: #515151; font-size: 12px; padding: 2px 5px; }
.zfenleft a:hover { color: #007dc7; }
.search { width: 200px; height: auto; margin-top: 10px; padding: 0px; float: right; overflow: hidden; }
/* 搜索栏 */
.search input { text-align: left; line-height: 31px; margin: 0; padding: 0; height: 31px; color: #b9b9b9; font-size: 12px; border: medium none; text-indent: 4em; }
.search .keywords { background: url(../images/s_inp.gif) no-repeat; width: 170px; height: 25px; float: left; padding: 0; margin: 0; }
.search .button { margin: 0px; width: 30px; height: 25px; background: url(../images/s_so.gif) no-repeat right center; color: #7e7e7e; float: left; }
/*row-a1*/
.row-a1 { width: 100%; height: 340px; overflow: hidden; padding-bottom: 20px; border-top: 1px solid #ccc; }
.row-a1 .wp { max-width: 1200px; margin: 0 auto; }
.row-a1 .wp .g-tit { text-align: center; padding: 40px 0 26px; }
.row-a1 .wp .g-tit h3 { height: 30px; line-height: 30px; text-align: center; color: #3f3f3f; font-size: 28px; margin-bottom: 10px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.row-a1 .wp .g-tit p { height: 18px; display: inline-block; position: relative; font-size: 0; }
.row-a1 .wp .g-tit p::before { content: ''; width: 100%; height: 1px; background: #d4d4d4; position: absolute; top: 50%; }
.row-a1 .wp .g-tit p span { line-height: 18px; color: rgb(127, 127, 127); font-size: 14px; padding: 0 12px; background: #fff; margin: 0 160px; z-index: 9; position: relative; }
.row-a1 .wp .icon-1 { overflow: hidden; margin: 0 -3px; }
.row-a1 .wp .icon-1 li { width: 194px; height: 212px; float: left; }
.row-a1 .wp .icon-1 span { padding-top: 106%; display: block; transition: 0.3s; cursor: pointer; margin: 0 3px; }
.row-a1 .wp .icon-1 span.item1 { background: url('../images/icon-1.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item1:hover { background: url('../images/icon-1-hover.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item2 { background: url('../images/icon-2.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item2:hover { background: url('../images/icon-2-hover.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item3 { background: url('../images/icon-3.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item3:hover { background: url('../images/icon-3-hover.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item4 { background: url('../images/icon-4.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item4:hover { background: url('../images/icon-4-hover.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item5 { background: url('../images/icon-5.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item5:hover { background: url('../images/icon-5-hover.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item6 { background: url('../images/icon-6.jpg') center center no-repeat; background-size: 100%; }
.row-a1 .wp .icon-1 span.item6:hover { background: url('../images/icon-6-hover.jpg') center center no-repeat; background-size: 100%; }
.zclass { width: auto; height: auto; margin: 0px auto 20px; padding: 0px; overflow: hidden; }
.class { width: 958px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 20px; }
.classl { width: 217px; height: auto; margin: 0px; padding: 0px; overflow: hidden; float: left; }
.prolistbox { width: 217px; height: auto; }
.icontactitle { width: 217px; height: 120px; background: url(../images/cp_ltbg.gif) center 4px no-repeat; }
.prolist { width: 217px; height: auto; overflow: hidden; background: url(../images/cp_lmbg.gif) repeat-y; }
.prolist dl { margin-left: 20px; padding: 0; list-style: none; width: 180px; line-height: 32px; }
.prolist dl dt { width: 180px; height: 29px; line-height: 29px; background: url(../images/dhhbg1.jpg) no-repeat; text-align: left; padding-left: 30px; margin-bottom: 10px }
.prolist dl dt a { text-decoration: none; color: #FFF; text-decoration: none }
.prolist dl dt a:hover { width: 180px; height: 29px; line-height: 29px; text-align: left; color: #fff; }
.prolist dl dd { width: 150px; height: 32px; line-height: 32px; background: url(../images/arr0.png) no-repeat 18px 14px; text-align: left; padding-left: 30px; border-bottom: #c5c5c5 1px dashed }
.prolist dl dd a:hover { width: 150px; height: 32px; line-height: 32px; text-align: left; color: #007dc7; text-decoration: none; }
.ititle { width: 217px; height: 14px; margin: 0px; padding: 0px; background: url(../images/cp_lbbg.gif) no-repeat; overflow: hidden }
.cp-rt { width: 713px; height: auto; margin: 0px; padding: 0px; overflow: hidden; float: right }
.cptitle { width: 713px; height: 38px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/cp_rtbg.gif) no-repeat }
.cptitle A { float: right; width: 48px; height: 38px; line-height: 38px; font-size: 12px; color: #666; padding-top: 5px }
.probox { padding: 0; margin: 0 auto; width: 713px; height: 575px; margin-top: 15px }
.probox dl { float: left; margin: 0; width: 340px; height: auto; text-align: center; margin: 5px 10px 0px 10px; *margin: 5px 10px 0px 8px; margin-bottom: 0; }
.probox dl:nth-child(2n) { margin-right: 0 !important; }
.probox dt { margin: 0; padding: 0; width: 340px; height: 277px; overflow: hidden; background: url(../images/cp_picbg.gif) left bottom }
.probox dt img { border: 1px solid #dbdada; margin: 0 auto; width: 338px; height: 274px; overflow: hidden; }
.probox dd { margin: 0; padding: 0; text-align: center; width: 340px; line-height: 25px; height: 25px }
.fly { width: 1420px; height: 85px; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 30px; display: none; }
.pic { width: 960px; height: 760px; margin: 0 auto; padding: 0px; overflow: hidden }
.shili { width: 1420px; height: 173px; margin: 0 auto; padding: 0px; overflow: hidden }
.miaoshu { width: 960px; height: 1020px; margin: 0 auto; padding: 0px; overflow: hidden }
.zhuanj { width: 960px; height: 175px; margin: 0 auto; padding: 0px; overflow: hidden; }
.yijian { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 20px }
.yititle { width: 960px; height: 40px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/jz_bt.gif) no-repeat }
.yititle A { float: right; width: 48px; height: 40px; line-height: 40px; font-size: 12px; color: #666; }
.yimain { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; }
.yimain ul { margin: 0px; padding: 0px; list-style: none; }
.yimain ul li { width: 232px; height: 303px; background: none repeat scroll 0% 0% #F3F3F3; float: left; overflow: hidden; margin: 20px 4px 0px; display: inline; position: relative; }
.yimain ul li img { width: 232px; height: 150px; }
.yimain ul li span { display: block; width: 202px; text-align: center; padding: 8px 15px 5px; color: #333 }
.yimain ul li span a { display: inline-block; height: 25px; line-height: 25px; overflow: hidden; font-weight: bold; color: #333 }
.yimain ul li span a:hover { color: #f60; text-decoration: none }
.yimain ul li p { height: 90px; line-height: 23px; color: #666; font-size: 12px; padding: 0 20px; overflow: hidden }
.yimain ul li em { position: absolute; left: 200px; top: 270px; }
.yimain ul li em img { width: 31px; height: 31px }
.iaboutbj { width: auto; height: 360px; margin-top: 35px; padding: 0px; overflow: hidden; background: #007dc7 }
.iabout { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; }
.iabouleft { width: 960px; height: auto; margin-top: 30px; padding: 0px; overflow: hidden; float: left; }
.iabtitle { width: 960px; height: 33px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/zj_bt.jpg) no-repeat }
.iabtitle A { float: right; width: 48px; height: 33px; line-height: 33px; font-size: 12px; color: #fff; }
.iabouleft dl { padding-top: 20px; }
.iabouleft dt { float: left; width: 292px; height: 230px; background: none repeat scroll 0% 0% #FFF }
.iabouleft dd { float: right; width: 640px; padding-left: 25px; }
.iabouleft dd h4 { height: 25px; line-height: 25px; overflow: hidden; padding: 8px 0px 6px; color: #FFF }
.iabouleft dd h4 a { height: 25px; line-height: 25px; overflow: hidden; padding: 8px 0px 6px; color: #FFF; font-size: 16px; }
.iabouleft dd p { text-align: left; color: #FFF; font-size: 14px; line-height: 2em; text-indent: 2em; }
.iabouleft dd span { line-height: 40px; text-align: left; font-size: 14px; color: #FFF; }
.iabouleft dd span a { font-size: 14px; color: #FFF; text-decoration: none; }
.iaboutright { width: 224px; height: auto; margin-top: 30px; float: right; overflow: hidden; padding: 0px }
.iootitle { width: 224px; height: 33px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/zj_bt1.jpg) no-repeat }
.iootitle A { float: right; width: 48px; height: 33px; line-height: 33px; font-size: 12px; color: #fff; }
/**首页热销产品**/
.ipro { margin: 0 auto; padding: 0; width: 220px; height: 230px; margin-top: 20px; background: #FFF }
.red_text { color: #f00 }
.rollBox { margin: 0px auto; width: 210px; height: auto; overflow: hidden; }
.rollBox .Cont { width: 117px; float: left; overflow: hidden; margin: 0px 20px 0px 20px; }
.rollBox .ScrCont { width: 1342177.27px }
.rollBox .Cont .pic { text-align: center; width: 117px; margin-right: 20px; float: left; }
* + HTML .rollBox .Cont .pic { text-align: center; width: 117px; float: left }
.rollBox .Cont .pic img { margin: 0 auto; width: 117px; display: block; height: 150px; margin-top: 30px; }
.rollBox .Cont .pic .name { height: 35px; line-height: 35px; display: block; overflow: hidden; width: 117px; text-align: center }
.rollBox .Cont .pic .name a { color: #000; width: 117px }
.rollBox .Cont A:hover { color: #000; text-decoration: underline }
.rollBox #List1 { float: left }
.rollBox #List2 { float: left }
/**首页热销产品**/
.iproduct { width: 960px; height: 220px; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 35px }
.ipzuo { width: 960px; height: 39px; margin: 0 auto; padding: 0px; overflow: hidden; }
.gntitle { width: 100px; height: 39px; margin: 0 auto; padding: 0px; overflow: hidden; line-height: 39px; float: right }
.gntitle a { line-height: 39px; font-size: 14px; color: #666; text-decoration: none }
.gntitle B { width: 60px; height: 39px; line-height: 39px; float: right; color: #000; font-size: 12px; padding-right: 10px }
#menu01 { width: 800px; height: 39px; margin: 0 auto; padding: 0px; overflow: hidden; float: left }
#menu01 ul { list-style: none; margin-left: 10px; padding: 0px; width: 800px; }
#menu01 ul li { width: 155px; height: 39px; padding: 0px; float: left; display: inline-block; margin: 0 10px; text-align: center; background: url(../images/fc_bg2.gif) no-repeat }
#nav01 .selected { width: 155px; height: 39px; margin: 0px; padding: 0px; color: #FFF; background: url(../images/fc_bg1.gif) no-repeat; }
#nav01 .selected a { color: #FFF; text-decoration: none; line-height: 35px; }
#menu01 ul li:hover { background: url(../images/fc_bg1.gif) no-repeat; color: #FFF }
#menu01 ul li a { color: #333; height: 39px; line-height: 35px; text-decoration: none }
#menu01 ul li a:hover { text-decoration: underline; color: #fff; }
#menu_con { width: 960px; height: 180px; margin-top: 25px; padding: 0px; overflow: hidden; float: left; margin-left: 10px }
/**产品列表**/
.tag { margin: 0px auto; padding: 0px; font-size: 12px; height: auto; }
.tag dl { width: 170px; height: auto; text-align: center; float: left; margin: 8px 8px 8px 8px; _margin: 8px 8px 8px 8px; overflow: hidden; }
.tag dt { margin: 0; padding: 0px; width: 170px; height: 110px; overflow: hidden; }
.tag dt img { margin: 0; padding: 0; width: 170px; height: 110px; overflow: hidden; padding: 5px 5px 5px 5px }
.tag dd { width: 170px; height: 35px; line-height: 35px; text-align: center; overflow: hidden }
.tag dd a { width: 170px; height: 35px; line-height: 35px; text-align: center; }
.dpmain { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden }
.kuais { width: 960px; height: 180px; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 30px }
.imain { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 30px; }
.answer { width: 280px; height: 450px; margin: 0px; padding: 0px; overflow: hidden; float: left; background: url(../images/news_lbg.gif) no-repeat right top; position: relative; }
.antitle { width: 240px; height: 33px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/news_ico01.gif) no-repeat left center; border-bottom: 1px solid #d9d9d9 }
.antitle h2 { color: #373737; font-size: 18px; margin: 0; padding-left: 20px; display: block; float: left; line-height: 33px; font-weight: 200 }
.antitle A { float: right; width: 48px; height: 33px; line-height: 33px; font-size: 12px; color: #666; }
.msgs dl { padding-top: 10px; border-bottom: #6f6f6f 1px dashed; width: 240px; }
.msgs dl dt { width: 240px; height: 35px; line-height: 35px; margin: 0px; padding: 0px; display: block; background: url(../images/wen.gif) no-repeat 0px 8px; }
.msgs dl dt a { text-decoration: none; color: #515151; font-size: 12px; line-height: 35px; padding-left: 25px }
.msgs dl dd { width: 240px; height: auto; line-height: 20px; margin-bottom: 15px; padding: 0px; display: block; background: url(../images/da.gif) no-repeat; }
.msgs dl dd span { line-height: 20px; text-align: left; color: #9c9c9c; padding-left: 25px; }
.gongnew { width: 340px; height: 450px; float: left; margin-left: 18px; padding: 0px; overflow: hidden; background: url(../images/news_lbg.gif) no-repeat right top; }
.gongnew h2 { color: #373737; font-size: 18px; margin: 0; padding-left: 20px; display: block; float: left; line-height: 33px; font-weight: 200; }
.gstitle { width: 300px; height: 33px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/news_ico01.gif) no-repeat left center; border-bottom: 1px solid #d9d9d9 }
.gstitle A { float: right; width: 48px; height: 33px; line-height: 33px; font-size: 12px; color: #666; }
.gongnew img { width: 295px; height: 121px; border: #e5e5e5 1px solid; padding: 1px 1px 1px 1px; margin-top: 15px }
.gongnew ul { margin: 0; padding: 0; text-align: left; margin-top: 5px; width: 295px; }
.gongnew ul li { line-height: 32px; height: 32px; list-style: none; overflow: hidden; background: url(../images/arr0.png) no-repeat 0px 12px; border-bottom: 1px dashed #ccc; }
.gongnew ul li a { float: left; margin-left: 12px; text-align: left; }
.gongnew ul span { float: right; height: 32px; line-height: 32px; color: #333 }
/* ie7下兼容 */
* + html .gongnew ul li { line-height: 32px; height: 32px; list-style: none; overflow: hidden; background: url(../images/arr0.png) no-repeat 0px 12px; }
* + html .gongnew ul li a { float: left; text-align: left; margin-left: 10px; }
* + html .gongnew ul span { float: right; height: 32px; line-height: 32px; color: #333 }
/* ie6下兼容 */
*html .gongnew ul li { line-height: 32px; height: 32px; list-style: none; overflow: hidden; background: url(../images/arr0.png) no-repeat 0px 12px; }
*html .gongnew ul li a { float: left; text-align: left; margin-left: 10px; }
*html .gongnew ul span { float: right; height: 32px; line-height: 32px; color: #333 }
.hynew { width: 300px; height: 450px; float: right; padding: 0px; overflow: hidden; }
.hytitle { width: 300px; height: 33px; margin: 0px; padding: 0px; overflow: hidden; background: url(../images/news_ico01.gif) no-repeat left center; border-bottom: 1px solid #d9d9d9 }
.hynew h2 { color: #373737; font-size: 18px; margin: 0; padding-left: 20px; display: block; float: left; line-height: 33px; font-weight: 200; }
.hytitle A { float: right; width: 48px; height: 33px; line-height: 33px; font-size: 12px; color: #666; }
.hynew img { width: 295px; height: 121px; border: #e5e5e5 1px solid; padding: 1px 1px 1px 1px; margin-top: 15px }
.hynew ul { margin: 0; padding: 0; text-align: left; margin-top: 5px; width: 295px; }
.hynew ul li { line-height: 32px; height: 32px; list-style: none; overflow: hidden; background: url(../images/arr0.png) no-repeat 0px 10px; border-bottom: 1px dashed #ccc; }
.hynew ul li a { float: left; margin-left: 12px; text-align: left; }
.hynew ul span { float: right; height: 32px; line-height: 32px; color: #333 }
/* ie7下兼容 */
* + html .hynew ul li { line-height: 32px; height: 32px; list-style: none; overflow: hidden; background: url(../images/arr0.png) no-repeat 0px 12px; }
* + html .hynew ul li a { float: left; text-align: left; margin-left: 10px; }
* + html .hynew ul span { float: right; height: 32px; line-height: 32px; color: #333 }
/* ie6下兼容 */
*html .hynew ul li { line-height: 32px; height: 32px; list-style: none; overflow: hidden; background: url(../images/arr0.png) no-repeat 0px 12px; }
*html .hynew ul li a { float: left; text-align: left; margin-left: 10px; }
*html .hynew ul span { float: right; height: 32px; line-height: 32px; color: #333 }
.footbj { width: auto; height: 399px; margin: 0 auto; padding: 0px; overflow: hidden; background: url(../images/f_bg.gif) repeat-x center center; margin-top: 35px }
.footbjj { width: auto; height: 260px; margin: 0 auto; padding: 0px; overflow: hidden; background: url(../images/footer_bg.gif) repeat-x center center; margin-top: 35px }
.foot { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; }
.dbnave { width: 930px; height: 35px; line-height: 35px; font-size: 12px; color: #FFF; margin-top: 45px }
.dbnave a { text-decoration: none; color: #FFF; height: 35px; line-height: 35px; padding: 0 10px; }
.dbnavee { width: 930px; height: 35px; line-height: 35px; font-size: 12px; color: #FFF; margin-top: 30px; background: url(../images/footer_nav_bg.gif) center center no-repeat; text-align: center; }
.dbnavee a { text-decoration: none; color: #FFF; height: 35px; line-height: 35px; padding: 0 18px; }
.dbnavee a:hover { color: #ff8100; }
.dblink { width: 550px; height: auto; margin-left: 248px; padding: 0px; overflow: hidden; margin-top: 50px }
.dblink p { line-height: 30px; margin: 0px; padding: 0px; color: #FFF; }
.dblink p a { color: #fff }
.f_logo { padding: 30px 0 0 70px; }
.f_logo img { width: 130px; height: 130px; }
.nmain { width: 960px; height: auto; margin: 0 auto; padding: 0px; overflow: hidden; margin-top: 10px; }
.left { width: 230px; height: auto; margin: 0px; padding: 0px; float: left; overflow: hidden; }
.ltitle { width: 230px; height: 47px; line-height: 47px; font-size: 16px; color: #FFF; text-align: center; background: url(../images/dhtil.jpg) no-repeat }
.nprolist { width: 228px; height: auto; overflow: hidden; border: #0187ce 1px solid; border-top: none; }
.nprolist dl { margin-left: 23px; padding: 0; list-style: none; width: 180px; line-height: 30px; margin-top: 15px }
.nprolist dl dt { width: 180px; height: 30px; line-height: 30px; background: url(../images/dhhbg.jpg) no-repeat; text-align: left; padding-left: 30px; margin-bottom: 10px }
.nprolist dl dt a { text-decoration: none; color: #555; text-decoration: none }
.nprolist dl dt a:hover { width: 180px; height: 30px; line-height: 30px; text-align: left; color: #555; text-decoration: underline; }
.nprolist dl dd { width: 150px; height: 32px; line-height: 32px; background: url(../images/arr0.png) no-repeat 18px 14px; text-align: left; padding-left: 30px; border-bottom: #c5c5c5 1px dashed }
.nprolist dl dd a:hover { width: 150px; height: 32px; line-height: 32px; text-align: left; color: #0387d2; text-decoration: none; }
.ncontact { width: 230px; height: auto; margin-top: 15px; padding: 0px; overflow: hidden; }
.ncontact img { width: 230px; height: 40px; margin: 0px; padding: 0px; overflow: hidden }
.ncon { width: 228px; height: auto; margin: 0px; padding: 0px; overflow: hidden; border: #0187ce 1px solid; border-top: none; }
.ncon img { width: 210px; height: 61px; padding: 10px 10px 10px 10px; margin: 0px; overflow: hidden }
.ncon p { width: 210px; height: auto; padding-left: 10px; line-height: 25px; margin: 0px; overflow: hidden; color: #333 }
.right { width: 715px; height: auto; margin: 0px; padding: 0px; overflow: hidden; float: right; color: #797979; }
.rtitle { width: 710px; height: 35px; line-height: 35px; margin: 0px; padding: 0px; overflow: hidden; border: #d5d5d5 1px solid }
.rtitle h2 { width: auto; line-height: 35px; font-size: 16px; height: 35px; margin: 0px; padding-left: 15px; color: #026fcd; float: left; }
.rtitle span { line-height: 35px; padding-left: 10px; color: #026fcd; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.location { float: right; width: auto; color: #333; padding-right: 10px; }
.location a { color: #333 }
.location a:hover { color: #026fcd; text-decoration: underline; }
.content { /* width: 680px;*/ height: auto; margin-top: 10px; padding: 0px; overflow: hidden; border: #d5d5d5 1px solid }
.listbox { width: 710px; }
.content p { height: auto; margin: 0px; overflow: hidden }
.hangneww { width: auto; height: auto; padding: 0px; overflow: hidden; margin-left: 20px; margin-top: 20px; margin-right: 20px }
.hangneww ul { margin: 0; padding: 0; text-align: left; }
.hangneww ul li { line-height: 35px; height: 35px; list-style: none; overflow: hidden; }
.hangneww ul li a { float: left; padding-left: 25px; text-align: left; color: #666; font-size: 12px; background: url(../images/wxjs07.gif) no-repeat 0px 12px }
.hangneww ul li a:hover { text-decoration: none; font-size: 12px }
.hangneww ul span { float: right; height: 35px; line-height: 35px; color: #7a7a7a; font-size: 12px }
/* ie7下兼容 */
* + html .hangneww ul li { line-height: 35px; height: 35px; list-style: none; overflow: hidden; background: url(../images/wxjs07.gif) no-repeat 0px 12px }
* + html .hangneww ul li a { float: left; text-align: left; padding-left: 25px; font-size: 12px }
* + html .hangneww ul span { float: right; height: 35px; line-height: 35px; font-size: 12px }
/* page */
.page { text-align: center; margin: 0 auto; padding: 0; margin-top: 30px; margin-bottom: 20px; }
.page a { color: #fff; height: 20px; line-height: 20px; padding: 5px 6px; margin: 0 2px; text-decoration: none; background: #333 }
.page a:hover { background: #0387d2; color: #fff; text-decoration: none; height: 20px; padding: 5px 6px; margin: 0 2px; }
.ih6 { text-align: right; line-height: 25px; overflow: hidden }
.description { /*width: 680px; height: auto; margin-top: 10px; padding: 0px; line-height: 30px; overflow: hidden; margin-left: 20px */ }
.description p img { max-width: 100%; }
/* 上一篇下一篇 */
/*.next { text-align: right; padding: 5px 10px; }
.next a { color: #000; line-height: 30px; }
.next a:hover { color: #0170cc; line-height: 30px; }*/
/*网站地图*/
.sitemap { height: 25px; line-height: 25px; border-bottom: 2px solid #0387d2; width: 680px; float: left; padding: 0px; margin-left: 20px; margin-top: 20px }
.sitemap span { width: 70px; height: 25px; background: #0387d2; font-size: 12px; font-weight: bold; color: #FFF; text-align: center; float: left }
.link { width: 660px; height: auto; float: left; margin: 0 auto; padding: 0; line-height: 25px; height: auto; min-height: 25px; margin-left: 20px }
.link a { padding: 0 10px; margin: 0 }
.tags { width: 660px; height: auto; min-height: 25px; margin: 0 5px; padding: 0; float: left; color: #aaa; }
.tags a { color: #333; }
.proboxx { padding: 0; margin: 0 auto; width: 668px; margin-top: 20px }
.proboxx dl { float: left; margin: 0; width: 201px; height: auto; text-align: center; margin: 5px 10px 0px 10px; *margin: 5px 10px 0px 8px; margin-bottom: 0; }
.proboxx dt { margin: 0; padding: 0; width: 201px; height: auto; overflow: hidden; }
.proboxx dt img { border: 1px solid #ddd; margin: 0 auto; width: 199px; height: 161px; overflow: hidden; }
.proboxx dt img:hover { border: 1px solid #dddddd; margin: 0 auto; width: 199px; height: 161px; overflow: hidden; }
.proboxx dd { margin: 0; padding: 0; text-align: center; height: 30px; line-height: 30px; overflow: hidden; }
.clins { width: 680px; height: auto; margin-top: 20px; margin-bottom: 30px; padding: 0px; overflow: hidden }
/*客服*/
.float0831 { POSITION: fixed; TOP: 140px; left: 1px; _position: absolute; height: auto; z-index: 1200000000000000; }
* html .float0831 { position: absolute; left: expression(eval(document.documentElement.scrollleft+1)); top: expression(eval(document.documentElement.scrollTop+140)); z-index: 1200000000000000; }
.float0831 A { COLOR: #00a0e9 }
.float0831 A:hover { COLOR: #ff8100; TEXT-DECORATION: none }
.float0831 .floatL { POSITION: relative; WIDTH: 28px; FLOAT: left }
.float0831 .floatL A { TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px }
.float0831 .floatR { BACKGROUND: url(../images/float_bg.gif) }
.float0831 .tp { BACKGROUND: url(../images/float_bg.gif) }
.float0831 .cn { BACKGROUND: url(../images/float_bg.gif) }
.float0831 .floatR { PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden }
.float0831 .tp { BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px }
.float0831 .cn { BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px }
.float0831 .cn H3 { TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px }
.float0831 .cn UL { PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px; margin: 0px; }
.float0831 .cn UL LI { BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal }
.float0831 .titZx { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .titDh { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .titDc { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .icoZx { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .icoTc { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .icoFf { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .icoTl { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .btnOpen { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .btnOpen_n { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .btnCtn { BACKGROUND: url(../images/float_s.gif) no-repeat }
.float0831 .titZx { BACKGROUND-POSITION: 5px -10px }
.float0831 .titDh { BACKGROUND-POSITION: 5px -66px }
.float0831 .titDc { BACKGROUND-POSITION: 5px -124px }
.float0831 .icoZx { BACKGROUND-POSITION: 2px -154px }
.float0831 .icoTc { BACKGROUND-POSITION: 0px -323px }
.float0831 .icoTc img { margin-left: -25px; padding-top: 8px; float: left }
.float0831 .icoFf { BACKGROUND-POSITION: 2px -213px }
.float0831 .icoTl { PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left; color: #000; }
.float0831 .btnOpen { BACKGROUND-POSITION: -30px -396px }
.float0831 .btnOpen_n { BACKGROUND-POSITION: 0px -530px }
.float0831 .btnCtn { BACKGROUND-POSITION: 0px -396px }
.float0831 .icoZx { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .icoTc { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .icoFf { PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left }
.float0831 .btnOpen { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen_n { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnCtn { POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen { TOP: 118px; LEFT: 1px }
.float0831 .btnOpen_n { TOP: 118px; LEFT: 1px }
.float0831 .btnCtn { TOP: 118px; LEFT: 2px }
.float0831 UL LI H1.titDc A { WIDTH: 80px; DISPLAY: block; HEIGHT: 36px }
.float0831 UL LI.topp { BORDER-BOTTOM: #ace5f9 1px solid; }
.float0831 UL LI.bot { BORDER-BOTTOM-STYLE: none }
.float0831 UL.webZx { PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; HEIGHT: 65px; PADDING-TOP: 0px; background: url(../images/webzx_bg.jpg); }
.float0831 UL LI.webZx-in { BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px }
.float0831 .titDc { background-position-x: 5px; background-position-y: -124px }
.float0831 .cn h3 { height: 36px; text-indent: -9999px; font-size: 0px }
/*subtitbox*/
.subtitbox { text-align: center; }
/*contactdetailsbox*/
#contactdetailsbox { padding: 10px 15px; }
#contactdetailsbox h3 { font-weight: bold; margin-bottom: 15px; font-size: 20px; color: #000; }
#contactdetailsbox p { line-height: 1.8em; font-size: 14px; }
/*companydetailsbox*/
#companydetailsbox { padding: 10px 15px; }
#companydetailsbox p { font-size: 14px; line-height: 1.8em; color: #333; text-align: justify; _margin-top: 22px }
#companydetailsbox > img { width: 100%; display: block }
#companydetailsbox p img { display: block; margin: 0 auto; margin-top: 30px; }
#companydetailsbox p strong { font-size: 14px; color: #333; font-weight: 700; }
#companydetailsbox h3 { font-size: 18px; font-weight: 700; color: #000; }
#companydetailsbox p, #companydetailsbox p + img { margin-top: 26px }
#companydetailsbox p + p { margin-top: 22px }
/*newsdetailsbox*/
#newsdetailsbox { padding: 10px 15px; }
#newsdetailsbox p { font-size: 14px; line-height: 1.8em; color: #333; text-align: justify; _margin-top: 22px }
#newsdetailsbox > img { width: 100%; display: block }
#newsdetailsbox p img { display: block; margin: 0 auto; margin-top: 30px; }
#newsdetailsbox p strong { font-size: 14px; color: #333; font-weight: 700; }
#newsdetailsbox h3 { font-size: 18px; font-weight: 700; color: #000; }
#newsdetailsbox p, #newsdetailsbox p + img { margin-top: 26px }
#newsdetailsbox p + p { margin-top: 22px }
/*casedetailsbox*/
#casedetailsbox { padding: 10px 15px; }
#casedetailsbox p { font-size: 14px; line-height: 1.8em; color: #333; text-align: justify; _margin-top: 22px }
#casedetailsbox > img { width: 100%; display: block }
#casedetailsbox p img { display: block; margin: 0 auto; margin-top: 30px; }
#casedetailsbox p strong { font-size: 14px; color: #333; font-weight: 700; }
#casedetailsbox h3 { font-size: 18px; font-weight: 700; color: #000; }
#casedetailsbox p, #casedetailsbox p + img { margin-top: 26px }
#casedetailsbox p + p { margin-top: 22px }
/*honordetailsbox*/
#honordetailsbox { padding: 10px 15px; }
#honordetailsbox p { font-size: 14px; line-height: 1.8em; color: #333; text-align: justify; _margin-top: 22px }
#honordetailsbox > img { width: 100%; display: block }
#honordetailsbox p img { display: block; margin: 0 auto; margin-top: 30px; }
#honordetailsbox p strong { font-size: 14px; color: #333; font-weight: 700; }
#honordetailsbox h3 { font-size: 18px; font-weight: 700; color: #000; }
#honordetailsbox p, #honordetailsbox p + img { margin-top: 26px }
#honordetailsbox p + p { margin-top: 22px }
/*prodetailsbox*/
#prodetailsbox { padding: 10px 15px; }
#prodetailsbox p { font-size: 14px; line-height: 1.8em; color: #333; text-align: justify; _margin-top: 22px }
#prodetailsbox > img { width: 100%; display: block }
#prodetailsbox p img { display: block; margin: 0 auto; margin-top: 30px; }
#prodetailsbox p strong { font-size: 14px; color: #333; font-weight: 700; }
#prodetailsbox h3 { font-size: 18px; font-weight: 700; color: #000; }
#prodetailsbox p, #prodetailsbox p + img { margin-top: 26px }
#prodetailsbox p + p { margin-top: 22px }
/*honor_dl*/
.proboxx dl.honor_dl { float: left; margin: 0; width: 201px; height: auto; text-align: center; margin: 5px 10px 0px 10px; *margin: 5px 10px 0px 8px; margin-bottom: 0; }
.proboxx dl.honor_dl dt { margin: 0; padding: 0; width: 201px; height: auto; overflow: hidden; }
.proboxx dl.honor_dl dt img { border: 1px solid #ddd; margin: 0 auto; width: 199px; height: 254px; overflow: hidden; }
.proboxx dl.honor_dl dt img:hover { border: 1px solid #dddddd; margin: 0 auto; width: 199px; height: 254px; overflow: hidden; }
.proboxx dl.honor_dl dd { margin: 0; padding: 0; text-align: center; height: 30px; line-height: 30px; overflow: hidden; }
/*paging*/
div.paging { display: table; margin: 1rem auto; border-radius: .2rem; padding: 0; font-family: "Microsoft YaHei",Verdana; font-size: 12px; }
div.paging a, div.paging span { display: block; float: left; margin: 2px 0 0 -1px; padding: 4px 12px; line-height: 20px; height: 20px; border: 1px solid #e1e1e1; background: #fff; color: #333; text-decoration: none; }
div.paging span:first-child { border-left: 1px solid #e1e1e1; }
div.paging a:hover { color: #666; background: #eee; }
div.paging span.current { color: #fff; background: #0060b2; border-color: #0170cc; }
div.paging span.disabled { color: #999; background: #fff; }
/*dz*/
.dz { padding: 53px 0 35px; display: none !important; }
.dz .dz_content { width: 960px; margin: 0 auto; overflow: hidden; }
.dz_t { background: url(../images/dz_btbg.gif) no-repeat; height: 86px; font-family: "Microsoft YaHei"; padding-bottom: 36px; }
.dz_t p { line-height: 42px; padding-left: 25px; }
.dz_t a { font-family: "Microsoft YaHei"; position: relative; height: 46px; display: inline-block; line-height: 46px; }
.dz_t i { font-size: 43px; color: #01118d; }
.dz_t span { font-size: 28px; color: #000; width: 200px; position: absolute; top: -6px; left: 184px; }
.dz_t q { font-size: 32px; color: #000; }
.dz_t q:before, .dz_t q:after { font-size: 32px; color: #000; }
.dz_t em { font-size: 24px; color: #01118d; font-weight: bold; }
.dz_l { position: relative; width: 591px; }
.dz_l span { position: absolute; top: 485px; left: 155px; }
.dz_l img { width: 591px; height: 543px; }
.dz_l span img { width: 173px; height: 40px; }
.dz_r { width: 365px; font-family: "Microsoft YaHei"; position: relative; }
.dz_r p { border-bottom: #dddddd 1px dashed; height: 90px; overflow: hidden; }
.dz_r p em { display: block; height: 40px; line-height: 35px; font-size: 18px; color: #000; font-weight: bold; }
.dz_r p em i { font-family: Arial, Helvetica, sans-serif; color: #c5c5c5; font-weight: normal; text-transform: uppercase; padding-left: 10px; }
.dz_r p span { font-size: 15px; color: #494949; display: block; line-height: 22px; padding-top: 8px; }
.dz_r p span q { color: #ff1b00; }
.dz_r .dz_rp01 { position: absolute; top: 0; left: -90px; }
.dz_r .dz_rp02 { position: absolute; top: 118px; left: 0; }
.dz_r .dz_rp03 { position: absolute; top: 240px; left: 0; }
.dz_r .dz_rp03 em, .dz_r .dz_rp03 span { padding-left: 20px; }
.dz_r .dz_rp04 { position: absolute; top: 355px; left: 0; }
.dz_r .dz_rp05 { position: absolute; left: -80px; border: none; top: 455px; }
/*iysbox*/
.iysbox { width: 960px; margin: 0 auto; }
.ys_01 { background: url(../images/ys_01.jpg) no-repeat; height: 346px; overflow: hidden; }
.ys_02 { background: url(../images/ys_02.jpg) no-repeat; height: 228px; overflow: hidden; }
.ys_03 { background: url(../images/ys_03.jpg) no-repeat; height: 245px; overflow: hidden; }
.ys_04 { background: url(../images/ys_04.jpg) no-repeat; height: 197px; overflow: hidden; }
.iysbox .ys dl { width: 444px; margin-left: 35px; }
.iysbox .ys dt { height: 60px; padding-bottom: 8px; }
.iysbox .ys dt p { float: left; height: 60px; repeat-x 0 bottom; width: 385px; }
.iysbox .ys dt p span { display: block; font-family: "Times New Roman", Times, serif; font-size: 14px; color: #e7e7e7; text-transform: uppercase; height: 25px; line-height: 25px; overflow: hidden; }
.iysbox .ys dt img { width: 46px; height: 46px; float: left; padding-right: 10px; }
.iysbox .ys dt a { color: #000; font-family: "Microsoft YaHei"; font-size: 26px; font-weight: bold; height: 30px; line-height: 30px; overflow: hidden; display: inline-block; }
.iysbox .ys dd { padding-left: 58px; }
.iysbox .ys dd p { color: #797979; font-family: "Microsoft YaHei"; font-size: 14px; line-height: 25px; padding-left: 20px; }
.iysbox .ys dd p i { color: #fe1400; }
.iysbox .ys .ys_dl01 { padding-top: 75px; }
.iysbox .ys .ys_dl02 { width: 505px; margin-left: 450px; }
.iysbox .ys .ys_dl02 dt p { width: 445px; }
.iysbox .ys .ys_dl03 { margin-left: 66px; }
.iysbox .ys .ys_dl04 { width: 450px; margin-left: 480px; }
.iysbox .ys .ys_dl04 dt p { width: 390px; }
/*linksbox*/
.linksbox { width: 100%; margin: 0 auto; color: #000; padding-top: 20px; }
.linksbox .links { position: relative; width: 930px; margin: 0 auto; padding-bottom: 30px; border-bottom: 1px solid #f0f0f0; }
.linksbox .links span { position: absolute; left: 0; width: 75px; font-size: 14px; color: #464646; }
.linksbox .links a { display: inline-block; padding: 0 3px; margin: 0 16px 0 0; color: #ababab; font-size: 14px; }
.linksbox .links a:hover { color: #5ee3e7; }
/*上下篇*/
.info-bot-wrap { padding: .9rem; }
.info-bot-dl { width: 70%; color: #666; font-size: 14px; line-height: 36px; }
.nowrap { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.f-cb { zoom: 1; }
.info-bot-wrap span { white-space: pre-wrap !important; }
.info-bot-wrap .info-bot-dl a { color: #666; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.info-bot-wrap .info-bot-dl a:hover { color: #007dc7; }
.info-bot-dr { padding-top: 16px; }
.info-bot-dr .news-return-a { display: block; position: relative; text-align: center; width: 124px; height: 36px; border: 1px solid #007dc7; border-radius: 18px; overflow: hidden; }
.info-bot-dr .news-return-a:before { content: ""; display: block; width: 130%; height: 100%; position: absolute; left: -144%; top: 0; z-index: 1; background: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transform: skewX(45deg); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); }
.info-bot-dr .news-return-a .load-s0 { position: relative; z-index: 2; color: #fff; font-size: 14px; line-height: 36px; transition: .3s ease-in-out; }
.info-bot-dr span { white-space: pre-wrap !important; }
.info-bot-dr .news-return-a:after { content: ""; position: absolute; z-index: 0; background: #007dc7; left: 0; top: 0; width: 100%; height: 100%; }
.info-bot-dr .news-return-a:hover:before { left: -13%; }
.info-bot-dr .news-return-a:hover .load-s0 { color: #007dc7; }
/*悬浮链接*/
.suspension { position: fixed; z-index: 55; right: 0; top: 45%; width: 70px; height: 240px; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #04105b; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active,
.suspension .a:hover { background: #014e8c; }
.suspension .a .i { float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.suspension .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.suspension .a-qrcode .i { background-position: -44px 0; }
.suspension .a-cart .i { background-position: -88px 0; }
.suspension .a-top .i { background-position: -132px 0; }
.suspension .a-top { background: #D2D3D6; display: none; }
.suspension .a-top:hover { background: #c0c1c3; }
.suspension .d { display: none; width: 180px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.suspension .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.suspension .d-service { top: 0; }
.suspension .d-service-phone { top: 34px; }
.suspension .d-qrcode { top: 78px; }
.suspension .d .inner-box { padding: 8px 8px 12px; }
.suspension .d-service-item { /*border-bottom: 1px solid #eee; */ padding: 14px 0; }
.suspension .d-service .d-service-item { border-bottom: none; }
.suspension .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.suspension .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.suspension .d-service-item:hover .i-qq { background-position: center 3px; }
.suspension .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
.suspension .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.suspension .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 6px; color: #000; }
.suspension .d-service-item .text .number { font-family: Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; color: #000; }
.suspension .d-service-intro { padding-top: 10px; }
.suspension .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
.suspension .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode .inner-box .qrcode-img img { width: 160px; height: 160px; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }
/*locationbox*/
.locationbox { width: 958px; height: 35px; line-height: 35px; margin: 0px; padding: 0px; overflow: hidden; border: #d5d5d5 1px solid; }
.locationbox h2 { width: auto; line-height: 35px; font-size: 16px; height: 35px; margin: 0px; padding-left: 15px; color: #026fcd; float: left; }
.locationbox span { line-height: 35px; padding-left: 10px; color: #026fcd; font-size: 14px; font-weight: normal; text-transform: uppercase; }
.locationbox .location { float: right; width: auto; color: #333; padding-right: 10px; }
.locationbox .location a { color: #333; }
.locationbox .location a:hover { color: #026fcd; text-decoration: underline; }
/*honorcontainer*/
.honorcontainer { margin-top: 20px; border: 1px solid #ccc; overflow: hidden; }
.honorcontainer dl.honor_dl { float: left; margin: 0; width: 201px; height: auto; text-align: center; margin: 20px 20px 0px 20px; *margin: 20px 20px 0px 20px; margin-bottom: 0; }
.honorcontainer dl.honor_dl:nth-child(4n) { margin-right: 0 !important; }
.honorcontainer dl.honor_dl dt { margin: 0; padding: 0; width: 201px; height: auto; overflow: hidden; }
.honorcontainer dl.honor_dl dt img { border: 1px solid #ddd; margin: 0 auto; width: 199px; height: 254px; overflow: hidden; }
.honorcontainer dl.honor_dl dt img:hover { border: 1px solid #dddddd; margin: 0 auto; width: 199px; height: 254px; overflow: hidden; }
.honorcontainer dl.honor_dl dd { margin: 0; padding: 0; text-align: center; height: 30px; line-height: 30px; overflow: hidden; }
/*ihonorbox*/
.ihonorbox { overflow: hidden; padding-top: 60px; width: 100%; background: #fff; margin-bottom: 10px; }
.ihonorbox .title { overflow: hidden; width: 960px; margin: 0 auto 40px; }
.ihonorbox .title h2 { text-align: center; font-weight: normal; font-size: 36px; color: #333; }
.ihonorbox .title h2 a { color: #333; }
.ihonorbox .title em { display: block; text-align: center; font-size: 12px; color: #999; font-family: Arial; margin-bottom: 10px; text-transform: uppercase; }
.ihonorbox .title i { display: block; width: 30px; height: 1px; margin: 0 auto; background-color: #003c98; }
.ihonorbox .bd { width: 1180px; margin: 0 auto; overflow: hidden; }
.ihonorbox ul { width: 1180px; overflow: hidden; margin: 0 auto; height: 335px; }
.ihonorbox li { overflow: hidden; float: left; width: 220px; height: 328px; margin: 0 10px; }
.ihonorbox li img { display: block; width: 220px; height: 281px; }
.ihonorbox li a.a01 { background-color: #3368ba; display: block; width: 100%; height: 38px; line-height: 38px; margin-top: 8px; }
.ihonorbox li a.a01:hover { background-color: #007dc7; }
.ihonorbox li p { width: 80%; margin: 0px auto; font-size: 16px; color: #fff; line-height: 38px; overflow: hidden; text-align: center; }
/*nybannerbox*/
.nybannerbox { width: 100%; height: 340px; background: #fff; text-align: center; }
/*side-contact*/
@font-face { font-family: "iconfont"; src: url('../fonts/iconfont.eot'); /* IE9*/ }
@font-face { font-family: "iconfont"; src: url('../fonts/iconfont.eot') format('embedded-opentype'); /* IE6-IE8 */ }
@font-face { font-family: "iconfont"; src: url('../fonts/iconfont.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.side-contact { float: none; margin-top: -80px; position: fixed; right: 1px; top: 50%; z-index: 9; }
.side-contact li { background: #00a0ea none repeat scroll 0 0; float: none; height: 60px; line-height: 60px; margin-bottom: 1px; position: absolute; text-align: center; width: 60px; }
.fonts_kf { color: White; font-size: 34px; font-smoothing: antialiased; }
.dianhua { padding-right: 10px; }
.side-contact li a { width: 100px; height: 100px; }
.side-contact li.tel { width: 193px; }
.side-contact li.qq_kf { width: 138px; top: 61px; }
.side-contact li.top { display: block; height: 60px; right: -4px; top: 244px; width: 60px; }
.side-contact li.ewm { display: block; height: 60px; right: -4px; top: 122px; width: 60px; }
.side-contact li.zxly { display: block; height: 60px; right: -4px; top: 183px; width: 60px; }
.side-contact li.img_bg { background: #00a0ea !important }
.color_01 { color: White; font-size: 16px; padding-left: 9px; font-style: normal; }
.ewm_code { position: fixed; right: 53px; top: 50%; z-index: 999; }
.ewm_code img { height: 120px; width: 120px; }
.top a, .zxly a, .qq_kf a, .ewm a { text-decoration: none; }
.ewm { cursor: crosshair; }
/*iproductbox*/
.iproductbox { width: 100%; padding-bottom: 85px; }
.iproductbox .iproductbox_con { width: 1200px; margin: 0 auto; }
.iproductbox .iproductbox_con_tit { width: 300px; margin: 0 auto; text-align: center; margin-top: 30px; color: #000; }
.iproductbox .iproductbox_con_tit h3 { font-size: 24px; }
.iproductbox .iproductbox_con_tit p { font-size: 14px; }
.iproductbox_con_type { margin-top: 20px; display: table; text-align: center; width: 100%; }
.iproductbox_con_type ul { display: table-cell; padding-left: 0; margin-left: -5px; list-style: none; }
.iproductbox_con_type ul li { margin: 10px 0; display: inline-block; padding-right: 5px; padding-left: 5px; }
.iproductbox_con_type ul li a { border: 1px solid #e6e4e4; border-radius: 5px; font-size: 14px; color: #969696; text-align: center; padding: 10px; display: block; }
.iproductbox_con_type ul li a:hover { background-color: #004198; border: 1px solid #004198; color: #FEFEFE; }
.iproductbox_con_list { margin-top: 30px; }
.iproductbox_con_list ul { padding-left: 0; list-style: none; }
.iproductbox_con_list ul li { width: 280px; padding-right: 10px; padding-left: 10px; margin: 22px 0; float: left; }
.iproductbox_con_list ul li a { display: block; color: #545454; padding-bottom: 1px; }
.iproductbox_con_list ul li a:hover { box-shadow: 1px 4px 18px 0px rgba(0, 0, 0, 0.2); }
.iproductbox_con_list ul li .pro-son-img { width: 100%; background-color: #d9d9d9; overflow: hidden; }
.iproductbox_con_list ul li a:hover { box-shadow: 1px 4px 18px 0px rgba(0, 0, 0, 0.2); }
.iproductbox_con_list a:hover .pro-son-img > div { transform: scale(1.08); }
.iproductbox_con_list ul li a:hover { box-shadow: 1px 4px 18px 0px rgba(0, 0, 0, 0.2); }
.iproductbox_con_list .pro-son-img > div { width: 100%; padding-bottom: 84%; margin: 0 auto; transform: scale(1); -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.pro-son-info { padding: 10% 5% 2% 5%; border-bottom: 1px solid #e6e4e4; }
.iproductbox_con_list a:hover .pro-son-tit { padding-left: 10px; color: #004198; }
.pro-son-info .pro-son-tit { height: 50px; font-size: 17px; padding-left: 0; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.pro-son-info .pro-son-des { height: 85px; font-size: 14px; line-height: 22px; color: #4c4b4b; padding-left: 0; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.iproductbox_con_list a:hover .pro-son-more { margin-left: 7%; background-color: #004198; color: #FFFFFF; }
.pro-son-more { margin: 10% 0 10% 5%; width: 90px; height: 33px; text-align: center; font-size: 12px; line-height: 33px; color: #b9b9b9; border: 1px solid #e6e4e4; border-radius: 5px; -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.pro-son-more span { font-size: 14px; }
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-angle-right:before { content: "\f105"; }
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.iproductbox_con_list a:hover .pro-son-more { margin-left: 7%; background-color: #004198; color: #FFFFFF; }