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

a:hover { text-decoration:underline;}



/* 头 部 */

.topbox{ width:100%; height:200px;}

.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:#039451;}

.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:#ff9702;}

.wwr .cs6{ width:13px; height:13px; margin:11px 10px 11px 0; display:block; cursor:pointer; float:right; background:#7ebd00;}



.lotbox{ width:1200px; height:110px; overflow:hidden; margin:0 auto;}

.logo{ width:700px; height:110px; overflow:hidden; float:left;}

.ttel{ height:48px; line-height:24px; margin:30px 0; padding:0 0 0 80px; overflow:hidden; float:left;display: none;}



.tteltu{ width:20px; height:40px; margin:4px 10px 4px 0; float:left; overflow:hidden;}

.ttel img{ width:20px; height:20px;}



.ttelhm{ width:374px; float:left; overflow:hidden;}

.ttelhm h1{ font-size:16px; font-weight:bold; display:block;}

.ttelhm h2{ font-size:24px; font-style:normal; display:block; white-space: nowrap;}



/* 导 航 */

.menubox{ width:100%; height:50px;}

.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:170px; font-size:16px; text-align:center; float:left; cursor:pointer;}

.nav .nLi h3 a{ display:block; text-decoration:none;}

.nav .sub{ width:170px; line-height:50px; position:absolute; left:0; top:50px; text-align:center; display:none;}

