@import url(https://fonts.googleapis.com/css?family=Fjalla+One);
@charset "utf-8";
* { margin: 0; padding: 0 }
body { width: 100%; font-family: "微软雅黑", "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", Arial, Helvetica, sans-serif; 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: #333; 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: #333; }
body a:hover { color: #c62115; outline: none; }
body a.focus { outline: none; }
.pc_block { display: block; }
ul { list-style: none; }
.fl { float: left; }
.fr { float: right; }
.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; }
.mainc{ width:80%; overflow:hidden; margin:0 auto;}



/*图片放大*/
.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; }
a:hover .imgs { 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); }
/******header**********/
.phom { display: none; }
header { width: 100%; background: #FFF; height: 98px; position: relative; }
header .head { width: 1200px; margin: 0 auto; height: 98px; }
header .head .logo { width:32%; overflow:hidden; display: block; float: left; margin-top:13px; }
header .head .logo img{ width:100%; vertical-align:top;}
header .head .logo a { width: 100%; height: 100%; display: block; overflow: hidden; }
header .head .head_r { width: 64%; height: 98px; float: right;}
header .head .head_r .head_top { width: 100%; height: 28px; line-height: 28px; margin-top:10px; }
header .head .head_r .head_top .search{ width:148px; height:26px; float:right; border:1px #aeaeae solid; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; padding:0 10px;}
header .head .head_r .head_top .search .sousuo1 { width: 125px; height: 26px; line-height: 26px; border: 0; float: left;}
header .head .head_r .head_top .search .sousuo { width: 13px; height: 26px; background:url(../images/ser_btn.png) no-repeat center; border: 0; float: left;} 
header .head .head_r .head_top .phone{ width:auto; height:28px; float:right; color:#c62115; margin-right:22px;}
header .head .head_r .head_top .phone dt{ font-size:24px; line-height:28px; float:left; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-right:10px;}
header .head .head_r .head_top .phone dd{ width:auto; height:28px; float:left; font-size:18px; font-weight:bolder;}

/*menu*/
header .head .head_r .menu { width:auto; height: 60px; float:right;}
header .head .head_r .menu li { position: relative; float: left; display: inline; width: auto; text-align: center; }
header .head .head_r .menu li a.xialaguang { display: inline-block; width: auto; height: 60px; line-height: 60px; padding: 0 16px; font-size:18px; }
header .head .head_r .menu li a.navhover, header .head .head_r .menu li a.xialaguang:hover { cursor: pointer; color: #FFF; background: #c62115; }
header .head .head_r .menu ul.children { display: none; position: absolute; top: 60px; left: 0; width: 100%; line-height: normal; z-index: 9999; }
header .head .head_r .menu ul.children li { width: 100%; padding: 0px; display: inline-block; border-top: 1px #dc3125 solid; margin: 0; }
header .head .head_r .menu ul.children li a { overflow: hidden; display: block; padding: 10px; font-size: 12px; background: #c62115; color: #FFF; border-top: 1px #a91309 solid; }
header .head .head_r .menu ul.children li a:hover { color: #FFF; background: #a91309; }
/********fixed**********/
header.clone { width: 100%; height: 98px; background: #FFF; position: fixed; left: 0; z-index: 10000; top: 0; }

/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1210px) and (min-width:1025px) {
body { font-size: 14px; }
header .head { width: 90%; margin: 0 auto; height: 98px; }
header .head .head_r .menu li a.xialaguang { padding: 0 12px; font-size:14px; }
header .head .head_r .menu ul.children li a { padding: 5px; font-size: 12px;}

}

/********footer********/
.footer { width: 100%; background: #252525; color: #FFF; line-height: normal; overflow: hidden; padding:45px 0; }
.footer a { color: #FFF; }
.footer .foot1{ width:auto; overflow:hidden; float:left; margin-right:8%;}
.footer .foot1 dt{ font-size:1.25vw; font-weight:bold;}
.footer .foot1 dd{ font-size:1vw; line-height:2; padding-top:10px; overflow:hidden; color:#999999;}
.footer .foot1 dd a{ color:#999999;}
.footer .foot1 dd a:hover{ color: #FFF;}
.footer .foot2{ width:auto; overflow:hidden; float:left;}
.footer .foot2 dt{ font-size:1.25vw; font-weight:bold;}
.footer .foot2 dd{ font-size:1vw; line-height:2; padding-top:10px; overflow:hidden; color:#999999;} 
.footer .foot2 dd a{ color:#999999;}
.footer .foot2 dd a:hover{ color: #FFF;}
.footer .ewm{ width:auto; overflow:hidden; float:right;}
.footer .ewm dt{ width: 100%; overflow:hidden;}
.footer .ewm dd{ width: 100%; overflow:hidden; color:#999999; padding-top:10px; font-size:14px;}
.fook, .vbc { display: none; }
.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); }
.copy { width: 100%; background: #252525; padding: 10px 0; text-align: center; color: #cccccc; font-size: 14px; line-height: 2; border-top:1px #474747 solid; }
.copy a { color: #cccccc; }

/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1025px) {
.mainc{ width:90%; overflow:hidden; margin:0 auto;}
}

/*站点 浮动客服*/ 
.keifu img { border: 0; }
.keifu { position: fixed; top: 10%; right: 0; width: 131px; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom, 10)||0)-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
z-index: 990; }
.keifu_tab { width: 160px; }
.icon_keifu { width: 26px; height: 100px; float: left; background: url(/images/keifu.png) 0 0; position: relative; display: none; cursor: pointer; }
.keifu_box { float: left; width: 131px; }
.keifu_tab img { display: block; }
.keifu_head { width: 131px; height: 41px; background: url(/images/keifu.png); background-position: 0 -103px; font-size: 0; line-height: 0; position: relative; }
.keifu_close:link, .keifu_close:visited { display: block; width: 11px; height: 11px; background: url(/images/keifu.png) -42px 0; position: absolute; top: 5px; right: 5px; }
.keifu_close:hover { background-position: -60px 0; }
.keifu_con { border-left: 7px solid #029bdb; border-right: 7px solid #029bdb; background: #fbfbfb; }
.keifu_con ul { border-bottom: #e6e5e4 1px solid; }
.keifu_con li { padding-left: 12px; }
.keifu_con .li-qq { height: 25px; padding-top: 2px; padding-bottom: 2px; }
.keifu_con .li-tel-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-tel-num { font-family: Arial; font-size: 12px; color: #e66d15; line-height: 20px; }
.keifu_con .li-feed-title { font-weight: bold; font-size: 12px; border-top: 1px solid #dddddd; padding-left: 0px; }
.keifu_con .li-feed-title img { padding-left: 0px; width: 117px; }
.keifu_con .li-feed { font-family: Arial; font-weight: bold; color: #e66d15; }
.keifu_con .li-weixin-title { font-weight: bold; font-size: 12px; height: 29px; line-height: 29px; border-top: 1px solid #dddddd; }
.keifu_con .li-weixin { height: 96px; padding-left: 0px; }
.keifu_con .li-weixin img { width: 115px; height: 115px; }
.keifu_con .bt { font-size: 16px; height: 30px; line-height: 30px; text-align: left; padding: 0 0 0 20px; color: #012646; }
.keifu_bot { width: 131px; height: 10px; background: url(/images/keifu.png); background-position: 0 -153px; }
/*左下角 浮动 在线留言*/ 
#SfMessWrap { border: 2px solid #029bdb; padding: 1px; width: 230px; background: #f5f5f5; z-index: 100; position: fixed; left: 2px; bottom: 2px; }
#SfMessHead { background: #029bdb; line-height: 28px; height: 28px; text-indent: 10px; font-size: 12px; color: #fff; text-align: left; cursor: pointer; }
#SfMessHead #SfMessTitle { float: left; }
#SfMessHeadIcon { float: right; width: 23px; height: 25px; margin-right: 2px; background-image: url(/images/icon.png); }
.SfMessIconOpen { background-position: top; }
.SfMessIconClose { background-position: bottom; }
#SfMessBody { width: 230px; height: 225px; padding-bottom: 5px; }
#SfMessBodyTop { display: none; }
#SfMessBodyMid { width: 212px; padding: 0px; margin: 0px auto; margin-top: 5px; }
#SfMessBodyMid input { border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; width: 190px; height: 17px; font-size: 12px; }
#SfMessBodyMid textarea { width: 210px; height: 73px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; overflow: hidden; text-align: left; font-size: 12px; padding: 0px; margin: 0px auto; }
#SfMessBodyMid div { margin-top: 3px; height: 20px; }
#SfMessBodyMid .contactmessage { height: 76px; }
#SfMessBodyMid .contactname { padding-left: 20px; background: url(/images/company.gif) no-repeat; }
#SfMessBodyMid .contacttel { padding-left: 20px; background: url(/images/mobile.gif) no-repeat; }
#SfMessBodyMid .contactfrom { padding-left: 20px; background: url(/images/from.gif) no-repeat; }
#SfMessBodyMid .contactemail { padding-left: 20px; background: url(/images/email.gif) no-repeat; }
#SfMessBodyMid .contactvalicode { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyMid .contactvalicode input { width: 100px; height: 17px; float: left; }
#SfMessBodyMid .contactvalicode img { height: 19px; border: 1px solid #cccccc; background: #ffffff; color: #b89d9d; float: right; }
.clearboth { clear: both; }
#SfMessBodyMid .must, #SfMessBodyMid .ignore, #SfMessBodyMid .other { padding-left: 20px; background: url(/images/other.gif) no-repeat; }
#SfMessBodyBottom { width: 220px; height: 22px; line-height: 22px; padding: 0px; margin-top: 10px; }
#SfMessSubmit { width: 40px; background: url(/images/send.gif); color: #fff; border: 0; height: 22px; padding: 0px; float: right; }
#SfMessCopy { float: left; height: 22px; line-height: 22px; margin-left: 10px; font-size: 13px; font-weight: bold; color: #666666; padding-left: 25px; background: url(/images/sign.png) left top no-repeat; }
.SfMessTip { display: none; }
#SfMessBodyFoot { display: none; }
/*悬浮链接*/
.suspension { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; }
.suspension-box { position: relative; float: right; }
.suspension .a { display: block; width: 44px; height: 44px; background-color: #c62115; margin-bottom: 4px; cursor: pointer; outline: none; }
.suspension .a.active, .suspension .a:hover { background: #ec3f33; }
.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: 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-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********/
.loc { width: 100%; height:80px; line-height: 80px; text-align: right; font-size: 1.25vw; border-top:4px #000000 solid;}
.cateList{ width:80%; overflow:hidden; margin:0 auto;}
.cateList .loat{ display:none;}

.left{ width:22%; overflow:hidden; float:left;}
.left_top{ width:100%; height:7.75rem; line-height:7.75rem; background:url(../images/left_top.png) no-repeat right center; background-size:cover; color:#FFF; font-size:2.8vw; text-align:center; border-bottom:1px #e8e8e8 solid;}
.box{ width:100%; overflow:hidden;}
.box a{ display:block; overflow:hidden; border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; padding:15px 0;}
.box a .cob{ width:82%; overflow:hidden; display:block; margin:0 auto;}
.box a .cob span{ width:auto; overflow:hidden; float:left; font-size:1.25vw; display:block;}
.box a .cob i{ width:22px; height:22px; display:block; background:url(../images/ioc5.png) no-repeat; float:right; margin-top:12px;}
.box a:hover .cob span, .box a.cur .cob span{ color:#c62115;}
.box a:hover .cob i, .box a.cur .cob i{ background:url(../images/ioc6.png) no-repeat;}
.right{ width:75.6%; overflow:hidden; float:right;}
.right_top{ width:100%; overflow:hidden; font-size:1.8vw;}
.right_bottom{ width:100%; overflow:hidden; font-size:1.25vw; line-height:2; padding-top:2.5rem;}

/*产品分类*/
.sideup { width: 100%; margin: 0 auto; }
.sideup li{ border-left:1px #e8e8e8 solid; border-right:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; overflow:hidden;}
.sideup li a{ display:block; padding:15px 10%; font-size:1.25vw;}
.sideup li .cob{ width:100%; overflow:hidden; display:block; margin:0 auto;}
.sideup li .cob span{ width:auto; overflow:hidden; float:left; display:block;}
.sideup li .cob em{ width:22px; height:22px; display:block; background:url(../images/ioc5.png) no-repeat; float:right; margin-top:14px;}
.sideup li i{ margin-top:34px; margin-right:10%;}
.sideup li:hover .cob span, .sideup li.cur .cob span, .sideup li.cur a{ color:#c62115;}
.sideup li:hover .cob em, .sideup li.cur .cob em{ background:url(../images/ioc6.png) no-repeat;}
.sideup li.cur .sidedown li a{ color:#666;}


.tun { width: 25px; height: 25px; display: block; float: right; margin-top: 11px; color: #c62115; }
.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:#c62115;}

.sidedowna { background: #fcfafa; padding: 0 10px; display: none; }



/*小于1210大于1025稍微调整下字体*/
@media screen and (max-width: 1600px) and (min-width:1025px) {
.cateList{ width:90%;}	
.left_top{  height:5.75rem; line-height:5.75rem; font-size:36px;}
.box a{ padding:10px 0;}
.box a .cob span{ font-size:15px;}
.box a .cob i{ margin-top:5px;}
.right_top{ font-size:30px;}
.right_bottom{ font-size:14px; padding-top:20px;}
}

.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: #c62115; border: 1px solid #c62115; }
.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%; 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: #c62115; 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 #c62115 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: #c62115; }
/* 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: #c62115; }
.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: #c62115; }
.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; }

/*相关文章*/
.but_tit { width:98%; border-bottom: 1px #cecece solid; height: 50px; line-height: 50px; margin: 30px auto 0 auto; }
.but_tit span { width: auto; height: 50px; background: #c62115; color: #FFF; padding: 0 30px; float: left; font-size: 24px; }
.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 #c62115 solid; padding-left: 7px; font-size: 20px; }
.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: 25%; 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: #c62115; color: #FFF; }
.ExhibitList dl:hover dd a { color: #FFF; }
/*产品介绍*/
.cpzm{ width: 100%; overflow: hidden;}
.cpz_ly{ width:53%; 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: 66px; height: 66px; 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/lefta.png) no-repeat center rgba(255,255,255,0.8); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpz_ly #owl-demo .owl-buttons div.owl-prev:hover { background: url(../images/lefta_ed.png) no-repeat center rgba(255,255,255,1); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.cpz_ly #owl-demo .owl-buttons div.owl-next { right: 0; background: url(../images/lefta.png) no-repeat center rgba(255,255,255,0.8); }
.cpz_ly #owl-demo .owl-buttons div.owl-next:hover { background: url(../images/lefta_ed.png) no-repeat center rgba(255,255,255,1); }
.cpz_ry{ width:43%; 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:1.2vw; 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 #c62115 solid; color:#c62115; text-align:center; padding:15px 0; float:left;}
.cpz_ry .cp_tel .pdpromo{ width:28%; overflow: hidden; line-height:normal; border:1px #c62115 solid; background:#c62115; 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 #c62115 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/ioc7.png) no-repeat left center; padding-left:26px; }
.ztitle span a { cursor: pointer; }
.ztitle span.tithov { color: #c62115; background:url(../images/ioc8.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; }
/*视频弹出*/
.oh li { float: left; width: 21%; margin: 2%; text-align: center; border: 1px solid #ccc; cursor: pointer; }
.oh li a { width: 100%; height: 100%; display: block; position: relative; }
.oh li a i { width: 100%; height: 100%; display: block; background: url(../images/vd.png) no-repeat; background-size: cover; position: absolute; z-index: 10; left: 0; top: 0; }
.oh li a span { width: 100%; display: block; overflow: hidden; }
.oh li a p { width: 100%; height: 42px; line-height: 42px; background: #efefef; text-align: center; }
/*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: 16%; overflow: hidden; float: left; line-height: 54px; display: block; }
.arList li.JobListItem .jov .jo_l ol, .arList li.JobListItem .jov .jo_r ol { width: 80%; height: 52px; line-height: 52px; padding: 0 1%; float: left; border: 1px #CCC solid; }
.arList li.JobListItem .jov i { width: 8%; overflow: hidden; float: left; line-height: 54px; display: block; font-style: normal; }
.arList li.JobListItem .jov em { width: 89.1%; 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; }
.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: #c62115; 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;}