/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@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; transition:all .2s ease-in 0s;}
a:hover { text-decoration:underline;}

/* 头部 */
.topbox{ width:100%; height:170px; position:relative;}
.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:232px; padding:0 0 0 368px; overflow:hidden; float:left;}
.wwr ul{ width:242px;}
.wwr h3{ font-weight:normal; line-height:40px; float:left;}
.wwr li{ width:14px; height:40px; margin:0 0 0 10px; cursor:pointer; float:left;}
.wwr li img{ width:14px; height:40px;}

.lotbox{ width:1200px; height:130px; overflow:hidden; margin:0 auto;}
.logo{ width:556px; height:130px; overflow:hidden; float:left;}
.ttel{width: 235px;line-height:21px;margin: 44px 20px 44px 0;padding: 0 0 0 37px;overflow:hidden;float:left;}
.ttel h3{ font-size:16px; font-style:italic; float:left;}
.ttel i{width: 178px;font-size:24px;font-style:italic;float:left;}
.ttel img{ width:42px; height:42px; margin:0 10px 0 0; float:left;}

.tico{ margin:37px 0 0 0; float:left; overflow:hidden;}
.tico li{ padding:0 30px; line-height:36px; text-align:center; background:url(../img/ss.jpg) center left no-repeat; overflow:hidden; float:left;}
.tico li img{ width:32px; height:32px; display:block; margin:0 auto;}
.tico li a:hover{ text-decoration:none;}

.weixin{ width:120px; height:90px; margin:20px 0 0 0; overflow:hidden; float:left;}
.weixin h3{ width:30px; height:86px; text-align:center; line-height:16px; padding:4px 0 0 0; float:left;}
.weixin img{ width:90px; height:90px;}

/* 导航 */
.menubox{ width:100%; height:50px; position:absolute; left:0; bottom:-50px; z-index:1000; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);}
.nav{ width:1200px; height:50px; position:relative; z-index:1; margin:0 auto;}
.nav .nLi{ float:left; line-height:50px; position:relative; display:inline;}
.nav .nLi h3{ width:133px; font-size:16px; text-align:center; float:left;}
.nav .nLi h3 a{ display:block; text-decoration:none;}
.nav .sub{ display:none; width:133px; left:0; top:50px; position:absolute; text-align:center; line-height:47px;}
.nav .sub li{ zoom:1; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.2);}
.nav .sub a{ display:block; padding:0 10px; text-decoration:none;}
.nav .cur h3 a{ text-decoration:none;}

