@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal;}




/**/
.banner a{ display:block;  height:680px; overflow:hidden;}



.sc{ height:520px; padding-top:75px; overflow:hidden; background:url(Img/Index/sc_bg.jpg) no-repeat center top;}
.tit1{ height:120px; text-align:center; overflow:hidden; font:40px "Microsoft Yahei"; color:#3e4242;}
.tit1 a{ color:#3e4242;}
.tit1 em{ display:block; font:18px "Microsoft Yahei"; padding-top:5px;}
.sc dl{ padding:0 20px; width:260px; float:left; text-align:center; height:280px; overflow:hidden;}
.sc dt{ height:165px; font:55px Arial, Helvetica, sans-serif; font-weight:bold; color:#384652;}
.sc dt h3 a{ display:block; height:45px; font:16px "Microsoft Yahei"; font-weight:bold; color:#384652; background:url(Img/Index/sc_line.gif) no-repeat center bottom; margin-bottom:20px;}
.sc dt h3 i{ display:block; height:45px; font:16px "Microsoft Yahei"; font-weight:bold; color:#384652; background:url(Img/Index/sc_line.gif) no-repeat center bottom; margin-bottom:20px; font-style:normal;}
.sc dt em{ vertical-align:super; font-size:30px;}
.sc dt span{ display:block; font:14px "Microsoft Yahei"; color:#555;}
.sc dt b{ font:18px "Microsoft Yahei"; font-weight:bold; position:relative; margin-left:-16px;}
.sc dd{ font:14px "Microsoft Yahei"; text-align:center; line-height:26px; color:#555;}
.sc .cur dt,.sc .cur b,.sc .cur em{ color:#5ebbbb;}
.sc h5{ width:222px; height:42px; margin:0 auto; overflow:hidden;}

.pro{background:#f1f1f1 url(Img/Index/pro_bg.gif) no-repeat center top;/* height: 1065px; */overflow:hidden;}
.pro .content{position:relative;height: 855px;}
.pro .tit1{ font-size:35px; padding-top:75px; height:120px; width:1200px;}
.pro h2{ font:12px Arial, Helvetica, sans-serif; color:#777; text-transform:uppercase; position:absolute; top:89px; left:0; height:20px; width:200px;}
.prot{width:270px;/* height:172px; */overflow:hidden;float:left;}
.prot h3{height: 44px;font:32px "黑体";/* background:url(Img/Index/sc_line.gif) no-repeat left bottom; */}
.prot h3 a{ color:#fff; display:inline-block; width:130px; background:#384652; float:left;}
.prot h3 span{color:#fff;display:inline-block;width:130px;background: #0465cc;float:left;}
.prot h3 em{ display:inline-block; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#384652; margin-left:10px; background:url(Img/Index/pro_h.gif) no-repeat left 3px; padding-left:30px; float:left;}
.prot h3 em i{display:block;color: #0465cc;font-weight:bold;}
.prot p{ font:16px "Microsoft Yahei"; line-height:26px; color:#555; margin-top:16px;}
.prot p span a{color: #0465cc;padding-right: 25px;margin-left: 15px;font-size:14px;background:url(Img/Index/pro_jt.gif) no-repeat 60px center;}
.fen{width: 930px;/* height: 112px; *//* overflow:hidden; */float:right;}
.fen ul{height:50px;background: #0465cc;margin-top:3px;}
.fen li{float:left;height:50px;text-align:center;font:14px "Microsoft Yahei";line-height:50px;position:relative;z-index: 1111;}
.fen li a{display:block;height:53px;position:relative;font-size: 12px;margin-top:-3px;background: url(Img/Index/fen_jt1.gif) no-repeat 4px 22px;padding-left: 19px;padding-right: 11px;color:#fff;}
.fen li a:hover,.fen .cur a{background: #0a8900 url(Img/Index/fen_jt2.gif) no-repeat 8px 22px;text-decoration:none;}
.fen .erji{ position:absolute; top:50px; background:#48a3a3; width:200px; display:none;}
.fen .erji a{background: #0465cc url(Img/Index/fen_jt3.gif) no-repeat 15px 22px;border-bottom: 1px solid #0465cc;height:50px;margin:0;}
.fen h4{font:12px Arial, Helvetica, sans-serif;text-transform:uppercase;color:#384652;line-height:34px;text-align:right;width: 290px;height: 48px;float:right;margin-top: 14px;}
.fen h4 a{ color:#384652;}
.fen h4 span{ color:#384652;}
.prolo{width:180px;height:464px;background: #0465cc;float:left;}
.prolo h3{ width:142px; margin:0 auto 63px; height:38px; overflow:hidden; padding-top:25px;}
.prolo h3 img{ widows:142px; height:38px;}
.prolo h4{ height:106px; width:142px; margin:0 auto; font:18px "Microsoft Yahei";}
.prolo h4 a{ color:#fff;}
.prolo h4 em{display:block;font:12px Arial, Helvetica, sans-serif;text-transform:uppercase;color: #0a8900;}
.prolo p{ width:180px; height:232px;}
.prolo p img{width:180px; height:232px;}
.pro2{width:997px;float:right;/* height: 764px; */overflow:hidden;}
.pro2 li{width:664px;height:464px;position:relative;float:left;z-index: 0;margin-right:26px;}
.pro2 li img{width:664px; height:464px;}
.pro2 li h5{ width:664px; height:50px; overflow:hidden; background:url(Img/Index/pro_alp.png); position:absolute; bottom:0; left:0;}
.pro2 li b{ padding:0 30px;}
.pro2 li p{ width:585px; height:50px; font:18px "Microsoft Yahei"; line-height:50px; padding:0 40px; background:url(Img/Index/pro_sou.png) no-repeat 624px center; color:#fff;}
.pro2 .nones{margin:0 26px 26px 0;width: 315px;height:220px;}
.pro2 .nones.no{ margin:0 0 26px 0;}
.pro2 .nones img{width: 315px;height:220px;}
.pro2 .nones em i{ display:block; width:100px; height:33px; font:14px "Microsoft Yahei"; text-align:center; border-bottom:1px solid #a19d9e; margin:96px auto 0; color:#fff;}
.pro2 .nones em{ display:none; background:url(Img/Index/pro_alp.png);width:315px; height:220px; position:absolute; top:0; left:0;}
.pro2 .nones a{display:block;width: 315px;height:220px;}
.pro2 .nones a:hover em{ display:block;}

.jp{background:#384652;/* height:750px; */}
.jp h4{text-align:center;}
.jp .content{position:relative;}
.jp .tit1{ padding-top:75px; color:#fff;font-size:35px;}
.jp .tit1 a{ color:#fff; font-size:35px;}
.jp .tit1 em{ color:#babfc3;}
.jp h5{ font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; width:120px; padding:105px 0 0 15px; height:40px; line-height:20px; background:url(Img/Index/jp_l.gif) no-repeat left top; position:absolute; top:-30px; left:0;}


.jp .nones a{ border:0;}
.jp2{ height:365px; overflow:hidden;}
.jp2 dl{ height:365px; background:url(Img/Index/jp_bg.gif) no-repeat right top;}
.jp2 dt{ width:600px; height:365px; float:left; overflow:hidden; position:relative;}
.jp2 dt img{width:600px; height:365px;}
.jp2 dt em{ display:block; width:568px; height:74px; border:3px solid #fff; position:absolute; bottom:7px; left:13px;}
.jp2 dt em img{width:568px; height:74px;}
.jp2 dd{ width:564px; height:235px; padding-top:130px; float:right;}
.jp2 dd h3{ height:55px; font:32px "Microsoft Yahei"; text-transform:uppercase; color:#fff; border-bottom:1px solid #646f78; width:414px; margin-bottom:35px;}
.jp2 dd h3 em{ color:#eceeef; padding:0 5px;}
.jp2 dd p{ padding-left:56px; background:url(Img/Index/jp_a.gif) no-repeat 42px 12px; font:14px "Microsoft Yahei"; line-height:30px; color:#9ca3a9;}
.jparr{ width:130px; height:32px; font:24px "Microsoft Yahei"; color:#fff;background:url(Img/Index/jp_line1.gif) no-repeat left center;padding-left:100px; position:absolute; top:270px; left:533px;}
.jparr span span{ display:inline-block; font:32px Arial, Helvetica, sans-serif; color:#6ea8a8; line-height:32px;}
.jparr .ysno{ font:14px Arial, Helvetica, sans-serif; color:#fff; padding-left:8px;}
.jparr i{ display:block; width:50px; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; position:absolute; top:0; right:30px;}

.ys{ height:725px; overflow:hidden; background:url(Img/Index/ys_bg.jpg) no-repeat center top;}
.ys .tit1 a{ color:#fff; font-size:35px;}
.ys .tit1 span{ color:#fff; font-size:35px;}
.ys .tit1{ padding-top:66px;}
.ys h5{ width:120px; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; line-height:23px; position:absolute; top:72px; left:12px;}
.ys .content{ position:relative; height:725px;}
.ys dl{ width:318px; height:185px; background:#f1f1f1; padding:0 40px; float:left; border-right:2px solid #fff; border-bottom:2px solid #fff; position:relative;}
.ys dt{ width:28px; height:40px; background:url(Img/Index/ys_h.png) no-repeat right top; font:14px "Microsoft Yahei"; line-height:36px; color:#fff; position:absolute; top:0; right:40px; text-align:center;}
.ys dd{ padding-top:28px;}
.ys dd h3{ height:74px; background:url(Img/Index/sc_line.gif) no-repeat left bottom;}
.ys dd h3 em{ display:block; font:16px "Microsoft Yahei"; font-weight:bold; color:#384652; margin-top:5px; color:#384652;}
.ys dd p{ font:14px "Microsoft Yahei"; line-height:26px; margin-top:6px;}
.ys .dl02{ background:#e7e7e7;}
.ys .nones{ border-right:0;}
.ys h4{ width:222px; height:42px; margin:50px auto 0; overflow:hidden;}
.yss{background: url(/images/ys.jpg) no-repeat 50% top; height: 1373px;}
.fc{ background:url(Img/Index/fc_bg.jpg) repeat-x center top; height:605px; overflow:hidden;}
.fc .tit1{ font-size:35px; padding-top:57px;}
.fc .content{ position:relative; height:605px;}
.fc h5{ font:12px Arial, Helvetica, sans-serif; color:#777; line-height:20px; width:120px; height:40px; position:absolute; top:60px; left:12px; text-transform:uppercase;}
.fc2{ height:320px; position:relative; overflow:hidden;}
.fc2 li{ width:400px; height:220px; position:absolute;}
.fc2 li img{width:400px; height:220px;}
.fc2 li a{ display:block; width:400px; height:220px;}
.fc2 li a:hover em{ background:none;}
.fc2 li em{ display:block;width:400px; height:220px; position:absolute; top:0; left:0; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:220px; color:#fff; text-align:center;background:url(Img/Index/fc_alp.png);}
.fc2 .li03{ top:0; left:383px; width:432px; height:280px;}
.fc2 .li03 img{width:432px; height:280px;}
.fc2 .li03 em{width:432px; height:280px; line-height:280px;}
.fc2 .li01{ top:30px; left:0;}
.fc2 .li02{ top:30px; right:0;}
.fc h4{ width:222px; height:42px; margin:0 auto 0; overflow:hidden;}

.supp{ height:730px; padding-top:70px; position:relative;}
.supp .tit1{ font-size:35px;}
.supp h5{ font:12px Arial, Helvetica, sans-serif; color:#777; line-height:20px; width:120px; height:40px; padding:110px 0 0 12px; position:absolute; top:-30px; left:0; background:url(Img/Index/supp_line.gif) no-repeat left 
top; text-transform:uppercase;}
.supp dl{ width:200px; float:left;}
.supp dt{ width:200px; height:265px;}
.supp dt img{width:200px; height:265px;}
.supp dd{ height:235px; padding:15px;}
.supp dd h3{ height:75px; font:18px "Microsoft Yahei"; text-align:center; font-weight:bold;}
.supp dd h3 em{ display:block; color:#384652; padding-top:8px;}
.supp dd p{ font:14px "Microsoft Yahei"; line-height:26px; color:#555;}

.bg1{ background:url(Img/Index/lc_bg.jpg) no-repeat center top; height:568px; overflow:hidden;}
.onl{ width:588px; margin-top:60px;}
.onl h5{ width:160px; height:150px; margin-top:285px; overflow:hidden; float:left; background:url(Img/Index/jp_jt2.gif) no-repeat left bottom; font:24px Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; line-height:38px; color:#fff;}
.onl h5 a{ color:#fff;}
.onl h5 em{ display:block;}
.onl2{ width:250px; height:370px; overflow:hidden; background:#5ebbbb; float:right; padding:30px;}
.onl2 h3{ font:18px "Microsoft Yahei"; height:35px; overflow:hidden; color:#fff; text-transform:uppercase;}
.onl2 li{ height:30px; border-bottom:2px solid #afdddd; position:relative; margin-bottom:15px; color:#fff;}
.onl2 li em{ display:inline-block; width:67px; font:14px "Microsoft Yahei"; line-height:30px; color:#afdddd; height:30px; float:left;}
.onl2 li input{ width:175px; height:30px; font:14px "Microsoft Yahei"; color:#afdddd; background:none; border:0; overflow:hidden;}
.onl2 .ly{ height:65px;}
.onl2 .ly em{ width:88px; height:60px; float:left;}
.onl2 .ly textarea{ width:160px; font:14px "Microsoft Yahei"; color:#afdddd; background:none; border:0; overflow:hidden; line-height:30px; resize:none;}
.onl2 .yz{ width:170px; margin-bottom:20px;}
.onl2 .yz input{ width:80px;}
.onl2 .yz img{ position:absolute; top:0; left:174px;}
.onl2 .btt{ height:37px; border:0;}
.onl2 .btt input{ width:120px; height:37px; font:14px "Microsoft Yahei"; text-align:center; line-height:37px; color:#fff; border:0; background:url(Img/Index/online_btn1.gif) no-repeat; overflow:hidden; cursor:pointer;}
.onl2 .btt .ip02{ float:right; background:none;}


.lc{ width:555px; margin-top:75px; overflow:hidden;}
.lc h3{ height:172px; font:35px "Microsoft Yahei"; color:#fff;}
.lc h3 em{ display:block; font:18px "Microsoft Yahei"; line-height:30px; color:#b3b9be; margin-top:10px;}
.lc li{ width:137px; float:left; height:100px; font:14px "Microsoft Yahei"; text-align:center; line-height:100px; margin-bottom:40px;}
.lc li a{ display:block; color:#5ebbbb;}
.lc li a:hover{ color:#fff; text-decoration:none;}

.wit{ height:488px; border-bottom:3px solid #5ebbbb; background:#f1f1f1;}
.wit .content{ height:488px; position:relative;}
.wit .tit1{ font-size:35px; padding-top:75px;}
.wit h5{ font:12px Arial, Helvetica, sans-serif; color:#777; line-height:20px; width:120px; height:40px; padding:80px 0 0 12px; position:absolute; top:0; left:0; background:url(Img/Index/wit_line.gif) no-repeat left top; text-transform:uppercase;}
.wit2{height: 205px;overflow:hidden;}
.wit2 dl{background: #fff;width: 233px;margin-right: 8px;margin-bottom: 15px;float:left;text-align: center;position:relative;}
.wit2 dl img{max-width:100%}


.wit2 dt{ width:80px; height:80px; overflow:hidden; position:absolute; top:130px; left:25px;}
.wit2  img{height: 86px;}
.wit2 dd{ height:170px; background:#fff; padding:0 25px;}
.wit2 dd p{ font:14px "Microsoft Yahei"; line-height:28px; padding-top:25px; height:84px; overflow:hidden; color:#555;}
.wit2 dd h3{ height:40px; font:14px "Microsoft Yahei"; line-height:40px; overflow:hidden; padding:15px 0 0 100px;}
.wit2 dd h3 a{ color:#333;}
.wit2 dd h3 em{ color:#5ebbbb;}
.wit2 .nones{ margin-right:0;}
.wit h4{ height:17px; overflow:hidden; text-align:center;}
.wit h4 a{ display:inline-block; width:17px; height:17px; margin:0 5px; background:url(Img/Index/wit_dot2.gif) no-repeat;}
.wit h4 a:hover,.wit h4 .cur{background:url(Img/Index/wit_dot.jpg) no-repeat;}

.about{ height:515px; border-bottom:1px dashed #b8b7b6; margin-top:80px; overflow:hidden;}
.about .tit1{ height:92px;}
.about .content{ position:relative;}
.about h5{ font:12px Arial, Helvetica, sans-serif; color:#777; line-height:20px; width:120px; height:40px; position:absolute; top:15px; left:0;}
.about dl{ height:354px; background:#f1f1f1; overflow:hidden;}
.about dt{ width:612px; height:354px; float:right; overflow:hidden;}
.about dt img{ width:612px; height:354px;}
.about dd{ width:488px; padding:60px 0 0 35px; float:left;}
.about dd h4 a{ display:block; height:50px; font:18px "Microsoft Yahei"; font-weight:bold; color:#333; border-bottom:2px solid #ccc;}
.about dd p{ font:14px "Microsoft Yahei"; line-height:28px; height:84px; margin-top:30px;}
.about dd span{display:block;width:282px;height:37px;margin-top:40px;background:url(Img/Index/about_btn.gif) no-repeat center top;}
.about dd span a{ display:inline-block; width:141px; height:37px; font:14px "Microsoft Yahei"; text-align:center; line-height:37px; color:#fff;}
.about dd span a.a02{color: #0a8900;}

.dy{ width:588px; height:540px; margin-top:54px; position:relative;}
.dy1{ height:41px; font:18px "Microsoft Yahei";}
.dy1 li{ float:left; background:url(Img/Index/dy_line.gif) no-repeat right center; height:41px; line-height:41px; padding:0 24px 0 12px;font-weight:bold;}
.dy1 li a{ color:#333; display:block; height:41px;}
.dy1 li a:hover,.dy1 .cur a{ background:url(Img/Index/dy_hover.gif) repeat-x center bottom;}
.dy1 .nones{ background:none;}
.dy h5 a{ display:block; font:14px "Microsoft Yahei"; font-weight:bold; color:#333; line-height:41px; position:absolute; top:0; right:0;}
.dy dl{ height:280px; margin-top:20px; border-bottom:1px solid #ccc;}
.dy dt{ height:153px; position:relative;}
.dy dt img{ width:588px; height:153px;}
.dy dt em{ display:block; width:65px; height:65px; position:absolute; top:-3px; right:-3px;}
.dy dt em img{width:65px; height:65px;}
.dy dd em a{ display:block; height:34px; font:14px "Microsoft Yahei"; font-weight:bold; color:#333; line-height:34px; margin-top:16px;}
.dy dd em i{ float:right; color:#777; font-weight:normal;}
.dy dd span{ display:block; font:14px "Microsoft Yahei"; line-height:26px; color:#333; height:52px; overflow:hidden;}
.dy2{ margin-top:15px;}
.dy2 li{ font:14px "Microsoft Yahei"; line-height:36px; height:36px; overflow:hidden;}
.dy2 li a{display:block; color:#333; background:url(Img/Index/dy_jt2.gif) no-repeat left 15px; padding-left:20px;}
.dy2 li a:hover{ background:url(Img/Index/dy_jt1.gif) no-repeat left 15px; color:#5ebbbb;}
.dy2 li a:hover em{ color:#5ebbbb;}
.dy2 li em{ float:right; color:#777;}

.faq{ width:488px; margin-top:54px; overflow:hidden;}
.faq h3{ height:41px; font:18px "Microsoft Yahei"; font-weight:bold; line-height:41px;}
.faq h3 a{ color:#333;}
.faq h3 span a{ font-size:14px;}
.faq dl{ height:133px; margin-top:20px; overflow:hidden;}
.faq dt{ width:180px; height:92px; float:left; overflow:hidden; margin-right:30px;}
.faq dt img{width:180px; height:92px;}
.faq dd{ width:270px; float:right;}
.faq dd em a{ display:block; height:20px; font:14px "Microsoft Yahei"; font-weight:bold; color:#333; line-height:20px; background:url(Img/Index/q.gif) no-repeat left top; padding-left:30px;}
.faq dd span{ display:block; font:14px "Microsoft Yahei"; line-height:24px; color:#777; background:url(Img/Index/a.gif) no-repeat left 3px; padding-left:30px; margin-top:20px;}


.link{ height:80px;background:#f1f1f1; overflow:hidden; font:14px "Microsoft Yahei";}
.link p{ height:80px; overflow:hidden; line-height:80px;}
.link p a{ color:#555; display:inline-block; padding:0 23px; background:url(Img/Index/link_jt.gif) no-repeat right center;}
.link p a.a01{ background:none; padding-right:0; float:right;}
.link p a.a02{ padding-left:0; font-weight:bold;}
.link p .nones{ background:none;}


/**/