@charset "utf-8";
/*jqzoom*/
.jqzoom {position:relative;width:400px;margin:0 auto;padding:0;text-align:center;overflow:hidden;}
.zoomdiv {width:400px;z-index:100;position:absolute;top:1px;left:0px;display:none;border:1px solid #e4e4e4;text-align:center;overflow:hidden;background:url('../images/loading2.gif') #FFFFFF no-repeat center center;}
.bigimg {width:600px;height:600px;}
.jqZoomPup {width:50px;height:50px;z-index:10;position:absolute;top:0px;left:0px;border:1px solid #AAAAAA;background:#FFFFFF 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);cursor:pointer;visibility:hidden;}
.imgInit {width:100%;border:0px #666666 solid;margin:0 0;text-align:center;}
div.jqZoomTitle {z-index:100;text-align:center;font-size:0.75rem;font-family:Tahoma;height:16px;padding-top:2px;position:absolute;top:0;left:0;width:100%;color:#FFFFFF;background:#999999;}
.preload {-moz-opacity:.8;opacity:.8;filter:alpha(opacity = 80);color:#333333;font-size:0.75rem;font-family:Tahoma;text-decoration:none;border:1px solid #CCCCCC;background-color:white;padding:8px;text-align:center;background-image:url('../images/zoomloader.gif');background-repeat:no-repeat;background-position:43px 30px;width:90px;*width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow {border:1px solid #999999;background:#FFFFFF;}
#intro {width:100%;overflow:hidden;}
#intro div {float:left;}
.introShow {width:100%;padding:0px 0 10px 0px;}
.introShow .mainShow {width:100%;text-align:center;min-height:420px;overflow:hidden;}
.introShow .mainShow img {width:100%;}
.introShow .scroll {width:100%;height:86px;margin:20px 0px 0px 0px;overflow:hidden;}
.scroll a span {display:none;}
.scroll a:hover {text-decoration:none;}
.scroll .prevView,.scroll .nextView,.scroll .prevView.prevStop,.scroll .nextStop {float:left;margin:25px 10px 0 0;width:7px;height:12px;background:url('../images/bgimg.gif') no-repeat -132px -17px;}
.scroll .prevView {background-position:-139px -17px;}
.scroll .prevStop {background-position:-132px -17px;cursor:default;}
.scroll .nextView,.scroll .nextStop {float:right;background-position:-160px -17px;margin:25px 0 0 10px;}
.scroll .prevView:hover {background-position:-146px -17px;}
.scroll .nextView:hover {background-position:-167px -17px;}
.scroll .nextStop,.scroll .nextStop:hover {background-position:-153px -17px;}
#thumList {float:left;width:385px;height:80px;padding:10px 10px;border:1px solid #E0E0E0;overflow:hidden;}
#thumList li {float:left;margin-bottom:3px;}
#thumList li a {display:block;width:65px;height:65px;margin-right:10px;border:0px solid #CCCCCC;padding:1px 1px;}
#thumList li a:hover {border:1px solid #f60;}
#thumList li img {width:60px;height:60px;}

/* RSS */
channel {width:100%;font-size:0.75rem;background:#FFFFFF;padding:10px 10px 15px 10px;font-family:verdana, arial, helvetica, sans-serif;margin:0px auto;text-align:center;}
channel title {display:block;font-weight:bold;font-size:1.1rem;z-index:1;position:relative;height:auto;}
item {width:90%;line-height:100%;padding:10px 10px 2px 10px;display:block;font-size:0.95rem;margin:20px 0px;text-align:left;}
rss,item title,item link,item description,item pubDate,item author,item {display:block;font-weight:normal;font-size:0.95rem;margin:5px 5px;background:#F0F8FB;}
item title {font-weight:bold;font-size:1rem;display:block;height:auto;position:relative;z-index:1;}
item link {margin-bottom:0;}
link {display:block;color:blue;text-decoration:underline;}
info {display:block;margin:3em 4em 3em 4em;color:black;text-align:center;padding:1.5rem 1.5rem;font-family:mono;font-size:0.75rem;}
managingEditor, webMaster, title, link, description, copyright, lastBuildDate, pubDate {display:block;font-size:0.95rem;line-height:150%;}

/* jqzoomPage  */
.prodc {width:100%;}
.product1 {float:left;width:45%;text-align:center;position:relative;}
.product1 .showImg {width:100%;height:auto;overflow:hidden;margin-right:0px;}
.product1 .showImg .showImg_top {width:100%;height:auto;border:0px solid #e7e7e7;box-sizing:border-box;}
.product1 .showImg .showImg_top .swiper-slide img {width:99%;display:block;cursor:pointer;}
.product1 .showImg .showImg_top .swiper-prev,
.product1 .showImg .showImg_top .swiper-next {background:rgba(0,0,0,0.4);color:#ffffff;font-size:2.5rem;width: 2.75rem;height:3.45rem;line-height: 3.45rem; position: absolute;top: 50%;transform: translateY(-50%); z-index: 22;cursor: pointer;outline: none;}
.product1 .showImg .showImg_top .swiper-prev {left:0;}
.product1 .showImg .showImg_top .swiper-next {right:0;}
.product1 .showImg .showImg_top .swiper-prev:hover,
.product1 .showImg .showImg_top .swiper-next:hover {background:var(--colormain2)}
.product1 .showImg .showImg_top .swiper-pagination-fraction {display:none; color: #ffffff;bottom: 6px;text-align: right;padding-right: 10px;text-shadow: 0 0 5px #000000;box-sizing: border-box;}
.product1 .showImg .showImg_top h3 {position: absolute;left: 10px;bottom: 5px;color: #ffffff;z-index: 11;padding-left: 22px;background: url('../images/click.png') no-repeat center left;background-size: 18px;text-shadow: 0 0 5px #000000;}
.product1 .showImg .showImg_thumbs {width:100%; margin-top: 10px;height: auto;box-sizing: border-box;}
.product1 .showImg .showImg_thumbs .swiper-slide {width:20%;height:auto;border:1px solid #e7e7e7;box-sizing: border-box;cursor: pointer;transition: all .5s;}
.product1 .showImg .showImg_thumbs .swiper-slide img {width:100%;border: 0px solid #e7e7e7;box-sizing: border-box;}
.product1 .showImg .showImg_thumbs .swiper-slide-thumb-active {border-color:var(--colormain2);}
.product2 {float:right;width:53%;overflow:hidden;padding:0px 0px 0px 0px;}
.shorttitle {line-height:180%;border-bottom:1px solid #eeeeee;padding:0px 0px 10px 0px;}
.shorttitle span {padding:0px 0px 0px 5px;color:#333333;font-weight:bold;font-size:0.98rem;}
.shortdescFirst {padding:10px 0px 0px 10px;color:#333333;font-size:0.85rem;word-break:break-all;}
.shortdescFirst strong {font-weight:normal;}
.shortdesc {padding:8px 0px 0px 10px;color:#333333;font-size:0.95rem;word-break:break-all;}
.shortdesc strong {font-weight:normal;}
.shortDescription {padding:15px 0px 0px 10px;color:#777777;font-size:0.85rem;word-break:break-all; line-height:22px;}
.shortPara {padding:30px 0 0 0;}
.shortPara_1 {padding:0px 0 10px 0;}
.shortPara_1 span {color:var(--colormain2);font-size:1rem;font-weight:bold;}
.shortPara_2 {float:left;width:100%;background:#fafafa;padding:15px 10px 30px 10px;}
.shortPara_2 ul {padding:0px 0 0px 0;}
.shortPara_2 ul li {float:left;width:48%;padding:0 0 10px 2%;line-height:18px;}
.shortPara_2 ul li strong {font-size:0.85rem;color:#666666;}
.shortPara_2 ul li span {font-size:0.8rem;color:#888888;}
.shortPara_3 {width:100%;margin:50px 0 0 0;border-top:1px solid #eeeeee;padding:15px 0 0 0;}
.shortPara_4 {float:left;width:49%;}
.shortPara_4_1 {float:left;width:30px;height:30px;line-height:30px;margin:8px 0 0 0;background:var(--colormain2); text-align:center;border-radius:100%;}
.shortPara_4_1 i {color:#ffffff;}
.shortPara_4_2 {float:left;width:calc(100% - 38px);line-height:20px;margin:0 0 0 8px}
.shortPara_4_2 p {}
.shortPara_4_2 p strong {color:#666666;font-size:0.8rem;font-weight:normal;}
.shortPara_4_2 p span {color:#333333;font-size:1rem;}
.shortPara_5 {float:left;width:49%;margin:5px 0 0 2%;font-size:0.9rem;}
.shortPara_5_1 {float:left;width:49%;height:35px;line-height:35px;margin:0 0 0 0;background:#004aff;text-align:center;}
.shortPara_5_1:hover {background:#e70012;}
.shortPara_5_1 i {color:#ffffff;display:inline-block;transform:rotate(315deg); }
.shortPara_5_1 a {color:#ffffff;}
.shortPara_5_2 {float:left;width:49%;height:35px;line-height:35px;margin:0 0 0 2%;background:var(--colormain2);text-align:center;}
.shortPara_5_2:hover {background:#e70012;}
.shortPara_5_2 i {color:#ffffff;display:inline-block;transform:rotate(315deg); }
.shortPara_5_2 a {color:#ffffff;}

.pd_hotline {padding:5px 0px 0px 10px;word-break:break-all;}
.pd_hotline strong {font-weight:normal;font-size:1rem;color:#333333;}
.pd_hotline span {font-size:1.5rem;color:#272727;}
.propar {text-align:center;padding-top:15px;}
.propar a {display:block;width:135px;margin:0 0;height:40px;line-height:40px;text-align:center;color:#FFFFFF;border-radius:8px;background:var(--colormain2);font-size:1rem;font-weight:bold;text-decoration:none;}
.propar a:hover {background:#0a79be;}

/* caigou */
.p_online {border-top:1px solid #e5e5e5;margin:10px 0 0 0;padding:10px 5px 0 5px;}
.p_online strong {font-size:1.1rem;line-height:25px;color:#333333;}
.p_online strong.pc_title {font-size:1.0rem;color:#666666;font-weight:normal;}
.p_online ul {padding:10px 0 0 0;}
.p_online ul li {margin-bottom:5px;}
.p_online li span {display:inline-block;width:90px;font-size:0.95rem;color:#4a4a4a;text-align:right;line-height:36px;}
.p_online li span em {padding-right:2px;font-style:normal;}
.p_online li input {border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.p_online li img {vertical-align:middle;cursor:pointer;}
.p_online li .red_x {color:#ff0000;}
.p_online .li01 {float:left;width:50%;}
.p_online .li02 {float:left;width:50%;}
.p_online .li03 {float:left;width:50%;}
.p_online .li04 {clear:both;vertical-align:middle;}
.p_online .li04 .in {border:1px solid #CCCCCC;}
.p_online .li05 {margin:10px 0 0 0;}
.inp1 {width:calc(100% - 100px);height:36px;background:url('../images/iconfont-lianxiren.png') no-repeat 92% 10px #eeeef0;overflow:hidden;line-height:36px;border:0;padding:0 5px 0 5px;}
.inp2 {width:calc(100% - 100px);height:36px;background:url('../images/iconfont-phone.png') no-repeat 92% 10px #eeeef0;overflow:hidden;line-height:36px;border:0;padding:0 5px 0 5px;}
.inp3 {width:calc(100% - 100px);height:36px;background:url('../images/iconfont-youxiang.png') no-repeat 92% 10px #eeeef0;overflow:hidden;line-height:36px;border:0;padding:0 5px 0 5px;}
.inp4 {width:calc(100% - 100px);height:36px;background:url('../images/iconfont-gongsi.png') no-repeat 92% 10px  #eeeef0;overflow:hidden;line-height:36px;border:0;padding:0 5px 0 5px;}
.inp5 {width:calc(100% - 100px);height:100px;background:none;overflow:hidden;line-height:36px;padding:0 5px 0 5px;border:1px solid #CCCCCC;resize:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.inp6 {width:80px;height:30px;line-height:30px;padding:0 5px 0 5px;border:1px solid #CCCCCC;vertical-align:middle;}
.p_online .btn1 {width:120px;height:40px;line-height:40px;border:0;margin:0px 10px 0 90px;background:var(--colormain2);border-radius:5px;color:#ffffff;cursor:pointer;font-size:1rem;}
.p_online .btn2 {width:80px;height:30px;line-height:30px;border:0;margin:0px 0 0 0;background:var(--colormain2);border-radius:5px;color:#ffffff;cursor:pointer;}

@media screen and (max-width: 768px) {
    .product1 {width:100%;float:none;margin:0 auto;}
    .product2 {width:100%;padding:10px 0 10px 0;}
    #thumList {width:90%;}
    .shorttitle {padding:10px 0px 10px 0px;}
}

@media screen and (max-width: 576px) {
    .jqzoom {width:100% !important;height:auto !important;}
    .jqzoom img {width:100% !important;height:auto !important;}
    .p_online .li01 {width:98%;}
    .p_online .li02 {width:98%;}
    .p_online .li03 {width:98%;}
}

@media screen and (max-width: 420px)  {
    .shortPara_4 {width:100%;}
    .shortPara_5 {width:100%;margin:15px 0 0 0;}
}