/*处理浏览器缩小横向滚动条拉动右边空白，跟着版心的值变动*/
body {width:expression(document.body.clientWidth <= 1200? "1200px": "auto");min-width:1200px; }
.main-center{ width:1200px; height:auto; margin:0 auto; }


/*返回顶部*/
.back-top{ width:40px; height:40px; position:fixed; bottom:100px; right:10px; display:none;z-index:999; }
.back-top a{background:url(/style/back-top.png) no-repeat; width:40px; height:40px; display:block;   }
.back-top a:hover{background:url(/style/back-top-hover.png) no-repeat;   }


/*头部*/
.head{ width:100%; height: 100px; background: #fff; }
.head .head-cont{ width:1200px; height:100px; position:relative; margin:0 auto; }
.head-cont .logo{ width:200px; height:60px;padding-top:20px;   }
.head-cont .logo img{ width:200px; height:60px;}
.head-cont .sousuo{ width:300px; position:absolute; right:0px; top:40px;}
.head-cont .sousuo input{ display:inline-block; width:270px; height:30px; border:1px solid #ccc; box-sizing:border-box;font:500 14px/30px "Microsoft Yahei"; color:#666; padding:0 10px;vertical-align:middle; }
.head-cont .sousuo a{ display:inline-block; width:30px; height:30px;font:500 18px/30px "Microsoft Yahei"; color:#fff; background:#ccc; text-align:center; vertical-align:middle;  }

.biaoyu{width:800px; text-align: right; position:absolute; right:0px; top:40px; font-size: 16px; color: #333; line-height: 25px; }

/*导航*/
.nav{ width:100%; height:50px; background:#1e50ae; }
.nav-cont{ width:1200px; height:50px; margin:0 auto;}
.nav-cont li{ width:150px;float:left; text-align:center; margin-right:5px;}
.nav-cont li a{ display:block; font:500 16px/50px "Microsoft Yahei"; color:#fff; text-align:center;}
.nav-cont li.on{ background:#1166ee;}
.nav-cont li.on a{  color:#fff;}
.nav-cont li:hover{ background:#1166ee;}
.nav-cont li a:hover{ color:#fff;}


/*焦点图*/
.focus{ position:relative;}

/*脚部*/
.footer{ width:100%;  }
.footer-cont{ width:1200px;  text-align:center;height:auto; margin:0 auto; }
.footer-img{ width:1000px; margin:0 auto;  }
.footer-img img{ display:block; margin:0 auto; width:80px; height:80px; }
.footer-nav { width:100%; color: #999;  margin:10px 0;  }
.footer-nav a{ display:inline-block; padding:0 10px; color:#999; line-height:30px; text-align:center; }

.footer-text{ width:100%; text-align:center; padding-top:10px; padding-bottom: 10px; border-top:1px solid #f2f2f2; }
.footer-text h2 span{ font-size:13px; color:#888; display:inline-block; margin:0 10px;  }
.footer-text h2 span a{ color:#f5460a; font-size:13px;}
.footer-text h2 span a:hover{ color:#f60; }


.qc-title{ width: 100%; text-align: center; margin:40px 0 30px;   }
.qc-title h5{ font-size:24px; color:#4f4f4f; margin-bottom: 10px; font-weight: bold;  }    
.xtcp {margin-top:15px; width: 1200px; margin: 0 auto;  }
.products-list li {width:224px;float:left;margin-right:20px;}
.products-list li:last-child {margin-right:0; }
.products-list li h4 {width:100%;text-align:center;height:42px;line-height:42px;font-size:16px;font-weight:400;color:#fff; }
.bgc-blue {background-color:#1e50ae; }
.bgc-green {background-color:#146ff1;}
.products-list li .prd-desc { height:256px; background:url(/style/prd-bg.png) no-repeat;}
.products-list li:hover { box-shadow:0 0 10px #888;}
.products-list li .prd-desc .price {text-align:center;padding:20px 0;}
.products-list li .prd-desc .price b { font-size:32px;color:#1e50ae;margin-right:8px;}
.products-list li .prd-desc .price span {font-size:16px;color:#666;}
.products-list li .prd-desc .prd-info {padding:0 20px;color:#666;font-size:14px;line-height:22px;}
.products-list li .prd-desc .query-btn {width:120px;height:32px;margin:0 auto;margin-top:20px;display:block;text-align:center;line-height:32px;color:#fff;border-radius:4px;background-color:#f5460a;}
.products-list li .prd-desc .query-btn:hover {background-color:#e40924; }

.ishow{background:#e9eff5;padding:50px 0; margin-top: 80px; }
.mainw{ width: 1200px; margin:0 auto; }
.ishow .pic{width:650px;float:left}
.ishow .pic img{width:650px;height:360px}
.ishow .font{width:500px;float:left;padding:50px 0 0 50px;text-align:center}
.ishow .font h3{font-size:28px}
.ishow .font h4{font-size:15px;margin:30px 0 40px 0;line-height:30px}
.btns{background:#FF5C38;color:#fff;font-size:16px;width:180px;height:50px;text-align:center;margin-right:10px;padding:0 20px;line-height:50px;display:inline-block;-moz-transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px}
.btns:hover{background-color:#e40924;color:#fff;}
.mr0{ margin-right: 0px !important;  }

.flowpath{padding:80px 0;background:#f5f5f5}
.flowpath .ititle{margin-bottom:30px}
.flowpath li{width:198px;height:200px;float:left;position:relative;padding-top:45px;text-align:center;margin-right:50px;border:1px solid #f5f5f5;background:#fff;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
.flowpath li:hover{margin-top:-5px;border-color:#0c7fe9;-webkit-box-shadow:0px 10px 16px rgba(237,237, 237, 1);-moz-box-shadow:0px 10px 16px rgba(237,237, 237, 1);box-shadow:0px 7px 13px rgba(0,0,0, 0.1)}
.flowpath li img{width:80px;height:80px}
.flowpath li h3{font-size:16px;margin:20px 0 10px 0}
.flowpath li p{line-height:24px;font-size:17px}
.flowpath .btns{display:block;margin:60px auto 0 auto}

.ititle{text-align:center}
.ititle h3{font-size:24px ;  color:#4f4f4f; line-height:30px; font-weight: bold;}
.ititle h4{ margin:10px 0 20px 0}
.ititle p{line-height:40px;font-size:16px}

.ms-show{ width:1200px; margin:0 auto; box-sizing:border-box;}
.ms-show li{ float:left; width:280px; height:370px; background:#fa8f6f; text-align:center; padding:30px; box-sizing:border-box;  }
.ms-show li.bg-b{ background:#85cce0; margin-left:180px;}
.ms-show li.bg-g{ background:#60cd96; margin-left:180px;}
.ms-show li h4{font:500 20px/30px "Microsoft Yahei"; color:#fff; border-bottom:2px solid #fff; padding-bottom: 18px;  }
.ms-show li p{font:500 14px/22px "Microsoft Yahei"; color:#fff; text-align:left; margin-top:10px; }

.show{ width:100%; box-sizing:border-box; }
.show-main{ width:1200px; margin:0 auto;}
.show-main li{ float:left; width:270px; box-sizing:border-box;  margin:0 15px;}
.show-main h3{  text-align:center; width:100px; height:100px; margin:0 auto;  }
.show-main h3 img{   width:100px; height:100px;  }
.show-main h2{  text-align:center; font-size:18px; padding:0 10px; box-sizing:border-box; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:15px 0 0;  }
.show-main p{ margin-top:5px; height: 100px; padding: 0 15px; box-sizing: border-box; text-align:center; font-size:14px;line-height:25px;  color:#666; display:-webkit-box!important; }



.jiaoyu{ width:1200px; margin: 0 auto; }
.jiaoyu .jiaoyu-l{ width:650px; float:left; }
.jiaoyu .jiaoyu-l .jy-tab li{ float:left; padding:0 30px; background:#f0f0f0;font:500 14px/40px "Microsoft Yahei"; color:#666; text-align:center; margin-right:20px; cursor:pointer;   }
.jiaoyu .jiaoyu-l .jy-tab li:hover{ color:#fff; background:#1e50ae;}
.jiaoyu .jiaoyu-l .jy-tab li.on{ color:#fff; background:#1e50ae;}
.jiaoyu .jiaoyu-l .jy-cont dd{ padding:30px 0 30px 100px; box-sizing:border-box; position:relative; border-bottom:1px dashed #ccc;}
.jiaoyu .jiaoyu-l .jy-cont dd:last-child{ border-bottom:none;}
.jiaoyu .jiaoyu-l .jy-cont-list .date{ position:absolute; left:0; top:30px; }
.jiaoyu .jiaoyu-l .jy-cont-list .date p{ font:500 30px/24px "Microsoft Yahei"; color:#000; }
.jiaoyu .jiaoyu-l .jy-cont-list .date span{ display:block; font:500 14px/25px "Microsoft Yahei"; color:#666;}
.jiaoyu .jiaoyu-l .jy-cont-list h4 a { display:block;font:500 16px/25px "Microsoft Yahei"; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.jiaoyu .jiaoyu-l .jy-cont-list h4 a:hover { color:#1e50bf;}
.jiaoyu .jiaoyu-l .jy-cont-list p.tip { margin-top:10px; font:500 14px/20px "Microsoft Yahei"; color:#666;display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:3;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.jiaoyu .jiaoyu-r{ width:480px; float:right; }
.jiaoyu .jiaoyu-r a{ display:block; width:480px; height:250px; margin-bottom:20px; position:relative; }
.jiaoyu .jiaoyu-r a img{width:480px; height:250px; }
.jiaoyu .jiaoyu-r a span{width:480px; height:35px; position:absolute; left:0; bottom:0px; background:rgba(0,0,0,0.6); text-align:center;   font:500 14px/35px "Microsoft Yahei"; color:#fff;}


.service {width:100%;background:#2266ee;}
.service-list {width:1200px;margin:0 auto;}
.service-list li {width:25%;height:50px;margin:25px 0;color:#fff;}
.service-list li .list-icon {width:50px;height:50px;margin-left:10px;}
.service-list .service-two .list-icon {background:url(/style/service-icon2.png) no-repeat;}
.service-list .service-one .list-icon {background:url(/style/service-icon1.png) no-repeat;}
.service-list .service-three .list-icon {background:url(/style/service-icon3.png) no-repeat;}
.service-list .service-four .list-icon {background:url(/style/service-icon4.png) no-repeat;}
.service-list li .service-content {margin-left:6px;}
.service-list li .service-content .title {font-size:18px; margin-bottom:6px;}
.service-list li .service-content span {display:block;margin-left:8px;font-size:14px;color:#fff;}

.box{ width: 100%; z-index: 9; padding-top: 80px; box-sizing: border-box;  height: auto; min-height: 300px; position: relative; }
.box-bg{ position: absolute; left: 0px; top: 0px;  width: 100%; height:120px; background:url(/style/banner-1.png) no-repeat;   }    
.box-cont{ position: relative; z-index: 10px; width: 1200px; margin: 0 auto 0px; }


.content-left {width:910px;float:left;background-color:#fff; box-shadow: 0 0 10px #888; }
.pd-list-tit {border-left:solid 4px #338ae5;margin-top:30px;margin-left:25px;padding-left:10px;font-size:18px;color:#333;margin-bottom:25px; font-weight: bold;}
.pd-list {width:100%;padding:0 25px 50px;  box-sizing: border-box;}
.pd-list li {width:420px;float:left;border:solid 1px #e0e0e0;box-sizing:border-box;padding:0 30px;margin-right:20px;margin-bottom:20px;}
.pd-list li h4 {font-size:20px;color:#333;margin-top:30px;font-weight:600;}
.pd-list li p {font-size:14px;color:#7d7d7d;line-height:24px;margin-top:20px}
.pd-list .pd-row {padding:20px 0;}
.pd-list .pd-row label {font-size:30px;color:#ff5357; line-height: 40px; float:left;}
.pd-list .pd-row a {
 display:block;float:right;width:120px;height:40px;background-color:#ff5357;border-radius:20px;text-align:center;color:#fff;line-height:40px;font-size:16px}
.pd-list .pd-row a:hover {background-color:#f0181c;}
.pd-list .tips {height:32px;margin-left:-30px;margin-right:-30px;background-color:#f0f0f0;border-top:solid 1px #e0e0e0;line-height:32px;padding-left:30px;color:#7d7d7d;font-size:14px;}
.pd-list li:nth-of-type(2n) { margin-right: 0px !important;  }

.content-right{ width: 250px; margin-left: 40px; height: auto; float: left; background: #fff; box-shadow: 0 0 10px #888;   }
.pd-rank-list{ padding:0 15px; box-sizing: border-box; width: 100%;  }
.pd-rank-list a{ display: block; width: 100%; margin-bottom: 15px;   }
.pd-rank-list a img{ width: 100%; height: auto; }
.pd-rank-list a span{display: inline-block; width: 100%; height: auto; text-align: center; font-size: 14px; color: #666; line-height: 30px;  }
.pd-rank-list a:hover span { color:#197ee8; }


.box-grey{ background: #eeeeff;  }

.edithead{line-height: 50px; height: 50px;color: rgba(128, 128, 128, 1); background-color: rgba(255, 255, 255, 1);font-size: 14px;text-align: left;padding-left: 50px;box-sizing: border-box;padding-right: 21px;margin-bottom: 15px;}
.edithead span a{ color:#197ee8;}


.cdetail{ padding: 30px; background: #fff;  box-sizing: border-box; margin-bottom: 15px;  }
.kc-show-img{ width: 600px;  margin-right: 30px; float: left; height: 340px; position: relative; border-radius: 5px;  }
.kc-show-img img{ width: 600px; height: 340px;  }


.cdetail-r h3{font-size: 25px;height: 30px;line-height: 30px;color:rgba(0, 0, 0, 1);overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.cdetail-r{width: 510px;display: inline-block; padding-top: 13px; }
.kc-show-xx{ padding: 15px 0 ;  }
.kc-show-xx span{ font-size: 14px; color: #999;  }
.cdetail-r .price{margin-bottom: 15px;background: rgba(237, 237, 237, 1);height: 45px;line-height: 45px;color: rgba(255, 87, 51, 1);font-weight: bold;font-size: 20px;padding-left: 20px;box-sizing: border-box}
.cdetail-w p{padding: 9px 15px; box-sizing: border-box; border:1px solid #f2f2f2; border-radius: 4px; font-size: 14px; color: #777; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cdetail-fw{margin-bottom: 15px;height: 30px; margin:10px 0 20px;   line-height: 30px;color:rgba(128, 128, 128, 1)}
.cdetail-bt{height: 50px;line-height: 50px}
.cdetail-bt a{display: inline-block;width: 200px;color:#FFFFFF;font-size: 20px;text-align: center;border-radius: 4px;}
.cdetail-bt .bm{background: rgba(21, 148, 255, 1);margin-right: 20px}
.cdetail-bt .zx{background: #FFFFFF;color: rgba(21, 148, 255, 1);border: 1px solid rgba(21, 148, 255, 1);box-sizing: border-box}

.cont-det{ width: 100%; margin-bottom: 30px;  height: auto; background: #fff; min-height: 100px;  }

.cd-title{height: 48px;}
.cd-title ul li{float: left;height: 48px;line-height: 48px;text-align: center;padding: 0 16px;font-size: 16px;color: rgba(80, 80, 80, 1);cursor: pointer}
.cd-title .on{border-bottom: 2px solid rgba(24, 144, 255, 1);color: rgba(24, 144, 255, 1);background:#E7F4FF }
.cdetail-f .cd-r{width: 270px;display: inline-block;min-height: 400px }

.tab-cont{ width: 100%; height: auto; padding:20px; box-sizing: border-box; background: #fff;  }
.tab-cont-txt{ width: 100%; line-height: 25px; font-size: 14px; color: #333;  }
.tab-cont-txt img{ max-width: 100%; display: block;   }

.tab-cont-txt .cpzx-cont{  margin:20px auto; height:auto;}
.tab-cont-txt .cpzx-cont dd{ width:100%; height:185px; padding:15px 10px 15px 250px; border-bottom:1px dashed #ccc;  box-sizing:border-box; position:relative;  }
.tab-cont-txt .cpzx-cont a{ display:block; }
.tab-cont-txt .cpzx-cont img{ width:230px; height:155px; position:absolute; left:0px; top:15px; }
.tab-cont-txt .cpzx-cont h5{ font-size:22px; line-height:50px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    }
.tab-cont-txt .cpzx-cont h5:hover{ color:#2266ee;  }
.tab-cont-txt .cpzx-cont p{ color:#666; line-height:25px; display: -webkit-box!important;overflow: hidden!important;-webkit-line-clamp:2;-webkit-box-orient: vertical;text-overflow:ellipsis;}
.tab-cont-txt .cpzx-cont h4{ margin-top: 20px; font-size:13px; line-height:30px; color:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;    }

.news-detail{ width:100%; height:auto; margin:0 auto 50px; padding: 40px 20px; box-sizing: border-box;}
.news-detail-title{ font-size:20px; line-height:40px;  color:#333; font-weight:bold;  text-align:center;   }          
.news-detail-ms{ width:100%; margin:10px auto 30px; text-align:center;    }
.news-detail-ms span{ display:inline-block; margin:0 20px; font-size:12px; line-height:20px;  color:#777;  }
.news-detail-txt{ width:100%; color:#666; line-height:30px; font-size: 14px;  }
.news-detail-txt img{ max-width:100% !important; display:block; }

.show-page , .show-page a{ font-size:13px; line-height:30px; color:#666; }
.show-page a:hover{ text-decoration:underline; }
.page{ width: 100%; padding: 0 20px 40px; box-sizing: border-box;  }