/* banner */
.slideBox{ min-width:1200px; height:530px; overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ height:530px; text-align:center; zoom:1; vertical-align:middle;}
.slideBox .bd img{ width:100%; height:530px; display:block;}
.slideBox .bd li a{ height:530px; display:block;}
.slideBox .prev,.slideBox .next{ width:58px; height:100px; position:absolute; top:43%; cursor:pointer; z-index:100; lter:alpha(opacity=60); -moz-opacity:.6;opacity:.6;}
.slideBox .prev{ left:10%; text-align:left; background:url(../img/l_btn_1.png) no-repeat; width:58px; height:100px;}
.slideBox .next{ right:10%; text-align:right; background:url(../img/r_btn_1.png) no-repeat; width:58px; height:100px;}
.slideBox .prev:hover,.slideBox .next:hover{ lter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

/* 搜索 */
.sou{ width:600px; position:relative; margin:0 auto;}
.sou input{ width:580px; height:38px; border:0; padding:0 0 0 10px;}
.sou .go{ width:36px; height:38px; position:absolute; display:block; top:0; right:10px; background:url(../img/b-fdj.png) right no-repeat; cursor:pointer; text-decoration:none;}

/* 关于我们 */
.abbox{ max-width:1920px; position:relative; padding:40px 0 0 0; margin:0 auto; overflow:hidden;}
.uscon{ width:1200px; height:300px; position:relative; margin:40px auto 0 auto; overflow:hidden;}
.ait{ font-size:48px; position:absolute; right:0; top:170px; z-index:100;}
.bit{ font-size:30px; position:absolute; right:0; top:230px; z-index:100;}
.video{ width:400px; height:300px; overflow:hidden; position:absolute; left:0; bottom:0; z-index:100;}
.abtit{ height:60px; position:absolute; left:430px; top:20px;}
.ab1{ width:180px; height:60px; overflow:hidden; margin:0 30px 0 0; float:left;}
.ab1 i{ width:60px; height:60px; display:block; border-radius:50%; margin:0 10px 0 0; float:left;}
.ab1 i img{ display:block; padding:14px 0 0 0; margin:0 auto;}
.ab1 h1{ font-size:14px; padding:9px 0 0 0; font-weight:bold;}
.ab1 h2{ font-size:16px;}
.ab1 a{ width:180px; height:60px; display:block;}
.ab1 a:hover{ text-decoration:none;}
.ab1 a:hover i{ transition:all .2s ease-in 0s;}
.ab2{ width:180px; height:60px; overflow:hidden; float:left;}
.ab2 i{ width:60px; height:60px; display:block; border-radius:50%; margin:0 10px 0 0; float:left;}
.ab2 i img{ display:block; padding:14px 0 0 0; margin:0 auto;}
.ab2 h1{ font-size:14px; padding:9px 0 0 0; font-weight:bold;}
.ab2 h2{ font-size:16px;}
.ab2 a{ width:180px; height:60px; display:block;}
.ab2 a:hover{ text-decoration:none;}
.ab2 a:hover i{ transition:all .2s ease-in 0s;}
.abcon{ width:510px; height:180px; line-height:30px; position:absolute; left:430px; top:100px; z-index:100; overflow:hidden;}
.abl{ width:26.04%; height:420px; transform:skewX(40deg); position:absolute; left:4.1666%; top:0;}
.abr{ width:26.04%; height:420px; transform:skewX(-45deg); position:absolute; right:5.2083%; top:0;}

/* 产品展示 */
.htit{ width:1200px; overflow:hidden; margin:50px auto 0 auto;}
.htit h1{ font-size:30px; text-align:center;}
.htit .tix{ height:3px; margin:10px 0; overflow:hidden;}
.htit .tix .hx{ width:450px; height:1px; margin:1px 0; float:left;}
.htit .tix .zx{ width:120px; height:3px; margin:0 90px; float:left;}
.htit h2{ font-size:30px; font-weight:normal; text-align:center;}
.fl{ width:1200px; overflow:hidden; margin:30px auto 0 auto;}
.fl .vl{ line-height:53px; font-size:16px; text-align:center; margin:0 2px 2px 0; float:left;}
.fl a{ width:196px; height:53px; text-decoration:none; display:block;}
.fl .on a{ text-decoration:none;}
.cpbox{ width:100%; overflow:hidden;}
.cpbox li{ width:16.04%; margin:10px 0.2604% 0 0.2604%; float:left;}
.cpbox li .tu{ overflow:hidden; margin:1.6949%;}
.cpbox li .tu img{ width:100%;}
.cpbox li .tu a{ -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;}
.cpbox li .tu a:hover{ 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);}
.cpbox li .ti{ margin:0 1.6949% 1.6949% 1.6949%; text-align:center; line-height:46px;}
.cpbox li .ti a{ display:block; text-decoration:none;}

.more{ width:1200px; overflow:hidden; margin:30px auto 0 auto;}
.more .mh{ width:500px; height:10px; margin:26px 0 0 0; float:left;}
.more .mz{ width:200px; text-align:center; float:left;}
.more .mz h1{ font-size:24px;}
.more .mz h2{ font-size:24px; font-weight:normal;}
.more a{ text-decoration:none;}

