@charset "utf-8";

/* CSS Document */
#conmainpro{ margin:0 auto; padding:0; width:100%; height:auto;}
#conmainpro1{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;padding-top:40px;font-size: 24px; color: #000; font-weight: normal; line-height:30px; text-align:center;}
#conmainpro2{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;font-size: 24px; color: #000; line-height:30px; text-align:center;}
#conmainpro2line{margin:0 auto; padding:0; width:100%; max-width:120px; margin-top:15px; height: 2px; background:#e3e3e3;}
#conmainpro3{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto; padding-top:40px;}
#conmainpro3 ul{margin:0 auto;}
#conmainpro3 ul li{padding:0; width:45%; height:auto; margin:.5%;float:left;}
#conmainpro3 .aboutlist li{padding:0;height:auto; margin:1% 1.66%;float:left;width: 13.34%;}
#conmainpro3 .techlist li{padding:0; width:29.5%; height:auto; margin:1% 1.66%;float:left;}
#conmainpro3 ul li a{width:100%; border:1px solid #666; display:block;border-radius:10px;height:auto; font-family:Arial; font-size:16px;color:#666; text-align:center; text-decoration:none; line-height:32px; font-weight: normal;}
#conmainpro3 ul li a:hover{  background:#007ab9;font-family:Arial;color:#fff;border:1px solid #007ab9;  }
#conmainpro3 ul li.active a{background:#67696c;font-family:Arial;color:#fff;border:1px solid #67696c;}
#conmainpro4{margin:0 auto; padding:0; width:100%; max-width:1200px; height: auto;}
.main{padding-top:20px;width:1200px;margin:0 auto;height:auto;overflow:hidden;float: none!important;}
.main .main_left{float:left;width:250px;margin-right: 30px;}
.main .main_left .leftitem{margin-bottom:12px;}
.main .main_left .leftitem .tit{background:url("../images/tit1.gif")/*tpa=http://www.jsblj.com/Templates/xinban/images/tit1.gif*/ repeat-x;height:32px;line-height:32px;font-size:14px;text-indent:20px;font-weight:bold}
.main .main_left .leftitem .cates{padding:12px 0px;}
.main .main_left .leftitem .cates dl{padding:0px 12px;}
.main .main_left .leftitem .cates dl dt{background-color:#027BC4;height:24px;line-height:24px;color:#fff;font-weight:bold;text-indent:16px;margin-bottom:6px;border-radius:2px;}
.main .main_left .leftitem .cates dl dd{line-height:24px;height:24px;padding-left:10px;background:url("../images/arrow1.html")/*tpa=http://www.jsblj.com/Templates/xinban/css/arrow1.html*/ 16px center no-repeat}
.main .main_left .leftitem .cates dl dd:hover{background:#00699d;}
.main .main_left .leftitem .cates dl dd:hover a{text-decoration: none; color: #fff;}
.main .main_left .leftitem .cates dl dd a{color:#000;}
.main .main_left .leftitem .lianxi{padding:12px 0px;border:1px solid #b3b3b3;border-radius: 10px;font-size: 14px;}
.main .main_left .leftitem .lianxi dl{padding:0px 12px;}
.main .main_left .leftitem .lianxi dl dt{background:url("../images/tel1.gif")/*tpa=http://www.jsblj.com/Templates/xinban/images/tel1.gif*/ left center no-repeat;padding:10px 0px;padding-left:60px;}
.main .main_left .leftitem .lianxi dl dt .telx{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#148d01;font-weight:bold;line-height:24px;}
.main .main_left .leftitem .lianxi dl dd{line-height:24px;}
.main .main_right{float:right;width:890px;overflow:hidden;margin-bottom:20px;}
.main .main_right .sitemap{border:1px solid #d5d5d5;border-radius:4px;height:34px;line-height:34px;padding-left:12px;}
.main .main_right .sitemap a{display:inline;color:#000;}
.main .main_right .content{margin-top:12px;font-size:14px;line-height:28px;}
#conmainpro .location,#connewcontent .location,#conmain .location{width:100%;font-size: 16px; height:40px;line-height:32px;margin: 0 auto;border-bottom: 1px solid #ccc;}
#conmainpro .location a{color: #646464;margin:0 10px;}
#conmainpro .m-side{width:250px;float:left;margin-right: 56px;}
#conmainpro .m-side li{position:relative;width:100%;line-height:32px;font-size:14px;margin-bottom: 5px;border:none; float:none;}
#conmainpro .m-side li a{display:block;padding:0 0 0 8px;line-height:32px;color:#666;border:1px solid #b3b3b3;border-radius: 10px;}
#conmainpro .m-side li a:hover{text-decoration: none;}
#conmainpro .m-side li span.currentDt{background:url("../images/ico_up.png") 20px center no-repeat}
#conmainpro .m-side li span{width:32px;height:32px;display:block;background:url("../images/ico_down2.png") 20px center no-repeat;position:absolute;right:8px;top:0;cursor:pointer}
#conmainpro .m-side li:hover>a{display:block;background:#67696c;color:#fff}
#conmainpro .m-side li.active:hover>a{color:inherit;}
.subs-nav{}
.subs-nav dt{ margin-top:5px;}
.subs-nav dt:last-child{ margin-bottom:5px;}
.subr-nav{ margin:20px 0;}
.subr-nav p{ float:left; margin:0 1.55% 0; width:30%; text-align:center; border:1px solid #2f75b5;}
.subr-nav a{ background:#2f75b5; padding:5px 10px; color:#fff !important;display:block;}
.subr-nav a:hover{ color:#2f75b5 !important; text-decoration:none;background:#fff;}
#conmainpro .m-side li.main>a{display:block;background:#67696c;color:#fff;border-color:#67696c;}
#conmainpro .m-side li.active>a{display:block;background:#ddd;font-weight:bold;}
#conmainpro .m-side li.active ul{display:block}
#conmainpro .m-side li ul{display:none;margin-top: 5px;}
#conmainpro .m-side li ul a{font-size:12px;line-height:32px;color:#333;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;background: inherit;}
#conmainpro .m-side li ul a:hover{background:#f3f3f3;color: #666;}
#conmainpro .m-side li ul li{border-bottom:0;line-height:32px}
#conmainpro .m-side li ul li.on{line-height:32px;}
#conmainpro .m-side li ul li.on a{background:#f3f3f3;}
#conmainpro .m-side li ul li.on:hover a{ color:#666;}
.tcp{margin: 10px 0;border:1px solid #b3b3b3; border-radius: 10px;overflow: hidden;}
.tcp a img{width:240px;display: block;margin: 0 auto;}
.tcp a p{text-align:center;overflow:hidden;color:#000;font-size: 14px;padding:10px;}
#conk{ margin:0 auto; padding:0; width:100%; height:40px; }
.explain{margin-bottom:30px; text-align:right; font-size:14px; font-weight:bold;color:#ff0000;}
.explain span{color: #ff0000;}
.content ul { margin-left: 0; }
.content li { float: left;border:1px solid #333;width: 30%; margin:0 4.75% 4.75% 0;margin: 0 1.5% 4.75% 1.5%\0;}
.content li:nth-child(3n){margin-right: 0;}
.content li a { display: block; border: 16px solid #fff; background-color: #fff; }
.content li a[lang=a]{cursor:auto;}
.proList .itembg { position: relative; overflow: hidden; }
.proList .itembg img {width:100%;display:block;box-sizing: border-box;border:1px solid #ccc;}
.proList .itembg .ico { background: url(../images/fd2.png) no-repeat; width: 29px; height: 30px; position: absolute; left: 50%; top: 55%; margin: 0px 0px 0px -15px; transition: all 300ms ease-in-out 200ms; }
.proList .itembg .bg { background: url(../images/blue.png); width:100%; height: 100%; left: 100%; top: 0px; text-align: center; transition: 300ms;  }
.proList .con { text-align: center; padding:10px 0; }
.proList .con .name { font-size:18px; height: 50px; overflow: hidden; }
.proList .con .more { border: 1px solid #cccccc; line-height: 30px; text-align: center; display: block; margin: 14px auto 0; width: 50%;font-size:14px;}
.content a:link, .content a:visited { color: #4b4b4b; }
.content a:active, .content a:hover { color: #f6f6f6; }
.content li:hover a { background-color: #afb1ae; color: #afb1ae; color: #fff; border: 16px solid #afb1ae;text-decoration: none;}
.content li:hover .con .name{color:#4b4b4b;}
.content li.case:hover a {border: 16px solid #fff;background-color: #fff;color: #4b4b4b;}
.proList .m-list{overflow:hidden;}
.proList .m-list li{margin:0 1.55% 3.1%;}
.sub_proDetail_top{margin:25px 0 0px;}
.sub_proDetail_top h2{text-align: center;}
.prodetailtop_pic{position: relative;}
.proDetail_pic img {width: 100%;height: auto;margin-bottom: 15px;}
.proDetail_text h1{font-size:24px; color:#003585; padding:5px 0;}
.data{padding-top: 5px;font-size: 15px;color: #777;line-height: 28px;letter-spacing: 1.5px;}
.data li{line-height:30px; color:#515151; border-bottom:dotted 1px #999; color:#515151;}
.data li span{font-size:14px; color:#3c3c3c;}
.data p{font-size: 14px;line-height: 24px;color:#7b7b7b;}
.proDetail_icon{ margin:15px 0 0;}
.proDetail_icon .video{ display:inline-block; margin-right:50px;}
.proDetail_icon .video i{ display:inline-block; width:41px; height:19px;background:url(../images/icons.png) no-repeat -94px -149px; vertical-align:middle; margin-left:5px;}
.proDetail_icon .pdf i{ display:inline-block; width:18px; height:19px;background:url(../images/icons.png) no-repeat -147px -149px;vertical-align:middle; margin-right:5px;}
.proDetail_icon a:hover{ color:#c00d0d;}
.proDetail_btn{ padding:15px 0;}
.proDetail_btn a{ display:inline-block; width:156px; height:38px;}
.proDetail_btn .email{background:url(../images/icons.png) no-repeat -135px -193px;}
.proDetail_btn .chat{ background:url(../images/icons.png) no-repeat -239px -111px;}
.pro_share{line-height:24px;font-size: 16px;color: #777;}
#preview{text-align:center;}
.jqzoom{ position:relative;padding:0;}
.jqzoom img{border:1px solid #939393;float: left;}
#spec-n5{overflow:hidden; width:400px;}
#spec-left{ width:10px; height:45px; float:left; cursor:pointer; margin-top:12px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:12px;}
#spec-list{float:left; overflow:hidden; margin-left:5px; margin-right:5px; display:inline; position:relative; width:370px;}
#spec-list ul li{float:left; margin:0px; display:inline; width:70px;}
#spec-list ul li img{padding:2px ; border:1px solid #ccc; margin-top:8px;width:60px;}
.prodetailtop_pic {position: relative;}
/*jqzoom*/
.zoom-section{clear:both;margin-top:20px;}
.zoom-section{display:inline;clear:both;}
.zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;}
.zoom-small-image{border:1px solid #CCC;float:left;margin-bottom:20px;}
.zoom-tiny-image{border:1px solid #CCC;margin:0px;}
.zoom-tiny-image:hover{border:1px solid #C00;}
.zoomdiv { left: 859px; height: 300px; width: 234px; }
.jqzoom { position: relative; padding: 0; }
.zoomdiv { z-index: 100; position: absolute; top: 1px; left: 0px; width: 450px !important; height: 450px !important; background: url(../images/loader2.gif) #fff no-repeat center center; border: 1px solid #dcdcdc; display: none; text-align: center; overflow: hidden; }
.bigimg { width: 550px; height: 550px; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background: #1F2C5C 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
@media screen and (min-width:320px) and (max-width:415px){
    .jqzoom img{width:100%;height:100%;}
    .zoomdiv{display:none!important;}
    .jqZoomPup{display:none;}
    .bigimg{display:none;}
}

.tit {
    height: 150px;
    clear: both;
    text-align: center;
    color: #333;
    padding-top: 45px;
    letter-spacing: 2px;
    box-sizing: border-box;
}

.tit span {
    display: block;
    padding: 0 50px 8px;
    color: #000;
    font-size: 34px;
}

.tit em:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0054ab;
    left: 390px;
    top: 11px;
}

.tit em:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #0054ab;
    right: 390px;
    top: 11px;
}

.tit em {
    margin-top: 12px;
    font-size: 18px;
    color: #545657;
    text-transform: uppercase;
    font-style: normal;
    font-family: Arial;
    display: inline-block;
    position: relative;
    padding: 0 80px;
}

.tit span b {
    color: #0054ab;
}
.xj {
    padding-top: 15px;
    overflow: hidden;
    font-family: "Microsoft Yahei";
}

.xj h2 {
    margin-bottom: 10px;
}

.xj_cnt dl {
    width: 99%;
    background: #f5f5f5;
    height: 278px;
    margin-bottom: 30px;
    box-shadow: 3px 3px 5px #d8d8d8;
}

.xj_cnt dl dt {
    float: left;
    width: 430px;
}

.xj_cnt dl dt img{
    width: 100%;
}

.xj_cnt dl dd {
    width: 478px;
    float: left;
    padding-left: 30px;
    padding-top: 76px;
    position: relative;
    box-sizing: border-box;
}

.xj_cnt dl dd em {
    position: absolute;
    top: 0px;
    left: 32px;
    width: 70px;
    height: 65px;
    color: #fff;
    background: #0054ab;
    display: block;
    text-align: center;
    font-family: "Arial";
    font-size: 48px;
    font-weight: bold;
    line-height: 63px;
}

.xj_cnt dl dd h2 {
    color: #0054ab;
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
}

.xj_cnt dl dd h2 i {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    padding-top: 10px;
    text-transform: uppercase;
    font-style: normal;
    font-family: "Arial";
    display: block;
}

.xj_cnt dl dd .desc {
    font-size: 16px;
    line-height: 30px;
    color: #555555;
    width: 420px;
}

.xj_cnt dl dd .desc b {
    font-weight: bold;
}

.xj_cnt dl dd em{
    font-style: italic;
}

.shebei-list ul li {
    float: left;
    width: 30.33%;
    margin-right: 1.5%;
    box-sizing: border-box;
    margin-bottom:10px;
}

.shebei-list ul li:nth-child(3n+0) {
    margin-right: 0;
}

.shebei-list ul li img {
    display: block;
    width: 100%;
}

.zizhi-list dl {
    float: left;
    width: 23.50%;
    margin-right: 1.5%;
    box-sizing: border-box;
}


.zizhi-list dl img {
    display: block;
    width: 100%;
    height: 280px;
    border: 1px solid #dfdfdf;
}

.zizhi-list dd {
    padding: 10px 0;
    position: relative;
}

.zizhi-list h3 {
    height: 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #191919;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.zizhi-list h3 a {
    color: #191919;
}

.zizhi-list dl:hover {
    border-color: #0054ab;
}

.zizhi-list dl:hover h3 a {
    color: #0054ab;
}
