﻿body { margin: 0 auto; font-family: 微软雅黑, 'microsoft Yahei', Arial; font-size: 1.4em; line-height: 1.8em; color: #3d3d3d; }
dl, dt, dd, ul, li, form, h1, h2, h3, p { margin: 0; padding: 0; border: 0px; }
ul, li { list-style: none; padding: 0; margin: 0; }
img { border: 0px; }
a { text-decoration: none;  color: #333; }
.fluid { margin-left: auto; margin-right: auto; width: 100%; max-width: 1200px; /*max-width: 85.6em;*/ }
.clear { clear: both; }
.font-12px { font-size: 0.75em; }
.font-18px { font-size: 1.125em; }
.font-16px { font-size: 1em; }
.font-24px { font-size: 1.5em; }
.color999 { color: #999; }
.color666 { color: #666; }
.color111 { color: #111; }
.color333 { color: #333; }
.f_bold { font-weight: bold; }
.w1000 { width: 1000px; }
.fl { float: left; }
.fr { float: right; }
.martop-16 { margin-top: 1em; }
.martop-32 { margin-top: 2em; }
.paddingtop-16 { padding-top: 1em; }
.paddingtop-20 { padding-top: 20px; }
/*txt*/
.txt {padding-top: 4.5em;
    width: 400px;
    text-align: center;
    margin-bottom: 20px;}
.txt span { line-height: 2.5em; }
.borderblue2 { border-bottom: 2px #cc0d05 solid; width: 6.5em; margin: 0 auto; margin-top: 15px; }
/*top-t*/
#icon { height: 32px; }
#icon a { float: left; height: 30px; cursor: pointer; display: block; }
#icon .txwb { background: url(../images/ticon.png) no-repeat -2px -49px; }
#icon .qq { background: url(../images/ticon.png) no-repeat 4px -76px; }
#icon .xlwb { background: url(../images/ticon.png) no-repeat 7px -107px; }
#icon .weixin { background: url(../images/ticon.png) no-repeat 9px -291px; }
#icon .mo { background: url(../images/ticon.png) no-repeat 11px -135px; }
/*nav*/
#logo img { display: block; margin: 9px 0; }
#mlogo img { display: none; }
/*! 导航栏位置 */
#nav { float: right; margin-top: 1.5em; }
#nav li { margin-left: 2em; }
#nav li:first-child { margin-left: 0; }
#nav li:hover { border-bottom: 2px #cc0d05 solid; text-decoration: none; white-space: nowrap; }
#nav li:hover .pros { display: block; }

/*! 导航间隔 */
#nav > li { float: left; display: inline; }
/*! 导航高度 */
#nav > li > a { padding-top: 6px; padding-bottom: 6px; line-height: 22px; }
.on { border-bottom: 2px #cc0d05 solid; }
#nav li a { text-align: center; font-size: 1.2em; color: #333; line-height: 44px; display: block; padding: 0; }
/*导航栏收起*/

.navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 10px; margin-bottom: 8px; background-color: #015793; background-image: none; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; }
.icon-bar { background-color: #fff; }
.navbar-toggle { border-color: #fff; }
.navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #1e81c7; }
@font-face { font-family: Billboard; src: url('../Billboard Regular.ttf'); }
@font-face { font-family: dk; src: url('../DejaVuSansMono-Bold.ttf'); }

.font_style { font-family: Billboard; font-size: 3em; color: #0c338f; line-height: 0.2em; }
.am-navbar-default { display: none; }
.am-navbar-default .am-navbar-nav { background-color: #005693; }

@media screen and (min-width:1080px) {
    .navbar-toggle { display: none; }
}
/*banner*/
#banner img { width: 100%; height: auto; padding-top: 15px; }

@media screen and (max-width:1080px) {
    .am-menu { display: block; }
    #nav { display: none; }
    #icon { display: none; }
    #email { display: none; }
    .top { display: none; }
    .am-slider { display: block !important; }
    #prorightmain .am-slider { margin-right: 10px; margin-bottom: 10px; }
    #banner { display: none; }
    .am-navbar-default { display: block; }
    .am-navbar-default li { width: 50% !important; }
}

/*aboutbackground: url(../images/hj_41.jpg) no-repeat; */
#ableft { width: 423px; height: 351px; }
#ableft img { width: 400px; height: 300px; }
#ableft a { margin: 15px 0px 4px 16px; }
#abright { width: 700px; margin-top: 50px; }

@media screen and (max-width:1140px) {
    #in_video { width: 280px !important; height: 240px !important; }
    #abright { width: auto; height: auto; clear: both; margin: 0 auto; }
    #ableft { /*background: url(../images/hj_41p.jpg) no-repeat; height:351px;*/ width: 300px; height: auto; float: none; margin: 0 auto !important; }
    #ableft img { width: 278px; height: 145px; }
    #ableft a { margin: -32px 0px 10px 11px; }
    #abright { width: auto; height: auto; clear: both; padding: 0px 10px; margin: 0 auto; }
}

.button { position: relative; text-align: center; line-height: 35px; margin: 0 auto; width: 113px; margin-top: 44px; float: right;background:#f00; }
.button a { color: #fff; display: block; }
.button a:hover { background-color: #cc0d05; color: #fff; }

.blu { background: #005793; }

@media screen and (max-width:1140px) {
    .button { position: relative; text-align: center; line-height: 35px; margin: 0 auto; width: 113px; margin-top: 44px; float: none; margin-bottom: 20px; }
}
/*product*/
#cpxl { background: #f7f7f7; width: 100%; height: auto; padding-bottom: 55px; padding-top: 10px; }
#cpxllist ul { height: auto; max-width: 695px; margin: 0 auto; margin-top: 23px; }
#cpxllist ul li { margin: 0px 12px; background-color: #eeeeee; }
#cpxllist li a { display: block; padding: 4px 13px; }
#cpxllist li a:hover, .cpxllisthover { background-color: #005693; color: #fff; }
#cpxlpro { margin-top: 23px; max-width: 1200px; margin: 0 auto; }
#cpxlpro ul { max-width: 1300px; }
#cpxlpro ul li { width: 33%; margin-top: 40px; text-align: center; padding: 0 10px; height:376px; /*max-height: 262px;*/ }

@media only screen and (max-width:1080px) {
    .in_pro_list li figure figcaption { display: none; }
    .in_pro_list li span { display: block !important; }
}

@media only screen and (max-width:800px) {
    #cpxlpro ul li { width: 50%; }
}

@media only screen and (max-width:699px) {
    #cpxllist ul li { margin: 4px 3px; background-color: #eeeeee; }
    #cpxllist ul { max-width: 600px; height: auto; }
}

@media only screen and (max-width:609px) {
    #cpxl { padding-bottom: 25px; min-height: 755px; }
    #cpxlpro ul li:nth-of-type(2n+2) { margin-right: 0px; }
    #cpxllist ul li { float: none; text-align: center; margin-top: 5px; background-color: #eeeeee; }
    #cpxllist ul { max-width: 370px; }
    #cpxlpro ul li { margin-top: 20px; }
}
/*jjfa*/
#jjfa img { width: 100%; height: auto; }
#severice { max-width: 1200px;margin: 0 auto;padding-top: 30px;}
#severice ul { max-width: 1200px;}

#severice ul li {width: 32.5%;float: left;
    margin-right: 10px;}
#severice ul li p{position:absolute;bottom:0;width:100%;height:36px;line-height: 36px;text-align:center;background:#1b1a1a;opacity:0.7;color:#fff;font-size:16px;}
.sevetxt { font-weight: bold; text-align: center; color: #747277; margin-top: 13px; }
.sevemain { text-align: center; display: none; }
.sevexian { outline: 1px #c7c7c7 solid; width: 117px; margin: 0 auto; margin-top: 20px; }
.sevemore1 { text-align: center; padding-top: 20px; }
.sevemore1 img{max-width: 100%;
    border: 0 none;
    vertical-align: middle;}
.sevemore2 { display: none; }
#severice li a { display: block; cursor: pointer; }
.zl { background: url(../images/zl-2.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
.fw { background: url(../images/fw-2.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
.td { background: url(../images/td-2.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
.cn { background: url(../images/cn-2.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
#severice li:hover p{ background-color: #0c338f;}
/*#severice li:hover .zl { background: url(../images/zl.jpg) no-repeat 90px 35px; }
#severice li:hover .fw { background: url(../images/fw.jpg) no-repeat 90px 35px; }
#severice li:hover .td { background: url(../images/td.jpg) no-repeat 90px 35px; }
#severice li:hover .cn { background: url(../images/cn.jpg) no-repeat 90px 35px; }*/

.msolution { padding: 0 1px; display: none; }
.msolution ul { display: block; width: 100%; margin: 0 auto; line-height: 3.0em; font-size: 16px; padding-top: 15px; }
.msolution ul li a { display: block; color: #fff; }
.msolution ul li { width: 48%; text-align: center; color: #fff; background-color: #0061a0; margin-bottom: 18px; }
#jjfa .msolution { display: none; }

@media only screen and (max-width:420px) {
    #severice { max-width: 420px; }
    #severice ul li:nth-of-type(2n+2) { margin-right: 0px; }
    #severice ul { max-width: 270px; margin: 0 auto; }
    #severice ul li { border: 1px #000 solid; height: 350px; background-color: #036b92; }
    .zl { background: url(../images/zl.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
    .fw { background: url(../images/fw.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
    .td { background: url(../images/td.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
    .cn { background: url(../images/cn.jpg) no-repeat 90px 35px; width: 276px; height: 140px; }
    .sevetxt { color: #fff; }
    .sevexian { display: none; }
    .sevemore1 { display: none; }
    #severice .sevemore2 { display: block; text-align: center; padding-top: 30px; }
    .sevemain { text-align: center; display: block; padding: 0 38px; height: 70px; margin-top: 15px; overflow: hidden; color: #fff; }
}

@media only screen and (max-width:640px) {
    #severice { display: none; }
}

@media only screen and (max-width:750px) and (min-width:641px) {
    #severice ul li:nth-of-type(2n+2) { margin-right: 0px; }
    #severice { margin-top: 23px; width: 568px; margin: 0 auto; }
    #severice ul { max-width: 641px; }
    #severice ul li { max-width: 641px; margin-right: 30px; }
}

@media only screen and (max-width:1215px) and (min-width:750px) {
    #severice { margin-top: 23px; width: 618px; margin: 0 auto; }
    #severice ul { max-width: 750px; }
}
/*enterpriselogo*/
#enterprise { padding-top:10px; width:1200px;margin:0 auto; }
#enterprise ul li {width:31.33%;margin-right:2%;}
#enterprise ul li img { width: auto; max-width: 100%; }
#enterprise li a { display: block;text-align: center;font-size: 16px;line-height: 50px;}
/*#enterprise li:hover {
    box-shadow: 1px 1px 5px #666;
}*/

@media only screen and (max-width:1200px) {
    #enterprise ul li { width: 24.6666%; }
}

@media screen and (max-width:800px) {
    .hzp { display: none; }
}

/*newscenter*/
#newscenter ul li:nth-of-type(2n+2) { margin-right: 0px; }
#newscenter { max-width: 1200px; margin: 0 auto;  }
#newscenter ul { max-width: 1200px; min-height: 617px; }
#newscenter ul li { max-width: 48%; width: 48%; height: 116px; margin-top: 30px; margin-right: 40px; }
#nwescimg img { margin-right: 10px; width: 207px; height: 116px; }
#nwescimg img:hover { box-shadow: 1px 1px 5px #666; }
#newstext { margin-left: 20px; margin-top: 5px; line-height: 1.5em; }
#newstext span { font-size: 1em; overflow: hidden; }
#newstext p { font-weight: bold; font-size: 1.2em;/* max-width: 336px;*/ height: 25px;/* overflow: hidden; */text-align: justify; margin-bottom: 8px; }
#newstext a { /*display: block;*/ color: #333; }
#newstext a:hover { color: #0c338f; text-decoration: underline; }
#button { float: right; width: 80px; height: 27px; background-color:#ca0e05; color: #fff; text-align: center; margin-top: 20px; font-size: 0.75em; line-height: 2.2em; }
#button a { color: #fff; display: block; }
#button a:hover { color: #fff; background-color: #ee1309; text-decoration: none; }

@media (min-width:320px) and (max-width:549px) {
    #newscenter ul li { margin-top: 30px; max-width: 98%; width: 98%; margin-right: 5px; margin-left: 5px; }
    #nwescimg { width: 120px; height: 85px; overflow: hidden; margin-right: 10px; }
    #nwescimg img { position: relative; top: -20px; left: -20px; }
    #newstext { margin-right: 2%; max-height: 90px; overflow: hidden; }
    #newstext p { height: 24px; overflow: hidden; }
    #newstext span { width: auto; display: block; height: 45px; overflow: hidden; }
    #button { display: none; }
}

@media (min-width:550px) and (max-width:1000px) {
    #newscenter ul li:nth-of-type(2n+2) { margin-right: 5px; }
    #newscenter ul li { margin-top: 30px; max-width: 48%; margin-right: 5px; margin-left: 5px; }
    #nwescimg img { width: 120px; height: 95px; }
    #newstext { max-height: 70px; overflow: hidden; }
    #newstext p { width: 200px; height: 24px; overflow: hidden; }
    #newstext span { width: auto; overflow: hidden; }
    #button { display: none; }
}
/*bottom*/
#bottom { background-color: #0c338f; width: 100%; height: 380px; margin-top: 80px; padding-top: 10px; color: #fff; padding-bottom: 15px; font-size: 0.75em; }
#bottomtext a{ font-size: 1.4em;color:#fff; }
#bottomtext a:hover{text-decoration:underline;}
#bottomxian { border-bottom: 1px #fff solid; width: 220px; margin-top: 13px; }
#bottom-main ul { max-width: 515px; }
#bottom-main li { width: 220px; margin-right: 35px; padding-top: 30px; }
#abmain { float: left; }
#abmain a { margin-top: 8px; color: #fff; display: block; margin-right: 11px; height: 25px; overflow: hidden; }
#abmain a:hover { text-decoration: underline; }
#bottomright { padding-top: 100px; max-width: 350px; height: auto; text-align: right; }
#bottomright img { width: 115px; height: 115px; margin-top: 10x; border: 0px; }
#bottom2 { display: none; }

.hzp { margin-bottom: 20px; }

@media screen and (max-width:640px) {
    .txt img { max-width: 100%; height: auto; }
    .txt { padding-top: 50px; width: 308px; text-align: center; font-size: 0.875em; }
    .txt span { line-height: 2.5em; }
    .borderblue2 { border-bottom: 2px #005693 solid; width: 6.8em; margin: 0 auto; padding-bottom: 10px; }
}

@media screen and (max-width:1000px) and (min-width:300px) {
    #bottom-main { display: none; }
    #bottom-main ul { display: none; }
    #bottom2 { display: block; text-align: center; color: #fff; background-color: #005693; width: 100%; margin-top: 30px; font-size: 1.2em; }
    #bottom2 a { color: #fff !important; }
    #bottom { height: 130px; }
}
/*子页*/
#zybanner { position: relative; }
#zybanner img { width: 100%; height: auto; display: block; }
#mzybanner img { display: none; }
.zycontainer { box-sizing: border-box; margin-left: auto; margin-right: auto; width: 100%; max-width: 1200px; }
.zymain { margin: 0 auto; padding-top: 25px; width: 100%; }
#zyleft { position: relative; width: 240px; }
#zyleft ul li { height: 50px; margin-top: 12px; background-color: #f9f9f9; text-align: center; line-height: 3.5em; }
#zyleft li a { display: block; color: #555; }
#zyleft li:hover a { color: #0c338f; background: url(../images/zy_06.jpg) no-repeat; }
#zltop { width: 100%; height: auto; }
#zlcon { width: 100%; height: auto; padding-top: 25px; }
#zltop img { width: 100%; }
.zlon { color: #005693; background: url(../images/zy_06.jpg) no-repeat; }
#zyright { width: 78%; position: relative; }
#zyrtop { margin-top: 10px; }
#zyrtitbor { clear: both; border-bottom: 1px #d7d7d7 dotted; padding-top: 8px; }
.mproline { display: none; width: 100%; }
.mproline ul li { float: left; width: 18%; height: 50px; margin-top: 12px; margin-right: 1%; background-color: #f9f9f9; text-align: center; line-height: 3.5em; }
.mproline li a { display: block; color: #555; }
.mproline li:hover a { color: #fff; background-color: #0561aa; }
@media only screen and (max-width:550px) {
    .mproline { display: block; }
    #zyleft { display: none; }
    .mproline ul li { clear: both; width: 100%; height: 50px; margin-top: 12px; background-color: #f9f9f9; text-align: center; line-height: 3.5em; }
    #zyright { clear: both; width: 100%; }
}
/*子页prolist*/

.prolist li { padding-top:10px; padding-right: 10px; }
.prolist li img { width: 290px; height: 219px; border: 1px #f0f0f0 solid; }
.prolist li p { line-height: 40px; text-align: center;}
.prolist li a { position: relative; display: block; color: #5e5e5e; }
.prolist li a:hover { color: #ca0e05; }
.prolist li img:hover { border: 1px #ca0e05 solid; }
#zyrmain { margin-top: 10px; }
#zyrmain .font-24px { line-height: 4; }
.promoreText { display: none; position: absolute; color: #fff; background: url(../images/hnj_12.png); overflow: hidden; top: 154px; left: 0; text-align: center; }
.prolist li .promoreText { height: 30px; width: 261px; overflow: hidden; line-height: 2.2em; }
.prolist li:hover .promoreText { display: block; }
/*zynweslist*/
.zynewl { width: 20%; height: auto; }
.zynewl img { width: 207px; height: 116px; }
#zynewlist li { margin: 14px 0px; width: 100%;border-bottom:1px dotted #999; }
#zynewlist ul li:hover { width: 100%; height: auto; background: #f9f9f9; margin: 0; padding: 14px 0; }
/*.zynewtxt { width: 74%; height: auto; }*/
.zynewtxt a { max-width: 500px; height: 25px; overflow: hidden; }
#zynewlist li .zynewtxt a { display: block; color: #111; }
#zynewlist li .zynewtxt a:hover { color: #0c338f; cursor: pointer; text-decoration: underline; }
#intro { margin-top: 13px; /*	height: 64px;*/ overflow: hidden; }

@media only screen and (max-width:729px)and (min-width:360px) {
    #zynewlist span { display: none; }
    #zyright { clear: none; width: 100%; }
    .zynewl { width: 135px; overflow: hidden; height: 92px; }
    .zynewl img { position: relative; left: -20px; top: -20px; }
    #zynewlist li { clear: both; }
    .zynewtxt { float: right; width: 60%; }
    #intro { margin-top: 6px; height: 50px; overflow: hidden; }
}

@media screen and (min-width:730px)and (max-width:1080px) {
    .zynewtxt { width: 65%; height: auto; margin-top: 15px; }
}

@media only screen and (max-width:360px) {
    .zynewtxt { float: none; width: 86%; height: auto; margin: 15px 0px 2px 2px; }
    #zynewlist span { display: none; }
    #zyright { clear: none; width: 100%; }
    .zynewl { display: none; }
    #intro { margin-top: 6px; height: 20%; overflow: hidden; }
}
/*zyproduct*/
#proleftimg { max-width: 520px; max-height: 460px; }
#pinfo_bigimg { width: 520px; text-align: center; display: table-cell; vertical-align: middle; border: 1px #eeeeee solid; }
#proleftimg img { max-width: 520px; max-height: 360px; }
#prorighttxt { max-width: 350px; height: 365px; margin-top: 10px; overflow: hidden; }
#prorightmain { height: 270px; color: #666; }
#prorightmain p:nth-of-type(1) { margin-bottom: 20px; }
#prorighttxt p { max-width: 340px; overflow: hidden; height: 35px; color: #111; font-size: 16px; line-height: 2.2em; }
#prorighttxt b { color: #f30b0b; }
#proleftsimg { margin-top: 12px; }
#proleftsimg li { padding: 0px 9px; }
#proleftsimg img { width: 110px; height: 77px; border: 1px #eee solid; }
#proleftsimg li a { display: block; }
#proleftsimg li:hover img { cursor: pointer; border: 1px #005693 solid; }

@media only screen and (min-width:900px)and (max-width:1380px) {
    /*#zyrmain ul li:nth-of-type(3n+3) {
	    padding-right: 0px;
    }*/
}

@media only screen and (min-width:600px)and (max-width:895px) {
    /*#zyrmain ul li:nth-of-type(2n+2) {
	    padding-right: 0px;
    }*/
    .prolist li { padding-top: 25px; padding-right: 50px; }
}

@media only screen and (max-width:680px) {
    #zyrmain .prolist { max-width: 100%; height: auto; }
    .prolist li { width: 49%; padding-right: 0; margin-right: 5px; }
    .prolist li:nth-of-type(2n+2) { margin-right: 0; }
    .prolist li img { width: 100%; height: auto; }
    .prolist li:hover .promoreText { display: none; }
}

#zixun { margin-right: 10px; width: 165px; height: 40px; border: 1px #c40000 solid; background-color: #ffeded; margin-top: 40px; background: url(../images/zx.png) no-repeat 33px 10px; text-align: center; }
#zixun a { display: block; color: #c40000; font-size: 16px; line-height: 2.5em; padding-left: 30px; }
#zixun:hover a { background: url(../images/zx2.png) no-repeat 33px 10px; background-color: #c40000; color: #fff; }
#ziliao { width: 165px; height: 40px; border: 1px #c40000 solid; background-color: #ffeded; margin-top: 40px; background: url(../images/zl2.png) no-repeat 33px 10px; text-align: center; }
#ziliao a { display: block; color: #c40000; font-size: 16px; line-height: 2.5em; padding-left: 22px; }
#ziliao:hover a { background: url(../images/zl.png) no-repeat 33px 10px; background-color: #c40000; color: #fff; }
.tabbox { height: auto; float: left; padding-top: 30px; width: 100%; }
.tabmenu { height: 48px; background-color: #eef2f5; line-height: 3.0em; font-size: 16px; display: block; }
.tabmenu ul li { width: 25%; text-align: center; }
.tabmenu li a { display: block; color: #111; }
.tabmenu ul li:first-child { background-color: #0061a0; }
.tabmenu li:hover a { color: #0061a0; }
.tabmenu li.colorChange { background-color: #0061a0; }
#tabcontent { margin-top: 10px; padding: 0 10px; color: #666; width: auto; }
#tabcontent h3 { color: #0061A0; }
#tabcontent img { max-width: 855px; }
.mtabmenu ul { display: none; }

@media only screen and (max-width:620px)and (min-width:560px) {
    #prorighttxt { width: 317px; height: auto; margin-top: 10px; overflow: hidden; float: none; }
    #ziliao { display: none; }
    #zixun { margin: 0 auto; }
    .tabmenu { display: none; }
    .mtabmenu ul { display: block; width: 100%; line-height: 3.0em; font-size: 16px; }
    .mtabmenu ul li a { display: block; color: #fff; }
    .mtabmenu ul li { float: left; width: 44%; text-align: center; color: #fff; background-color: #0061a0; margin-right: 15px; margin-top: 10px; }
    .tabbox { width: 100%; }
    #tabcontent { margin-top: 15px; float: left; font-size: 16px }
}

@media only screen and (max-width:560px) {
    #prorightmain { height: auto; }
    .tabmenu { display: none; }
    .mtabmenu ul { display: block; width: 100%; line-height: 3.0em; font-size: 16px; }
    .mtabmenu ul li a { display: block; color: #fff; }
    .mtabmenu ul li { float: left; width: 44%; text-align: center; color: #fff; background-color: #0061a0; margin-left: 14px; margin-top: 10px; }
    #tabcontent { clear: both; padding: 10px; font-size: 16px }
    #prorighttxt { height: auto; float: left; margin-left: 6px; }
    .video img { width: 344px !important; }
    #tabcontent h3 { font-size: 1.2em; line-height: 3; }
    #acanshu { overflow: scroll; min-width: 340px !important; }
    #acanshu table { min-width: 800px !important; }
    .unit { min-width: 0 !important; }
    #zixun { margin-right: 0px; margin-left: 10px; width: 150px; background: url(../images/zx.png) no-repeat 20px 10px; }
    #ziliao { margin-left: 10px; width: 150px; background: url(../images/zl2.png) no-repeat 20px 10px; }
}
/*zysolution*/
#zysolution { padding-top: 15px; }
#zysolution li { width: 33%; height: 37px; background-color: #eee; -webkit-border-radius: 4px; margin-right: 2px; text-align: center; line-height: 2.6em; }
#zysolution li a { display: block; color: #656565; }
.solucolor { background-color: #005693; -webkit-border-radius: 4px; }
#zysolution li:hover a { color: #005693; }
#zysolborder { width: 100%; float: left; }
#zysolutionmain { float: left; padding-top: 15px; width: 100%; }


/*#pinfo_bigimg{height:auto !important;}*/

@media only screen and (max-width:620px) {
    #zysolution ul { margin: 0 auto; float: none; }
    #zysolution li { width: 80%; float: none; background-color: #005693; margin-top: 10px; }
    #zysolution li a { display: block; color: #fff; }
    #zysolution li:hover a { color: #fff; }
    #zysolborder { display: none; }
}

@media only screen and (max-width:800px) {
    #zyrtoptitr { display: none; }
    #zybanner img { display: none; }
    #mzybanner img { width: 100%; display: block; height: auto; padding-top: 15px; }
    .msolution { display: block; }
    #jjfa { display: none; }
}

@media only screen and (max-width:500px) {
    #logo img { display: none; }
    #mlogo { width: 75%; }
    #mlogo img { display: block; width: 302px; height: auto; }
    #nav li:hover, .on { background: #015793; border: none; }
    .show_nav { background: #222 !important; }
}

@media only screen and (max-width:360px) {
    #mlogo img { width: 260px; }
}

#jjfa { position: relative; }
#jjfa a { display: block; }
.so1 { position: absolute; width: 29%; position: absolute; height: 29%; top: 13%; left: 0px; cursor: pointer; }
.so2 { position: absolute; width: 26%; height: 29%; bottom: 11%; cursor: pointer; }
.so3 { position: absolute; width: 26%; height: 29%; right: 0px; top: 13%; cursor: pointer; }
.so4 { position: absolute; width: 26%; height: 28%; right: 0px; bottom: 9%; cursor: pointer; }
#jjfa img { padding-top: 15px; padding-bottom: 10px; width: 100%; height: auto; }
/* 调整产品详细页面 */
@media only screen and (max-width:1240px) {
    #zyleft { margin-left: 10px; }
}

@media only screen and (max-width:1170px) {
    #zyright { width: 77%; }
}

@media only screen and (max-width:1140px) {
    #zyleft { display: none; }
    .mproline { display: block; }
    #zyright { clear: both; width: 100%; }
    .zlon { color: #fff !important; background: none !important; background-color: #0561aa !important; }
}
/* 调整产品详细页面 */

@media only screen and (max-width:1080px) {
    #zyrtop { display: none; }
    #zyrmain { padding: 0; }
    #proleftimg { display: none; }
    #zyrtoptit { margin-left: 5px; }
    #zyrtoptitr { display: none; }
    #prorightmain { height: auto; }
    #prorighttxt { height: auto; }
    .tabmenu { margin: 0 10px; }
    #prorighttxt { float: none; clear: both; max-width: 610px; overflow: hidden; margin-left: 10px; }
}

.fenye { padding-top: 20px; text-align: center; clear: both; }

.fenye span { height: 35px; width: 35px; border: 1px solid #4f5555; display: inline-block; text-align: center; border-radius: 5px; margin: 0 2px; }

.fenye span a { line-height: 35px; display: inline-block; height: 100%; width: 100%; color: #005693; padding: 0; background: url(); }

.fenye .now-fenye, .fenye span:hover { background-color: #005693; }

.fenye .now-fenye a, .fenye span:hover a { color: white; }

@media only screen and (min-width:780px) {
    #prolist_img { height: 183px; width: 260px; text-align: center; display: table-cell; vertical-align: middle; }
    #in_pro_list { height: 260px; width: 370px; text-align: center; display: table-cell; vertical-align: middle; }
    #in_pro_list img { max-height: 260px; max-width: 370px; }
}

/*#news_tit{text-align: center;font-size:22px;margin-top:10px;padding-bottom: 10px;border-bottom:1px #d7d7d7 dashed;}*/
#news_tit { text-align: center; font-size: 22px; margin-top: 30px; margin-bottom: 20px; }
.v_name { text-align: left !important; padding-left: 15px !important; }
.vpts { font-size: 12px; color: #797979; padding-bottom: 20px; background: url('../images/vpts.png') no-repeat 16px 7px; padding-left: 33px !important; text-align: left !important; }


#zyrtoptitr img { position: relative; top: -2px; }
#zyrtoptitr a:hover { text-decoration: underline; }
.zynewtxt .fr { margin-right: 15px; }
#in_pro_list img { width: 370px; height: 260px; }
#zysolutionmain h3 { margin-top: 20px; color： #0061A0; }
.unit { line-height: auto; text-align: justify; }
#zlcont { line-height: 2; }


.in_pro_list li span { display: none; }
.in_pro_list li figure { margin-bottom: 0; position: relative; z-index: 1; display: inline-block; overflow: hidden; text-align: center; cursor: pointer; background: #000; }
.in_pro_list li figure img { /*position: relative;*/ display: block; /*height:249px;width:340px;*/ }
.in_pro_list li figure figcaption { padding: 4em; color: #000; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.in_pro_list li figure figcaption::before, .in_pro_list li figure figcaption::after { pointer-events: none; }
.in_pro_list li figure figcaption, .in_pro_list li figure a { position: absolute; top: 120px; left: 0; width: 100%; height: 100%; }
.in_pro_list li figure a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.in_pro_list li figure h3 { font-weight: 300; }
.in_pro_list li figure h3 span { font-weight: 800; }
.in_pro_list li figure h3, .in_pro_list li figure p { margin: 0; }
.in_pro_list li figure p { font-size: 0.75em; margin-top: 1em; height: 6em; overflow: hidden; }

@media only screen and (min-width:1000px) {
    figure.effect-lily { position: relative; }
    .black_bg { color: #fff; background: url('../images/black_bg_1.png') left bottom repeat-x; height: 55px; position: absolute; left: 0px; bottom: 0px; width: calc(100% + 50px); }
    figure.effect-lily img { width: -webkit-calc(100% + 50px); width: calc(100% + 50px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; }
    figure.effect-lily figcaption { top: 0; bottom: 0; text-align: left; }
    figure.effect-lily h3, figure.effect-lily p { -webkit-transform: translate3d(0, 160px, 0); transform: translate3d(0, 160px, 0); }
    figure.effect-lily h3 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; text-align: center; }
    figure.effect-lily p { color: rgba(255, 255, 255, 0.6); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; }
    figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; }
    figure.effect-lily:hover img, figure.effect-lily:hover h3, figure.effect-lily:hover p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #fff; }
    figure.effect-lily:hover img { opacity: .4; }
    figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }
}

.am-nav a:hover { background: none !important; }
.am-topbar-nav > li > a:hover:after { display: none; }
.am-container { max-width: 1200px; padding: 0; }
.am-topbar-brand { padding: 0; }
nav { display: none; }


/* PC-Banner */
.banner-box { height: 650px; position: relative; overflow: hidden; }
.banner-box .bd { width: 100% !important; }
.banner-box .bd li .m-width { margin: 0 auto; overflow: hidden; }
.banner-box .bd li { width: 100% !important; height: 650px; }
.banner-box .bd li a { display: block; background-size: auto; }

.banner-btn { width: 100%; position: absolute; top: 220px; left: 50%; margin-left: -50%; }
.banner-btn a { display: block; width: 49px; height: 104px; position: absolute; top: 0; filter: alpha(opacity=40); -moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.banner-btn a.prev { left: 20px; background: url('../images/foot.png') no-repeat 0 0; }
.banner-btn a.next { right: 20px; background: url('../images/foot.png') no-repeat -49px 0; }

.banner-box .hd { position: absolute; top: 230px; left: 46%; }
.banner-box .hd ul li { width: 12px; height: 12px; border-radius: 50%; text-indent: -9999px; margin-right: 20px; background: #ccc; float: left; cursor: pointer; }
.banner-box .hd ul li.on { background: #0E5B96; }
/* PC-Banner */

.am-slider { display: none; }

/* PC-产品下拉菜单 */
#pros { width: 100%; z-index: 9999; color: #fff; position: absolute; left: 0; display: none; }
#pros ul { float: left; width: 19%; border-right: 1px #333 solid; text-align: center; height: 300px; }
#pros ul li { display: block; height: 34px; line-height: 34px; margin-left: 0; }
#pros ul li:first-child { height: 40px; }
#pros ul li:first-child a { font-size: 1.1em; height: 38px; font-weight: bold; }
#pros ul li:hover { border-bottom: none; }
#pros ul li a { color: #fff; font-weight: initial; font-size: 0.9em; text-align: left; display: initial; }
#pros ul li a:hover { text-decoration: underline; }
#pros ul:nth-of-type(5) { border-right: none }
#pros ul:nth-of-type(2) li { width: 43%; float: left; display: inline-block; }
#pros ul:nth-of-type(2) li { width: 43%; float: left; display: inline-block; }
#pros ul:nth-of-type(2) li:nth-of-type(1) { display: block; width: 100%; }



#proslist { max-width: 1200px; height: 380px; margin: 0 auto; background: url('../images/black_bg.png'); padding-top: 25px; box-shadow: 1px 1px 5px #000; }
#proslist ul:nth-of-type(2) { width: 24%; padding-left: 20px }

/* PC-产品下拉菜单 */
/* PC-分享代码 */
.bdshare-button-style1-16 a { background-image: url('../images/icons_1_16.png') !important; }
#bdshare_weixin_qrcode_dialog { width: 250px !important; }
.bdshare-button-style1-16 .bds_sqq { background-position: 0 -3338px !important; }
.bdshare-button-style1-16 .bds_weixin { background-position: 0 -3287px !important; }
.bdshare-button-style1-16 .bds_tsina { background-position: 0 -3241px !important; }
.bdshare-button-style1-16 .bds_sqq:hover { background-position: 0 -2652px !important; }
.bdshare-button-style1-16 .bds_weixin:hover { background-position: 0 -1612px !important; }
.bdshare-button-style1-16 .bds_tsina:hover { background-position: 0 -105px !important; }
/* PC-分享代码 */
/* 解决方案 图片 */
@media only screen and (max-width:900px)and (min-width:600px) {

    #solu_content img { width: 600px !important; height: auto; }
    #zysolutionmain img { width: 600px !important; height: auto; }
}

@media only screen and (max-width:600px)and (min-width:500px) {

    #solu_content img { width: 500px !important; height: auto; }
    #zysolutionmain img { width: 500px !important; height: auto; }
}

@media only screen and (max-width:500px)and (min-width:300px) {

    #solu_content img { width: 300px !important; height: auto; }
    #zysolutionmain img { width: 300px !important; height: auto; }
}
/* 解决方案 图片 */
/* 案例详细页面 图片 */
@media only screen and (max-width:900px)and (min-width:600px) {
    #zr-rmain img { width: 600px !important; }
}

@media only screen and (max-width:600px)and (min-width:500px) {
    #zr-rmain img { width: 500px !important; }
}

@media only screen and (max-width:500px)and (min-width:300px) {
    #zr-rmain img { width: 300px !important; }
}
/* 案例详细页面 图片 */
#zyrmain .center { width: 260px !important; }
#zyrmain .bottom { height: 25px !important; }
.pop .top { display: block; }

@media only screen and (max-width:680px) {
    /*地图*/
    #zyrmain .center { width: 255px !important; }
}

#newsinfo ul li:nth-of-type(2n+2) { margin-right: 0px; }
#newsinfo { max-width: 1200px; width: 100%; padding-top: 25px; margin-left: auto; margin-right: auto; }
#newsinfo ul li { max-width: 46%; width: 46%; height: 116px; margin-top: 30px; margin-right: 40px; }

@media (min-width:320px) and (max-width:549px) {
    #newsinfo ul li { margin-top: 30px; max-width: 98%; width: 98%; margin-right: 5px; margin-left: 5px; }
    #nwescimg img { width: 120px; height: 95px; }
    #newstext { margin-right: 2%; max-height: 90px; overflow: hidden; }
    #newstext p { height: 24px; overflow: hidden; }
    #newstext span { width: auto; overflow: hidden; }
    #button { display: none; }
}

@media (min-width:550px) and (max-width:1000px) {
    #newsinfo ul li:nth-of-type(2n+2) { margin-right: 5px; }
    #newsinfo ul li { margin-top: 30px; max-width: 48%; margin-right: 5px; margin-left: 5px; }
    #nwescimg img { width: 120px; height: 95px; }
    #newstext { max-height: 70px; overflow: hidden; }
    #newstext p { width: 200px; height: 24px; overflow: hidden; }
    #newstext span { width: auto; overflow: hidden; }
    #button { display: none; }
}

#zyright_caseInfo { width: 100%; }
.tabmenu_caseInfo { height: 48px; background-color: #eef2f5; line-height: 3.0em; font-size: 16px; display: block; }
.tabmenu_caseInfo ul li { width: 33%; text-align: center; }
.tabmenu_caseInfo li a { display: block; color: #111; }
.tabmenu_caseInfo ul li:first-child { background-color: #0061a0; }
.tabmenu_caseInfo li:hover a { color: #0061a0; }
.tabmenu_caseInfo li.colorChange { background-color: #0061a0; }
.mtabmenu_caseInfo ul { display: none; }
/*//相关案例*/
#commonRelative { max-width: 1200px; width: 100%; padding-top: 25px; margin-left: auto; margin-right: auto; }
#commonRelative ul li { width:290px; height:auto; margin-top: 30px; margin-right: 10px;}
.newstext_caseinfo { line-height: 30px; display: inline-block; overflow: hidden; width: 100%; text-align: center; height: 30px; }
.caseinfo_img { margin: 0 auto; max-height: 300px; }
#commonInfoimg img { width: 290px; height: 201px; }

@media (min-width:320px) and (max-width:549px) {
    #commonRelative ul { margin-top: 15px; padding-left: 10%; }
    #commonRelative ul li { margin-top: 11px; width: 40%; margin-right: 20px; margin-left: 5px; }
    #commonInfoimg { width: 120px; height: 85px; overflow: no-display !important; }
    #commonRelative img { width: 120px; height: 95px; }
    #newstext p { height: 24px; overflow: hidden; }
    #newstext span { width: auto; overflow: hidden; }
    #button { display: none; }
}

@media (min-width:550px) and (max-width:1000px) {
    #commonInfoimg { width: 120px; height: 85px; overflow: no-display !important; }
    #commonRelative ul li { margin-top: 30px; max-width: 48%; margin-right: 5px; margin-left: 20px; }
    #commonRelative img { width: 120px; height: 95px; }
}

#prorighttxt_caseinfo { width: 520px; max-width: 520px; height: 365px; margin-top: 10px; overflow: hidden; }
#prorighttxt_caseinfo p { max-width: 340px; overflow: hidden; height: 35px; color: #111; font-size: 16px; line-height: 2.2em; }
#prorighttxt_caseinfo b { color: #f30b0b; }
#videoInfo_mobile { display: none; }

@media(max-width:800px) {
    #videoInfo_pc { display: none; }
    #videoInfo_mobile { display: block; }
}

.canshu table td { border: 1px solid #BDBDBD !important; }

@media only screen and (min-width:1080px ) {
    #cpxlpro ul li > a { width: 100%; height: 0; overflow: hidden; padding-bottom: 69%; position: relative; height:376px;}
    .in_pro_list li figure figcaption { padding: 17%; }
}

.am-with-fixed-navbar { padding-bottom: 0 }


#cpxllist ul { max-width: inherit !important; overflow: hidden; text-align: center; }
#cpxllist ul li { display: inline-block; float: none; margin: 5px 12px; }

@media only screen and (max-width: 609px) {
    #cpxllist ul li { display: block; }
}


.cpsp {
    width: 800px;
    margin: 0 auto;
}

#scroll { width: 100%; margin: 0 auto; padding-top: 30px; font-family: "Microsoft Yahei"; }
#scroll .owl-wrapper-outer { margin: 0 auto; }
.owl-carousel .owl-item { padding: 15px; }
#scroll .item .pic_a { clear: both; display: block; width: 100%; background-color: #103396; overflow: hidden; padding-bottom: 80%; float:left;position: relative; border: 1px solid #d2d2d2; }
#scroll .item .pic_a img { display: block; width: 100%; height: 100%; position: absolute; }
#scroll .item:hover .pic_a img {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
#scroll .item { position: relative; width: 33%; float:left;margin: 0 auto; overflow: hidden; }
/*#scroll .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); }
#scroll .shd a { display: block; width: 250px; height: 239px; *background-image:url(about:blank);
background-image: url(about:blank)\0; }
*/
#scroll h3 { clear: both; font-size: 16px; color: #111; background-color: #f1f1f1; text-align: center; line-height: 40px; height: 40px; margin: 0px; }
#scroll h3 a { color: #333; text-decoration: none; }
#scroll h3 a:hover { color: #338de6; }
#scroll p { width: 226px; height: 54px; line-height: 18px; font-size: 12px; }
#scroll .item:hover .shd { background-color: rgba(0, 0, 0, 0); }
#scroll .item:hover .txt { background-color: #fff\9; background-color: rgba(248, 249, 249, 0.95); box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95); }
.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "宋体"; background-color: #ff0000 transparent; overflow: hidden; _display: none; margin-top: -30px; }
.owl-theme .owl-controls .owl-pagination { display: block; }
.owl-theme .owl-controls .owl-buttons .owl-prev { left: -40px; margin-top: -25px; background: none; color: #aaaaaa; border: 1px solid #aaaaaa; font-size: 30px; padding: 0px; height: 50px; border-radius: 0px; line-height: 50px; }
.owl-theme .owl-controls .owl-buttons .owl-next { right: -40px; margin-top: -25px; background: none; color: #aaaaaa; border: 1px solid #aaaaaa; font-size: 30px; padding: 0px; height: 50px; border-radius: 0px; line-height: 50px; }
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">"; }
.scroll-outer1 { clear: both; padding-bottom: 20px; }
#scroll1 { width: 100%; margin: 0 auto; padding-top: 0px; font-family: "Microsoft Yahei"; }
#scroll1 .owl-wrapper-outer { margin: 0 auto; }
.owl-carousel .owl-item { padding: 15px; }
#scroll1 .item .pic_a { clear: both; display: block; width: 100%; background-color: #000;border:1px solid #d2d2d2;overflow: hidden; padding-bottom: 130%; position: relative; }
#scroll1 .item .pic_a img { display: block; width: 100%; height: 100%; transition: all 0.5s ease; position: absolute; }
#scroll1 .item:hover .pic_a img { opacity: 0.65; filter: alpha(opacity=65); }
#scroll1 .item { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
#scroll1 .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); }
#scroll1 .shd a { display: block; width: 250px; height: 239px; *background-image:url(about:blank);
background-image: url(about:blank)\0; }
#scroll1 h3 { clear: both; background-color: #f1f1f1;font-size: 16px; color: #333; text-align:center;line-height: 40px; }
#scroll1 h3 a { color: #333; text-decoration: none; }
#scroll1 h3 a:hover { color: #338de6; }
#scroll1 p { width: 226px; height: 54px; line-height: 18px; font-size: 12px; }
#scroll1 .item1:hover .shd { background-color: rgba(0, 0, 0, 0); }
#scroll1 .item1:hover .txt { background-color: #fff\9; background-color: rgba(248, 249, 249, 0.95); box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95); }
#scroll1 .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "宋体"; background-color: #ff0000 transparent; overflow: hidden; _display: none; margin-top: -30px; }
#scroll1 .owl-controls .owl-pagination { display: none; }
#scroll1 .owl-controls .owl-buttons .owl-prev { left: -40px; margin-top: -25px; background: none; color: #aaaaaa; border: 1px solid #aaaaaa; font-size: 30px; padding: 0px; height: 50px; border-radius: 0px; line-height: 50px; }
#scroll1 .owl-controls .owl-buttons .owl-next { right: -40px; margin-top: -25px; background: none; color: #aaaaaa; border: 1px solid #aaaaaa; font-size: 30px; padding: 0px; height: 50px; border-radius: 0px; line-height: 50px; }
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">"; }
.scroll-outer2 { background: url(images/bg.jpg) 50% 0 no-repeat; clear: both; }
#scroll2 { width: 100%; margin: 0 auto; font-family: "Microsoft Yahei"; }
#scroll2 .owl-wrapper-outer { margin: 0 auto; }
.owl-carousel .owl-item { }
#scroll2 .item .pic_a { clear: both; display: block; width: 100%; background-color: #000; overflow: hidden; padding-bottom: 80%; position: relative; border: 1px solid #d2d2d2; }
#scroll2 .item .pic_a img { display: block; width: 100%; height: 100%; position: absolute; }
#scroll2 .item:hover .pic_a img {-webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);}
#scroll2 .item { position: relative; width: 33%;float:left; margin: 0 auto; overflow: hidden; }
#scroll2 .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15); }
#scroll2 .shd a { display: block; width: 250px; height: 239px; *background-image:url(about:blank);
background-image: url(about:blank)\0; }
#scroll2 h3 { clear: both; font-size: 16px; color: #111; background-color: #f1f1f1; text-align: center; line-height: 40px; height: 40px; margin: 0px; }
#scroll2 h3 a { color: #333; text-decoration: none; }
#scroll2 h3 a:hover { color: #338de6; }
#scroll2 p { width: 226px; height: 54px; line-height: 18px; font-size: 12px; }
#scroll2 .item:hover .shd { background-color: rgba(0, 0, 0, 0); }
#scroll2 .item:hover .txt { background-color: #fff\9; background-color: rgba(248, 249, 249, 0.95); box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95); }
#scroll2 .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "宋体"; overflow: hidden; _display: none; margin-top: -30px; }
#scroll2 .owl-controls .owl-pagination { display: none; }
#scroll2 .owl-controls .owl-buttons .owl-prev { left: -45px; margin-top: -25px; color: #fff; border: 0px; background: #da251d; font-size: 30px; padding: 0px; height: 40px; border-radius: 20px; line-height: 40px; width: 40px }
#scroll2 .owl-controls .owl-buttons .owl-next { right: -45px; margin-top: -25px;color: #fff; border: 0px; background: #da251d; font-size: 30px; padding: 0px; height: 40px; border-radius: 20px; line-height: 40px; width: 40px }
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<"; }
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">"; }

.location {
width: 100%;
    background: #f6f6f6;
    border-bottom: 1px solid #e4e4e4;
    padding: 10px 0;
    font-size: 16px;
	
}

.prolist1, .prolist2 {
    width: 100%;
    overflow: hidden;
}
.w {
    max-width: 1200px;
    margin: 0 auto;
}
.prolist1 .title {
    width: 100%;
    overflow: hidden;
    margin: 40px 0;
}
.prolist1,.prolist2{width: 100%;overflow: hidden;}
.prolist1 .title{width: 100%;overflow: hidden;margin: 40px 0;}
.prolist1 .title li{width:20%;float: left;text-align: center;font-size: 18px;margin-left: 7%;padding: 15px;}
.prolist1 .title li:first-child{margin-left: 0;}

.prolist1 .title li{background: #0c338f;}
.prolist1 .title li a{color:#fff;}
/*.prolist .title li img{margin-bottom: 12px;}*/
.prolist1 .list li{width: 31.66%;float: left;margin: 10px 0.83%; border:1px solid #CCC;padding:10px; border-radius:8px}
.prolist1 .list li:hover p a{background: #0c338f;color: #fff;}
.prolist1 .list li p a{height: 48px;
    display: block;
    font-size: 16px;
    color: #0f2438;
    text-align: center;
    padding: 15px 0;
    transition: all ease 0.5s;}



.prolist1 .list a{ display:block;}
.prolist1 .list dl{width: 100%;overflow: hidden;position: relative;}
.prolist1 .list dd img{transition: all ease 1s;max-width: 100%;
    border: 0 none;
    vertical-align: middle;}
.prolist1 .list dt{position: absolute;top: 0;left: 50%;width: 0;height: 0;transform: translateX(-50%);-ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transition: all 0.4s 0s, border 0.4s 0.6s, height 0.4s 0.4s, margin 0.4s 0.4s;}
.prolist1 .list dt a{width: 100%;height: 100%;background: url(../images/more.png) center no-repeat;display: block;opacity: 0;}
.prolist1 .list li:hover img{transform: scale(1.1);}
.prolist1 .list li:hover dt{height: 100%;width: 100%;background-color: rgba(0,0,0,0.3);
    transition: all 0.4s 0.4s, border 0.4s 0s, height 0.4s 0s, margin 0.4s 0s;}
.prolist1 .list li:hover dt a{opacity: 1;transition: 0.4s;transition-delay: 0.7s;}
.prolist2 .tab2{width: 100%;overflow: hidden;margin: 40px 0;}
.prolist2 .tab2 li a{width: 230px;background: #f2f2f2;float: left;text-align: center;margin-left: 12px;
    padding: 15px 0;display: block;font-size: 18px;}
.prolist2 .tab2 li:first-child a{margin-left: 0;}
.prolist2 .tab2 .active a{background: #fec600;}
.prolist2 .tab-content2{width: 100%;height: auto;overflow: hidden;margin: 50px 0;}
.prolist2 .tab-content2 li{overflow: hidden;margin-left: -5.7%;}
.prolist2 .tab-content2 dl{width: 27.8%;float: left;margin: 0 0 40px 5.5%;}
.prolist2 .tab-content2 dt{width: 100%;background: #f2f2f2;padding: 25px 20px;overflow: hidden;}
.prolist2 .tab-content2 dl:hover dt{background: #1e95f5;color: #fff;}
.prolist2 .tab-content2 dl:hover dt a{color: #fff;}
.prolist2 .tab-content2 dt h3{font-size: 18px;}
.prolist2 .tab-content2 dt p{line-height: 22px;margin: 15px 0 20px;}
.prolist2 .tab-content2 dt span a{color: #555555;}
.prolist2 .tab-content2 dt span .zx{float: left;}
.prolist2 .tab-content2 dt span .gd{float: right;}
.prolist2 .show{display: block;}
.prolist2 .hide{display: none;}
.newdetail {
    max-width: 1200px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
.newdetail ._tit {
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 30px;
}
.newdetail h1 {
    line-height: 36px;
    padding: 0 0 20px 0;
    font-size: 34px;
    margin-bottom: 15px;
    color: #000;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
}
.newdetail p.banquan {
    text-indent: 0;
    font-size: 14px;
}
.banquan span {
    padding-right: 10px;
    float: left;
}
.banquan span.return {
    float: right;
    display: block;
    background: url(../images/back.jpg) left center no-repeat;
    padding-left: 25px;
}
.detail_guide {
    width: 100%;
    margin: 0 auto;
    background: #f0f0f0;
    overflow: hidden;
    margin-top: 30px;
}
.detail_guide .same {
    font-size: 16px;
    padding: 15px 0 15px 0;
    width: 50%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}
.detail_guide span {
    background: #e0e0e0;
    padding: 17px;
    margin-right: 15px;

}
.detail_guide a {
    width: 90%;
    overflow: hidden;
}
.newslist {
	width: 100%;
    overflow: hidden;
    margin: 30px auto;
    min-height: 360px;
}
.newslist li {
    width: 48%;
    line-height: 60px;
    height: 60px;
    text-align: left;
    border-bottom: #DBDBDB 1px dashed;
    float: left;
    margin-right: 24px;
}


.newslist li:hover .text a{color: #f00;padding-left: 30px;}


.newslist li .date {
    float: right;
    padding-right: 20px;
    color: #999;
}



.newslist li .text {
    float: left;
    text-align: left;
    position: absolute;
	text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.newslist li .text a {
    text-decoration: none;
    display: block;
    width: 335px;
    padding-left: 20px;
    background: url(../images/pic02.jpg) no-repeat left center;
    transition: all ease 0.5s;
}

.page {
	font-family: Helvetica, sans-serif;
	line-height: normal;
	font-size: 12px;
	text-align: center;
}
.page a, .page span {
	display: block;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: 0px;
	border: 1px solid #ccc;
	padding-top: 3px;
	float: left;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	height: 25px
} /* SPAN和链接 */
.page a:hover, .page a.current {
	color: #000;
	border: 1px solid #000
} /* 当前链接有激活时 */
.page input {
	padding: 0px;
	color: #666;
	height: 16px;
	width: 25px;
	border: 0px solid #fff;
	text-align: center;
	margin-top: 0px;
	margin-right: -5px;
	margin-bottom: 0px;
	margin-left: -5px;
	vertical-align: middle;
	font-size: 12px
} /* 跳转INPUT */
select {
	border: solid 1px #ccc;
	line-height: 40px;
	width: 49%;
	height: 40px;  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;/*很关键：将默认的select选择框样式清除*/
	background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;/*在选择框的最右侧中间显示小箭头图片*/
	padding-right: 14px;/*为下拉小箭头留出一点位置，避免被文字覆盖*/
}
input[type=text]::-ms-clear, input[type=tel]::-ms-clear, input[type=number]::-ms-clear {
display:none
}/* 禁用PC端表单输入框默认清除按钮 */
input[type=radio]::-ms-check, input[type=checkbox]::-ms-check {
display: none;
}/* 禁用radio和checkbox默认样式 */
select::-ms-expand {
display: none;
}/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

.wrapp {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
        margin-top: 0px;
}
.contact-one {
    margin-top: 60px;
}

.contact-one h2, .contact-map h2 {
    font-size: 38px;
    color: 
    #686d71;
    text-align: center;
    font-weight: bold;
    margin-top: 50px;
}

.contact-one h2 img, .contact-map h2 img {
    display: inline-block;
    margin-left: -35px;
    width: 30px;
    height: 30px;
    margin-top: -10px;
}

.contact-one .tit, .contact-map .tit {
    text-align: center;
    font-size: 18px;
    color: 
    #555f7d;
    margin-top: 20px;
    margin-bottom: 40px;
}

.contact-one ul {
    overflow: hidden;
    margin-left: -2%;
}

.contact-one li {
    float: left;
    width: 23%;
    margin-left: 2%;
    border: 1px solid 
    #f0f3fa;
    border-radius: 10px;
    margin-bottom: 30px;
    text-align: center;
    box-sizing: border-box;
    padding: 30px 0;
}

.contact-one li img {
    width: 58px;
}

.contact-one li span {
    font-size: 18px;
    color: 
    #4b556e;
    font-weight: bold;
    display: block;
    margin-top: 20px;
}

.contact-map {
    margin-top: 30px;
}

.contact-ul {
    overflow: hidden;
    margin: 40px auto 30px;
    text-align: center;
    width: 50%;
}


.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
}

.clearfix {
    zoom: 1;
}

.box {
    margin: 0 auto;
    width: 1200px;
}


.case_d{
    background: url(../images/cas_d.jpg) no-repeat;
    padding-top: 70px;
}
.case h2{
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center;
    font-size: 28px;
}
.case{
    margin-top: 30px;
}
#cas a{
    background: #fff;
    display: block;
    float: left;
    width: 188px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    margin-right: 14px;
    transition: .5s;
}
#cas a:nth-child(6){
    margin-right: 0;
}
.oa{
    background: #f88e0e!important;
    color: #fff;
}
.case_l{
    width: 319px;
    height: 474px;
    background: url(../images/cas.jpg);
    float: left;
}
#case{
    margin-top: 60px;
}
.case_l p{
    font-size: 24px;
    color: #fff;
    margin-left: 50px;
    padding-top: 35px;
}
.case_l span{
    display: block;
    color: #fff;
    line-height: 2;
    width: 73%;
    margin-left: 16%;
    font-size: 14px;
    margin-top: 70px;
}
.case_l img{
    display: block;
    margin-left: 17%;
    margin-top: 70px;
}
.case_r{
    float: right;
}
#case li{
    display: none;
}
#cnzz_stat_icon_1278246507{}
#cnzz_stat_icon_1278246507 img{width:50px;height:12px;}