/* CSS Document */
body { margin:0; padding:0; background:#f8f8f8; font-size:14px;}
a { text-decoration:none; color:#222; }
.mainnav { height:50px; background-color:#008ff2;}
.main { width:1200px; margin:0 auto; background:#fff; margin-top:20px;}
.mainnav .nav { width:1200px; margin:0 auto; }
.mainnav .nav a { display:inline-block; height:40px; line-height:40px; padding:5px 20px; color:#fff; font-size:16px; font-weight:bold;}
.mainnav .nav a.cur { background:#0e7ecb;}
div.pos { height:36px; font-size:14px; line-height:36px; padding-left:8px; width:1192px!important; }
.prol { margin:0; padding:2px 6px;}
.prol li { list-style:none; float:left; width:180px; height:260px; margin:8px; border:1px solid #9ad2f6; border-radius:5px; transition: all 0.2s; }
.prol li:hover{ box-shadow: 0 0 5px 3px rgba(64, 136, 202, 0.2), 0 0 3px 2px rgba(64, 136, 202, 0.1);
transition: box-shadow 0.2s;}
.prol li .img { width:180px; height:160px; line-height:160px; text-align:center;}
.prol li .img img { max-height:100%; max-width:100%;vertical-align: middle;}
.prol li .proname { display: -webkit-box; width:96%; margin:6px auto; margin-left:2%; font-size:14px; text-align:center; line-height:18px; height:36px;word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;}
.prol li .para { margin:6px 4px; font-size:13px; color:#666666; text-align:center; line-height:16px; height:16px; overflow: hidden; word-break: break-all;text-overflow: ellipsis; white-space: nowrap;}

.prol2 { margin:0; padding:12px 12px 12px 16px;}
.prol2 li { list-style:none; float:left; width:200px; height:306px; margin:10px; border:1px solid #fcfcfc; border-bottom:1px solid #f0f0f0; border-radius:5px; transition: all 0.2s; }
.prol2 li:hover{ box-shadow: 0 0 5px 3px rgba(64, 136, 202, 0.2), 0 0 3px 2px rgba(64, 136, 202, 0.1);
transition: box-shadow 0.2s;}
.prol2 li .img { width:200px; height:175px;}
.prol2 li .img200 { width:200px; height:175px; line-height:160px; text-align:center;}
.prol2 li .img200 img { max-height:100%; max-width:100%;vertical-align: middle;}
.prol2 li .proname { display: -webkit-box; width:96%; margin:6px auto; margin-left:2%; font-size:14px; text-align:center; line-height:18px; height:36px;word-break: break-all;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 超出几行省略 */
  overflow: hidden;}
.prol2 li .para { margin:6px 4px; font-size:13px; color:#666666; text-align:center; line-height:16px; height:16px; overflow: hidden; word-break: break-all;text-overflow: ellipsis; white-space: nowrap;}
.lyzxl { border-radius:3px; background:#008ff2; color:#fff; padding:5px 10px; cursor:pointer; display:inline-block; margin:2px auto; font-size:12px;}

.fy{text-align:center; padding:10px 0px; line-height:30px; margin:10px auto; color:#666; font-size:14px;text-align:center;}
.fy .txts{width:40px; height:26px; border:1px solid #ddd; text-align:center; line-height:26px;}
.fy li { float:left;} 
.fy a{ font-size: 16px; color:#666666; padding:2px 4px; min-width:18px;border-radius: 3px; display:inline-block; margin-left:5px; margin-right:5px; background-color:#fff;}
.fy a#cur{ background-color: #008ff2; color:#fff;}
.fy a:hover{ background-color: #008ff2; color:#fff;}

.brandLI { line-height:26px; height:26px; width:163px; overflow:hidden; padding:5px 8px; float:left; margin:10px 10px; text-align:center; font-size:14px; }

.proattrs { font-size:14px; padding:8px 0;}
.proattrs>div { display:inline-block; width:33%; line-height:1.2; padding:6px 0;}
.proattrs>div>span { display:inline-block; min-width:66px; color:#888; text-align:right; padding-right:6px;}
table.proprice tr td { border-bottom:1px dashed #d8d8d8;}
table.proprice tr:first-child td { border-bottom:0; background-color:#f3f3f3;}
.item_zoom {float: right;width: 342px;min-height:340px; margin-right:10px; position: relative;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none;}
.item_zoom #zoom_box{position:absolute;right:340px;top:-60px;border:1px solid #f0f0f0;width:600px;height:520px;background:#FFF;z-index:1;display:none;overflow:hidden;}
.item_zoom #zoom_box img{position:absolute}
.item_zoom .big_pic_ico{width:24px;height:24px;background:url(icons_search.gif) 0 0 no-repeat;position:absolute;right:20px;top:20px;}
.item_zoom #pr_pic_zoom{border: 1px solid #f8f8f8;width:340px;height:320px;overflow:hidden;}
.item_zoom #pr_pic_zoom a { width:340px;height:320px; display:table-cell; text-align:center; vertical-align:middle;}
.item_zoom #pr_pic_zoom img {max-width: 320px; max-height:300px;}
.item_zoom #pr_pic_zoom .video_btn{position:absolute;left:50%;top:50%;width:50px;height:50px;background:url(icons_play.png) left center no-repeat;margin:50px auto auto -25px;cursor:pointer;}
.item_zoom #pr_pic_zoom .video_btn:hover{background:url(icons_play.png) right center no-repeat;}
.item_zoom ul { bottom:10px;height: 62px;width:320px; margin: 0; padding: 0;overflow:hidden;text-align:center; float:left;}
.item_zoom ul li {list-style: none;display:inline-block;width: 60px;height: 60px;border: 1px solid #EEE;margin:0 5px;cursor: pointer;overflow:hidden;}
.item_zoom ul li a { width: 60px;height: 60px; display:table-cell; vertical-align:middle; text-align:center;}
.item_zoom ul li.current {border: 1px solid #E92F2F;}
#pr_pic_list li a img { max-width:60px; max-height:60px; }
.pr_pic_list { height:62px; margin-top:10px;}
.pr_pic_list .prev { height: 62px; line-height:60px; width:10px; color:#999; float:left;}
.pr_pic_list .next { height: 62px; line-height:60px; width:10px;color:#999; float:right;}
.ks-imagezoom-lens {background-attachment: scroll;background-repeat: repeat;cursor: move;z-index: 1;position: absolute;overflow: hidden;background-position: 0 0;}
.ks-imagezoom-lens {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAEElEQVQImWOwzTv3nwEZAAAlAwJ5wE8zGQAAAABJRU5ErkJggg==);background-color: transparent;}

.lyzx { border-radius:5px; background:#008ff2; color:#fff; padding:5px 12px; cursor:pointer;}
.column_tit { line-height:28px; font-size:18px; }
.column_tit span{ width: 4px; height: 18px; display: inline-block; vertical-align: top; margin: 5px 10px 0 0; background-color: #008ff2;}
.ghsicon { line-height:56px; display: flex;}
.ghsicon>span { display: inline-flex; height:56px; /*垂直居中*/align-items:center; justify-content: center;}
.ghsicon>span:first-child { display: flex;  font-weight:bold; }
.ghsicon span img { max-width:50px; max-height:50px; line-height:56px; margin-right:5px;}
.itemline { display:flex;}
.itemline>span:first-child {font-weight:bold; min-width:70px; flex-shrink:0; line-height:1.6; padding:2px 0;}
.itemline>span:nth-child(2) { line-height:1.6; padding:2px 0; }
.eduicontent780 { padding:10px;}

.catLI { line-height:26px; height:26px; min-width:70px; max-width:98px; overflow:hidden; padding:0 8px; float:left; margin-right:15px; background:#fff; text-align:center; font-size:14px; margin-bottom:15px; }
.catLI:hover { background:#008ff2; color:#fff;}

.alertPrompt{min-height:2.222rem; line-height:2.222rem; font-size:1.2rem; text-align:center; background:rgba(224,36,24,0.80); padding:1rem; position:fixed; width:18rem; top:55%; z-index:500; margin-left:-8vw; border-radius:0.3rem; color:#fff; left:50%;}

/* 留言询价 */
.fxp{ display: none; width: 100vw; height: 100vh; background: rgba(0,0,0,0.6); overflow: hidden; position: fixed; left: 0; top: 0; z-index: 999999999; justify-content: center; align-items: center;}
.popleft { width:116vw!important; left: -16vw!important; }
.popleft .alertPrompt { margin-left:-16vw!important; }
.fxp .fxp_main{ margin: 50px auto;overflow: hidden; width: 660px; height: auto; border-radius: 8px; background-color: #fff; padding: 15px;}
.fxp_main .fxp_img{ overflow: hidden; float: left; margin-right: 10px; width: 190px; height: 500px;}
.fxp_main .fxp_img img{ height: 500px; display: block; border-bottom-left-radius:5px; border-top-left-radius:5px;}
.fxp_main .fxp_rig{ float: left; height: 500px; width: 450px; overflow: hidden;}
.fxp_rig .fxp_box{ width: 450px; overflow: hidden; height: 420px;}
.fxp_box .fxp_gb{ width: 450px; height: 20px; overflow: hidden; margin-bottom: 10px;}
.fxp_box .fxp_gb span{ float: right; width: 24px; height: 20px; line-height: 16px; color: #bdbdbd; cursor: pointer; font-size: 34px; }
.fxp_box .fxp_rad{ height: 32px; width: 480px; margin-bottom: 18px; overflow: hidden;}
.fxp_box .fxp_rad p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;}
.fxp_box .fxp_rad p span{ margin:0 5px; font-size: 16px; color: #EB5757;vertical-align:bottom; line-height:26px;}
.fxp_box .fxp_rad div{ float: left; height: 32px; line-height: 32px; width: 320px; color: #333; font-size: 14px; overflow: hidden;}
.fxp_box .fxp_rad div label{ float: left; height: 32px; overflow: hidden; margin-right: 15px;}
.fxp_box .fxp_rad div label input{ vertical-align: top; margin: 9px 8px 0 0;}
.fxp_box .fxp_inp{ height: 32px; width: 480px; margin-bottom: 18px; overflow: hidden;}
.fxp_box .fxp_inp p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;}
.fxp_box .fxp_inp p span{ margin:0 5px; font-size: 16px; color: #EB5757;vertical-align:bottom; line-height:26px;}
.fxp_box .fxp_inp input{ float: left; height: 30px; padding: 0 10px; width: 300px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;}
.fxp_box .fxp_txt{ height: 82px; width: 480px; margin-bottom: 18px; overflow: hidden;}
.fxp_box .fxp_txt p{ float: left; margin: 0 15px 0 0; height: 82px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 82px; overflow: hidden;}
.fxp_box .fxp_txt p span{ margin:0 5px; font-size: 16px; color: #EB5757;vertical-align:bottom; line-height:76px;}
.fxp_box .fxp_txt textarea{ float: left; resize: none; height: 68px; font-family: 微软雅黑; padding: 5px 10px; width: 300px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;}
.fxp_box .fxp_sj{ height: 32px; width: 480px; margin-bottom: 18px; overflow: hidden;}
.fxp_box .fxp_sj p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;}
.fxp_box .fxp_sj p span{ margin:0 5px; font-size: 16px; color: #EB5757;vertical-align:bottom; line-height:26px;}
.fxp_box .fxp_sj input{ float: left; height: 30px; padding: 0 10px; width: 198px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;}
.fxp_box .fxp_sj div{ float: left; margin-left: 10px; height: 30px; width: 90px; cursor: pointer; line-height: 30px; text-align: center; border-radius: 4px; font-size: 14px; border: 1px solid #1479d7; color: #1479d7;}
.fxp_box .fxp_yzm{ height: 32px; width: 480px; margin-bottom: 18px; overflow: hidden;}
.fxp_box .fxp_yzm p{ float: left; margin: 0 15px 0 0; height: 32px; width: 92px; text-align: right; color: #333; font-size: 14px; line-height: 32px; overflow: hidden;}
.fxp_box .fxp_yzm p span{ margin-right: 10px; font-size: 16px; color: #EB5757;}
.fxp_box .fxp_yzm input{ float: left; height: 30px; padding: 0 10px; width: 198px; color: #333; border-radius: 4px; outline: none; font-size: 14px; border: 1px solid #E0E0E0; overflow: hidden;}
.fxp_box .fxp_yzm img{ float: left; margin-left: 10px; height: 32px; width: 90px; border-radius: 4px; cursor: pointer;}
.fxp_rig .fxp_sub{ width: 152px; height: 42px; line-height: 40px; border:0; cursor: pointer; letter-spacing: 4px; background: #1A6CF2; border-radius: 6px; text-align: center; font-size: 18px; font-weight: 400; color: #FFF; margin-left: 107px; margin-top:16px;}
.fxp_rig .fxp_xieyi{ font-size: 12px; font-weight: 400; color: #969799; margin-top: 20px; height: 38px; line-height: 38px; text-align: center; background: #FAFAFA; width: 480px; overflow: hidden;}
.fxp_rig .fxp_xieyi a{ text-decoration: none; color: #333;}