.nav .sub li{ overflow:hidden; 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 */

.banner{ width:100%; height:auto; overflow:hidden; margin:0 auto;}

.banner .bd{ position:relative; height:100%; z-index:0;}

.banner .bd li{ zoom:1; vertical-align:middle;}

.banner .bd img{ width:100%; height:auto; display:block;}

.banner .prev,

.banner .next{ position:absolute; left:10%; top:46%; margin-top:-25px; display:block; width:32px; height:40px;}

.banner .next{ left:auto; right:10%; background-position:8px 5px;}

.banner .prev:hover,

.banner .next:hover{ overflow:hidden;}

.banner .prevStop{ display:none;}

.banner .nextStop{ display:none;}



/* 类 别 */

.nbbox{ width:100%; padding:0 0 5px 0; overflow:hidden;}

.nbcon{ width:1200px; overflow:hidden; margin:0 auto;}



.nb1{ width:320px; height:135px; float:left; padding:0 80px 0 0; margin:50px 0; overflow:hidden;}

.nb1 h1{ width:24px; height:2px; overflow:hidden; display:block; margin:0 376px 0 0;}

.nb1 h2{ font-size:18px; height:36px; line-height:36px; font-weight:normal; display:block; margin:15px 0 0 0; overflow:hidden;}

.nb1 h2 span{ font-weight:bold; margin:0 5px;}

.nb1 .nb1ico{ width:320px; display:block; margin:20px 0 0 0; overflow:hidden;}

.nb1 .nb1ico li{ width:88px; float:left; line-height:30px; text-align:center; overflow:hidden;}

.nb1 .nb1ico li img{ width:36px; height:30px; display:block; margin:0 auto; overflow:hidden;}

.nb1 .nb1ico li a{ text-decoration:none;}

.nb1 .nb1ico li a:hover{ overflow:hidden;}



.nb2{ width:240px; height:135px; float:left; padding:0 80px 0 80px; margin:60px 0 0 0; overflow:hidden;}

.nb2 h1{ width:24px; height:2px; overflow:hidden; display:block; margin:0 376px 0 0;}

.nb2 h2{ font-size:23px; height:36px; line-height:36px; font-weight:normal; display:block; margin:10px 0 0 0; overflow:hidden;}

.nb2 h3{ height:24px; line-height:24px; font-weight:normal; display:block; overflow:hidden;}

.nb2 .nb2tel{ height:54px; line-height:27px; margin:10px 0 0 0; overflow:hidden;}

.nb2 .nb2tel p{ font-size:22px; font-style:italic;}

.nb2 .nb2tel img{ width:20px; height:20px; display:block; overflow:hidden; margin:0 10px 28px 0; float:left;}



.nb3{ width:320px; height:135px; float:left; padding:0 0 0 80px; margin:60px 0 0 0; overflow:hidden;}

.nb3 h1{ width:24px; height:2px; overflow:hidden; display:block; margin:0 376px 0 0;}

.nb3 h2{ font-size:23px; height:36px; line-height:36px; font-weight:normal; display:block; margin:10px 0 0 0; overflow:hidden;}

.nb3 h3{ height:24px; line-height:24px; font-weight:normal; display:block; overflow:hidden;}

.nb3 h3 a{ margin:0 10px 0 0;}

.nb3 .soubox{ width:320px; position:relative; display:block; margin:15px 0 0 0; overflow:hidden;}

.nb3 .soubox .sou{ width:260px; height:40px; border:0; padding:0 0 0 20px; overflow:hidden;}

.nb3 .soubox .go{ width:50px; height:40px; border:0; position:absolute; display:block; top:0; right:0; cursor:pointer; text-decoration:none;}



/* 标 题 */

.h-tit{ width:1200px; overflow:hidden; margin:25px auto 0 auto;}

.h-tit h1{ font-size:36px; text-align:center; font-weight:bold;}

.h-tit h2{ font-size:18px; line-height:36px; text-align:center; font-weight:normal; overflow:hidden;}

.h-tit h3{ width:30px; height:32px; display:block; position:relative; margin:0 auto;}

.h-tit h3 img{ width:30px; height:32px;}

.h-tit h3 .sl{ width:30px; height:1px; position:absolute; top:15px; right:40px;}

.h-tit h3 .sr{ width:30px; height:1px; position:absolute; top:15px; left:40px;}



.b-tit{ width:1200px; overflow:hidden; margin:0 auto;}

.b-tit h1{ font-size:36px; text-align:center; font-weight:bold;}

.b-tit h2{ font-size:18px; line-height:36px; text-align:center; font-weight:normal; overflow:hidden;}

.b-tit h3{ width:30px; height:32px; display:block; position:relative; margin:0 auto;}

.b-tit h3 img{ width:30px; height:32px;}

.b-tit h3 .sl{ width:30px; height:1px; position:absolute; top:15px; right:40px;}

.b-tit h3 .sr{ width:30px; height:1px; position:absolute; top:15px; left:40px;}



.hmore{ width:500px; height:50px; line-height:50px; font-size:16px; text-align:center; overflow:hidden; transition:all .2s ease-in 0s; margin:15px auto 30px auto; display:block;}

.hmore a{ width:498px; height:48px; line-height:48px; display:block; text-decoration:none; border-radius:20px;}

.hmore a:hover{ width:498px; height:48px; line-height:48px; border-radius:40px; transition:all .2s ease-in 0s;}



/* 新 品 */

.newbox{ width:100%; overflow:hidden;}

.newcon{ width:1200px; margin:0 auto;}

.newcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}

.newcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}

.newcon .hd li.on{ height:40px;}

.newcon .bd{ margin:10px 0 0 0; overflow:hidden;}

.newcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.newcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}

.newcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}



.newcon .bd li:hover 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;}

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



.newcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.newcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.newcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.newcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.newcon .bd li a .xmtit{ overflow:hidden;}

.newcon .bd li .hx a{ overflow:hidden;}

.newcon .bd li a .xmms{ overflow:hidden;}



.newcon .bd li:hover{ transition:all .2s ease-in 0s;}

.newcon .bd li:hover .xmtit{ overflow:hidden;}

.newcon .bd li:hover .hx{ overflow:hidden;}

.newcon .bd li:hover .xmms{ overflow:hidden;}



/* 通栏公告 */

.tlbox{ width:100%; height:155px; overflow:hidden; display:block;}



/* 推 荐 */

.tjbox{ width:100%; overflow:hidden;}

