﻿@charset "utf-8";
/* CSS Document */
body, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div { border:0 none; margin:0; padding:0; font-weight:normal; font-family:"微软雅黑"; font-size:14px;}
header,footer, section, details, aside, menu, nav, article, hgroup, figure, figcaption, time { display:block; margin:0px; padding:0px;}
ul,ol,li{ list-style-type:none;}
select,input,img{ vertical-align:top;}
a img{ border:0;}
em,i{ font-style:normal;}
a:hover{ text-decoration:underline;}
a,a:active,a:focus { outline:none;}
textarea { resize:none;}
table { border-collapse:collapse; border-spacing:0;}
h2, h3, h4, h5, h6{ font-size:14px; font-weight:bold;}
.clearfix:before,.clearfix:after{ content:"";display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;/*IE/7/6*/}
a{ color:#585858; text-decoration:none;}
a:hover { text-decoration:none;}

/* 头 部 */
.topbox{ width:100%; height:130px; background:#48bf00; margin:0 auto; overflow:hidden;}
.topcon{ width:1200px; margin:0 auto; overflow:hidden;}

.logo{ width:480px; height:130px; float:left; overflow:hidden;}

.ttel{ width:280px; height:50px; margin:40px 0 50px 30px; overflow:hidden; float:right;}
.ttel h3{ color:#fff; font-size:15px; font-style:italic; line-height:12px; float:left;}
.ttel i{ color:#fff; font-size:24px; font-weight:bold; font-style:italic; line-height:32px; float:left;}
.ttel img{ width:42px; height:42px; margin:0 10px 30px 0; float:left;}

.weixin{ width:120px; height:90px; margin:20px 0 0 0; overflow:hidden; float:right;}
.weixin h3{ width:30px; height:86px; text-align:center; line-height:16px; padding:4px 0 0 0; color:#fff; background:#3d9800; float:left;}
.weixin img{ width:90px; height:90px;}

/* 导 航 */
.menu{ width:100%; height:52px; background:#3d9800;}
.nav{ width:1200px; height:52px; position:relative; z-index:1; margin:0 auto;}
.nav .nLi{ width:171px; float:left; line-height:52px; position:relative; display:inline;}
.nav .nLi h3{ width:171px; font-size:16px; font-weight:normal; text-align:center; float:left;}
.nav .nLi h3 a{ display:block; text-decoration:none;}
.nav .sub{ display:none; width:171px; left:0; top:52px; position:absolute; text-align:center; line-height:52px;}
.nav .sub li{ background-color:rgba(6,66,142,1); border-bottom:1px solid rgba(255,255,255,0.2); zoom:1;}
.nav .sub a{ color:#fff; display:block; padding:0 10px; text-decoration:none;}
.nav .sub a:hover{ color:#fff; background-color:rgba(255,255,255,0.1);}
.nav .on h3 a{ color:#fff; background:#06428e; text-decoration:none;}
.nav a{ color:#fff;}

/* banner */
.banner{ width:100%; max-height:1080px; overflow:hidden;}
.slideBox{ width:100%; min-width:1200px; max-height:1080px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative;}
.slideBox .bd li{ text-align:center; zoom:1; overflow:hidden;}
.slideBox .bd img{ width:100%; max-height:1080px; vertical-align:top;}
.slideBox .bd li a{ height:auto; display:block;}
.slideBox .prev,.slideBox .next{ width:58px; height:100px; position:absolute; top:40%; cursor:pointer; filter:alpha(opacity=60); -moz-opacity:.6;opacity:.6;}
.slideBox .prev{ left:10%; text-align:left; background:url(../images/L_btn.png) no-repeat; width:58px; height:100px;}
.slideBox .next{ right:10%; text-align:right; background:url(../images/R_btn.png) no-repeat; width:58px; height:100px;}
.slideBox .prev:hover,.slideBox .next:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}


/* 产品展示 */
.cpbox{ width:100%; padding:50px 0 20px 0; background:url(../images/bg.jpg) repeat;}
.htit{ width:1200px; height:40px; line-height:40px; font-size:30px; font-weight:bold; overflow:hidden; padding:0 0 30px 0; margin:0 auto; background:url(../images/htitbg.png) bottom no-repeat; color:#05428e;}
.htit span{ margin:0 0 0 10px; font-size:14px; color:#707070;}
.htit i{ font-size:14px; line-height:47px; margin:0 15px 0 0; float:right;}
.cpcon{ width:1200px; position:relative; margin:0 auto;}
.cpcon .hd{ height:40px; line-height:40px; position:absolute; right:0; top:-66px;}
.cpcon .hd li{ float:left; padding:0 20px; margin:0 10px; border-radius:20px; cursor:pointer;}
.cpcon .hd li.on{ height:40px; background:#05428e; color:#fff;}
.cpcon .bd{ overflow:hidden;}
.cpcon .bd ul{ padding:0 0 30px 0; overflow:hidden;}
.cpcon .bd li{ width:270px; margin:30px 15px 0 15px; overflow:hidden; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); float:left;}
.cpcon .bd li .tu{ width:270px; height:200px; overflow:hidden;}
.cpcon .bd li .tu img{ width:270px; height:200px;}
.cpcon .bd li .tit{ line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; padding:0 20px 20px 20px; background:#fff; color:#909090;}
.cpcon .bd li:hover .tit{ background:#50c700; color:#fff;}
.cpcon .bd li .tit span{ font-size:18px; display:block; margin:20px 0 0 0; color:#000;}
.cpcon .bd li:hover .tit span{ color:#fff;}
.cpcon .bd li a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.cpcon .bd li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.cpcon .bd li a{ text-decoration:none;}


/* 关于我们 */
.usbox{ width:1200px; margin:50px auto; overflow:hidden;}
.ustu{ width:600px; float:left; overflow:hidden;}

.ustu1{ width:280px; height:245px; overflow:hidden; margin:0 20px 0 0; float:left;}
.ustu1 img{ width:280px; height:245px; overflow:hidden;}
.ustu1 a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.ustu1 a:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.ustu2{ width:280px; height:245px; overflow:hidden; margin:0 20px 0 0; float:left;}
.ustu2 img{ width:280px; height:245px; overflow:hidden;}
.ustu2 a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.ustu2 a:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.ustu3{ width:280px; height:245px; overflow:hidden; margin:20px 20px 0 0; float:left;}
.ustu3 img{ width:280px; height:245px; overflow:hidden;}
.ustu3 a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.ustu3 a:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}

.ustit{ width:280px; height:245px; overflow:hidden; text-align:center; margin:20px 20px 0 0; color:#fff; background:url(../images/ustitbg.png) #00428e no-repeat; float:left;}
.ustit h1{ font-size:30px; display:block; margin:86px 0 0 0;}
.ustit h2{ font-size:24px; font-weight:normal; display:block;}

.usdw{ width:570px; height:510px; line-height:30px; float:left; padding:0 0 0 30px; position:relative; overflow:hidden;}
.dwtit{ overflow:hidden;}
.dwtitl{ width:180px; height:60px; float:left; margin:20px; background:#50c700; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);}
.dwtitl img{ width:32px; height:32px; float:left; display:block; margin:14px 10px 14px 22px;}
.dwtitl span{ font-size:12px; line-height:20px; display:block; margin:8px 0 0 0; color:#fff;}
.dwtitl i{ font-size:18px; line-height:20px; display:block; color:#fff;}

.dwtitr{ width:180px; height:60px; float:left; margin:20px; background:#00428e; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);}
.dwtitr img{ width:32px; height:32px; float:left; display:block; margin:14px 10px 14px 22px;}
.dwtitr span{ font-size:12px; line-height:20px; display:block; margin:8px 0 0 0; color:#fff;}
.dwtitr i{ font-size:18px; line-height:20px; display:block; color:#fff;}

/* 新闻列表 */
.newsbox{ width:100%; background:url(../images/bg.jpg) repeat; padding:50px 0 0 0; overflow:hidden;}
.newscon{ width:1200px; margin:0 auto;}

.lb-l{ width:585px; float:left; margin:0 30px 0 0;}
.lb-r{ width:585px; float:left;}
.lbtit{ margin:20px 0 0 0; height:50px; background:#fff; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.05);}
.lbtit h1{ width:110px; line-height:50px; color:#fff; font-size:18px; text-align:center; background:#50c700; float:left; overflow:hidden;}
.lbtit h2{ width:110px; line-height:50px; color:#fff; font-size:18px; text-align:center; background:#00428e; font-weight:normal; float:left; overflow:hidden;}
.lbtit span{ line-height:50px; float:right; margin:0 20px 0 0; overflow:hidden;}
.lbtu{ width:585px; height:160px; margin:20px 0 0 0; overflow:hidden;}
.lbtu img{ width:585px; height:160px;}
.lbcon{ margin:0 0 30px 0; overflow:hidden;}
.lbcon li{ padding:0 0 0 20px; background:url(../images/dian.png) center left no-repeat; font-size:16px; height:54px; line-height:54px; border-bottom:1px dashed #cfcfcf; overflow:hidden;}

/* 友情链接 */
.link{ height:12px; line-height:40px;}
.link h3{ color:#fff; float:left;}
.link a{ color:#fff; margin:0 10px 0 0; float:left;}

/* 底 部 */
.foot{ width:100%; padding:20px 0; background:#3d9800; overflow:hidden;}
.foot .con{ width:1200px; height:170px; overflow:hidden; color:#fff; margin:0 auto;}
.con-l{ width:840px; height:170px; margin:0 40px 0 0; overflow:hidden; float:left;}
.dwz{ line-height:30px; margin:45px 0 0 0;}
.dwz a{ overflow:hidden; color:#fff;}
.h-rwm{ width:160px; height:170px; text-align:center; float:left;}
.h-rwm img{ width:97px; height:97px; display:block; margin:30px auto 10px auto;}

/* 悬 浮 */
.xuanfu_menu_box{display: block; width:66px; position: fixed; bottom:30%; right:5px; z-index:1001; display:none;}
.xuanfu_menu_box li{ width:66px; height:58px; cursor:pointer; text-align:center; margin-top:2px; padding-top:8px; border-radius:5px; background:rgba(0,66,142,1); color:#fff;}
.xuanfu_menu_box li a{ display:block; color:#fff;}
.xuanfu_menu_box li:hover{ background:#d13f29;}
.xuanfu_menu_box li:hover a{ color:#fff;}
.xuanfu_menu_box li a em{ height:30px; line-height:30px; display:inline-block;}
.xuanfu_menu_box li.wd a em{ font-size:20px;}
.xuanfu_menu_box li.zx a em{ font-size:28px;}
.xuanfu_menu_box li.wx a em{ font-size:20px;}
.xuanfu_menu_box li.tel a em{ font-size:22px;}
.xuanfu_menu_box li.go_top a em{ font-size:26px;}
.xuanfu_menu_box li a p{ margin-top:2px; color:#fff;}

.toolbar-item{ position:relative;}
.toolbar-item:hover .toolbar-layer{ opacity:1; filter:alpha(opacity=100); transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1);}
.toolbar-layer{ background:rgba(209,63,41,1); padding:5px; width:auto; display:block; position:absolute; right:68px; bottom:-1px; opacity:0; filter:alpha(opacity=0);transform-origin:95% 95%; -moz-transform-origin:95% 95%;-ms-transform-origin:95% 95%; -o-transform-origin:95% 95%; -webkit-transform-origin:95% 95%; transform:scale(0.01); -moz-transform:scale(0.01); -ms-transform:scale(0.01); -o-transform:scale(0.01); -webkit-transform:scale(0.01); transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; -webkit-transition:all 1s; border-radius:5px;}
.toolbar-layer p{ width:140px; font-size:14px; text-align:center; line-height:30px; margin:0; padding:0; overflow:hidden;}
.toolbar-layer img{ width:120px; height:120px; overflow:hidden; padding:10px; text-align:center;}
.xuanfu_menu_box li.tel .toolbar-layer{ padding:6px 18px 3px 18px; overflow:hidden; }
.xuanfu_menu_box li.tel .toolbar-layer p{ line-height:30px; font-size:13px; width:178px; overflow:hidden; border-bottom:#e5e5e5 solid 1px; color:#fff;}
.xuanfu_menu_box li.tel .toolbar-layer p:last-child{ border-bottom:none;}
.xuanfu_menu_box li.tel .toolbar-layer p.ph{ font-size:24px; height:38px; line-height:38px; font-family:Arial; color:#fff;}


/* 内页 */
.n-box{ width:1200px; margin:20px auto; overflow:hidden;}

.nfl{ padding:10px 0 30px 0; text-align:center; background:#f8f8f8; border-bottom:1px dashed #cecece; overflow:hidden;}
.nfl .bi{ font-size:16px; display:inline-block; text-align:center; margin:20px 10px 0 10px;}
.nfl a{ width:196px; line-height:50px; background:#fff; border:1px solid #ececec; display:block; text-decoration:none;}
.nfl .on a{ color:#fff; background:#00428e; border:1px solid #00428e; text-decoration:none; transition:all .2s ease-in 0s;}

.nrwz{ padding:0 0 20px 20px; line-height:30px; overflow:hidden;}
.nrwz img{ max-width:880px; margin:15px auto;}
.x-tit{ line-height:36px; text-align:center; padding:30px 0 20px 0; margin:0 0 15px 0; color:#8e8e8e; border-bottom:1px dashed #cecece;}
.x-tit h1{ font-size:24px; font-weight:bold; color:#333333;}

.fy{ width:100%; background:#f8f8f8; padding:10px 0; border-top:1px dashed #cecece; overflow:hidden;}
.fy ul{ width:1200px; margin:0 auto;}
.fy li{ font-size:16px; line-height:36px;}
.fy li img{ margin:0 12px 0 20px;}

.n-xw{ width:1200px; overflow:hidden; margin:0 auto;}
.n-xw ul{ margin:20px 0 0 0;}
.n-xw li{ height:130px; line-height:30px; margin:0 20px 20px 0; overflow:hidden; background:#f8f8f8;}
.n-xw li .tu{ width:200px; height:130px; margin:0 20px 0 0; float:left; overflow:hidden;}
.n-xw li .tu img{ width:200px; height:130px; overflow:hidden;}
.n-xw li a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.n-xw li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.n-xw li h1{ font-size:16px; overflow:hidden; color:#333333; margin:15px 0 0 0;}
.n-xw li a{ height:130px; padding:0 20px 0 0; color:#707070; display:block; text-decoration:none; overflow:hidden;}
.n-xw li:hover a{ background:#ececec; color:#707070;}
.n-xw li:hover a h1{ color:#333333;}
.ntu{ width:570px; height:210px; margin:0 30px 0 0; float:left; overflow:hidden;}
.ntu img{ width:570px; height:210px;}

.n-cp{ overflow:hidden;}
.n-cp ul{ padding:0 0 30px 0; overflow:hidden;}
.n-cp li{ width:270px; margin:30px 15px 0 15px; overflow:hidden; -webkit-box-shadow:0 0 20px rgba(0,0,0,0.1); float:left;}
.n-cp li .tu{ width:270px; height:200px; overflow:hidden;}
.n-cp li .tu img{ width:270px; height:200px;}
.n-cp li .tit{ line-height:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; padding:0 20px 20px 20px; background:#ececec; color:#909090;}
.n-cp li:hover .tit{ background:#50c700; color:#fff;}
.n-cp li .tit span{ font-size:18px; display:block; margin:20px 0 0 0; color:#000;}
.n-cp li:hover .tit span{ color:#fff;}
.n-cp li a img{ -webkit-transition:All 2s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; transition:All 0.4s ease-in-out;}
.n-cp li:hover img{ text-decoration:none; display:block; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05);-ms-transform:scale(1.05);}
.n-cp li a{ text-decoration:none;}

.lyb-box{ width:1200px; margin:15px 0; overflow:hidden;}

.k1{ width:380px; margin:0 10px; float:left; overflow:hidden;}
.kk{ width:357px; border:0; height:50px; line-height:50px; padding:0 0 0 20px; background:#f5f5f5; color:#707070;}
.k2{ width:1180px; margin:20px 10px 0 10px; float:left; overflow:hidden;}
.kc{ width:1140px; border:0; padding:10px 20px; height:800px; line-height:30px; font-family:"微软雅黑"; font-size:14px; overflow:hidden; background:#f5f5f5; color:#707070;}
.aa{ width:300px; height:50px; border:0; display:block; float:left; margin:20px 450px 0 450px; font-size:16px; background:#00428e; color:#fff;}

.pageListNav{ background:#f8f8f8; text-align:center; padding:20px 0;}
.pageListNav a{ color:#585858; border:1px solid #cecece; display:inline-block; padding:0 15px; height:36px; line-height:36px; margin:0 5px; border-radius:5px; transition:all .2s ease-in 0s;}
.pageListNav a:hover{ color:#fff; background:#00428e; border:1px solid #00428e; text-decoration:none;}
.pageListNav span{ color:#585858; border:1px solid #dfdfdf; display:inline-block; padding:0 15px; height:36px; line-height:36px; margin:0 5px; border-radius:5px;}
.pageListNav .ym{ width:27px; padding:0 15px; text-align:center; height:18px; border:1px solid #cecece; margin:8px 5px 0 0;}
