/* CSS Document */
@font-face {
    font-family: 'iconfont';  /* project id 1264008 */
    src: url('//at.alicdn.com/t/font_1264008_1ndi1fw7xro.eot');
    src: url('//at.alicdn.com/t/font_1264008_1ndi1fw7xro.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_1264008_1ndi1fw7xro.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_1264008_1ndi1fw7xro.woff') format('woff'),
    url('//at.alicdn.com/t/font_1264008_1ndi1fw7xro.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_1264008_1ndi1fw7xro.svg#iconfont') format('svg');
  }
  
*{padding: 0;margin: 0;font-family: "微软雅黑";}
body { margin: 0 auto; overflow-x: hidden;  background: #fff; color:#5a5a5a; }
img{border:0;}
ul,li{list-style:none;}
a{ text-decoration:none; color:#444;}
a:hover{text-decoration:none;}
.w100{ width:100%; min-width: 1200px;}
.w1200{ width:1200px; margin:0 auto;}
.content { width: 1200px; margin: 0 auto; overflow: hidden;}
.clearfix{ clear:both; margin-top:50px;}
.clearfix:after,.clearfix:before{clear:both;display:table;line-height:0;content:""}
.clear{ clear:both;}
.fl{ float:left}
.fr{ float:right}
.center{ text-align:center; }
.inb{  display: inline-block;}
button,input{
/*消除默认样式*/
margin: 0px;
padding: 0px;
/*自定义边框*/
border: 0px;
/*消除默认点击蓝色边框效果*/
outline: none;
}
.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

/*顶部*/
.top{ background: url(../img/top.png) no-repeat center; height: 130px; overflow: hidden;}

/*自适应垂直居中*/
.logo{ width: 260px; height: 130px;}
.logo .img{ height: 130px; display: table-cell; vertical-align: middle; text-align: center; }
.logo img{ max-height: 130px; max-width: 265px; vertical-align: middle;}

.nr{ width: 900px;}
.nr .bt{ float: left; padding: 20px 10px 10px 60px; text-align: center;}
.nr .bt h3{ font-size: 17px; color: #666; padding-bottom: 10px;}
.nr .bt h5{ font-size: 12px; color: #666; font-weight: normal;}
.nr .zx{ float: right; padding: 15px 50px 0 0; color: #3db7ef;}
.nr .zx p{ font-size: 12px; text-align: right;}
.nr .zx img{ vertical-align: middle; max-height: 15px; padding: 10px;}
.nr .zx .tb{ padding: 0 10px;}
.nr .zx span{ font-size: 14px; color: #666;}

/*导航*/
.dht{ width: 900px; padding-top: 10px;}
.menu{ min-width:900px; overflow:hidden; margin:0 auto}
.menu .menu_item{ float:left; width:127px; border-right: 1px solid #46526c; height: 38px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.menu .menu_item a{font-size: 12px; color: #fff; line-height:38px; display: block;}
.menu .menu_item a:hover{ color: #3db7ef;}
.menu .cur{ color: #3db7ef;}
.menu .menu_item:hover .submenu{display:block; z-index:999999; position:absolute;border-top:3px solid #3db7ef;}
.submenu{background-color:#f9f9f9; overflow: hidden;z-index:999; display:none;}
.submenu_item {padding:0 2px; min-width:106px; border-bottom: 1px solid #46526c;}
.submenu_item a{ color:#434343 !important; font-weight:100 !important; line-height:2.5em !important; padding: 5px;}
.submenu_item:hover{ background:#434343; color:#fff !important}
.submenu_item:hover a{color:#fff !important}
.submenu_item a:hover{ color:#fff !important}

/*banner*/
.banner{ height:585px;}
.banner img{ height: 585px;}
.banner1{ height:240px;}
.banner1 img{ height: 240px;}

/*首页搜索+动态*/
.sszx{ height: 42px; background-color: #eee;}

.zxdt{ width: 850px; line-height: 42px;}
.zxdt i{color: #3db7ef;}
.zxdt span{ float: left; font-size: 16px; padding-left: 5px; font-weight: bold;}
.zxdtbox {	width: 640px; height:42px; overflow:hidden; position:relative;}
.zxdtroll { width: 2000px;	position:absolute; left:0px; top:0px;}
.zxdtroll li{ float:left; line-height:42px; text-align:center; margin-left: 20px;}
.zxdtroll h3{ font-weight: normal; font-size: 12px;}
.zxdtroll h3 i{color: #5a5a5a; padding-right: 5px; font-size: 14px;}

.search-box{ height: 26px; margin-top: 8px; border: #D3D3D3 1px solid; color: #ccc;}
.search-box .input-text{ width: 215px; height: 18px; font-size: 10px; padding: 5px 0 5px 20px; background-color: #fff;}
.search-anniu{ width: 50px; height: 28px; background-color: #3db7ef; color: #fff;}
.search-anniu:hover{ background: #0c67c3;}

/*首页公共样式*/
.sylb{ height: 78px; border-bottom: #D3D3D3 1px solid; padding-top: 20px}
.sylb .lbnr{ width: 300px; margin: 0 auto; border-bottom: 6px solid #3db7ef; overflow: hidden; text-align: center;}
.sylb .lbnr img{ float: left; width: 54px; height: 74px; padding-right: 5px;} 
.sylb .lbnr h2{ font-size: 22px; width: 240px; height: 25px; padding-top: 25px; overflow: hidden; display: inline-block;color: #000;}
.sylb .lbnr h5{ padding-bottom: 8px; color: #ccc; font-weight: normal;}
.more{ margin-left: -75px; left: 50%; text-align: center; color: #fff; width: 150px; background: #3db7ef; position: absolute; bottom: 0; line-height: 43px; border-radius: 3px; }
.more:hover{ background-color: #0c67c3;}

/*首页产品*/
.sycp_neirong { position: relative; width: 1200px; height: 620px; margin: 20px auto;}
.sycp_neirong li{ float: left; width: 270px; height: 250px; margin: 15px;}
.sycp_neirong .cpimg{ display: table-cell; vertical-align: middle; text-align: center; width: 248px; height: 201px; padding: 10px; overflow: hidden; border: solid 1px #e5e5e5;}
.sycp_neirong .cpimg:hover{ border: solid 1px #3db7ef;}
.sycp_neirong .cpimg img{ vertical-align: middle; max-width: 248px; max-height: 201px; width: auto; height: auto; transition: all 0.6s;}
.sycp_neirong .cpimg img:hover{ transform: scale(1.4);}
.sycp_neirong .cptitle{ font-size: 14px; text-align: center; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}

/*首页关于我们*/
.about_bg{ background: url(../img/gywm.jpg) top center no-repeat; margin-top: 50px; height: 424px;}
.about_cont{ overflow: hidden; padding-top: 50px; color: #fff;}
.about_i{ width: 360px; height: 285px; border: 5px solid #fff;}
.about_i img{ width: 360px; height: 285px;}
.about_c{ width: 750px; line-height: 30px;}
.about_c h1{ font-size: 27px;}
.about_c p{ font-size: 14px; line-height: 2em; padding-top: 10px; text-indent: 2em;}
.about_c a{ display: block; width: 150px; background: #3db7ef; text-align: center; line-height: 43px; border-radius:3px; color: #fff; margin-top: 15px}
.about_c a:hover{ background:#0c67c3; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}

/*首页设备*/
.sbzs{ height: 480px;}
.sbzsgd{ padding:20px 0;}
.sbzsgd ul{ overflow:hidden; zoom:1; }
.sbzsgd ul li{ float: left;  width: 240px; height: 226px; position: relative; margin: 0 17px 30px 20px; padding: 10px; border-color: #eee; border-width: 1px; border-style: solid;}
.sbzsgd ul li .pic{ display: table-cell; vertical-align: middle; text-align: center; width: 240px; height: 200px; overflow: hidden;}
.sbzsgd ul li .pic img{ vertical-align: middle; max-width: 240px; max-height: 200px; width: auto; height: auto;}
.sbzsgd ul li .title{ line-height:24px; padding-bottom: 10px; font-size: 14px; text-align: center;}
.sbzs .tempWrap{width: 1200px!important;}

/*首页新闻动态*/
.newslist_bg{ background: url(../img/syxw.jpg) top center no-repeat; height: 377px; padding: 30px 0 70px 0;}
.news{ width: 715px;}
.news h3{ font-size: 17px; padding: 20px 0;}
.news .newsimg{ width: 279px; height: 276px;}
.news .newsimg img{ max-width: 279px; max-height: 276px;}
.news .newsnr{ width: 415px;}
.news .newsnr li{float: left; border-bottom: 1px solid #dbd4cd; margin-bottom: 10px; padding-bottom: 5px;}
.news .newsnr .news_time{ color: #ccc; width: 70px; padding: 0 30px; text-align: center;}
.news .newsnr .news_time .ri{ font-size: 30px; font-weight: bold; line-height: 35px;}
.news .newsnr .news_time .nianyue{ font-size: 13px;}
.news .newsnr .news_neirong{ text-align: left; overflow: hidden; width: 275px;}
.news .newsnr .news_neirong h4{ color: #5a5a5a; font-size: 16px; display: block; font-weight: normal;}
.news .newsnr .news_neirong h4:hover{ color:#3db7ef;}
.news .newsnr .news_neirong h5{ color: #999; font-size: 8px; font-weight: normal;}

.rongyu h3{ font-size: 17px; padding: 20px 0 10px 0;}
.picScroll-left{ width:388px;  overflow:hidden; position:relative;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ margin-top: 150px; width:32px; height:52px; opacity: 0.23; filter: alpha(opacity=23); -moz-opacity: 0.23; -khtml-opacity: 0.23;}
.picScroll-left .hd .next{ background:url("../img/sprite-r.png") no-repeat;}
.picScroll-left .hd .prev{ padding-right: 30px; background:url("../img/sprite-l.png") no-repeat;}
.picScroll-left .hd .prev:hover{ opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6;}
.picScroll-left .hd .next:hover{ opacity: 0.6; filter: alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6;}
.picScroll-left .bd{ padding:10px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .bd ul li .pic{ display: table-cell; vertical-align: middle; text-align: center; width: 240px; height: 300px; overflow: hidden; }
.picScroll-left .bd ul li .pic img{ max-width:240px; max-height:300px; display:block;  padding:2px; transition: all 0.6s;}
.picScroll-left .bd ul li .pic img:hover{ transform: scale(1.4);}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
.picScroll-left .bd ul li .title{ line-height:24px;}

/*地图留言*/
.maply{ height: 580px; background-color: #fff;}
.map{ float: left; width: 550px; padding-top: 50px;}
.map span{ width: 550px; height: 65px; background-color: #3db7ef; display: inline-block; line-height: 65px; text-align: center; color: #fff;}
.liuyan{ float: right; width: 600px; padding-top: 30px;}
.biaodan th{ font-size: 14px; color: #5a5a5a; font-weight: normal;}
.biaodan tr{ height: 70px;}
.biaodan .input-text { border: 1px solid #dedede; font-size: 12px; text-indent: 5px; height: 38px; line-height: 38px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px;}
.biaodan textarea{ border: 1px solid #dedede; font-size: 12px; text-indent: 5px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
.biaodan .button{ width: 250px; height: 45px; background-color: #3db7ef; line-height: 45px; text-align: center; font-size: 16px; color: #fff; cursor:pointer;}
.biaodan .button:hover{ background-color: #0c67c3; color: #fff;}
.biaodantu img{ max-height: 384px;}
input[type="button"], input[type="submit"], input[type="reset"] { border: 0; background-color: transparent; outline: none;}
#dituContent{ width:100%; height:385px; border:#ccc solid 1px;line-height: 2em;}
#dituContent img{ width:auto; height:auto;}

/*首页友情链接*/
.friendlink{ background: #fff; line-height: 60px; width: 100%; min-width: 1200px;}
.friendlink span{  font-size: 16px;}
.friendlink a{ padding:0 20px; text-decoration: underline;}

/*底部版权*/
.footer_bg{ background: #172646;}

.copyright{ margin-top: 40px }
.copy_f{ width: 950px; color: #fff; line-height: 28px; padding-top: 35px; font-size: 14px}
.navlist{ overflow: hidden;}
.navlist li{ line-height: 20px; width: 130px; border-right: 1px solid #46526c;}
.navlist li a{ display: block; text-align: center; color: #fff; font-size: 12px;}
.navlist li a:hover{ color:#3db7ef;}
.banquan{ text-align: center; padding-top: 35px; line-height: 2em;}
.banquan img{ vertical-align: middle; padding-left: 10px;}
.copy_f a{ color: #fff; }
.qk{ width: 235px; height: auto; overflow: hidden; background-color: rgba(0,0,0,.4);}
.qk img{ max-width: 145px; padding: 25px 45px}
.qk span{ text-align: center; color: #fff; display: block; padding-bottom: 40px;}


/*内页公共区域样式*/
.neiye{ margin: 30px 0 50px 0;}
/*内页左侧*/
.ny_zc{ width: 265px;}
.ny_zc .zcfl{ position: relative; z-index: 999;}
.ny_zc .zcfl span{ float: left; width: 85px; height: 85px; background-image: url(../img/flm.png); line-height: 85px; font-size: 90px; padding-left: 10px; color: #fff; font-family: 'Courier New'; font-style: italic;}
.ny_zc .zcfl span{-moz-box-sizing: border-box; /*Firefox3.5+*/
                  -webkit-box-sizing: border-box; /*Safari3.2+*/
                  -o-box-sizing: border-box; /*Opera9.6*/
                  -ms-box-sizing: border-box; /*IE8*/
                  box-sizing: border-box; /*IE9+，Safari5.1+,Chrome10.0+,Opera10.6+*/}
.ny_zc .zcfl h2{ padding-left: 10px; width: 170px; float: left; font-size: 28px; text-transform: uppercase; color: #0e7ac4; font-family: 'Courier New';}
/* .ny_zc .zcfl h3{ padding-left: 10px; float: left; font-size: 20px; letter-spacing: 3px;} */

.ny_zc .zcnr{ background: url(../img/fl.jpg); width: 264px; height: auto; position: relative; top: -20px;}
.ny_zc .zcnr ul{ padding: 10px 20px;}
.ny_zc .zcnr ul li{ color: #fff; text-align: center; width: 190px; height: 38px; line-height: 38px; font-size: 14px; margin: 0 12px; border-bottom: 1px solid #135A95;}
.zclx{ padding-top: 10px; position: relative; border-bottom: 1px solid #ccc;}
.enbt{ font-size: 24px; text-transform: uppercase; font-family: 'Courier New';}
.zclxnr{ padding: 20px 10px; font-size: 12px; line-height: 2em; font-weight: bold; background: url(../img/lx.jpg) no-repeat right bottom;}
/*内页右侧*/
.ny_yc{ width: 890px; padding: 10px 0}
.position{ float: right; font-size: 14px; position: relative; top: -25px;}
.position a{ color: #5A5A5A }
.ny_yc_xian{ position: relative; border-bottom: 1px solid #cccccc;}
.ny_nr{ padding: 20px; font-size: 14px; line-height: 2em;}
.ny_nr img{ max-width: 850px;}

.neirong{ padding: 10px 25px 0 25px; line-height: 2em;}
.neirong img{ max-width: 800px; text-align: center;}
.neirong h3{ margin: 20px 0; font-size: 15px; color: #333; border-bottom: 1px #c0c0c0 dashed;}

.pre_next{ margin-top: 20px;}
.pre_next{ margin: 40px 20px 0;}
.pre_next a:hover{ color: #3db7ef; text-decoration: underline;}

/*内页图片列表*/
.img_list{ width:220px; padding: 10px; margin: 10px 19px; border:1px solid #e3e3e3; border-radius: 3px}
.img_list .img{ display: table-cell; overflow: hidden; text-align: center; width: 220px; height: 150px; vertical-align: middle;}
.img_list img{ max-width: 220px; max-height: 135px}
.img_list .img:hover img{ -webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3); }
.img_list a{ text-align: center; display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}
.img_list:hover{ border: 1px solid #3db7ef; box-shadow: 0px 10px 30px 1px #dedede; -moz-box-shadow: 0px 10px 30px 1px #dedede; -webkit-box-shadow: 0px 10px 30px 1px #dedede; -o-box-shadow: 0px 10px 30px 1px #dedede;}
.img_list:hover > a{ color: #3db7ef;}

/*翻页样式*/
#pre{margin-top:20px; padding-top:10px; font-size:14px; clear:both; text-align:right; margin-bottom:15px}
#pre a{ color:#3db7ef;}
#pages {width: 100%;height: 50px;text-align: center;line-height: 50px;padding-top: 1px; clear:both;}
#pages a {background: #f5f5f5;border: #ddd solid 1px;padding: 2px 8px;margin: 0 2px;float: none;color: #666;font-size: 14px;}
#pages span {background: #3db7ef; color: #fff;border: #DDD solid 1px;padding: 2px 8px;margin: 0 2px;float: none;}

/*内页新闻列表*/
.ny_news ul li{ display:block; padding:10px 0; text-align:left; border-bottom:1px dashed #D9D9D9;}
.ny_news ul li img{ padding-right:10px;}
.ny_news ul li i:hover{ color:#3db7ef;}
.ny_news ul li a{ color:#333; padding-left: 5px;}
.ny_news ul li span{ float:right;}
.ny_news ul li a:hover{ color:#3db7ef;}

/*产品/图片详情内容*/
.permalink{ text-align: center; margin-bottom: 10px; font-size: 24px; font-weight: bold; color: #3db7ef;}
.post-miaoshu{ border: 1px solid #E5E5E5; background: #F5F5F5; color: #868686; padding: 5px; margin: 20px auto; font-size: 12px; text-align: left;} 
.xqtu{ text-align: center;}
.xqtu img{ max-width: 800px; overflow: hidden; border: 1px #c0c0c0 solid;}

/*新闻详情*/
.tt{ font-size: 20px; font-weight: bold;}
.date{ font-size: 12px; color: #5A5A5A; border-bottom: 1px #c0c0c0 dashed;}

/*悬浮客服*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#3db7ef url(../img/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#3db7ef url(../img/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#3db7ef url(../img/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#3db7ef url(../img/rightbar.png) no-repeat 0 -169px;}
.hd_qr{ display:block; width:120px; height:120px; margin:0 auto; margin-top:10px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}

/*搜索页样式*/
dl.nrydlt{height: 118px;overflow: hidden;width: 850px; text-align:left; padding: 10px 0; border-bottom: 1px dashed #ccc;}
dt{overflow: hidden;float: left; padding:0 15px;}
dl.nrydlt dt img { width: 135px;display: block; height:118px}
dl.nrydlt dt dd {float:right; overflow: hidden;}
dl.nrydlt dd .nrybt{ color: #333;font-size: 16px; font-weight:bold !important}
dl.nrydlt dd .nrybt:hover{ color:#ce2029;}
dl.nrydlt dd p {overflow: hidden; color:#676767; text-indent:0 !important}
dl.nrydlt dd a.nryxq { font-size: 12px; width: 83px; height: 24px; color: #ce2029;}
dl.nrydlt dd a.nryxq:hover{ font-weight:bold}