.tjcon{ width:1200px; margin:0 auto;}

.tjcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}

.tjcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}

.tjcon .hd li.on{ height:40px;}

.tjcon .bd{ margin:10px 0 0 0; overflow:hidden;}

.tjcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.tjcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}

.tjcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}



.tjcon .bd li:hover 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;}

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



.tjcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.tjcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.tjcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.tjcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.tjcon .bd li a .xmtit{ overflow:hidden;}

.tjcon .bd li .hx a{ overflow:hidden;}

.tjcon .bd li a .xmms{ overflow:hidden;}



.tjcon .bd li:hover{ transition:all .2s ease-in 0s;}

.tjcon .bd li:hover .xmtit{ overflow:hidden;}

.tjcon .bd li:hover .hx{ overflow:hidden;}

.tjcon .bd li:hover .xmms{ overflow:hidden;}



/* 热 销 */

.rxbox{ width:100%; overflow:hidden;}

.rxcon{ width:1200px; margin:0 auto;}

.rxcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}

.rxcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}

.rxcon .hd li.on{ height:40px;}

.rxcon .bd{ margin:10px 0 0 0; overflow:hidden;}

.rxcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.rxcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}

.rxcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}



.rxcon .bd li:hover 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;}

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



.rxcon .bd li .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.rxcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.rxcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.rxcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.rxcon .bd li a .xmtit{ overflow:hidden;}

.rxcon .bd li .hx a{ overflow:hidden;}

.rxcon .bd li a .xmms{ overflow:hidden;}



.rxcon .bd li:hover{transition:all .2s ease-in 0s;}

.rxcon .bd li:hover .xmtit{ overflow:hidden;}

.rxcon .bd li:hover .hx{ overflow:hidden;}

.rxcon .bd li:hover .xmms{ overflow:hidden;}



/* 产 品 */

.cpbox{ width:100%; overflow:hidden;}

.cpcon{ width:1200px; margin:0 auto;}

.cpcon .hd{ line-height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}

.cpcon .hd li{ padding:0 25px; margin:10px 10px 0 10px; border-radius:20px; text-align:center; display:inline-block; cursor:pointer;}

.cpcon .hd li.on{ height:40px;}

.cpcon .bd{ margin:10px 0 0 0; overflow:hidden;}

.cpcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.cpcon .bd li .xmtx{ width:280px; height:207px; overflow:hidden;}

.cpcon .bd li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}



.cpcon .bd li:hover 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 .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.cpcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.cpcon .bd li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.cpcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.cpcon .bd li a .xmtit{ overflow:hidden;}

.cpcon .bd li .hx a{ overflow:hidden;}

.cpcon .bd li a .xmms{ overflow:hidden;}



.cpcon .bd li:hover{ transition:all .2s ease-in 0s;}

.cpcon .bd li:hover .xmtit{ overflow:hidden;}

.cpcon .bd li:hover .hx{ overflow:hidden;}

.cpcon .bd li:hover .xmms{ overflow:hidden;}



/* 实力 */

.slbox{ width:100%; padding:50px 0 0 0; overflow:hidden;}

.slcon{ width:880px; overflow:hidden; margin:30px auto;}

.slcon li{ width:220px; height:70px; justify-content:center; overflow:hidden; float:left;}

.slcon li .slk1{ overflow:hidden;}

.slcon li .slk2{ font-size:16px; overflow:hidden;}

.slcon li .dz{ font-size:38px; font-style:italic;}

.slcon li .xz{ font-size:16px;}



/* 关于我们 */

.usbox{ width:1200px; margin:0 auto; overflow:hidden;}

.us_l{ width:600px; float:left; overflow:hidden;}

.us_r{ width:600px; float:left; overflow:hidden;}



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



.us_dw{ width:530px; height:260px; line-height:30px; padding:40px 40px 40px 30px; font-size:16px; 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;}



.z1{ overflow:hidden;}

.z2{ overflow:hidden;}

