@charset "utf-8";
.pageban1{height: 370px;background: url(../images/pageban1.jpg) no-repeat center;position:relative}
.pageban2{height: 370px;background: url(../images/pageban2.jpg) no-repeat center}
.pageban3{height: 370px;background: url(../images/pageban3.jpg) no-repeat center}
.pageban4{height: 370px;background: url(../images/pageban4.jpg) no-repeat center}
.pageban5{height: 370px;background: url(../images/pageban5.jpg) no-repeat center}
.pageban6{height: 370px;background: url(../images/pageban6.jpg) no-repeat center}
.pageban7{height: 370px;background: url(../images/pageban7.jpg) no-repeat center}
#hopic{position:absolute;top:80%;left:0}
.ban-b{height: 8px;background: #e5e5e5}
.page-main{padding: 40px 0 60px}
.page-left{background: #155aaf url(../images/bg-left.png) no-repeat right top;padding: 20px 10px 10px ;width: 240px;border:1px solid #155aaf}
.page-left h2{line-height: 60px;padding-left: 20px}
.left-list{padding: 20px;background: #e8eff7}
.left-list li{line-height: 48px;padding: 0 10px 0 26px;background: url(../images/ico-left1.jpg) no-repeat 10px center;border-bottom: 1px dashed #ccc;-webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;transition:All 0.3s ease-in-out;}
.left-list li:hover{padding: 0 10px 0 34px;background: url(../images/ico-left1.jpg) no-repeat 18px center;}
.page-right {width: 74%}
.pr-tit{border-bottom: 1px solid #a3b6cc;line-height: 60px;margin-bottom: 30px;position: relative;padding: 0 10px}
.let2{letter-spacing: 2px}
.pr-nav {position: absolute;top:10px;right:10px;color: #909090}
.pr-nav a{color: #909090}
.page-ab p{margin: 16px 20px 0}
.abpic{margin: 20px 0 0 20px}
.abpic li{float: left;margin-left: 3%;width: 30%}
.abpic li:first-child{margin-left: 0}
.abpic li img{border:1px solid #ccc;padding: 1px}
.ico101{background:url(../images/ico-101.png) no-repeat 5px center}
.ico101:hover{background:#E6F3FC url(../images/ico-101.png) no-repeat 15px center;}
.ico102{background:url(../images/ico-102.png) no-repeat 5px center}
.ico102:hover{background:#E6F3FC url(../images/ico-102.png) no-repeat 15px center;}
.ico103{background:url(../images/ico-103.png) no-repeat 5px center}
.ico103:hover{background:#E6F3FC url(../images/ico-103.png) no-repeat 15px center;}
.ico104{background:url(../images/ico-104.png) no-repeat 5px center}
.ico104:hover{background:#E6F3FC url(../images/ico-104.png) no-repeat 15px center;}
.ico105{background:url(../images/ico-105.png) no-repeat 5px center}
.ico105:hover{background:#E6F3FC url(../images/ico-105.png) no-repeat 15px center;}
.ico106{background:url(../images/ico-106.png) no-repeat 5px center}
.ico106:hover{background:#E6F3FC url(../images/ico-106.png) no-repeat 15px center;}
.ico107{background:url(../images/ico-107png) no-repeat 5px center}
.ico107:hover{background:#E6F3FC url(../images/ico-107.png) no-repeat 15px center;}
.ico108{background:url(../images/ico-108.png) no-repeat 5px center}
.ico108:hover{background:#E6F3FC url(../images/ico-108.png) no-repeat 15px center;}
/* xw */
.xw-list{min-height:588px}
.xw-list li{padding:0 26px;line-height:40px;border-bottom:1px dashed #ddd;-webkit-transition:All .3s ease;transition:All .3s ease;}
.xw-list li:hover{padding:0 26px 0 36px}
.xw-list li:hover a{color:2165b8}
.page-news-tit{font-weight:700;border-bottom:1px solid #e9e9e9;padding:20px 0;text-align:center}
.page-news-con{min-height:486px}
.page-news-con img{max-width:100%;height:auto !important;}
.page-news-con p{padding:16px 20px 0}
/* cp */
/* .page-prod{min-height:566px} */
.cp-list li{    width: 400px;
    /* margin: 2%; */
    text-align: center;
    float: left;
    margin-left: 13px;
    margin-right: 14px; margin-bottom:20px;}
.cp-list li p{line-height:40px}
.cp-list li:hover{background:#efefef}.cp-list li:hover a{color:#fff}
.cp-list li:hover p{background:#0082e6}
.prod-tb table{border-spacing:2px;border-collapse:inherit}
.prod-tb table td{padding:5px 10px;border:1px solid #ccc;border:1px outset #ccc;background:#FFFFFF}
.list-tit{position:relative;line-height:42px;font-size:18px;font-weight:bold;background:#0082e6;color:#fff}
.list-more{position:absolute;right:20px;top:0;font-size:12px;color:#fff}
.tr-hover:hover td{background:#ddd}
.tr-hover:hover a{color:#0082e6}
.prod-tit{font-size:16px;font-weight:700;height:48px;line-height:48px;text-align:center;background:#0082e6;color:#fff}
.prod-detail {margin:20px 0 40px;min-height:440px}
.jgs{max-height:200px}

.page-des dl{margin-top:30px;padding-left:20px}
.page-des dl:first-child{margin-top:0;}
.page-des dt{font-size:18px;font-weight:bold;line-height:36px;color:#155aaf;margin-bottom:10px}
.page-des dd{padding-left:30px}


.page-ln{height:780px; background:url(../images/bg-wh.jpg) no-repeat right bottom}
.page-ln li{line-height:42px;padding-left:30px;background:url(../images/ico-109.png) no-repeat 10px center}
/* pic */
.page-pic{position:relative;min-height:586px}
.page-pic li{float:left; margin:2%;_margin:1%; text-align: center;width: 27%;border:#cc9900 1px dotted;border-radius:5px;padding:5px;overflow:hidden;text-align:center}
.pic-box{width:100%;height:160px;overflow:hidden}
.page-pic li img{transition:All 0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out;}
.page-pic li:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); opacity:0.9; }
.arrow_l,.arrow_r{display:block; width:40px;height:72px;position:absolute;left:5%;top:45%;right:auto;background:url(../images/slider_btn.png) no-repeat;background-position: 0 -87px;}
.arrow_r{left:auto; right:5%;background-position: 0 0;}
/* lx */
.page-lx h1{font-size:18px;line-height:40px;margin-bottom:6px;font-weight:bold}
.page-lx li{border-bottom:1px dashed #bbb;color:#555;line-height:40px;height:40px;margin:0 2%;padding-left:3%;background:url(../images/icon-lx.png) no-repeat 5px center}
/* order */
.order-main input{border: 1px solid #0082e6; height:32px;_line-height: 32px; padding-left: 5px;width:452px}
.order-main input:hover{border-color:#068734}
#verify{width:120px}
.order-tj{margin:0 80px 0 140px;width:100px}
.form-btn{display:inline-block;zoom:1;vertical-align:baseline;margin:10px 20px;outline:0;cursor:pointer;text-align:center;text-decoration:none;padding:.3em 1em;text-shadow:0 1px 1px rgba(0,0,0,.3);-webkit-border-radius:.5em;-moz-border-radius:.5em;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);color:#d9eef7;border:solid 1px #0076a3;background:#0095cd;background:-webkit-gradient(linear,left top,left bottom,from(#00adee),to(#0078a5));background:-moz-linear-gradient(top,#00adee,#0078a5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5')}
.form-btn:hover{text-decoration:none}
.order-mes{border:1px solid #0082e6;padding: 5px 0 0 8px;margin:5px 0;width: 450px}
.td-top{vertical-align:top;padding-top: 8px}
.elps{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}