﻿@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}

body{min-width: 1200px; width: 100%; overflow-x:hidden;}


/**/
.banner{ height:580px; width:100%; position:relative; z-index:1;}
.banner .bd{ height:580px; overflow:hidden;}
.banner .bd a{ display:block; background:url(banner.jpg) no-repeat center top;height:580px; overflow:hidden;}
.banner .bantil{ width:132px; height:17px; position:absolute; bottom:40px;left:50%; z-index:8;}
.banner .bantil li{ width:17px; height:17px; float:left; display:inline; margin:0 12px;background:#fff;}
.banner .bantil li.cur{background:#008fd7;}

.sou{ height:75px; border-bottom:1px solid #f0eeeb;overflow:hidden;}
.sou p{ width:600px; height:75px; font:14px "Microsoft Yahei"; line-height:75px; overflow:hidden; color:#646464;}
.sou p a{ display:inline-block; padding:0 8px; color:#666;}
.sou p b{ color:#333;}
.s_inp01{ margin-top:15px; width:375px; height:36px; border-bottom:1px solid #ababab;}
.inp01{ width:340px;outline:none; font:14px "Microsoft Yahei"; color:#666; overflow:hidden; height:35px; line-height:35px; border:0 ; background:none;}
.inp02{ background:url(sou2.gif) no-repeat center center; width:35px; height:35px; border:0; cursor:pointer;}

.jyu{ height:424px; position:relative; margin-left:-15px; margin-top:50px; overflow:hidden; background:url(jyu.jpg) no-repeat center top;}
.jyu2{ width:575px; float:right; margin-top:25px;}
.jyu2 h2{ height:135px; overflow:hidden; font:24px "Microsoft Yahei"; color:#222;}
.jyu2 h2 em{ display:block; background:url(jyu_h.png) no-repeat center top; width:200px; height:37px; color:#fff; line-height:37px; text-align:center; letter-spacing:3px;}
.jyu2 h2 i{ font-size:36px; color:#008fd7; font-style:italic; font-weight:bold;}
.jyu2 h2 span{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ccc; padding-top:5px;}
.jyu2 ul{ height:155px;}
.jyu2 li{ width:191px; float:left; height:155px; font:16px "Microsoft Yahei"; line-height:30px; color:#222;}
.jyu2 li span{ display:block; font:18px "Microsoft Yahei"; color:#666;}
.jyu2 li span i{ font:48px "Times New Roman", Times, serif; color:#222; font-weight:bold;}
.jyu2 h5{ font:24px "Microsoft Yahei"; font-weight:bold; color:#db241b; font-style:italic;}
.jyu2 h5 b{ font-size:36px;}

.xde{ height:672px; overflow:hidden; background:url(xde_bg.jpg) no-repeat center top; padding-top:63px;}
.xde dl{ width:400px; height:407px; padding-top:65px; float:left; overflow:hidden; background:url(xde1_bg.png) no-repeat center top;}
.xde dt{ width:133px; height:133px; margin:0 auto; overflow:hidden; background:url(xde1.png) no-repeat center top;}
.xde dd{ width:315px; margin:10px auto 0; text-align:center;}
.xde dd h3{ font:20px "Microsoft Yahei"; font-weight:bold; color:#222; padding:10px 0;}
.xde dd p{ font:16px "Microsoft Yahei"; line-height:26px; color:#666; height:78px; overflow:hidden;}
.xde dd a{ display:block; width:150px; height:43px; overflow:hidden; margin:35px auto 0; background:url(xde_btn1.png) no-repeat center top; font:16px "Microsoft Yahei"; text-align:center; line-height:39px;}
.xde .dl02 dt{background:url(xde2.png) no-repeat center top;}
.xde .dl03 dt{background:url(xde3.png) no-repeat center top;}
.xde .cur{ background:url(xde2_bg.png) no-repeat center top;}
.xde .cur dt{ background-position:0 -133px;}
.xde .cur dd h3,.xde .cur dd p{ color:#fff;}
.xde .cur dd a{ color:#fff; background:url(xde_btn2.png) no-repeat center top; color:#e60b01;}

.tit1{ text-align:center; font:36px "Microsoft Yahei" ; font-weight:bold; height:130px; overflow:hidden; line-height:62px;}
.tit1 a{ color:#222;}
.tit1 b{ color:#db241b;}
.tit1 em{ display:block; font:20px "Microsoft Yahei"; color:#666; margin-top:10px;}

.pro1{ height:900px; margin-top:80px; position:relative;}
.pro1 h4{ position:absolute; top:97px; right:0;}
.pro1 h2{ width:340px; height:100px; overflow:hidden; font:36px "Microsoft Yahei"; float:left;}
.pro1 h2 i a{ background:#008fd7; color:#fff; font-weight:bold;}
.pro1 h2 span{ display:inline-block; font:14px "Times New Roman", Times, serif; color:#999; text-transform:uppercase; padding-left:12px;}
.pro1 h2 p{ font:16px "Microsoft Yahei"; line-height:24px; color:#666; padding-top:15px;}
.pro1 h2 b a{ display:block; font:14px "Microsoft Yahei"; color:#008fd7; margin-top:12px; background:url(pro_jt.gif) no-repeat 80px center;}
.fen ul{ width:820px; float:right; height:56px; background:url(fen_line1.gif) repeat-x center top;}
.fen li{ font:16px "Microsoft Yahei"; line-height:56px; float:left; position:relative;}
.fen li a{ display:block; color:#fff; background:url(fen_jt1.gif) no-repeat 20px center; padding:0 25px 0 44px;}
.fen li a:hover,.fen .cur a{background:#d90b01 url(fen_jt2.gif) no-repeat 20px center; }
.fen li a:hover p,.fen .cur p{ display:block;}
.fen li p{ background:#f2f2f2; display:none; position:absolute; top:56px; left:0; width:345px;}
.fen li p a,.fen .cur p a{ display:block; float:left; line-height:40px; width:95px; border-bottom:1px solid #ccc; background:url(fen_jt3.gif) no-repeat 10px center; padding:0 0 0 20px; color:#666; height:40px; overflow:hidden;}
.fen li p a:hover{ background:url(fen_jt3.gif) no-repeat 10px center;}
.fen h5 a{ display:block; font:16px "Microsoft Yahei"; line-height:60px;background:url(fen_jt1.gif) no-repeat 20px center; padding:0 20px 0 44px; color:#fff; position:absolute; top:0; right:0;}
.pro li{ width:360px; height:360px; float:left; margin:0 40px 35px 0; background:#f2f2f2; overflow:hidden;}
.pro li img{ display:block; width:360px; height:319px;}
.pro li span{ display:block; padding:10px 20px 0 20px; border-top:1px solid #fff;}
.pro li span em{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; color:#222; line-height:30px; overflow:hidden;text-align:center;}
.pro li span i{ display:block; font:16px "Microsoft Yahei"; color:#666; height:30px; line-height:30px; overflow:hidden;}
.pro li a:hover em{ color:#008fd7;}
.pro .nones{ margin-right:0;}

.ys1{ height:1140px; background:url(ys_bg1.jpg) no-repeat center top;}
.ys1 .content{ position:relative;}
.ys1 h2{ width:167px; height:150px; font:24px "Microsoft Yahei"; font-weight:bold; color:#221814; position:absolute; top:684px; left:58px;}
.ys1 h2 em{ display:block; font:18px "Microsoft Yahei"; line-height:26px; padding-top:18px;}
.ys1 dl{ width:714px; position:absolute; top:476px; right:0;}
.ys1 dt{ font:24px "Microsoft Yahei"; font-weight:bold; color:#008fd7; padding-left:34px; margin-bottom:40px;}
.ys1 dt em{ display:block; color:#222; padding-left:50px;}
.ys1 dd p{ font:16px "Microsoft Yahei"; line-height:26px; color:#666; margin-top:10px; padding-left:15px; background:url(ys_jt.png) no-repeat left 8px;}
.ys1 dd p b{ color:#333;}

.ys .ys2{ height:1270px;background:url(ys_bg2.jpg) no-repeat center top;}
.ys2 dl{ width:520px;}
.ys2 .dl01{ top:56px; left:20px;}
.ys2 .dl02{ top:410px; left:20px; width:650px;}
.ys2 .dl03{ top:818px; left:650px;}

.guan1{ height:350px; background:url(guan1.jpg) no-repeat center top;}
.guan{ padding-top:135px; width:550px; padding-left:20px;}
.guan p{ font:18px "Microsoft Yahei"; line-height:50px; color:#222; background:url(guan_lx.png) no-repeat left center; padding-left:40px;}
.guan p b{ font-size:20px;}
.guan h5{ font:18px "Microsoft Yahei"; color:#666; background:url(guan_lx2.png) no-repeat left center; padding:10px 0 20px 55px; margin-top:30px;}
.guan h5 em{ font:24px "Times New Roman", Times, serif; color:#db241b;}
.guan h5 a{ display:inline-block; width:150px; height:43px; overflow:hidden; background:url(guan_btn.png) no-repeat center top; font:14px "Microsoft Yahei"; text-align:center; color:#db241b; line-height:35px; color:#db241b; float:right; margin-right:50px;}

.onl{ width:330px; height:320px; background:#008fd7; position:relative; margin-top:-20px; border-bottom:3px solid #016395;}
.onl h2{ font:20px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#fff; height:75px; padding-top:20px; overflow:hidden;}
.onl h2 em{ display:block; font:14px "Microsoft Yahei"; color:#bfe3f5;}
.onl ul{width:290px; margin:0 auto;}
.onl li{ margin-bottom:15px; height:33px;}
.onl .li01{ background:#fff url(icon1.png) no-repeat 270px center;}
.onl .li02{ background:#fff url(icon2.png) no-repeat 270px center;}
.onl li span{ display:block; float:left; width:60px; text-align:right; font:14px "Microsoft Yahei"; color:#222; line-height:33px; background:#fff;}
.onl li input{ width:196px; font:14px "Microsoft Yahei"; color:#222; border:0; line-height:33px; overflow:hidden; background:#fff;}
.onl .yz{ width:183px; position:relative;}
.onl .yz input{ width:110px;} 
.onl .yz img{ display:inline-block; width:60px; height:33px; position:absolute; top:0; left:190px; border:0;}
.onl .btt input{ width:290px; background:#00669a; color:#fff;}

.jx{ height:550px; margin-top:75px; background:url(jx_h.gif) no-repeat center 0;}
.jx2{ width:800px; margin:20px auto 0; position:relative;}
.js-roundabout{ width:100%; height:300px;}
.jx2 li{ width:587px; height:330px; display:inline-block; overflow:hidden; position:relative;}
.jx2 li img{ display:block;width:587px; height:330px;}
.jx2 li em{ display:none; width:100%; height:35px; font:14px "Microsoft Yahei"; text-align:center; background:url(jx_alp.png); position:absolute; bottom:0; left:0; line-height:35px; color:#fff;}
.jx2 li.roundabout-in-focus em{ display:block;}
.prev01{ display:block; width:38px; height:72px; overflow:hidden; background:url(jx_l.png) no-repeat; position:absolute; top:129px; left:-250px; z-index:8;}
.next01{ display:block; width:38px; height:72px; overflow:hidden; background:url(jx_r.png) no-repeat; position:absolute; top:129px; right:-250px; z-index:8;}

.wit{ height:645px; padding-top:75px; border-top:1px solid #ccc; background:url(wit_h.gif) no-repeat center 75px;}
.wit dl{ width:350px; height:419px; overflow:hidden; margin-right:72px; float:left; background:#f2f2f2;}
.wit dt{ width:310px; height:150px; margin:0 auto; padding-top:22px;}
.wit dt img{ display:block;width:310px; height:150px;}
.wit dd{ width:310px; margin:20px auto 0;}
.wit dd h3{ font:16px "Microsoft Yahei"; font-weight:bold; height:70px;}
.wit dd h3 a{ color:#222;}
.wit dd h3 em{ display:block; font:16px "Microsoft Yahei"; padding-top:8px;}
.wit dd p{ font:16px "Microsoft Yahei"; line-height:24px; color:#666; height:72px; overflow:hidden;}
.wit dd span a{ display:block; width:150px; height:43px; font:16px "Microsoft Yahei"; text-align:center; line-height:40px; color:#666; background:url(xde_btn1.png) no-repeat center top; margin-top:20px;}
.wit .nones{ margin-right:0;}
.wit .cur{ background:url(wit_bg.gif) repeat-x center top;}
.wit .cur h3 a,.wit .cur p{ color:#fff;}
.wit .cur span a{ color:#e60b01; background:url(xde_btn2.png) no-repeat center top;}

.about{ height:620px; padding-top:65px; background:#f2f2f2 url(about_h2.gif) no-repeat center 65px; overflow:hidden;}
.about dl{ height:425px; background:#fff url(about_bg.gif) no-repeat right top; padding:0 21px;}
.about dt{ width:510px; height:353px; float:right; overflow:hidden; padding-top:34px;}
.about dt img{ display:block; width:510px; height:353px; }
.about dd{ width:533px; padding:36px 0 0 15px; float:left; overflow:hidden;}
.about dd h3{ height:74px; background:url(about_h.gif) no-repeat left bottom; font:24px "Microsoft Yahei"; font-weight:bold;}
.about dd h3 a{ color:#222;}
.about dd h3 em{ display:block; font:24px "Times New Roman", Times, serif; color:#dadada; text-transform:uppercase;}
.about dd p{ font:16px "Microsoft Yahei"; line-height:28px; padding-top:20px; height:168px; overflow:hidden;}
.ab01{ width:450px; height:45px; margin-top:32px; border:2px solid #db241b; overflow:hidden;}
.ab01 a{ display:block; float:left; width:125px; height:45px; background:#db241b; font:16px "Microsoft Yahei"; text-align:center; line-height:45px; color:#fff;}
.ab01 span{ display:inline-block; font:16px "Microsoft Yahei"; text-align:center; line-height:45px; color:#db241b; width:325px;}
.ab01 span i{ font:24px "Times New Roman", Times, serif; font-weight:bold;}

.dy{ width:777px; height:450px; overflow:hidden; margin-top:48px;}
.tit3{ height:41px; border-bottom:1px solid #e5e5e5; overflow:hidden; margin-bottom:30px; background:url(dy_icon.gif) no-repeat left center; font:20px "Microsoft Yahei"; font-weight:bold; line-height:41px; padding-left:41px;}
.tit3 a{ color:#008fd7;}
.tit3 em a{ display:inline-block; float:right; font:14px Arial, Helvetica, sans-serif; color:#808080; background:url(dy_btn1.gif) no-repeat center top; width:92px; height:30px; line-height:30px; text-transform:uppercase; text-align:center;}
.dy01{ width:257px; float:left; overflow:hidden;}
.dy01 dt{ width:255px; height:190px; border:1px solid #eee;}
.dy01 dt img{width:255px; height:190px;}
.dy01 dd h3 a{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; line-height:40px; color:#222; overflow:hidden; padding:8px 0;}
.dy01 dd p{ font:16px "Microsoft Yahei"; line-height:24px; color:#666; height:72px; overflow:hidden;}
.dy01 dd p a{ color:#008fd7;}
.dy2{ width:475px; float:right; overflow:hidden;}
.dy2 dl{ height:115px;}
.dy2 dt{ width:55px; height:60px; padding-top:10px; text-align:center; font:14px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; color:#555; float:right; margin-top:5px; overflow:hidden; background:url(dy_btn.gif) no-repeat center top;}
.dy2 dt em{ display:block;}
.dy2 dd{ width:385px; float:left;font:16px "Microsoft Yahei"; line-height:24px; color:#666;}
.dy2 dd h3 a{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; color:#222; height:30px; line-height:30px; overflow:hidden;}

.faq{ width:360px; height:400px; overflow:hidden; margin-top:48px;}
.faq .tit3{background:url(faq_icon.gif) no-repeat left center; padding-left:30px;}
.faq dl{ padding-bottom:40px;}
.faq dt a{font:16px "Microsoft Yahei"; line-height:24px; color:#222; font-weight:bold; background:url(q.gif) no-repeat left center; padding-left:30px; overflow:hidden; display:block;}
.faq dd{font:16px "Microsoft Yahei"; line-height:24px; color:#666;background:url(a.gif) no-repeat left 3px; padding-left:30px; overflow:hidden; margin-top:5px;}

.link{ height:82px; border-top:1px solid #f2f2f2; overflow:hidden;}
.link h2{ width:118px; font:14px "Microsoft Yahei"; font-weight:bold; float:left;}
.link h2 em{ display:block; text-transform:uppercase; font:30px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#222; padding-top:15px;}
.link h2 a{ color:#222;}
.link p{ width:1080px; float:right; font:16px "Microsoft Yahei"; line-height:82px;}
.link p a{ display:inline-block; color:#666; padding:0 30px; background:url(link_h.gif) no-repeat right center;}
.link p em a{ background:none; padding:0; color:#222;}