.z3{ overflow:hidden;}

.z4{ overflow:hidden;}



/* 案 例 */

.albox{ width:100%; overflow:hidden;}

.alcon{ width:1200px; margin:0 auto; overflow:hidden;}

.alcon .bd{ margin:10px 0 0 0; overflow:hidden;}

.alcon .bd li{ width:280px; margin:20px 10px 15px 10px; overflow:hidden; float:left;}

.alcon .bd li .tu{ width:280px; height:207px; overflow:hidden;}

.alcon .bd li .tu img{ width:280px; height:207px;}

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

.alcon .bd li a .tit{ font-size:16px; height:48px; line-height:48px; text-align:center; overflow:hidden;}

.alcon .bd li a:hover .tit{ transition:all .1s ease-in 0s;}



/* 精英团队 */

.tdbox{ overflow:hidden;}

.tdcon{ width:1200px; margin:0 auto; overflow:hidden;}



.tdcon .bd{ margin:10px 0 0 0; overflow:hidden;}

.tdcon .bd li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.tdcon .bd li .ttu{ width:280px; height:370px; overflow:hidden;}

.tdcon .bd li .ttu img{ width:280px; height:370px; overflow:hidden; transition:all .2s ease-in 0s;}



.tdcon .bd li:hover 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;}

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



.tdcon .bd li .bt{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.tdcon .bd li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.tdcon .bd li .tdms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.tdcon .bd li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.tdcon .bd li a .bt{ overflow:hidden;}

.tdcon .bd li .hx a{ overflow:hidden; }

.tdcon .bd li a .tdms{ overflow:hidden;}



.tdcon .bd li:hover{ transition:all .2s ease-in 0s;}

.tdcon .bd li:hover .bt{ overflow:hidden;}

.tdcon .bd li:hover .hx{ overflow:hidden;}

.tdcon .bd li:hover .tdms{ overflow:hidden;}



/* 新闻动态 */

.newsbox{ width:100%; overflow:hidden;}

.newscon{ width:1200px; overflow:hidden; margin:20px auto 0 auto;}



.newscon .hd{ height:40px; line-height:40px; text-align:center;}

.newscon .hd li{ text-align:center; display:inline-block; cursor:pointer;}

.newscon .hd li.on{ height:40px;}

.newscon .hd li a{ padding:0 25px; margin:0 10px; border-radius:20px; display:block; text-decoration:none;}



.newscon .bd{ overflow:hidden;}



.news-tu{ width:1200px; overflow:hidden;}

.news-tu ul{ width:1220px;}

.news-tu li{ width:590px; height:130px; line-height:30px; margin:20px 20px 0 0; overflow:hidden; float:left;}

.news-tu li .tu{ width:200px; height:130px; margin:0 20px 0 0; float:left; overflow:hidden;}

.news-tu li .tu img{ width:200px; height:130px; overflow:hidden;}

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

.news-tu 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);}

.news-tu li h1{ font-size:16px; overflow:hidden; margin:15px 0 0 0;}

.news-tu li a{ width:570px; height:130px; padding:0 20px 0 0; display:block; text-decoration:none; overflow:hidden;}

.news-tu li:hover a{ overflow:hidden;}

.news-tu li:hover a h1{ overflow:hidden;}



.news-lb{ width:1200px; overflow:hidden;}

.news-lb ul{ width:1220px;}

.news-lb li{ height:46px; line-height:46px; margin:20px 20px 0 0; overflow:hidden; float:left;}

.news-lb li a{ width:550px; padding:0 0 0 40px; display:block;}

.news-lb li a:hover{ text-decoration:none;}

		

/* 友情链接 */

.link{ height:40px; line-height:40px;}

.link h3{ float:left;}

.link a{ margin:0 10px 0 0; float:left;}



/* 底部 */

.footbox{ width:100%; padding:100px 0 0 0; overflow:hidden;}

.footcon{ width:1200px; overflow:hidden; margin:50px auto;}