/* 联系 */
.llbox{ max-width:1920px; height:210px; position:relative; overflow:hidden; margin:50px auto 0 auto;}
.llcon{ width:1200px; position:relative; margin:0 auto;}
.lh{ width:35.41%; height:10px; position:absolute; top:0; left:0;}
.rh{ width:16.66%; height:10px; position:absolute; top:10px; right:0;}
.lltit{ width:310px; height:200px; transform:skewX(30deg); position:absolute; top:10px; left:50px; z-index:100;}
.erbox{ width:300px; height:200px; transform:skewX(-30deg); position:absolute; top:10px; right:0; z-index:100;}
.lxbox{ width:670px; height:200px; transform:skewX(-30deg); position:absolute; top:0; left:250px;}
.lxcon{ width:450px; position:absolute; top:0; left:420px; z-index:100;}
.lxcon .ot{ width:32px; height:32px; position:absolute; left:0; top:52px;}
.lxcon .ot img{ width:32px; height:32px;}
.lxcon .hm{ font-style:italic; line-height:32px; font-size:24px; position:absolute; left:40px; top:58px;}
.lxcon .dz{ width:450px; font-size:16px; line-height:30px; position:absolute; top:94px;}
.llwz{ width:310px; position:absolute; top:0; left:0; z-index:110;}
.llwz h1{ font-size:36px; position:absolute; top:57px; left:0;}
.llwz h2{ font-size:48px; font-weight:bold; position:absolute; top:43px; left:126px;}
.llwz h3{ font-size:36px; font-weight:normal; position:absolute; top:112px; left:90px;}
.ercon{ width:300px; position:absolute; top:0; right:0; z-index:110;}
.erwm{ width:200px; text-align:center; position:absolute; top:48px; right:50px;}
.erwm img{ width:97px; height:97px; display:block; margin:0 auto 10px auto;}


