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

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:#707070; text-decoration:none; transition:all .2s ease-in 0s;}
a:hover { text-decoration:none;}

/* 头部 */
.topbox{ width:100%; height:120px;}
.topww{ width:100%; height:40px; overflow:hidden;}
.wwcon{ width:1200px; overflow:hidden; margin:0 auto;}
.wwl{ width:600px; line-height:40px; float:left;}
.wwr{ width:600px; overflow:hidden; float:left;}
.wwr h3{ width:80px; font-weight:normal; line-height:35px; display:block; float:right;}
.wwr li{ width:13px; height:35px; margin:0 0 0 10px; cursor:pointer; float:left;}
.wwr .cs1{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#0093ec;}
.wwr .cs2{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#c12800;}
.wwr .cs3{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#00b6b7;}
.wwr .cs4{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#e2365e;}
.wwr .cs5{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#fabf08;}
.wwr .cs6{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#7ebd00;}

.lotbox{ width:1200px; height:80px; margin:0 auto;}
.logo{ width:400px; height:80px; overflow:hidden; float:left;}

/* 导航 */
.menubox{ width:800px; height:80px; float:left;}
.nav{ width:800px; height:80px; position:relative; z-index:2;}
.nav .nLi{ float:left; line-height:80px; position:relative; display:inline;}
.nav .nLi h3{ width:100px; font-size:16px; text-align:center; float:left;}
.nav .nLi h3 a{ display:block; text-decoration:none;}
.nav .sub{ display:none; width:100px; left:0; top:80px; position:absolute; text-align:center; line-height:50px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; padding:0 10px; text-decoration:none;}
.nav .sub a:hover{ overflow:hidden;}
.nav .on h3 a{ text-decoration:none;}

/* banner */
.swiper-container{ width:100%; overflow:hidden; z-index:1;}
.swiper-slide{ text-align:center; overflow:hidden;}
.swiper-slide img{ width:100%;}

/* 公告&搜索 */
.soubox{ width:100%; height:40px; padding:20px 0; overflow:hidden;}
.soucon{ width:1200px; height:40px; margin:0 auto; overflow:hidden;}
.gao{ width:580px; height:40px; float:left; margin:0 20px 0 0; overflow:hidden;}
.ggico{ width:21px; height:40px; overflow:hidden; float:left;}
.ggtit{ width:89px; height:40px; line-height:40px; font-size:16px; font-weight:bold; margin:0 0 0 10px; float:left; overflow:hidden;}

.ggun{ width:460px; float:left; overflow:hidden;}
.ggun .bd{ height:40px; padding:0 10px; overflow:hidden;}
.ggun .bd .tempWrap{ width:460px !important;}
.ggun .bd ul{ overflow:hidden; zoom:1;}
.ggun .bd li{ margin:0 50px 0 0; float:left; height:40px; line-height:40px; text-align:left; _display:inline; width:auto !important;}
.ggun .bd li span{ float:right;}

.sou{ width:600px; position:relative; float:left; overflow:hidden;}
.sou input{ width:580px; height:40px; border:0; padding:0 0 0 20px;}
.sou .go{ width:52px; height:40px; position:absolute; display:block; top:0; right:0; cursor:pointer; text-decoration:none;}

/* 产品展示 */
.cpbox{ overflow:hidden;}

.htit{ padding:35px 0 0 0; height:99px;}

.dw1{ width:1200px; height:36px; text-align:center; overflow:hidden; margin:0 auto;}
.dw1 h1{ font-size:34px; height:36px; line-height:38px; padding:0 3px 0 0; display:inline-block; overflow:hidden;}
.dw1 h2{ font-size:30px; font-weight:normal; height:36px; line-height:36px; padding:0 0 0 3px; display:inline-block; overflow:hidden;}
.dw2{ width:1200px; height:39px; line-height:39px; text-align:center; overflow:hidden; margin:0 auto;}

.cpcon{ width:1200px; margin:0 auto;}
.cpcon .hd{ height:40px; line-height:40px; text-align:center; margin:20px 0 0 0; overflow:hidden;}
.cpcon .hd li{ padding:0 20px; display:inline-block; cursor:pointer;}
.cpcon .hd li.on{ height:40px;}
.cpcon .bd{ width:1200px; overflow:hidden;}
.cpcon .bd ul{ width:1220px;}
.cpcon .bd li{ width:285px; margin:20px 20px 0 0; overflow:hidden; float:left;}
.cpcon .bd li .tu{ width:285px; height:225px; overflow:hidden;}
.cpcon .bd li .tu img{ width:285px; height:225px;}
.cpcon .bd li .tit{ height:50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; padding:0 20px;}
.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;}

.hmore{ width:500px; height:50px; line-height:50px; font-size:17px; text-align:center; overflow:hidden; transition:all .2s ease-in 0s; margin:20px auto 40px auto; display:block;}
.hmore a{ width:498px; height:48px; line-height:48px; display:block; text-decoration:none; border-radius:15px;}
.hmore a:hover{ width:498px; height:48px; line-height:48px; border-radius:25px; transition:all .2s ease-in 0s;}

/* 关于我们 */
.usbox{ width:100%; height:600px; overflow:hidden;}
.uscon{ width:1200px; margin:0 auto; overflow:hidden;}
.us_l{ width:600px; float:left; overflow:hidden;}
.us_r{ width:600px; float:left; overflow:hidden;}

.us_tit{ height:150px; overflow:hidden;}
.uw1{ height:48px; margin:36px 0 0 0; overflow:hidden;}
.uw1 h1{ font-size:48px; height:48px; line-height:48px; font-weight:bold; padding:0 10px 0 0; float:left; overflow:hidden;}
.uw1 h2{ font-size:24px; font-weight:normal; height:48px; line-height:58px; float:left; overflow:hidden;}
.uw2{ height:36px; line-height:36px; overflow:hidden;}

.us_sp{ width:600px; height:340px; overflow:hidden;}

.us_dw{ width:530px; height:260px; line-height:30px; margin:150px 0 0 0; padding:40px 40px 40px 30px; position:relative; overflow:hidden;}
.z1{ width:20px; height:5px; position:absolute; top:20px; right:25px; overflow:hidden;}
.z2{ width:5px; height:20px; position:absolute; top:25px; right:20px; overflow:hidden;}
.z3{ width:20px; height:5px; position:absolute; bottom:20px; right:25px; overflow:hidden;}
.z4{ width:5px; height:20px; position:absolute; bottom:25px; right:20px; overflow:hidden;}

/* 实力 */
.slbox{ width:100%; overflow:hidden;}
.slcon{ width:1200px; height:70px; overflow:hidden; margin:30px auto;}
.slcon li{ width:300px; height:70px; justify-content:center; overflow:hidden; float:left;}
.slcon li .sltu{ width:70px; height:70px; overflow:hidden; float:left;}
.slcon li .sltu img{ width:70px; height:70px;}
.slcon li .sltit{ width:200px; height:70px; margin:0 0 0 10px; float:left; overflow:hidden;}
.slcon li .sltit .slk1{ overflow:hidden;}
.slcon li .sltit .slk2{ font-size:16px; overflow:hidden;}
.slcon li .dz{ font-size:38px; font-style:italic;}
.slcon li .xz{ font-size:16px;}

/* 新闻 */
.newsbox{ width:100%; overflow:hidden;}

.home_fl{ width:1200px; height:40px; line-height:40px; text-align:center; margin:20px auto; overflow:hidden;}
.home_fl li{ padding:0 20px; display:inline-block; cursor:pointer;}
.home_fl li.on{ height:40px;}

.newscon{ width:1200px; height:330px; overflow:hidden; margin:0 auto;}
.news-l{ width:555px; height:327px; transition:all .2s ease-in 0s; line-height:30px; margin:0 30px 0 15px; float:left;}
.news-l .htu{ width:555px; height:210px; overflow:hidden;}
.news-l .htu img{ width:555px; height:210px;}
.news-l 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;}
.news-l: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);}
.news-l .hwz{ padding:15px 15px 0 20px; line-height:24px; height:102px; overflow:hidden;}
.news-l .hwz h1{ font-size:16px; line-height:36px;}
.news-l:hover{ transition:all .2s ease-in 0s;}

.news-r{ width:600px; float:left; overflow:hidden;}
.news-r .cv{ width:555px; height:90px; line-height:30px; position:relative; margin:0 15px 30px 0; padding:0 30px 0 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-r .cv a{ display:block;}
.news-r .cv .rq{ width:90px; height:90px; text-align:center; float:left; margin:0 30px 0 0;}
.news-r li:hover .rq{ transition:all .2s ease-in 0s;}
.news-r .on .rq{ transition:all .2s ease-in 0s;}
.news-r .rq h1{ font-size:30px; display:block; margin:18px 0 0 0;}
.news-r .rq h2{ font-weight:normal; display:block;}
.news-r li h3{ font-size:16px; font-weight:normal; padding:15px 0 0 0;}
.news-r li a{ width:585px; height:90px; display:block; text-decoration:none;}
.news-r li:hover h2{ display:block;}
.news-r .on h1{ display:block;}
.news-r .on h2{ display:block;}

/* 案例 */
.albox{ width:100%; overflow:hidden;}
.alcon{ width:1200px; margin:0 auto; overflow:hidden;}
.alcon .bd{ width:1200px; overflow:hidden;}
.alcon .bd li{ width:285px; margin:0 20px 0 0; overflow:hidden; float:left;}
.alcon .bd li .tu{ width:285px; height:225px; overflow:hidden;}
.alcon .bd li .tu img{ width:285px; height:225px;}
.alcon .bd li .tit{ height:50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; padding:0 20px;}
.alcon .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;}
.alcon .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);}
.alcon .bd li a{ text-decoration:none;}