.d1{ width:200px; float:left; margin:30px 30px 0 0; overflow:hidden;}

.d1 .dico{ width:36px; height:108px; float:left; margin:0 10px 0 0; overflow:hidden;}

.d1 .dico img{ width:36px; height:46px; overflow:hidden;}

.d1 h1{ font-weight:bold; font-size:16px; line-height:36px;}

.d1 h2{ font-weight:normal; line-height:24px;}



.d2{ width:200px; height:54px; float:left; margin:30px 30px 0 0; overflow:hidden;}

.d2 .dico{ width:36px; height:84px; float:left; margin:0 10px 0 0; overflow:hidden;}

.d2 .dico img{ width:36px; height:46px; overflow:hidden;}

.d2 h1{ font-weight:bold; font-size:16px; line-height:36px;}

.d2 h2{ font-weight:normal;}

.d3{ width:180px; height:54px; float:left; margin:30px 0 0 30px; overflow:hidden;}

.d3 .dico{ width:36px; height:84px; float:left; margin:0 10px 0 0; overflow:hidden;}

.d3 .dico img{ width:36px; height:46px; overflow:hidden;}

.d3 h1{ font-weight:bold; font-size:16px; line-height:36px;}

.d3 h2{ font-weight:normal;}



.d4{ width:220px; height:54px; float:left; margin:30px 0 0 30px; overflow:hidden;}

.d4 .dico{ width:36px; height:84px; float:left; margin:0 10px 0 0; overflow:hidden;}

.d4 .dico img{ width:36px; height:46px; overflow:hidden;}

.d4 h1{ font-weight:bold; font-size:16px; line-height:36px;}

.d4 h2{ font-weight:normal;}



.rwm{ width:280px; float:left;}

.rwm li{ width:96px; text-align:center; line-height:36px; overflow:hidden; float:left; margin:0 22px;}

.rwm li img{ width:96px; height:96px; display:block; margin:0 auto;}



.footdw{ width:100%; height:100px; overflow:hidden;}

.footzw{ width:1200px; line-height:50px; margin:0 auto; overflow:hidden;}

.footzw h1{ width:1200px; text-align:left; display:block; float:left; overflow:hidden;}

.footzw h2{ width:1200px; text-align:right; font-weight:normal; display:block; overflow:hidden; float:left;}



/*悬浮*/

.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; overflow:hidden; text-decoration:none;}

.fixed-right-nav a:hover{ text-decoration:none;}

.fixed-right-nav .backtop i{ display:block; width:28px; height:18px; margin:16px auto 0;}

.fixed-right-nav .msg i{ display:block; width:28px; height:18px; margin:8px auto 0;}

.fixed-right-nav .decora i{ display:block; width:28px; height:18px; margin:8px auto 0;}

.fixed-right-nav .qrcode i{ display:block; width:28px; height:18px; margin:15px auto 0;}

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

.fixed-right-nav .decoraDw{ font-size:16px; position:absolute; bottom:59px; visibility:hidden; right:80px; width:150px; height:40px; line-height:40px; 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; background-color:rgba(0,0,0,0.8); border-radius:5px;}

.fixed-right-nav .decora:hover .decoraDw{ visibility:visible; transform:scale(1); -webkit-transform:scale(1);}



/* 内页 */

.n-tit{ width:100%; overflow:hidden;}

.bb{ width:1200px; overflow:hidden; margin:40px auto;}

.n-tit h1{ line-height:24px; text-align:center;}

.n-tit h2{ font-size:36px; line-height:48px; text-align:center; font-weight:normal;}

.n-tit h3{ width:38px; height:3px; margin:10px auto 0 auto;}



.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{ width:100%; padding:10px 0 30px 0; overflow:hidden;}

.nfl ul{ width:1200px; overflow:hidden; margin:0 auto;}

.nfl li{ width:220px; font-size:16px; text-align:center; margin:20px 10px 0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; float:left;}

