@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0; }
body{ color:#444; font-family:"微软雅黑";  margin: 0; padding: 0;  font-size: 14px;  }
ul, ol { list-style: none;} 
img,fieldset{vertical-align:top;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.fK{color:#a91432;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#444; text-decoration:none;}
a:hover {color:#10c45c; text-decoration:none;  }
img { width:100%;}

/*top*/
.top_bjj{width:100%; height:63px;}
.top_bj{width:100%; background:#fff; box-shadow:0 0 8px rgba(0,0,0,0.2); position:fixed; top:0; left:0; z-index:2;}
.top .logo{float:left; height:63px; display:table; }
.top .logo a{display:table-cell; vertical-align:middle; }
.top .logo img{max-height:63px;}


/*banner*/
.block_home_slider{position:relative; line-height:0px; text-align:center; }
.block_home_slider:after{content:""; width:100%; height:28px; position:absolute; top:0; left:0;}
.block_home_slider .slide {position:relative; overflow:hidden;}
.block_home_slider .flex-direction-nav a {width:40px; height:40px; display:block; margin-top:-20px; position:absolute; top:50%; text-indent:-9000px; display:none;}
.block_home_slider .flex-direction-nav a.flex-prev {left:0; background:url(../images/jt1.png) no-repeat;}
.block_home_slider .flex-direction-nav a.flex-next {right:0; background:url(../images/jt2.png) no-repeat;}
.block_home_slider .flex-control-paging{ position:absolute; bottom:10px; width:100%;text-align: center;}
.block_home_slider .flex-control-paging li {margin: 0px;padding:0 5px; display:inline-block; *display:inline; *zoom:1; overflow: hidden;list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:12px; height:12px; display:block; background:#cbcbcb; text-indent:-9000px; cursor:pointer; border-radius:6px; transition:all 0.5s;}
.block_home_slider .flex-control-paging li a.flex-active {width:34px; background:#215cac;}
.flexslider {margin:0; padding:0; height:100%;}
.flex-viewport{height:100%;}
.flexslider .slides{height:100%;}
.flexslider .slides li {height:auto;display: none;-webkit-backface-visibility: hidden;list-style-type:none; position:relative;}

/* 搜索栏 */
.ssml { width:100%; line-height:40px; background:#f5f5f5; overflow:hidden;}
.sol_1 { margin:10px 0; position:relative;}
.sol_1 input { width:100%; height: 32px; border:1px solid #eee; box-sizing:border-box; padding:0 15px; outline:none;}
.sol_1 a{ position:absolute; right:0; top:5px; width:30px; height:32px; background:url(../images/sol.jpg) center no-repeat;}


/* 产品栏目 */
.cpm { overflow:hidden; }
.cpm ul { margin-top:10px; }
.cpm li { background:#efefef; width:48%; line-height:37px; color:#555; float:left; margin-left:1.5%; margin-bottom:2%; position:relative;}
.cpm li:after{content:""; width:0; height:100%; background:#06c; position:absolute; top:0; left:0; transition:all 0.5s;}
.cpm li:hover:after{width:100%;}
.cpm li:nth-child(5n) { margin-right:0px;}
.cpm li:hover a{ color:#fff;}
.cpm li .cpm_kda { float:left; padding-left:10px; border-left:6px #06c solid; font-size:14px; position:relative; z-index:1;}
.cpm li .cpm_kdw { float:right; margin-right:5px; position:relative; z-index:1;}

/* 产品 */
.cpb_fw { overflow:hidden; padding:2%;}
.cpb_fw ul{ margin-right:0%;}
.cpb_fw li { position:relative; width:48%; margin-right:2.5%;  margin-bottom:4%; float:left; border:1px solid #f1f1f1; overflow:hidden;}
.cpb_fw li:nth-child(2n) { margin-right:0;}
.cpb_fw li img { width:100%; height: auto; transition:all 0.5s;}
.cpb_fw li:hover img { transform:scale(1.1)}
.cpb_fw li .cp_bei{ position:absolute; left:0; top:100%; opacity:0; background:rgba(1,130,215,0.6); width:100%; height:100%;  transition:all 0.5s;}
.cpb_fw li:hover .cp_bei { opacity:1; top:0;}
.cpb_fw li .cp_bei .cp_zi { color:#FFF; padding:5%;}
.cpb_fw li .cp_bei .cp_zi p { font-size:12px; border-bottom:1px solid #fff; line-height:40px; text-indent:10px; }
.cpb_fw li .cp_bei .cp_zi span { line-height:25px;  margin:2% 0 0 10px; float:left; width:96%; overflow:hidden;}
.cpb_fw li .cp_bei .cp_xianq { width:33%; float:left; border:1px solid #fff; text-align:center; line-height:24px; border-radius:5px; margin:10% 0 0 8%; }
.cpb_fw li .cp_bei .cp_xianq:nth-child(3n) { margin-right:0px;}
.cpb_fw li .cp_bei .cp_xianq a{ color:#fff;}
.cpb_fw li .cp_bei .cp_xianq:hover { display:blockl; background:#58a6d9; color:#fff;}

/* 四大导航 */
.lsmb { width:100%; background:#0282d7; overflow:hidden; color:#fff;}
.lsmb .zhbus { float:left; font-size:24px;  width:100%; padding:2%;}
.lsmb .kuda { font-size:14px; padding:2%;}
.mika { overflow:hidden; margin:20px 0;}
.mika img{ width:100%; height:100%;}

/* 公司简介 */
/* 公司简介 */
.gj { background:#e5e4e4; width:100%; overflow:hidden;}
.gj .gj_top { text-align:center; font-size:32px; color:#0086e5; font-weight:bold; margin-top:30px; }
.gj .gj_nml { font-size:16px; padding:20px 10px 0 10px; } 
.gj .gj_nml p{ margin-top:10px; line-height:25px;}

.gj .anl { width:96%; margin:2%; overflow: hidden;}
.gj .anl .anl_pc { width:100%;}
.gj .anl .anl_pc img { height:100%;}
.gj .anl .anl_zi { background:#f6f6f6; font-size:21px; padding:2% 5%; position:relative;}
.gj .anl .anl_zi p { line-height:40px; color:#0086e5; }
.gj .anl .anl_zi span { text-transform:uppercase; color:#a6a5a5;}
.gj .anl .anl_zi:after { content:""; position:absolute; background:#50a7e5; width:100%; height:0; top:0; left:0;  transition:all 0.5s}
.gj .anl .anl_zi:hover:after { height:100%;}
.gj .anl .anl_zi:hover p{ color:#fff; position:relative; z-index:1;}
.gj .anl .anl_zi:hover span{  color:#fff; position:relative; z-index:1;}

/* 新闻 */
.xisa { overflow:hidden;}
.xw { margin:2%;}
.cjw { margin:2%;}

.xw_sna { background:#0086e5; line-height:35px; text-align:center; font-weight:bold; font-size:14px; padding:0 2%; color:#fff; float:left;}
.xw_snb { float:right; width:75px; font-size:16px; text-transform:uppercase;}
.xw_snb a{ color:#a6a6a6;}
.xw_snb a:hover { color:#0086e5;}
.xw_snc { width:100%; border-bottom:1px solid #a6a6a6; overflow:hidden;}

.xw .xw_3san { width:100%; overflow:hidden;}
.xw .xw_3san ul { margin-top:6px;}
.xw .xw_3san li { font-size:16px; font-weight:500; margin-bottom:10px; overflow:hidden;  line-height:35px;  border-bottom:1px dotted #CCC;}
.xw .xw_3san li p{ float:left;}
.xw .xw_3san li span{ float:right;}

/* 常见问题 */
.txtMarquee-top{ width:100%;  overflow:hidden; position:relative;}
.txtMarquee-top .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.txtMarquee-top .bd{ padding:2%;  }
.txtMarquee-top .infoList li{  border-bottom:1px dashed #CCC;}
.q_sk { background: url(../images/Q.jpg) no-repeat left; text-indent:30px; font-size:18px; margin-top:30px;}
.a_spw { background: url(../images/A.jpg) no-repeat left top; font-size:14px; color:#b7b7b7;  margin-top:20px;}
.a_spw p { padding-left:30px; line-height:25px;}


/*底部foot*/
.foot{ width:100%; line-height:40px; padding:10px 0px 0px 0px; margin-top:0; text-align:center; display: block; background:#201c18; overflow:hidden; padding-bottom:56px;}
.foot1{ line-height:25px; color:#fff; }
.foot1 a{ color:#fff;}
.foot2{ font-size:12px; color:#fff; line-height:40px;}


#footbox{ width:100%;  background:#0182d7; z-index:1; position:fixed; bottom:0px; left: 0px; _position:absolute;right: 0px; top:auto;  }

.Templist2 {overflow: hidden;background-color: #0182d7;float: left;opacity: 1;position: relative;width:24.5%; border-right: 1px solid #fff; padding-top:8px;}
.Templist2 .imgWrap2 {text-align: center;visibility: visible;width: 100%;overflow: hidden;color: #333;}
.imgWrap2 img {margin: 0 auto;display: block;overflow: hidden; width:24px;}
.Templist2 span {color: #ccc;display: block;font-size: 12px;line-height: 24px;overflow: hidden;padding: 0 10px 0 10px;text-overflow: ellipsis;white-space: nowrap;text-align: center;}


/* 内页本例子css */
.tib { background:#f5f5f5; width:100%; overflow: hidden; line-height:50px; margin-top:0px; text-indent:10px;}


/* 内页产品 */
.product {margin-left:2%; overflow:hidden;}
.product ul{ margin-right:-3%;}
.product li { position:relative; width:45%; margin-top:10px; margin-right:3%; overflow:hidden; float:left; border:1px solid #f1f1f1;}
.product li:nth-child(2n) { margin-right:0px;}
.product li img { width:100%; height: auto; transition:all 0.5s;}
.product li:hover img { transform:scale(1.1)}
.product li .cp_bei{ position:absolute; left:0px; top:100%; opacity:0; background:rgba(1,130,215,0.6); width:100%; height:100%; transition:all 0.5s;}
.product li:hover .cp_bei { opacity:1; top:0;}
.product li .cp_bei .product_wz { color:#FFF; padding:5%;}
.product li .cp_bei .product_wz p { font-size:12px; border-bottom:1px solid #fff; line-height:40px; text-indent:10px; }
.product li .cp_bei .product_wz span { line-height:25px; margin:2% 0 0 10px; float:left; width:96%; overflow:hidden;}
.product li .cp_bei .product_xia { width:33%; float:left; border:1px solid #fff; text-align:center; line-height:24px; border-radius:5px; margin:10% 0 0 8%;}
.product li .cp_bei .product_xia:nth-child(3n) { margin-right:0px;}
.product li .cp_bei .product_xia a{ color:#fff;}
.product li .cp_bei .product_xia:hover { display:blockl; background:#58a6d9; color:#fff; }


/* 内页栏目 */
.wkd { background: #fff; line-height:50px; overflow:hidden; margin:2%;}
.wkd ul li { width: 100%;  border-bottom: solid 1px #e6e6e6; text-indent: 25px; font-size: 15px; position:relative;}
.wkd ul li:hover a{ color:#fff;}
.wkd li:after { content:""; width:0; height:100%; background:#b6b6b6; top:0; left:0; position: absolute; transition:all 0.5s; }
.wkd li:hover:after { width:100%;}
.wkd li p { position:relative; z-index:1; }
.wkd .ao { background: #b6b6b6; width: 100%; }

/*共用*/
.wi_ap {margin-top:30px; margin:2%; border:1px solid #f3f3f3; overflow:hidden;}
.about { padding:2%; line-height:30px; font-size:14px;}
.about img { width:100%; height:100%;}

/*内页新闻*/
.heng {margin-top:5px; margin:2%; overflow:hidden;}
.hsal { margin-top:5px; float:left;}
.heng ul{}
.heng li{ width:100%; margin-bottom:25px; margin-top:10px; overflow:hidden;}
.heng li a{}
.heng li :hover a{ display:block; background:#000;}
.heng .xw_xx { width:100%; float:left; margin-top:10px; position:relative; border-bottom:1px solid #dddddd;}
/*划线*/
.heng li .xw_x{width:0px; height:1px; background:#128ef2; position:absolute; bottom:0; left:0; transition:all 0.5s;}
.heng li:hover .xw_x{width:100%;}/*划线*/
.heng li .hys{ width:50%;  float:left;}
.heng li .hys img { width:100%; height:100%;}
.heng li .hys_ms { width:48%; float:left; margin-left:2%;}
.heng li .kus{  font-size:14px; font-weight:bold;}
.heng li .kuss{  line-height:25px; color:#adadad; margin-top:10px;} 

/*内页新闻详情*/
.manu { width:100%; position:relative; margin-top:10px; overflow:hidden;}
.mksa { width:100%;  margin-top:20px;}
.mksa h4 { text-align:center; font-size:18px;}
.mksa h5 { text-align:center; margin:10px 0;}
.mksa h6 { margin:0 3%; border-bottom:1px solid #ebebeb; width:95%;}
.pva { width:92%; margin:4%; margin-top:15px; float:left; font-size:14px; line-height:30px}

.mska_losa {  border:1px solid #efefef; line-height:40px; margin:2%; overflow:hidden;}
.mska_losa h4 { width:100%; float:left; text-indent:25px;}
.mska_losa h5 { width:100%; float:right; text-indent:25px;}

/*团队图片*/
.equipment /*设备图片放大*/{ width:98%; margin-left:10px;}
.equipment ul li { width:47%; margin:0 2% 0 0; float:left; line-height:35px;}
.equipment ul li:nth-child(2n){ margin-right:0;}
.equipment li img{ width:100%; height:100%;}
.equipment p { text-align:center; font-size:16px;}

/*方式*/
.contact { padding:2%; line-height:30px; font-size:14px;}
.contact .co_psm { width:380px; float:left;}
.contact .co_ditu {width:100%; margin-top:20px; float:left;}
.contact .co_liyy { font-size:16px; line-height:35px; }

/*留言*/
.customers {margin:20px auto 0px;overflow: hidden;text-align: center;display: block;}
.customers input {border: #CCC 1px solid;display: inline-block;font-size: 14px;text-transform: uppercase;outline: none;}
.input2 {margin:2% 0;padding: 2% 2%;width:94.44%;}
.input1 {margin-top: 20px;padding: 2% 2%;width: 94.44%;clear: both;}
.customers textarea {border: #CCC 1px solid;display: inline-block;font-size: 14px;text-transform: uppercase;margin: 20px 0;outline: none;clear: both;}
.input1h {padding: 2% 2%;height: 180px;width: 94.44%;}
.ftjbtn {background: #000;border: #000 1px solid !important;color: #FFF;}
.ftjbtn, .fczbtn {padding: 2% 0;width: 49.22%;cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.fczbtn {background: #ccc;}
.fczbtn:hover{background:#000;color:#fff;}
.customers input:focus,.customers textarea:focus {border:#000 1px solid; }

/* 内页详情 */
.cp_mosa {margin-top:30px; margin-left:2%; border:1px solid #f3f3f3;}
.cpxq_t { padding:2%;}
.cpxq_t:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; line-height: 0;}
.cpxq_t img { max-width:100%;}
.cpxq_t_l{  width:100%;}
.sp-wrap{ display:none; line-height:0; font-size:0;}
.sp-thumbs{ width:100%;}
.sp-thumbs img{ width:100%;}
.sp-thumbs a:link, .sp-thumbs a:visited{ margin:0 0.5%; width:24%; height:76px; border:1px #eaeaea solid; overflow:hidden; opacity:.3; display:inline-block; background-size:cover; background-position:center; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; -ms-transition:all .2s ease-out;-o-transition:all .2s ease-out; transition:all .2s ease-out;}
.sp-thumbs a:hover{opacity:1;}
.sp-thumbs a:active, .sp-current{ opacity:1!important; position:relative;}
.sp-large{ position:relative; overflow:hidden; width:100% !important; margin:0 0 2% 0; box-shadow:0 0 1px rgba(0,0,0,0.3);}
.sp-large a{ display:block;}
.sp-zoom{ position:absolute; left:-50%; top:-50%; cursor:-webkit-zoom-in; cursor:-moz-zoom-in; cursor:zoom-in; display:none;}
.sp-zoom img{ max-width: none;}
.sp-lightbox{ position:fixed; top:0; left:0; height:100%; width:100%; background:rgb(0, 0, 0); background:rgba(0, 0, 0, .9); z-index:500; display:none; cursor:pointer;}
.sp-lightbox img{position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; max-width:90%; max-height:90%; border:2px solid #fff;}
#sp-prev, #sp-next{ position:absolute; top:50%; margin-top:-25px; z-index:501; color:#fff; padding:14px; text-decoration:none; background:#000; border-radius:25px; border:2px solid #fff; width:50px; height:50px; box-sizing:border-box; transition:.2s;}
#sp-prev{ left:10px;}
#sp-prev:before{ content:''; border:7px solid transparent; border-right:15px solid #fff; position:absolute; top:16px; left:7px;}
#sp-next{ right:10px;}
#sp-next:before{ content:''; border:7px solid transparent; border-left:15px solid white; position:absolute; top:16px; left:18px;}
#sp-prev:hover, #sp-next:hover{ background:#444;}
@media screen and (max-width: 400px) {.sp-wrap{ margin:0 0 15px 0;} #sp-prev, #sp-next{ top:auto; margin-top:0; bottom:25px;}}
.cpxq_t_r{ width:100%;}
.cpxq_t_r .cpxq_t_r_bt{font-size:18px; color:#444; width:100%; border-bottom:1px solid #ececec; line-height:35px;}
.cpxq_t_r .cpzx_t_r_wz{color:#999; font-size:14px; margin-top:10px;}
.cpxq_t_r .cpzx_gm { margin-top:10px; background:#0182d7; width:140px; line-height:35px; text-align:center; transition:all 0.5s;}
.cpxq_t_r .cpzx_gm a{ color:#fff;}
.cpxq_t_r .cpzx_gm:hover a{ display:block; background:#ff0000; color:#fff;}
.cpxq_tr { margin-top:10px; font-size:16px; overflow:hidden; margin:0 2%; }
.cpxq_tr ul li { width:140px; float:left; background:#0182d7; margin-right:10px; text-align:center; line-height:35px; color:#fff;}
.cpxq_tr ul li a{ color:#fff;}
.cpxq_tr ul li a:hover { display: block; background:#ff0000; color:#fff;}
.cpxq_t_r_wb{border-top:1px solid #eee; line-height:24px; margin:0 2%; padding-top:10px;}
/*产品详情*/

.rscp { margin-top:20px;}
.rscp_a { width:100%; height:40px; background:#f5f5f5; line-height:40px; text-indent:25px; font-size:18px;}
.rscp_b { width:100%; margin:10px 0;}
.rscp_b-left{ width:100%; overflow:hidden; margin:0 auto;}
.rscp_b-left .bd{ width:80%;}
.rscp_b-left .bd img { width:100%; height: auto;}
.rscp_b-left .bd ul li{  float:left; overflow:hidden; position:relative;  border:1px solid #f1f1f1; margin-left:20px;}
.rscp_b-left li .cp_bei{ position:absolute; left:0px; top:100%; opacity:0; background:rgba(1,130,215,0.6); width:100%; height:100%; transition:all 0.5s;}
.rscp_b-left li:hover .cp_bei { opacity:1; top:0;}
.rscp_b-left li .cp_bei .product_wz { color:#FFF; padding:5%;}
.rscp_b-left li .cp_bei .product_wz p { font-size:14px; border-bottom:1px solid #fff; line-height:40px; text-indent:10px; }
.rscp_b-left li .cp_bei .product_wz span { line-height:25px; height:90px; margin:20px 0 0 10px; float:left; width:96%; overflow:hidden;}
.rscp_b-left li .cp_bei .product_xia { width:99px; float:left; border:1px solid #fff; text-align:center; line-height:24px; border-radius:5px; margin-left: 20px;}
.rscp_b-left li .cp_bei .product_xia:nth-child(3n) { margin-right:0px;}
.rscp_b-left li .cp_bei .product_xia a{ color:#fff;}
.rscp_b-left li .cp_bei .product_xia:hover { display:blockl; background:#58a6d9; color:#fff;}


/* 产品中心 */
.product { overflow:hidden;}
.product dl { border-bottom:1px solid #999a9c; overflow:hidden;}
.product dd { width:700px; float:left; margin-right:40px;}
.product dt { width:calc(100% - 750px); float:left;}
.product dt .product_a1 { font-size:30px; font-weight:bold;}
.product dt .product_a11 { font-size:30px; font-weight:bold; margin-top:30px;}
.product dt .product_a2 { font-size:24px; margin:50px 0; overflow:hidden; height:190px;}
.product dt .product_a4 { font-size:24px; margin:50px 0 20px 0; line-height:40px;}
.product dt .product_a3 { float:left; margin-bottom:20px;}
.product dt .product_a3 p{ float:left; text-align:center; margin-right:10%; font-size:24px;}
.product dt .product_a3 p img { width:57px;}
.product dt .product_a3 span { font-size:30px; float:left; width:100%; margin:20px 0;}
.product dt .product_a3 p:nth-child(5n) { margin-right:0px;}

.product dt .product_a33 { margin-bottom:20px;}
.product dt .product_a33 p{ float:left; text-align:center; margin-right:10%; font-size:24px;}
.product dt .product_a33 p img { width:57px;}
.product dt .product_a33 span { font-size:30px; float:left; width:100%; margin:20px 0;}
.product dt .product_a33 p:nth-child(5n) { margin-right:0px;}