/* 友情链接 */
.link{ height:40px; 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; overflow:hidden;}
.foot .con{ width:1200px; height:170px; overflow:hidden; margin:0 auto;}
.con-l{ margin:0 40px 0 0; overflow:hidden; float:left;}
.dwz{ height:150px; line-height:30px; padding:20px 0 0 0;}
.h-rwm{ width:240px; height:170px; text-align:center; color:#fff; float:right;}
.h-rwm img{ width:97px; height:97px; display:block; margin:30px auto 10px auto;}

/*悬浮*/
.fixed-right-nav{ position:fixed; z-index:500; right:2%; top:50%; width:78px; text-align:center; opacity:.9;}
.fixed-right-nav a{ display:block; height:50px; border-radius:5px; margin-bottom:2px; background-color:rgba(85,85,85,0.9); overflow:hidden; color:#fff; text-decoration:none;}
.fixed-right-nav a:hover{ background:#3d3d3d; text-decoration:none;}
.fixed-right-nav .backtop i{ display:block; width:28px; height:18px; margin:16px auto 0; background:url(../images/ico.png!c.png) no-repeat 0 -72px;}
.fixed-right-nav .msg i{ display:block; width:28px; height:18px; margin:8px auto 0; background:url(../images/ico.png!c.png) no-repeat 0 -23px;}
.fixed-right-nav .decora i{ display:block; width:28px; height:18px; margin:8px auto 0; background:url(../images/ico.png!c.png) no-repeat 0 0;}
.fixed-right-nav .qrcode i{ display:block; width:28px; height:18px; margin:15px auto 0; background:url(../images/ico.png!c.png) no-repeat 0 -46px;}
.fixed-right-nav .qrcodePic{ position:absolute; bottom:2px; visibility:hidden; right:80px; width:120px; height:120px; transform:scale(0); -webkit-transform:scale(0); transition:all ease .2s;-webkit-transition:all ease .2s; transform-origin:right bottom; -webkit-transform-origin:right bottom;}
.fixed-right-nav .qrcodePic img{ width:120px; height:120px;}
.fixed-right-nav .qrcode:hover .qrcodePic{ visibility:visible; transform:scale(1); -webkit-transform:scale(1);}

/* 内页 */
.n-box{ width:100%; overflow:hidden;}
.n-con{ width:1160px; padding:20px; margin:20px auto; overflow:hidden;}
.b-tit{ width:100%; height:205px; overflow:hidden;}
.bb{ width:1200px; overflow:hidden; margin:60px auto;}
.b-tit h1{ line-height:24px; text-align:center;}
.b-tit h2{ font-size:36px; line-height:48px; text-align:center; font-weight:normal;}
.b-tit h3{ width:38px; height:3px; margin:10px auto 0 auto;}

.n-l{ width:240px; margin:0 20px 0 0; overflow:hidden; float:left;}
.n-r{ width:900px; overflow:hidden; float:left;}
.ntit{ height:52px; line-height:52px; padding:0 30px; font-size:18px; overflow:hidden;}

.fl{ overflow:hidden;}

.fl-cc{ overflow:hidden;}
.fl-cc li{ margin:10px 0; overflow:hidden;}
.fl-cc li a{ height:50px; line-height:50px; padding:0 0 0 30px; display:block;}
.fl-cc li a:hover{ overflow:hidden;}

.zubi{ height:50px; line-height:50px; padding:0 0 0 20px; overflow:hidden;}

.lx{ margin:10px 0 0 0; overflow:hidden;}
.lx-cc{ padding:0 10px 160px 10px; overflow:hidden;}
.lx-cc p{ line-height:24px; margin:10px 0; padding:10px;}

.nrwz{ width:880px; padding:0 0 20px 20px; line-height:30px; float:left; 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;}
.x-tit h1{ font-size:24px; font-weight:bold;}

.fy{ width:100%; padding:10px 20px; overflow:hidden;}
.fy li{ font-size:16px; line-height:36px;}
.fy li img{ margin:0 12px 0 20px;}

.n-news{ width:900px; overflow:hidden;}
.n-news li{ padding:20px; overflow:hidden;}
.n-news li:hover{ transition:all .2s ease-in 0s;}
.n-news li .netu{ width:180px; height:120px; margin:0 20px 0 0; overflow:hidden; float:left;}
.n-news li .netu img{ width:180px; height:120px; display:block;}
.n-news li a .netu 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-news li:hover a .netu 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-news li .newz{ width:658px; height:120px; line-height:30px; overflow:hidden; float:left;}
.n-news li .newz h1{ font-size:16px;}
.n-news li .newz h2{ font-size:12px; line-height:16px; padding:5px 0; font-weight:normal;}
.n-news li .newz h2 img{ width:16px; height:16px; margin:0 10px 0 0;}
.n-news li .newz a{ text-decoration:none;}

.pageListNav{ text-align:center; padding:20px 0;}
.pageListNav a{ display:inline-block; padding:0 15px; height:36px; line-height:36px; margin:0 5px; border-radius:5px;}
.pageListNav a:hover{ text-decoration:none;}
.pageListNav span{ 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; margin:8px 5px 0 0;}

.n-cp{ width:900px; margin:20px 0 0 0; overflow:hidden;}
.n-cp ul{ width:920px;}
.n-cp li{ width:285px; margin:0 20px 20px 0; overflow:hidden; float:left;}
.n-cp li .tu{ width:285px; height:225px; overflow:hidden;}
.n-cp li .tu img{ width:285px; height:225px;}
.n-cp li .tit{ height:50px; line-height:50px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; text-align:center; padding:0 20px;}
.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{ margin:15px 0 0 0; overflow:hidden;}
.oinput1{ border:1px solid #ccc; height:20px; line-height:20px; width:75px; color:#444; background:#fff;}
.oinput2{ border:1px solid #ccc; height:20px; line-height:20px; width:180px; color:#444; background:#fff;}
.textarea1{ border:1px solid #ccc; color:#444; background:#fcfcfc; font-size:14px; margin-top:5px;}
.mesage_ask{ line-height:1.8; background:#f5f5f5; padding:5px 10px; margin-top:10px; font-size:12px; color:#828282;}
.mesage_ask p{ margin:0;}
.mesage_replay{padding:5px 10px; line-height:1.8; font-size:14px;}
.mesage_replay p{ margin:0;}
.admin{ color:#f0c239;}