.nfl a{ width:220px; line-height:50px; display:block; text-decoration:none;}

.nfl li a:hover{ display:block;}

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



/* 详细分页 */

.fy{ padding:10px 0; margin:20px 0 0 0; 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-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; ;}

.n-news li:hover{ overflow:hidden;}



/* 产 品 */

.n-cp{ width:1200px; margin:10px auto; overflow:hidden;}

.n-cp li{ width:280px; float:left; overflow:hidden; margin:10px 10px 15px 10px; background-color:rgba(248,248,248,1);}

.n-cp li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.n-cp li .xmtx{ width:280px; height:207px; overflow:hidden;}

.n-cp li .xmtx img{ width:280px; height:207px; overflow:hidden; transition:all .2s ease-in 0s;}



.n-cp li:hover 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 .xmtit{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.n-cp li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.n-cp li .xmms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.n-cp li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.n-cp li a .xmtit{ overflow:hidden;}

.n-cp li .hx a{ overflow:hidden;}

.n-cp li a .xmms{ overflow:hidden;}



.n-cp li:hover{ transition:all .2s ease-in 0s;}

.n-cp li:hover .xmtit{ overflow:hidden;}

.n-cp li:hover .hx{ overflow:hidden;}

.n-cp li:hover .xmms{ overflow:hidden;}



/* 分 页 */

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



/* 案 例 */

.allb{ width:1200px; margin:0 auto; overflow:hidden;}

.allb li{ width:280px; margin:20px 10px 15px 10px; overflow:hidden; float:left;}

.allb li .tu{ width:280px; height:207px; overflow:hidden;}

.allb li .tu img{ width:280px; height:207px;}

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

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

.allb li a{ text-decoration:none;}

.allb li a .tit{ font-size:16px; height:48px; line-height:48px; text-align:center; overflow:hidden;}

.allb li a:hover .tit{ transition:all .1s ease-in 0s;}



/* 团 队 */

.tdlb{ width:1200px; margin:0 auto; overflow:hidden;}

.tdlb li{ width:280px; float:left; overflow:hidden; padding:0 0 10px 0; margin:10px 10px 12px 10px;}

.tdlb li .ttu{ width:280px; height:370px; overflow:hidden;}

.tdlb li .ttu img{ width:280px; height:370px; overflow:hidden; transition:all .2s ease-in 0s;}



.tdlb li:hover 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;}

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



.tdlb li .bt{ text-align:center; height:45px; line-height:45px; font-size:16px; font-weight:bold; padding:0 0 1px 0; margin:0 15px;}

.tdlb li .hx{ width:70px; height:1px; margin:0 auto 8px auto;}

.tdlb li .tdms{ width:240px; line-height:25px; overflow:hidden; margin:0 auto;}



.tdlb li a{ width:280px; display:block; text-decoration:none; overflow:hidden;}



.tdlb li a .bt{ overflow:hidden;}

.tdlb li .hx a{ overflow:hidden;}

.tdlb li a .tdms{ overflow:hidden;}



.tdlb li:hover{ transition:all .2s ease-in 0s;}

.tdlb li:hover .bt{ overflow:hidden;}

.tdlb li:hover .hx{ overflow:hidden;}

.tdlb li:hover .tdms{ overflow:hidden;}



/* 留言板 */

.lyb{ width:700px; margin:0 auto 30px auto; overflow:hidden;}

.lyb input{ width:300px; height:48px; line-height:48px; padding:0 0 0 20px; border:0; display:inherit; float:left; margin:30px 15px 0 15px; overflow:hidden;}

.lyb select{ width:320px; height:48px; line-height:48px; border:0; display:inherit; float:left; margin:30px 15px 0 15px; overflow:hidden;}

.lyb textarea{ width:600px; height:180px; line-height:48px; border:0; display:inherit; padding:10px 20px; margin:30px 0 0 15px; float:left; overflow:hidden;}

.lyb .an{ cursor:pointer; float:left;}