@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@charset "utf-8";
* { margin: 0; padding: 0 }
body { width: 100%; font-family: Microsoft jhenghei; font-size: 1vw; line-height: 2; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; box-sizing: border-box; margin: 0; padding: 0; }
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, a, a:hover { outline: 0; }
body { color: #282828; background-color: #fff; }
body a { text-decoration: none; outline: none; cursor: pointer; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; color: #282828; }
body a:hover { color: #003f98; outline: none; }
body a.focus { outline: none; }
.pc_block { display: block; }
ul { list-style: none; }
.pr { position: relative }
.pa { position: absolute }
.z2 { z-index: 2 }
.cp { cursor: pointer; _cursor: hand }
.tr { text-align: right }
.tc { text-align: center }
.tl { text-align: left }
.fr { _display: inline; float: right }
.fl { _display: inline; float: left }
.db { display: block }
.dn { display: none }
.clearfix { clear: both; height: 0px; line-height: 0px; font-size: 0px }
.container { width: 100%; }
.pt60 { padding-top: 3.7rem; }
.pt30 { padding-top: 1.8rem; }
input, textarea, button { font-family: "微软雅黑"; }
input:focus { outline: none; }
textarea:focus { outline: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fl { float: left; width: auto; overflow: hidden; }
#feedback_form table { float: right; }
#feedback_form table tr td { border: 0; padding: 5px 0; }
#feedback_form table tr td input { padding: 0 10px; }
#feedback_form table tr td textarea { padding: 10px; }
img { width: 100%; vertical-align: top; }
.main { width: 1200px; overflow: hidden; margin: 0 auto; }
@media screen and (max-width: 1200px) and (min-width:0) {
.main { width: 90%; }
.pt60 { padding-top: 30px; }
}
/*图片放大*/
.imgs { display: block; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.1, 1.1); }
a:hover .imgs { transform: scale(1.0, 1.0); -moz-transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0); -o-transform: scale(1.0, 1.0); }
/******header**********/
.phom { display: none; }
header { width: 100%; height: 7rem; position:fixed; left:0; top:0; z-index:100; border-bottom:1px rgba(255, 255, 255, .4) solid;}
header .head { width: 83%; margin: 0 auto; height: 100%; }
header .head .logo { width: 32%; overflow: hidden; display: block; float: left; margin-top: 1.5%; }
header .head .logo a { width: 100%; height: 100%; display: block; overflow: hidden; }

/*search*/
header .sea { float: right; height:7rem; line-height:7rem; }
header .sea span i { font-size: 1vw; color:#FFF; }
header .sea span { float: left; cursor: pointer; }
header .search { display: none; position: absolute; right: 0; top:7rem; z-index: 99; height: 100vh; width: 100%; background: rgba(54,55,56,0.80); }
header .search .satr { width: 600px; height: 90px; margin: 10% auto 0 auto; position: relative; }
header .search .satr em { position: absolute; right: 10px; top: -30px; z-index: 10; }
header .search .satr em i { border: 1px solid #FFF; padding: 5px; font-weight: normal; cursor: pointer; color: #FFF; }
header .search .satr .sousuo1 { width: 530px; height: 60px; line-height: 60px; border: 0; padding-left: 10px; background: #FFF; float: left; margin-top: 30px; font-size: 20px; }
header .search .sousuo { width: 60px; height: 60px; background: url(../images/ser.png) no-repeat center #003f98; border: 0; float: left; margin-top: 30px; }
header .head .menu { width: 62%; height: 7rem; float: right; margin-right:10px; }
header .head .menu li { position: relative; float: left; display: inline; width: 14.28%; text-align: center; }
header .head .menu li a.xialaguang { display: inline-block; width: 100%; height: 7rem; line-height: 7rem; font-size: 1vw; color: #FFF; font-weight:bolder; }
header .head .menu li a.navhover, header .head .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #003f98; }
header .head .menu ul.children { display: none; position: absolute; top: 7rem; left: 0; width: 100%; line-height: normal; z-index: 9999; }
header .head .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #0a55bf solid; margin: 0; }
header .head .menu ul.children li a { overflow: hidden; display: block; padding: 10px; font-size: 14px; background: #003f98; color: #FFF; border-top: 1px #05316e solid; }
header .head .menu ul.children li a:hover { color: #FFF; background: #05316e; }
header .head .logor{ display:none;}

/*clone*/
header.clone { height: 3.5rem; display: table-cell; vertical-align: middle; position: fixed; left: 0; top: 0; -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1); box-shadow: 0 15px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); z-index: 100; background:#FFF; }
header.clone .head .logo { display:none;}
header.clone .head .menu { height: 3.5rem; }
header.clone .head .menu li a.xialaguang { height: 3.5rem; line-height: 3.5rem; color:#575757; }
header.clone .head .menu li a.navhover, header.clone .head .menu li a.xialaguang:hover { color: #FFF;}
header.clone .head .menu ul.children { top: 3.5rem; }
header.clone .head .logor{ width:10%; display:block; height:1.5rem; float:left; overflow:hidden; margin-top:1rem;}
header.clone .head .logor img{ display:block; height:1.5rem;}
header.clone .sea { height:3.5rem; line-height:3.5rem; }
header.clone .sea span i { font-size: 16px; color:#575757; }
header.clone .search { top:3.5rem; }

/*小于1331大于1025稍微调整下字体*/
@media screen and (max-width: 1400px) and (min-width:1025px) {
body { font-size: 14px; }
header .head { width: 90%;}
header .head .logo { width: 25%; margin-top:4%;}
header .sea span i { font-size: 16px;}
header .head .menu { width: 70%; }
header .head .menu li a.xialaguang { font-size: 14px; }


}
/********footer********/
.footer{ width: 100%; overflow: hidden; background:#efefef; padding:60px 0;}
.footer .foot1{ width:30%; overflow:hidden; float:left; border-right:1px #e8e8e8 solid; padding-right:4%;}
.footer .foot1 dt{ width: 100%; overflow: hidden;}
.footer .foot1 dd{ width: 100%; overflow: hidden; background:url(../images/lnb.jpg) no-repeat left top; padding-top:30px; margin-top:20px; line-height:2;}
.footer .foot2{ width:auto; overflow:hidden; float:left; margin-left:5%;}
.footer .foot2 dt{ font-size:1.25vw; background:url(../images/lnc.jpg) no-repeat left bottom; padding-bottom:1.1rem;}
.footer .foot2 dd{ width: 100%; overflow: hidden; padding-top:30px; line-height:2;}
.footer .ewm{ width:20%; overflow:hidden; float:right; background:#FFF; text-align:center; padding:5px 0;}
.footer .ewm dt{ width:90%; overflow:hidden; display:block; margin:0 auto;}
.footer .ewm dd{ padding-top:10px;}





.copy { width: 100%; background: #003f98; padding: 1rem 0; text-align: center; color: #ffffff; font-size: 14px; line-height: normal; }
.copy a { color: #ffffff; }
.winona { display: block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
/*悬浮链接*/
.suspension { width: 40px; height: 240px; position: fixed; top: 50%; right: 0; z-index: 1000; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #003f98; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #145cc0; }
.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: 223px; background: #fff; position: absolute; right: 40px; 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-phone { top: 0; }
.suspension .d-qrcode { top: 34px; }
.suspension .d-service { top: 78px; }
.suspension .d-cart { top: 112px; }
.suspension .d .inner-box { padding: 8px 22px 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: 12px; }
.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; }
.suspension .d-qrcode { text-align: center; }
.suspension .d-qrcode .inner-box { padding: 20px 0; }
.suspension .d-qrcode p { font-size: 16px; color: #93959c; }
.suspension .d-service-item .i-qqc { width: 44px; height: 44px; background: url(../images/side_con_icon04-.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }

/******nei********/
.bannerv{ width:100%; overflow:hidden;}
.loc { width: 100%; height:60px; line-height: 60px; text-align: right; font-size: 1vw; border-bottom:1px #ccc solid;}
.cateList{ width:1200px; overflow:hidden; margin:0 auto;}
.cateList .loat{ display:none;}

.cateList .left{ width:21%; overflow:hidden; float:left; margin-top:40px;}
.cateList .left_top{ width:100%; overflow:hidden; color:#FFF; text-align:center; background:#003399; padding:15px 0; line-height:normal;}
.cateList .left_top dt{ font-size:35px; font-weight:bold;}
.cateList .left_top dd{ font-size:14px;font-family: Arial; text-transform:uppercase; padding-top:5px;}
.cateList .box{ overflow:hidden; border:1px #003f98 solid; padding-bottom:26px; line-height:normal;}
.cateList .box a{ display:block; overflow:hidden; width:83%; margin:26px auto 0 auto; background:#8a8989; color:#FFF; padding:15px 0;}
.cateList .box a .cob{ width:88%; overflow:hidden; display:block; margin:0 auto;}
.cateList .box a .cob span{ width:auto; overflow:hidden; float:left; font-size:16px; display:block; margin-left:10px; line-height:20px;}
.cateList .box a .cob i{ width:auto; display:block; float:left; font-size:18px; line-height:20px;}
.cateList .box a:hover, .box a.cur{ background:#003f98; color:#FFF;}

.cateList .right{ width:76%; overflow:hidden; float:right; line-height:normal; margin-top:40px;}
.cateList .right_top{ width:100%; overflow:hidden; font-size:1.5vw; font-weight:bold;}
.cateList .right_bottom{ width:100%; overflow:hidden; font-size:1vw; line-height:2; padding-top:30px;}

/*产品分类*/
.sideup { overflow:hidden; border:1px #003f98 solid; padding-bottom:26px; line-height:normal;}
.sideup li{ display:block; overflow:hidden; width:83%; margin:26px auto 0 auto;}
.sideup li a{ display:block; background:#8a8989; color:#FFF; padding:15px 0;}
.sideup li .cob{ width:88%; overflow:hidden; display:block; margin:0 auto;}
.sideup li .cob span{ width:auto; overflow:hidden; float:left; font-size:16px; display:block; margin-left:10px; line-height:20px;}
.sideup li .cob i{ width:auto; display:block; float:left; font-size:18px; line-height:20px;}

.sideup li:hover a, .sideup li.cur a{ background:#003f98;}



.tun { width: 25px; height: 25px; display: block; float: right; margin-top: 11px; color: #003f98; }
.sidedown { display: none; }
.sidedown li { border-bottom: none; border-left:none; border-right:none; background: #fcfafa; }
.sidedown li a{ font-size:1vw; padding:10px 10%;}
.sideup li.cur .sidedown li:hover a, .sideup li.cur .sidedown li.cut a{ color:#003f98;}

.sidedowna { background: #fcfafa; padding: 0 10px; display: none; }



/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1300px) and (min-width:1025px) {
.cateList{ width:90%;}	
.right_top{ font-size:18px;}
.right_bottom{ font-size:14px;}
}

.mk{ border:1px #ccc solid; padding:20px; margin-bottom:10px;}

/*PageBar*/
.PageBar { clear: both; width: 100%; overflow: hidden; margin: 20px auto 10px auto; font-size: 12px; text-align: center; }
.PageButtons span, .PageButtons a { line-height: 26px; text-decoration: none; border: 1px solid #CCCCCC; padding: 4px 10px; display: inline-block; }
.PageButtons span { color: #ffffff; background-color: #003f98; border: 1px solid #003f98; }
.PageButtons a { color: #333333; }
.PageButtons a:hover { background: #2b3e9a; color: #FFF; }
.PageButtons .pagelink { margin: 0 5px; }
.PageInfo { line-height: 24px; padding-top: 10px; }
.PageButtons .disabled { display: none; }
/*****/
.grid { width: 100%; padding: 0; }
.grid li { display: block; float: left; width:33.33%; opacity: 1; margin-bottom: 30px; }
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; }
.grid li .newc { width: 88%; background: #FFF; overflow: hidden; margin: 0 auto; border: 1px #e9e9e9 solid; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s; padding: 10px 3%; }
.grid li .newc .new_img { width: 100%; overflow: hidden; position: relative; }
.grid li .newc .new_img img { width: 100%; display: block; }
.grid li .newc .new_img i { width: 20px; height: 11px; display: block; background: url(../images/ioc13.png) no-repeat; position: absolute; left: 10px; bottom: 0; z-index: 100; }
.grid li .newc .new_txt { width: 100%; overflow: hidden; line-height: normal; }
.grid li .newc .new_txt .newm { width: 100%; overflow: hidden; padding: 15px 0; font-size: 18px; }
.grid li .newc .new_txt p { width: 100%; overflow: hidden; font-size: 16px; line-height: 2; padding: 10px 0; color: #898686; border-top: 1px #dbdbdb solid; }
.grid li .newc .newbo { width: 100%; overflow: hidden; border-top: 1px #dbdbdb solid; padding-top: 15px; }
.grid li .newc .newbo ol { width: auto; overflow: hidden; float: left; color: #F00; font-size: 18px; font-family: "Fjalla One", sans-serif; }
.grid li .newc .newbo span { width: auto; overflow: hidden; float: left; margin-left: 5px; color: #898686; font-size: 14px; }
.grid li .newc .newbo time { width: auto; overflow: hidden; float: right; font-size: 14px; color: #898686; }
.grid li .newc .newbo time i { width: auto; overflow: hidden; font-size: 18px; margin-right: 5px; color: #003f98; display: block; float: left; }
.grid li:hover .newc .new_img img { transition: all ease 1s; transform: scale(1.4); }
.grid li:hover .newc { background: rgba(221,221,221,0.4); border: 1px #003f98 solid; -webkit-box-shadow: 0 15px 15px rgba(0,0,0,0.1); box-shadow: 0 15px 15px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
.grid li:hover .newc .new_txt .newm a { color: #003f98; }
/* Effect 1: opacity */
.grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; }
 @-webkit-keyframes fadeIn { to {
opacity: 1;
}
}
 @-moz-keyframes fadeIn { to {
opacity: 1;
}
}
 @keyframes fadeIn { to {
opacity: 1;
}
}
/***新闻详细***/
.news_tit { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px #ccc solid; text-align: center; line-height: normal; }
.news_tit h1 { font-size: 24px; color: #003f98; }
.news_tit p { color: #999999; margin: 0 0; padding-top: 10px; font-size: 16px; }
.arKeywords { padding: 15px; overflow: hidden; border-bottom: 1px #f0f0f0 solid; color: #898686; font-size: 16px; }
.arKeywords span { display: block; color: #003f98; }
.arContent { width: 98%; line-height: 2; padding-top: 20px; overflow: hidden; margin:0 auto; }
.FastMove { width: 98%; overflow: hidden; padding: 20px 0 0 0; border-top: 1px #dbdbdb solid; margin: 30px auto 0 auto; font-size: 16px; line-height:2; }

/*相关文章*/
.but_tit { width:98%; border-bottom: 1px #cecece solid; overflow:hidden; line-height:normal; margin: 30px auto 0 auto; }
.but_tit span { float: left; display: block; width: auto; line-height:normal; font-size: 1.25vw; margin-right: 20px; padding:1.25rem 0; background:url(../images/ioc6.png) no-repeat left center; padding-left:26px;}
.xgwz { width: 98%; overflow: hidden; padding-top: 25px; margin:0 auto; }
.xgwz li { width: 46%; overflow: hidden; border-bottom: 1px #cfcfcf solid; line-height: normal; padding: 20px 0; }
.xgwz li:nth-of-type(odd) { float: left; }
.xgwz li:nth-of-type(even) { float: right; }
.xgwz li .newm { border-left: 6px #003f98 solid; padding-left: 7px; font-size:18px; }
.xgwz li .new2 { color: #999999; font-size: 14px; margin-top: 10px; height: 20px; line-height: 20px; }
.xgwz li p { margin-top: 15px; overflow: hidden; color: #999999; font-size: 14px; }
.ExhibitList { width: 100%; overflow: hidden; padding-top: 20px; line-height: normal; }
.ExhibitList dl { width: 33.33%; overflow: hidden; float: left; margin-bottom: 20px; }
.ExhibitList dl dt { width: 90%; overflow: hidden; margin: 0 auto; }
.ExhibitList dl dd { width: 90%; overflow: hidden; margin: 0 auto; padding: 10px 0; text-align: center; background: #eeeeee; font-size:14px; }
.ExhibitList dl:hover dt img { transition: all ease 1s; transform: scale(1.4); }
.ExhibitList dl:hover dd { background: #003f98; color: #FFF; }
.ExhibitList dl:hover dd a { color: #FFF; }
/*产品介绍*/
.cpzm{ width: 100%; overflow: hidden;}
.cpz_ly{ width:50%; overflow: hidden; float:left;}
.cpz_ly #owl-demo { width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index:0; }
.cpz_ly #owl-demo .item { display: block; margin: 0 auto; float: left; }
.cpz_ly #owl-demo .item img{ width: 100%;}
.cpz_ly #owl-demo .owl-buttons div { position: absolute; top: 50%; width: 45px; height: 45px; margin-top: -40px; text-indent: -9999px; z-index: 100; display: block; border-radius:0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.cpz_ly #owl-demo .owl-buttons div.owl-prev { left: 0; background:url(../images/awd.png) no-repeat center; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpz_ly #owl-demo .owl-buttons div.owl-prev:hover { background:url(../images/awd_ed.png) no-repeat center; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpz_ly #owl-demo .owl-buttons div.owl-next { right: 0; background: url(../images/awd.png) no-repeat center; }
.cpz_ly #owl-demo .owl-buttons div.owl-next:hover { background: url(../images/awd_ed.png) no-repeat center; }
.cpz_ry{ width:47%; overflow:hidden; float:right; line-height:normal;}
.cpz_ry .cp_top{ width: 100%; overflow: hidden; font-size:1.8vw; font-weight:normal;}
.cpz_ry p{ width: 100%; overflow: hidden; font-size:1vw; line-height:2; padding-top:1.5rem;}
.cpz_ry .cp_tel{ width: 100%; overflow: hidden; font-size:1.2vw; margin-top:1.5rem;}
.cpz_ry .cp_tel .fl{ width:68%; overflow: hidden; line-height:normal; border:1px #003f98 solid; color:#003f98; text-align:center; padding:15px 0; float:left;}
.cpz_ry .cp_tel .pdpromo{ width:28%; overflow: hidden; line-height:normal; border:1px #003f98 solid; background:#003f98; color:#FFF; text-align:center; padding:15px 0; display:block; float:right;}

/*产品内页tag*/
.tagv { width: 100%; overflow: hidden; margin:20px auto 0 auto; }
.ztitle { width: 100%; overflow: hidden; border-bottom:4px #003f98 solid;}
.ztitle span { float: left; display: block; width: auto; line-height:normal; font-size: 1.25vw; margin-right: 20px; padding:1.25rem 0; background:url(../images/ioc5.png) no-repeat left center; padding-left:26px; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov { color: #003f98; background:url(../images/ioc6.png) no-repeat left center;}
.zntit_con1{ width: 98%; padding-top: 30px; overflow: hidden; margin:0 auto; }
.zntit_con1 h2{ background:url(../images/ioc9.png) no-repeat left center; font-size:1.2vw; padding-left:30px;}

.zntit_con1 table { border-collapse : collapse; }
.zntit_con1 table tr td { border: 1px #ccc solid; padding: 3px; }
/*feedback*/
.fla { width: 46%; overflow: hidden; float: left; }

.ke-zeroborder1, .ke-zeroborder2, .ke-zeroborder3 { float: left; width: 33.33%; }
.arList { width: 100%; overflow: hidden; }
.arList li.JobListItem { width: 100%; overflow: hidden; margin-bottom: 30px; }
.arList li.JobListItem .jov { width: 100%; overflow: hidden; margin-bottom: 20px; }
.arList li.JobListItem .jov .jo_l, .arList li.JobListItem .jov .jo_r { width: 50%; overflow: hidden; float: left; }
.arList li.JobListItem .jov span, .arList li.JobListItem .jov span { width: 20%; overflow: hidden; float: left; line-height: 54px; display: block; }
.arList li.JobListItem .jov .jo_l ol, .arList li.JobListItem .jov .jo_r ol { width: 75%; height: 52px; line-height: 52px; padding: 0 1%; float: left; border: 1px #CCC solid; }
.arList li.JobListItem .jov i { width:10%; overflow: hidden; float: left; line-height: 54px; display: block; font-style: normal; }
.arList li.JobListItem .jov em { width: 86.6%; padding: 15px 1%; float: left; border: 1px #CCC solid; font-style: normal; overflow: hidden; display: block; }
.arList li.JobListItem .jov em p { width: 100%; overflow: hidden; }
.arList li.JobListItem .join { width: 208px; height: 78px; line-height: 78px; display: block; background: #033692; color: #FFF; float: right; margin-top: 20px; font-size: 24px; text-align: center; margin-right:1%; }
.arList li.JobListItem .join:hover { background: #2466dd; }
.mainr { width: 82%; overflow: hidden; margin: 0 auto; }


/*Gallery*/
.gallery li { width: 29.33%; float: left; margin: 0 2% 10px 2%; list-style: none; }
.gallery li img { width: 100%; }
.gallery li p { text-align: center; height: 40px; background: #f0f0f0; overflow: hidden; line-height: 40px; }
.gallery li p a { width: 100%; height: 40px; line-height: 40px; display: block; }
.gallery li:hover p { background: #2b3e9a; color: #FFF; }
.gallery li:hover p a { color: #FFF; }
#baguetteBox-overlay .full-image figcaption { top: 30px; height: 30px; line-height: 30px; }


/*在线留言*/
#HBox{width:50%;height:420px;margin:0 auto;box-shadow:1px 1px 5px #333;-webkit-box-shadow:1px 1px 5px #333;display:none;background-color:#ffffff;position:fixed;top:50%;left:35%;margin:-120px 0 0 -150px;z-index:100000;}


.subform { width: 90%; overflow: hidden; margin: 20px auto 0 auto; font-size:14px;}
.subform .form-group { width: 100%; overflow: hidden; margin-bottom: 8px; }
.subform .form-group .control-label { width: 20%; height: 30px; line-height: 30px; float: left; }
.subform .form-group .control-div { width: 78%; overflow: hidden; float: left; }
.subform .form-group .control-div .form-control { width:calc(100% - 22px); height: 30px; line-height: 30px; border: 1px #dadada solid; padding: 0 10px; }
.subform .form-group .control-div .form-controlv { width:calc(100% - 22px); height: 150px; border: 1px #dadada solid; padding: 10px; }
.subform .form-group .control-div .small { width: 50%; height: 30px; line-height: 30px; border: 1px #dadada solid; padding: 0 10px; float: left; }
.subform .form-group .control-div .img { display: block; float: left; margin-left: 5px; }
.subform .form-group .control-div .btn-info { width: 8rem; height: 32px; line-height: 32px; text-align: center; background: #003f98; color: #FFF; border: 0; float: left; margin-left:10px; }

#HBoc{ width: 48%; overflow: hidden; float: right;}
#HBoc .subform .form-group .control-label { height: 40px; line-height: 40px;}
#HBoc .subform .form-group .control-div .form-control { height: 40px; line-height: 40px;}
#HBoc .subform .form-group .control-div .btn-info{ height: 40px; line-height: 40px;}


.send{ width:80px; display:block;}



.xtjs{ width: 100%; overflow: hidden;}
.xtjs li{ width:50%; overflow:hidden; float:left; margin-bottom:20px;}
.xtjs li a{ width:90%; overflow:hidden; display:block; margin:0 auto; padding:15px 0; position:relative; height:2.8rem;}
.xtjs li a .cbn{ width:90%; overflow:hidden; display:block; position:absolute; left:5%; top:15px; z-index:10;}
.xtjs li a .cbn span{ width:83%; overflow:hidden; display:block; font-size:16px; float:left; line-height:normal;}
.xtjs li a .cbn i{ width:auto; overflow:hidden; color:#003f98; font-size:36px; display:block; float:right;}
.xtjs li a em{ width:100%; height:100%; background:#003f98; display:block; position:absolute; right:-100%; top:0; z-index:2; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s;}
.xtjs li a .bottomx { width:100%; height:2px; background:#003f98; display:block; position:absolute; left:-100%; bottom:0; z-index:5; -m oz-transition: .8s ease-in;
-webkit-transition: .8s ease-in; -o-transition: .8s ease-in; -ms-transition: .8s ease-in; transition: .5s ease-in; transition: all .8s;}
.xtjs li a:hover, .xtjs li a:hover i{ color:#FFF;}
.xtjs li a:hover em{ right:0;}
.xtjs li a:hover .bottomx{left:0;}