@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'; padding-top:70px; font-size: 12px; color: #424242; min-width: 1170px; 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: #004986; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.wrap { width: 1170px; margin: 0 auto; }
@font-face {
    font-family: HELVETICANEUELTPRO-THEX;
    src: url("../font/HELVETICANEUELTPRO-THEX.OTF") format("opentype");
}

/***导航***/
.headnav {height: 70px;  background:#f6f6f6; position:fixed; left:0px; top:0px; z-index:222; width:100%; }
.headnav .logo { float: left; height:48px; margin-top: 10px; }
.headnav ul { float: left; height: 70px; margin-right:30px; }
.headnav ul li { float: left; margin-left: 2px; }
.headnav ul li > a { display: block; height:70px; overflow:hidden; width: 110px; position: relative; line-height:70px; font-size: 15px; text-align: center; }
.headnav ul li > a span { width: 100%; position: absolute; height:70px; display: block; top: 0px; left: 0px; transition: all 0.5s cubic-bezier(0.5,0.3,0,1); z-index: 11; }
.headnav ul li > a em { width: 100%; position: absolute; height:70px; display: block; top:70px;left: 0px; background:#004986; color: #fff; transition: all 0.5s cubic-bezier(0.5,0.3,0,1); z-index: 1; }
.headnav ul li > a:hover span, .headnav ul li a.on span { -webkit-transform: rotateX(90deg) translateZ(45px); }
.headnav ul li > a:hover em, .headnav ul li a.on em { top: 0px; }
.headnav .fr .searchbox{ float:right; width:195px; margin-top:20px;}
.headnav .fr form { width:157px; float: left; height: 28px; border:1px solid #333; border-radius: 25px; margin-top:0px; background:none; position: relative; overflow: hidden; }
.headnav .fr form .intxt { border: 0px; background: none; width: 100%; height:28px; line-height:28px; font-size: 12px; position: absolute; top:-1px; left: 0px; padding-right: 30px; padding-left:12px; }
.headnav .fr form .sbtn { width: 30px; height:28px; background: url(../search.png) no-repeat center; position: absolute; right: 0px; top: 0px; border: 0px; }
.headnav .fr .user{ margin-top:5px; margin-left:12px;}

.mson{ position: absolute; top:70px; left:0px; width:100%; display:none; background:#fff; z-index:2222; padding:15px 0;}
.mson dl{ float:left; width:130px; text-align:center; margin-left:30px; }
.mson dl img{ display:block; width:130px; height:130px;margin-bottom:10px;}
.mson a:hover { color:#004986;}

/***焦点图***/
.banner { overflow: hidden; position: relative; }
.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: #004986; }
.banner .next, .banner .prev { width: 22px; height: 38px; position: absolute; cursor: pointer; transition: all 0.5s ease; top: 50%; transform: translateY(-50%); }
.banner .next { background: url(../btnl.png) no-repeat; left: 30px; transform: translateX(-60px); }
.banner .prev { background: url(../btnr.png) no-repeat; right: 30px; transform: translateX(60px); }
.banner:hover .next { transform: translateX(0); }
.banner:hover .prev { transform: translateX(0); }

/***产品***/
.title { text-align: center; margin-top:60px; }
.title h2 { font-size:36px; color:#313131; }
.title p{ height:5px; width:106px; background:#00479d; overflow:hidden; margin:0 auto; margin-top:15px;}
.product {  overflow: hidden; }
.product .bd{ margin-top:60px; overflow:hidden;}
.product .bd ul li{}
.product .bd img{ display:block; width:100%;}
.product .hd{ text-align:center; margin-top:40px;}
.product .hd ul li{ display:inline-block; width:15px; height:15px; border:1px solid #ddd; overflow:hidden; line-height:9999px; cursor:pointer; margin:0 6px; border-radius:50%;}
.product .hd ul li.on{ background:#004986; border-color:#004986}

.prolist { position: relative; overflow: hidden; margin-left: -50px; }
.prolist li { float:left; width:270px; height:270px; margin-right:30px; position:relative; overflow:hidden; }
.prolist li img { display: block; width: 100%; height: 100%; transition: all 2s cubic-bezier(0.5,0.3,0,1); }
.prolist li .msk { display:flex; justify-content:center; text-align:center; align-items:center; position: absolute; width:100%; height:100%; left:0px; top:0px; background:linear-gradient(#096aba, #07a64b); font-size: 16px; transition:all 0.8s cubic-bezier(0.5,0.3,0,1); transform:translateX(-100%); opacity:0; }
.prolist li .msk div{ color:#f1f1f1; line-height:24px;}
.prolist li .msk div h3{ font-weight:normal; font-size:16px;}
.prolist li .msk div p{ margin:10px 0; text-transform:uppercase;}
.prolist li .msk div p span{ display:block; width:80px; font-size:12px; margin:0 auto; text-align:center; height:30px; line-height:30px; border:1px solid #fff;}
.prolist li:hover img { transform: scale(1.3); }
.prolist li:hover .msk{ opacity:0.6;transform:translateX(0);}


.more { display: block; margin: 0 auto; height: 35px; color:#999; line-height: 35px; border-radius:30px; text-align: center; margin-top: 12px; border: 1px solid #eee; width: 125px; }
.more:hover { background: #004986; color: #fff; border: 1px solid #004986 }

/***新闻***/
.news{ overflow:hidden;}
.news ul { margin-left:-12px; overflow:hidden;}
.news ul li{ float:left; width:20%; padding-left:12px;}
.news ul li a{ display:block; overflow:hidden;}
.news ul li h3{ padding:10px 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news ul li .note{ font-size:14px; line-height:22px; color:#999; padding-top:10px;}
.news .more{ margin:40px auto;}

.cate{ text-align:center; padding-top:30px; margin-bottom:30px}
.cate a{ display:inline-block; padding:0px 25px; height:35px; line-height:35px; font-size:14px; border-radius:25px; color:#333; margin:0 12px;}
.cate a.on{ background:#004986; color:#fff;}

/***底部***/
.footer { background: #004986; padding-top: 50px; overflow:hidden; color:#86c6fb; }
.footer .f-about{ float:left; width:274px;}
.footer .f-about img{ display:block; margin-bottom:12px;}
.footer .f-about .note{ font-size:13px; line-height:23px;color:#86c6fb;}
.footer .f-about .note a{ padding-top:10px; display:inline-block;}
.footer  a{color:#86c6fb;}
.footer .f-con{ float:left; width:426px; margin-left:115px; line-height:28px;color:#86c6fb;} 
.footer .f-nav{ float:left; width:164px;}
.footer .f-nav a{ color:#86c6fb; line-height:28px;}
.footer .f-ewm{ float:right; width:89px; text-align:center;}
.footer .f-ewm img{ display:block; width:100%; margin-bottom:10px;}
.footer h2{ font-size:16px; font-weight:normal; margin-bottom:15px; color:#e8f5ff;}
.footer h2 span{ padding-bottom:5px;}
.footer .link{ margin-top:30px; overflow:hidden;}
.footer .link span{ float:left; padding:4px 12px; background:#086fc6; color:#86c6fb; margin-right:12px;}
.footer .link a{ color:#86c6fb; padding:5px 5px; display:inline-block;}
.footer .copyright{ background:#023865; text-align:center; margin-top:30px; color:#9ad1ff; padding:20px 0; line-height:23px;}
.footer a:hover{ text-decoration:underline;}

/***产品列表***/
.topimg { height:600px; overflow: hidden; border-bottom:2px solid #f7f7f7; margin-bottom:20px; }
.topimg a{ display:block; width:260px; text-align:center; font-size:16px; font-weight:bold; line-height:45px; height:45px;
 border:2px solid #00479d; color:#333; margin-top:300px;}
 .topimg a i{ width:20px; height:23px; vertical-align:-5px; background:url(../r.png) no-repeat center; background-size:15px auto; display:inline-block; margin-left:10px;}
 .topimg a:hover{ color:#00479d}
.content { background: #f2f2f2; overflow: hidden; padding-bottom:30px; }

.nycate{ float:left; background:#fff; width:220px; padding:26px;}
.nycate ul li a{ display:block; line-height:35px;transition:all 0.3s ease;}
.nycate ul li a i{width:13px; height:6px; overflow:hidden; vertical-align:2px; display:inline-block; background:url(../r2.png) no-repeat center; margin-left:5px; transform:translateX(-30px); opacity:0; transition:all 0.3s ease;}
.nycate ul li a span{ position:relative; z-index:1; background:#fff;}
.nycate ul li a:hover{ color:#00479d}
.nycate ul li a.on{ color:#00479d; font-weight:bold;}
.nycate ul li a.on i,.nycate ul li a:hover i{ transform:translateX(0); opacity:1;}

/***产品详情***/
.probox{ overflow:hidden;}
.probox .pro-tit{ height:49px; margin-bottom:40px; background:url(../bg2.png) no-repeat; padding:0 12px; line-height:49px; color:#fff; position:relative;}
.probox .pro-tit span{ font-size:18px; font-weight:bold; background:url(../down.png) no-repeat right center; padding-right:25px; cursor:pointer;}
.probox .pro-tit .pronson{ position:absolute;display:none;  width:200px; top:49px; background:#fff; left:0px; z-index:3333;border:1px solid #ddd}
.probox .pro-tit .pronson a{display:block; font-size:15px;text-align:center; font-weight:bold; height:40px; line-height:40px; overflow:hidden;}

.probox .pro-left{ float:left; width:197px;}
.probox .pro-left .plist{ margin-left:19px; min-height:300px;}
.probox .pro-left .plist li a{ display:block; font-size:14px; margin-bottom:12px;}
.probox .pro-left .plist li a.on{ color:#00479d; text-decoration:underline;}
.probox .pro-left .pro-item{ width:197px;}
.probox .pro-left .pro-item h3{ height:40px; background:#00479d; color:#fff; overflow:hidden; padding-left:19px; font-size:16px; line-height:40px;}
.probox .pro-left .pro-item ul{ background:#eee;}
.probox .pro-left .pro-item ul li{ display:block; cursor:pointer; line-height:40px; border-bottom:1px dotted #ddd; padding-left:20px; font-size:14px; font-weight:bold;}
.probox .pro-left .pro-item ul li.on{ color:#00479d;}
.probox .pro-left .pro-item.on{ position:fixed; left:50%; margin-left:-585px; top:70px;}

.probox .pro-right{ float:right; width:917px;}
.probox .pro-right .pro-top{ overflow:hidden;}
.probox .pro-right .pro-top img{ float:left; width:386px; height:271px; border:1px solid #333; }
.probox .pro-right .pro-top .text{ float:right; width:460px;}
.probox .pro-right .pro-top .text h1{ font-size:22px; border-bottom:1px solid #00479d; color:#00479d; padding-bottom:8px;}
.probox .pro-right .pro-top .text .note{ padding-top:15px; line-height:23px;}
.probox .pro-right .pro-cit{ border-bottom:1px solid #00479d; font-size:20px; padding-bottom:10px; margin-top:30px; font-weight:bold; color:#00479d}
.downtab{ width:100%; border-top:1px solid #eee; border-left:1px solid #eee; margin-top:20px;}
.downtab tr th{ background:#00479d; border-right:1px solid #eee; height:35px; color:#fff; text-align:left; padding-left:12px; font-size:14px;}
.downtab tr td{ font-size:14px; padding-left:12px; border-bottom:1px solid #eee; border-right:1px solid #eee; line-height:35px;}


/***分页***/
.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: #fff; display: inline-block; color: #888; margin: 0 2px; }
.page ul li.active span { background: #004986; color: #fff; border-color: #004986 }
.page ul li:hover a { background: #004986; color: #fff; border-color: #004986 }

/***内页右***/
.right{ float:right; width:917px;}
.right .rtit{ height:40px; line-height:40px; border-bottom:1px solid #333; color:#333; font-size:20px; font-weight:bold;}
.right .rtit h2{ font-size:18px;}
.table{ width:100%; margin-top:20px; border-top:1px solid #333; border-left:1px solid #333;}
.table tr th{ height:40px; background:#0070c0; border-right:1px solid #333; color:#fff;}
.table tr td{ height:40px; border-bottom:1px solid #333;border-right:1px solid #333; text-align:center;}

/***产品详情***/
.location { font-size: 14px; height: 50px; line-height: 48px; color: #686868; background: url(../home.png) no-repeat left center; padding-left: 40px; }
.location a { font-size: 14px; color: #686868; }
.location i { margin: 0 12px; color: #d6d6d6; }
.protop { background: #fff; overflow: hidden; padding: 20px; }
.protop .fl { float: left; width: 750px; }
.protop .fl .bd { height: 460px; width: 750px; overflow: hidden; border: 1px solid #ddd; }
.protop .fl .bd ul li { height: 460px; position: relative; width: 750px; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.protop .fl .bd ul li img { display: block; max-height: 100%; max-width: 100%; }
.protop .fl .bd ul li span { position: absolute; bottom: 0px; left: 0px; height: 45px; line-height: 45px; background: rgba(0,0,0,0.8); width: 100%; font-size: 16px; color: #fff; padding-left: 15px; }
.protop .fl .hd { height: 75px; overflow: hidden; margin-top: 14px; }
.protop .fl .hd ul { width: 760px; }
.protop .fl .hd ul li { float: left; width: 120px; margin-right: 6px; cursor: pointer; height: 75px; position: relative; overflow: hidden; }
.protop .fl .hd ul li img { width: 100%; height: 100%; }
.protop .fl .hd ul li.on:after { width: 100%; height: 100%; content: ''; position: absolute; left: 0px; top: 0px; border: 2px solid #004986; box-sizing: border-box; }
.protop .fr { width: 378px; }
.protop .fr h1 { font-weight: normal; font-size: 24px; color: #004986; }
.protop .fr .p1 { font-size: 14px; color: #6b6b6b; padding-top: 10px; }
.protop .fr .note { border-top: 1px solid #eee; margin-top: 15px; padding-top: 12px; font-size: 14px; line-height: 23px; color: #666; }
.protop .fr .note h2 { font-size: 16px; padding-bottom: 10px; }
.protop .fr .frbtn { margin-top: 25px; }
.protop .fr .frbtn a { display: block; width: 200px; height: 46px; background: url(../btn1.png) no-repeat; margin-bottom: 12px; }
.protop .fr .frbtn a.a2 { background: url(../btn2.png) no-repeat; }
.pdbox { padding: 20px 0; line-height: 26px; font-size: 14px; }
.pdbox a { color: #333; }

.cate.ny{ text-align:left; border-bottom:1px solid #333; padding-bottom:12px; overflow:hidden; margin-bottom:0px;}
.cate.ny a{ font-size:16px; font-weight:bold; float:left; margin:0px; margin-right:15px;}

/***新闻列表***/
.newlist { overflow: hidden; }
.newlist li { position: relative; height: 222px; overflow: hidden; border-bottom: 1px dashed #ddd; padding: 30px 0; }
.newlist li .date { width: 100px; height: 100px; left: 0px; top: 30px; background: #004986; position: absolute; text-align: center; color: #fff; font-size: 14px; }
.newlist li .date p b { display: block; font-size: 30px; padding-top: 7px; font-family:HELVETICANEUELTPRO-THEX }
.newlist li .date p.line { width: 25px; height: 1px; display: block; background: #fff; overflow: hidden; margin: 0 auto; margin-top: 12px; }
.newlist li .pic { float: left; width: 256px; height: 165px; margin-right:20px;  }
.newlist li .pic img { width: 256px; height: 165px; }
.newlist li .note { float:left ; eight: 165px; overflow: hidden; width:800px; }
.newlist li .note h2 { font-size: 18px; font-weight: normal; }
.newlist li .note .notec { font-size: 14px; line-height: 25px; color: #888; margin: 12px 0; }
.newlist li .note .mo { display: block; color: #004986; }
.newbox { background: #fff; 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: #004986; }
ee; }

.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;}