/* 新闻 */
.newsbox{ width:1200px; height:330px; overflow:hidden; margin:30px auto 0 auto;}
.news-l{ width:570px; height:330px; line-height:30px; margin:0 30px 0 0; float:left;}
.news-l .htu{ width:570px; height:210px; overflow:hidden;}
.news-l .htu img{ width:570px; height:210px;}
.news-l .htu a{ -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 .htu a:hover{ 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:14px 0 0 0; height:74px; overflow:hidden;}
.news-l .hwz h1{ font-size:16px;}
.news-m{ width:110px; line-height:32px; position:relative; overflow:hidden;}
.news-m .mm{ width:40px; height:32px; transform:skewX(-20deg); position:absolute; right:-10px; top:0;}
.news-m h1{ position:absolute; right:5px; top:0; z-index:100;}
.news-m a{ width:98px; height:32px; padding:0 0 0 12px; display:block;}
.news-m a:hover{ text-decoration:none;}
.news-m:hover .mm{ transition:all .2s ease-in 0s;}
.news-r{ width:600px; float:left;}
.news-r .cv{ width:470px; height:90px; line-height:30px; position:relative; margin:0 0 30px 0; padding:0 0 0 130px; overflow:hidden;}
.news-r .cv .rq{ width:130px; height:90px; transform:skewX(-20deg); position:absolute; left:-20px; top:0;}
.news-r li:hover .rq{ transition:all .2s ease-in 0s;}
.news-r .on .rq{ transition:all .2s ease-in 0s;}
.news-r h1{ position:absolute; left:40px; top:20px; z-index:100; font-size:30px;}
.news-r h2{ position:absolute; left:26px; top:46px; z-index:100; font-weight:normal;}
.news-r li h3{ font-size:16px; font-weight:normal; padding:15px 0 0 0;}
.news-r li a{ width:470px; height:90px; display:block; text-decoration:none;}

/* 案例 */
.albox{ margin:50px 0 0 0; padding:0 0 50px 0; overflow:hidden;}
.alcon{ padding:20px 0 0 0; overflow:hidden;}
.alcon .hd{ width:60px; margin:0 auto; overflow:hidden;}
.alcon .hd ul li{ width:0; height:0; font-size:0; float:left; margin:0 5px; cursor:pointer; border-radius:50%;}
.alcon .hd ul li.on{ width:0; height:0;}
.alcon .bd{ width:100%; overflow:hidden;}
.alcon .bd li{ width:16.04%; margin:10px 0.2604% 0 0.2604%; background:#fff; float:left;}
.alcon .bd li .pic{ overflow:hidden; margin:1.6949%;}
.alcon .bd li .pic img{ width:100%;}
.alcon .bd li .pic a{ -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 .pic a:hover{ 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 .le{ margin:0 1.6949% 1.6949% 1.6949%; text-align:center; line-height:46px;}
.alcon .bd li .le a{ display:block; text-decoration:none;}

@media screen and (min-width:1200px) and (max-width:1919px){.cpbox li{ width:15.98%;}.alcon .bd li{ width:15.98%;}}
		
/* 友情链接 */
.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{ width:920px; margin:0 38px 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; float:left;}
.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:2px; margin-bottom:2px; background:#939393; 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:29px; height:17px; margin:17px auto 0; background:url(../img/ico.png!c.png) no-repeat -42px -116px;}
.fixed-right-nav .msg i{ display:block; width:16px; height:17px; margin:9px auto 0; background:url(../img/ico.png!c.png) no-repeat -48px -45px;}
.fixed-right-nav .decora i{ display:block; width:18px; height:18px; margin:8px auto 0; background:url(../img/ico.png!c.png) no-repeat -47px -68px;}
.fixed-right-nav .qrcode i{ display:block; width:18px; height:18px; margin:15px auto 0; background:url(../img/ico.png!c.png) no-repeat -47px -91px;}
.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-banner{ min-width:1200px; height:240px; position:relative;}
.n-banner i{ height:240px; display:block;}

.ntit{ width:100%; height:90px; line-height:90px; position:absolute; right:0; bottom:0;}
.ntt{ width:1200px; overflow:hidden; margin:0 auto;}
.ntt h1{ font-size:26px; line-height:89px; margin:0 15px 0 0; float:left;}
.ntt i{ font-size:24px; height:90px; line-height:90px; float:left;}

.weiz{ float:right;}

.x-tit{ line-height:36px; text-align:center; padding:5px 0 20px 0; margin:0 0 15px 0;}
.x-tit h1{ font-size:24px; font-weight:bold;}

.nfl{ padding:10px 0 30px 0; text-align:center; 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; display:block; text-decoration:none;}
.nfl .on a{ text-decoration:none; transition:all .2s ease-in 0s;}

.nrwz{ width:1200px; padding:30px 0; line-height:36px; overflow:hidden; margin:0 auto;}
.nrwz img{ margin:15px auto;}

.lxwz{ width:1200px; padding:20px 0; line-height:36px; overflow:hidden; margin:0 auto;}
.lxwz p{ font-size:16px;}
.lxdt{ margin:20px 0 0 0;}

.fy{ padding:10px 0;}
.fy ul{ width:1200px; margin:0 auto;}
.fy li{ font-size:16px; line-height:36px;}
.fy li img{ margin:0 12px 0 20px;}

.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-news{ width:1200px; overflow:hidden; margin:30px auto;}
.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 .netu a{ -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 .netu a:hover{ 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:940px; 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;}

.flu{ padding:28px 0 30px 0; text-align:center;}
.flu ul{ width:1200px; overflow:hidden; margin:0 auto;}
.flu .uc{ font-size:16px; text-align:center; margin:2px 2px 0 0; float:left;}
.flu a{ width:196px; line-height:50px; display:block; text-decoration:none;}
.flu .on a{ text-decoration:none; transition:all .2s ease-in 0s;}

.ncp{ width:1200px; padding:0 5px; margin:10px auto 0 auto; overflow:hidden;}
.ncp li{ margin:0 5px 10px 5px; float:left;}
.ncp li .tu{ width:278px; height:213px; overflow:hidden; margin:5px;}
.ncp li .tu img{ width:278px; height:213px;}
.ncp li .tu a{ -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;}
.ncp li .tu a:hover{ 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);}
.ncp li .ti{ margin:0 5px 5px 5px; text-align:center; line-height:46px;}
.ncp li .ti a{ display:block; text-decoration:none;}