﻿@charset "utf-8";
/* 564379992@qq.com */
* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px; font-family: 'Microsoft Yahei'; font-size: 12px; color: #424242; min-width: 1200px; margin: 0 auto; position: relative; background: #fff; -webkit-text-size-adjust: none; }
html, body { width: 100%; height: 100% }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666; font-family: 'Microsoft Yahei'; }
i, em { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
ul, li { list-style-type: none; }
a { color: #424242; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; }
a:hover { color: #1e51ad; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1200px; margin: 0 auto; }
@font-face { font-family: HELVETICANEUELTPRO-THEX; src: url("../font/HELVETICANEUELTPRO-THEX.OTF") format("opentype"); }
/***头部***/

.headtop { height:120px; overflow: hidden; background: #fff; }
.headtop .logo { float:left; margin-top:30px; height:52px; }
.headtop .fr form { width:333px; height:40px; margin-top:40px; position: relative; overflow: hidden; }
.headtop .fr form .intxt { border: 0px; background: none; width: 100%; height:40px; line-height:40px; font-size: 12px; position: absolute; top: 0px; left: 0px; padding:0 20px; border:1px solid #eee; }
.headtop .fr form .sbtn { width:60px; height:100%; background:#1e51ad url(../img/search.png) no-repeat center; position: absolute; right: 0px; top: 0px; border: 0px; }

/***导航***/
.headnav { height:50px; background:#1e51ad;  }
.headnav ul li { float: left;width:133px; position:relative; }
.headnav ul li > a { display: block; height:50px; line-height:50px; color:#fff; font-size: 18px; text-align: center; }
.headnav ul li > a:hover,.headnav ul li > a.on{ background:#d82c3d;}
.headnav ul li .nson{ position:absolute; width:100%; left:0px; display:none; top:50ppx; background:#fff; z-index:1111;}
.headnav ul li .nson a{ display:block; font-size:14px; line-height:50px; border-bottom:1px solid #eee; text-align:center;}
.headnav ul li .nson a:hover{ background:#d82c3d; color:#fff;}

/***焦点图***/
.banner { overflow: hidden; width:1200px; margin:0 auto; height:350px; position: relative; }
.banner .bd ul { }
.banner .bd ul li { float: left; width: 100%; }
.banner .bd ul li img { display: block; width: 100%; }
.banner .hd { position: absolute; width: 100%; text-align: center; bottom: 12px; left: 0px; z-index: 1; }
.banner .hd ul li { width: 12px; height: 12px; display: inline-block; overflow: hidden; line-height: -999px; cursor: pointer; margin: 0 5px; background: rgba(255,255,255,0.3); border-radius: 50%; }
.banner .hd ul li.on { background: #1e51ad; }

.left{ float:left; width:230px; margin-top:12px;}
.left .kjfw{ border:1px solid #eee; padding:12px;}
.left .kjfw h2{ font-size:16px; color:#d61f30; border-bottom:1px solid #eee; padding:5px 0 10px 0;}
.left .kjfw li{ margin-top:10px;}
.left .kjfw li a{ display:block; height:60px; line-height:60px; border:1px solid #eee; padding-left:87px; font-size:15px; color:#555;}
.left .kjfw li.li1 a{ background:url(../img/n1.png) no-repeat 17px center;}
.left .kjfw li.li2 a{ background:url(../img/n2.png) no-repeat 17px center;}
.left .kjfw li.li3 a{ background:url(../img/n3.png) no-repeat 17px center;}
.left .kjfw li.li4 a{ background:url(../img/n4.png) no-repeat 17px center;}
.left .kjfw.n li a{ height:45px; line-height:45px; padding:0px; text-align:center;}
.left .kjfw.n li a.on,.left .kjfw.n li a:hover{ background:#1e51ad; color:#fff;}

.left .downc{ border:1px solid #eee; padding:12px; margin-top:12px;}
.left .downc h2{font-size:16px; color:#1e51ad; border-bottom:1px solid #eee; padding:5px 0 10px 0;}
.left .downc h2 a{ font-weight:normal; font-size:12px; float:right; color:#999; margin-top:5px;}
.left .downc h2 a:hover{ color:#1e51ad; text-decoration:underline;}
.left .downc ul li a{ display:block; border-bottom:1px dashed #ddd;  height:35px; line-height:35px; font-size:14px; background:url(../img/d.png) no-repeat left center; padding-left:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.right{ float:right; width:958px; }
.right .zbitem{ margin-top:24px;}
.right .zbitem .tit{ height:44px; position:relative; background:#e6e6e6; border-bottom:2px solid #d61f30;}
.right .zbitem .tit h2{ position:absolute; width:138px; height:53px; background:url(../img/titbg.png) no-repeat; text-align:center; line-height:54px; font-size:16px; color:#fff; text-align:center; bottom:0px; left:0px;}
.right .zbitem .tit a{ float:right; margin-right:12px; line-height:44px; color:#999; }
.right .zbitem .tit a:hover{ color:#1e51ad; text-decoration:underline;}
.right .zbitem .zbitem-box{ border:1px solid #eee; padding:12px; overflow:hidden; margin-top:12px;}
.right .zbitem .zbitem-box dl{ overflow:hidden;}
.right .zbitem .zbitem-box dl dd{ float:left;}
.right .zbitem .zbitem-box dl.dl1{ border-bottom:1px solid #eee; margin-bottom:10px;}
.right .zbitem .zbitem-box dl.dl1 dd{ text-align:center; padding:10px 0 10px 0; font-size:14px; }
.right .zbitem .zbitem-box dl dd:nth-child(1){ width:178px;}
.right .zbitem .zbitem-box dl dd:nth-child(2){ width:485px;}
.right .zbitem .zbitem-box dl dd:nth-child(3){ width:263px; float:right;}
.right .zbitem .zbitem-box dl dd a{ font-size:14px; color:#666px; padding:13px 10px; overflow:hidden; display:block;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.right .zbitem .zbitem-box dl dd a:hover{ text-decoration:underline;}
.right .zbitem .zbitem-box dl dd:nth-child(1) a{ background:url(../img/d2.png) no-repeat left center; padding-left:14px;}

.links{ height:72px; border:1px solid #eee; margin-top:12px; position:relative; padding-left:95px;}
.links .tit{ width:105px; height:72px; display:flex; justify-content:center; align-items:center; background:#1e51ad; color:#fff; text-align:center; font-size:16px; position:absolute; left:0px; top:0px;}
.links dl{ float:left; width:332px; height:40px; position:relative; margin-left:30px; cursor:pointer; margin-top:15px; }
.links dl dt{ height:40px; line-height:40px; font-size:14px; color:#666;padding:0 12px; background:#eef1f3 url(../img/ud.png) no-repeat 95% center; border:1px solid #eee;}
.links dl dd{ position:absolute; z-index:22; background:#fff; width:100%; border:1px solid #eee; bottom:40px; left:0px; display:none;}
.links dl dd a{ display:block; padding:0 12px; line-height:40px; height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#666;}
.links dl dd a:hover{ background:#f7f7f7;}

.footer{ background:#737373; margin-top:20px;}
.footer .copyright{ padding:20px 0; text-align:center; color:#fff; line-height:28px; font-size:14px; }

.nysearch{ overflow:hidden; padding-top:20px;}
.nysearch li{ font-size:14px; float:left; height:30px; margin-right:12px; line-height:30px;}
.nysearch li .intxt{ height:30px; border:1px solid #eee; width:200px; padding:0 10px;}
.nysearch li .sbtn{ height:30px; background:#1e51ad; color:#fff; border:0px; width:70px; cursor:pointer;}

/***分页***/
.page { overflow: hidden; text-align: center; padding: 40px 0; }
.page ul li { display: inline-block; }
.page ul li a, .page ul li span { padding: 10px 15px; background: #f7f7f7; display: block; color: #888; margin: 0 2px; }
.page ul li.active span { background: #1e51ad; color: #fff; border-color: #1e51ad }
.page ul li:hover a { background: #1e51ad; color: #fff; border-color: #1e51ad }

/***产品详情***/
.location { font-size: 14px; height: 50px; line-height: 48px; border-bottom:1px solid #eee; color: #686868; background: url(../img/home.png) no-repeat left center; padding-left: 40px; }
.location a { font-size: 14px; color: #686868; }
.location i { margin: 0 12px; color: #d6d6d6; }
.pdbox { padding: 20px 0; line-height: 26px; color: #666; font-size: 14px; }
.right .zbitem-box.pdbox{ padding:20px; min-height:500px;}
.pdbox a { color: #1e51ad; }
.newbox { background: #fff; min-height:500px; padding: 25px; overflow: hidden; }
.newbox .newtit { text-align: center; border-bottom: 1px solid #eee; padding-bottom: 12px; }
.newbox .newtit p { font-size: 14px; color: #888; padding-top: 15px; }
.prevnext { font-size: 16px; padding: 20px 0; overflow: hidden; color: #666; }
.prevnext .fl { width: 50%; overflow: hidden; }
.prevnext .fr { overflow: hidden; }
.prevnext a { color: #666; }
.prevnext a:hover { color: #1e51ad; }
.book { margin-top:30px;}
.book .intext { padding: 10px; width: 48%; float: left; border: 1px solid #eee; margin-bottom: 12px; }
.book .intext.i2 { float: right; }
.book .intext.te { float: none; width: 100%; height: 80px; }
.book .sbtn { padding: 10px; width: 120px; border: 0px; cursor: pointer; background: #0090da; color: #fff; }

.piclist{ overflow:hidden; margin-left:-20px; padding-right:10px;}
.piclist li{ float:left; width:33.333333%; padding-left:30px; padding-top:20px;}
.piclist li a{ display:block; font-size:14px; text-align:center;}
.piclist li a img{ display:block; width:100%; margin-bottom:10px;}
.piclist li a p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.newlist li a{display:block; border-bottom:1px dashed #ddd;  height:45px; line-height:45px; font-size:14px; background:url(../img/d.png) no-repeat left center; padding-left:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.newlist li a span{ float:right; color:#999;}

/***咨询***/
.zhixun{ position:fixed; z-index:1111; right:0px; bottom:20%;}
.zhixun ul li{ position:relative; margin-bottom:1px; width:77px; height:57px;}
.zhixun ul li .zxc{ width:77px; height:57px; background:#d82836; position:absolute; right:0px; top:0px; transition:all 0.3s ease;}
.zhixun ul li .zxc.ztel span{height:57px; text-align:center; font-family:'HelveticaNeueLTCom-LtEx'; width:150px; overflow:hidden; float:right; color:#fff; font-size:16px; line-height:57px;}
.zhixun ul li .zxc em{ display:block; width:77px; text-align:center; height:57px; font-size:12px; padding-top:36px; color:#fff; float:left;}
.zhixun ul li .zxc.zqq em{ background:#d82c3d url(../img/kf/qq.png) no-repeat center 9px;}
.zhixun ul li .zxc.ztel { width:227px; right:-150px;}
.zhixun ul li .zxc.ztel em{ background:#d82c3d url(../img/kf/tel.png) no-repeat center 9px; border-right:1px solid #bf1d2a}
.zhixun ul li .zxc.zwx em{ background:#d82c3d url(../img/kf/ewm.png) no-repeat center 9px;}
.zhixun ul li .zxc.zwx span{ position:absolute; right:77px; top:0px; width:120px; height:120px; background:#fff; transition:all 0.3s ease; transform:scale(0); transform-origin:right center; padding:5px;  opacity:0;}
.zhixun ul li .zxc.ztp em{ background:#d82c3d url(../img/kf/top.png) no-repeat center 9px;}
.zhixun ul li:hover .zxc.zqq,.zhixun ul li:hover .zxc.ztp{ width:85px;}
.zhixun ul li:hover .zxc.ztel{ right:0px; }
.zhixun ul li:hover .zxc.zwx span{ transform:scale(1); opacity:1;}














