﻿@charset "utf-8";
/*reset*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/*banner*/
.banner{ height:493px; position:relative;z-index:0;}
.banner .ban a{ display:block; height:493px; background:url(Img/Index/banner.jpg) center top no-repeat;}
.banner .content{ position:relative; overflow:visible;}
.banner .content span{ display:block; right:0; width:141px; top:20px; position:absolute;}
.banner .content span a{ display:block; float:left; width:17px; height:25px; padding-right:18px; padding-left:4px;}
.banner .content span em{ display:block; float:left; width:60px; font-style:normal;color:#7a7a79; font-family:arial; font-size:14px;}
.banner .content span em .i1{ font-style:normal; font-size:30px; line-height:30px;}
/* 搜索框,热门标签 */
.Msearch{ height:64px;  line-height:64px;color:#fff; font-size:12px; font-family:"Microsoft YaHei"; background:url(Img/Index/seach.jpg) no-repeat center top;}
.Msearch a{ color:#fff; font-size:12px; padding:0 12px 0 2px; }
.sea{ height:26px; padding-top:20px; overflow:hidden; padding-right:175px;}
.sea_txt{height:22px; line-height:22px; outline:none; border:1px solid #ebebeb;background:#fff;width:182px;padding:0 2px 0 8px; float:left;color:#434343; font-size:12px; font-family:"Microsoft YaHei"; font-size:14px;}
.sea_btn {float:left; width:28px; height:24px; outline:none;  text-align:center; background-color:#196701;color:#fff; font-weight:bold;line-height:24px; border:none;cursor:pointer; font-weight:normal; background:url(Img/Index/seaBtn.gif) no-repeat left top;}
/**/
.oar{ height:644px; overflow:hidden; background:url(Img/Index/oar.jpg) no-repeat center top; font-family:"Microsoft YaHei";}
.oar h2{ padding:64px 0 0; height:120px; overflow:hidden; text-align:center;color: #222;font-size: 32px;}
.oar h2 a{ font-size:32px; color:#222;}
.oar h2 i{ display:block; overflow:hidden; font-size:18px; font-style:normal; font-weight:normal; line-height:26px;}
.oar h2 em{ display:block; font-style:normal; font-weight:normal; color:#ccc; font-size:12px; font-family:"Times New Roman"; text-transform:uppercase; padding-top:3px;}
.oarBx{height:340px; overflow:hidden; width:1024px;}
.oarBx dl{ width:228px; height:336px; overflow:hidden; padding-right:16px; background:url(Img/Index/oarBx.gif) no-repeat left top; float:left;}
.oarBx dl dt{ text-align:center;height:150px; overflow:hidden;}
.oarBx dt a{ display:block;}
.oarBx dt img{ display:block; width:198px; height:129px; margin:0 auto; overflow:hidden; border:5px solid #fff;}
.oarBx dd{ padding:0 16px;}
.oarBx dd b{ float:left; color:#4d4e4e; font-family:"arial"; font-size:40px; font-weight:normal; line-height:38px; width:44px; display:block;}
.oarBx dd em{ display:block; float:left; font-style:normal;  width:148px;color:#333; font-weight:bold; font-size:16px; padding-left:4px;}
.oarBx dd i{ display:block;color:#999a9b; font-size:12px; font-family:"Times New Roman"; text-transform:uppercase; font-weight:normal; font-style:normal;}
.oarBx dd h3{height:52px;}
.oarBx dd p{line-height:24px;}
.oarBx dl:hover,
.oarBx dl.cur{ background:url(Img/Index/oarBxCr.gif) no-repeat left top; color:#fff;}
.oarBx dl:hover dd b,
.oarBx dl.cur dd b{ color:#fff;}
.oarBx dl:hover dd em,
.oarBx dl.cur dd em{ color:#fff;}
.oarBx dl:hover dd i,
.oarBx dl.cur dd i{ color:#fff;}
/*  */
.serCnt{background:#f3f3f4; padding-top:30px;height:733px; overflow:hidden; font-family:"Microsoft YaHei"}
.serCnt h2{ height:134px; overflow:hidden; text-align:center;}
.serCnt h2 a.tit{ font-size:32px; color:#222;}
.serCnt h2 i{ display:block; overflow:hidden; font-size:18px; font-style:normal; font-weight:normal; line-height:26px;}
.serCnt h2 .more{ display:block; text-align:center; padding-top:15px;}
.serSid{ float:left;padding:16px 13px 5px; border:solid #505050 2px; border-top-width:7px;border-bottom-width:7px;width:199px; background:#fff;}
.serSid h3{ height:33px; background:url(Img/Index/serSidT.gif) no-repeat left top; line-height:33px; text-align:center;}
.serSid h3 a{ color:#fff; font-size:14px;}
.serSid ul{padding:4px 10px 15px 17px;overflow:hidden}
.serSid li{height:32px; line-height:32px; overflow:hidden;vertical-align:middle}
.serSid li a{ display:block; padding-left:14px; background:url(Img/Index/serIco.gif) no-repeat left 14px; color:#666;}
.serSid li a:hover{ color:#333;}
.serMain{ display:block; width:701px; float:right;overflow:hidden;}
.serMain dl{height:291px; overflow:hidden}
.serMain dt{ float:left; width:366px; height:252px; overflow:hidden; display:block;}
.serMain dt img{width:362px; height:248px; overflow:hidden; display:block;border: 2px solid #fff;}
.serMain dt a{ display:block}
.serMain dt a:hover img{ border: 2px solid #ccc;}
.serMain dd{ float:right; width:315px; overflow:hidden;}
.serMain dd h3{height:20px; line-height:20px; margin-bottom:25px}
.serMain dd h3 a{ color:#333; font-size:16px;}
.serMain dd span{ display:block; height:181px; margin-bottom:12px;overflow:hidden;}
.serMain dd span p{ line-height:25px; padding-bottom:3px;}
.serMain dd span b{ color:#333;}
.serMain dd .btn{ color:#333; font-weight:bold; display:block}
.serMain ul{ padding-top:41px; height:203px; width:720px;background:url(Img/Index/serBor.gif) no-repeat left top;}
.serMain li{ float:left;width:216px; background:url(Img/Index/serBx.gif) no-repeat left top; margin-right:16px; padding:3px;}
.serMain li img{  width:216px; height:148px; overflow:hidden; display:block;}
.serMain li a{ display:block;}
.serMain li span{height:48px; line-height:48px; overflow:hidden; text-align:center;  display:block;}
.serMain li span a{ color:#777;}
/*  */
.why{height:838px; overflow:hidden; background:url(Img/Index/whyTit.gif) no-repeat center top; font-family:"Microsoft YaHei"}
.why h2{height:165px; padding-top:23px; text-align:center;}
.why h2 em{ display:block; font-style:normal; font-size:32px; color:#fff; font-weight:bold;}
.why h2 .tit{ font-size:20px; font-weight:normal;color:#fff; line-height:38px;}
.why h2 .more{ display:block; padding-top:18px;}
.why .whyBx{ padding-top:40px;}
.whyBx .whyT{height:74px; overflow:hidden; text-align:center; width:960px; margin:0 auto;}
.whyT li{ display:block; width:320px; text-align:center; float:left;}
.whyT li a{ display:block;background:url(Img/Index/whyT.gif) no-repeat center top; line-height:47px; text-align:center; font-size:14px;color:#222;height:63px; font-weight:bold;}
.whyT li a:hover,
.whyT li.cur a{ background:url(Img/Index/whyTitC.gif) no-repeat center top;color:#fff;}
/*  */
.whyCt{padding:61px 20px 0 25px;height:462px; overflow:hidden; border:1px solid #dfdfdf;}
.whyCt dl{ background:url(Img/Index/whyBg.gif) no-repeat left top;height:444px; overflow:hidden;}
.whyCt dt{ float:left;padding:75px 0 0 16px; width:375px;}
.whyCt dt a{ display:block;}
.whyCt dt a{ display:block;width:375px; height:216px; overflow:hidden}
.whyCt dd{ float:right; width:460px; overflow:hidden;}
.whyCt dd h3{height:48px; line-height:48px; margin-bottom:10px;overflow:hidden;}
.whyCt dd h3 a{color:#222; font-size:18px;}
.whyCt dd p{height:96px; line-height:24px; margin-bottom:26px; overflow:hidden; font-size:14px;}
.whyCt dd .btn1,
.whyCt dd .btn2{ display:block; float:left; width:129px; height:35px; line-height:33px; text-align:center; font-size:16px;font-weight:bold}
.whyCt dd .btn{ display:block;height:73px;}
.whyCt dd .btn1{ background:url(Img/Index/whyBtn1.gif) no-repeat left top;color:#333;}
.whyCt dd .btn2{ background:url(Img/Index/whyBtn2.gif) no-repeat left top;color:#fff; margin-left:12px;}
.whyCt dd .pic{ display:block;}
.whyCt dd em{display:block; float:left; width:217px; background:url(Img/Index/whyImgBx.gif) no-repeat left top;}
.whyCt dd img{ width:211px; height:148px; display:block; overflow:hidden; padding:3px;}
.whyCt dd i{ display:block;height:40px; line-height:40px; text-align:center; font-style:normal;}
.whyCt dd i a{ color:#777; font-size:14px;}
.whyCt dd em.lst{ margin-left:12px;}
/*  */
.part{ padding:33px 0 0 24px; margin-bottom:30px; height:294px; overflow:hidden;border:1px solid #dfdfdf; font-family:"Microsoft YaHei"}
.part h2{ height:78px; overflow:hidden}
.part h2 em{ float:left; width:276px; overflow:hidden; font-style:normal; font-size:24px; color:#222; font-weight:normal;}
.part h2 font{ display:block; overflow:hidden; font-size:18px; font-weight:normal; font-style:normal;}
.part h2 i{ display:block; font-family:"Times New Roman"; font-size:56px; text-transform:uppercase; line-height:50px;  text-transform:uppercase; font-weight:normal; font-style:normal; color:#d3d3d3;}
.part h2 .more{ padding-right:20px; padding-top:25px;}
.part h2 span{ display:block; overflow:hidden;width:62px;height:78px;}
.part h2 span a{ display:block; float:left; width:14px; height:78px; overflow:hidden; margin-right:10px;}
.part h2 span a.ptL{ background:url(Img/Index/ptL.gif) no-repeat left center;}
.part h2 span a.ptL:hover{ background:url(Img/Index/ptLCr.gif) no-repeat left center;}
.part h2 span a.ptR{ background:url(Img/Index/ptR.gif) no-repeat left center;}
.part h2 span a.ptR:hover{ background:url(Img/Index/ptRCr.gif) no-repeat left center;}
.ptBx{ display:block; height:205px;overflow:hidden;}
.ptBx li{ float:left; width:218px; overflow:hidden; padding-right:13px;}
.ptBx li img{ display:block; width:218px; height:154px; overflow:hidden;}
.ptBx li a{ display:block;}
.ptBx li span{ display:block;height:42px; text-align:center; line-height:42px;overflow:hidden;}
.ptBx li span a{ color:#777;}
.part .tit {display: block;width: 625px;}
/*  */
.yos1{ display:block; height:570px; overflow:hidden; background:url(Img/Index/yos1.jpg) no-repeat center top; padding-top:123px;font-family:"Microsoft YaHei"}
.yos1 h2{height:155px; text-align:center;font-size:26px; font-weight:normal;color:#000;}
.yos1 h2 a{ font-size:26px; font-weight:normal;color:#000;}
.yos1 h2 b{ display:block; font-size:30px; line-height:50px; vertical-align:top; height:54px;overflow:hidden;}
.yos1 h2 em{padding:0 5px; display:inline-block}
.yos1 h2 img{ vertical-align:middle}
.yos1 h2 i{ display:block; font-style:normal; font-size:18px; font-weight:bold;}
.yos1 dl{ padding-left:36px; padding-top:15px; width:395px; overflow:hidden;}
.yos1 dt{height:83px; background:url(Img/Index/ysdtBor.gif) repeat-x left bottom;color:#333;font-size:26px; font-weight:bold; margin-bottom:15px;}
.yos1 dt i{ font-size:58px; font-family:"Times New Roman"; font-weight:normal;color:#000;line-height:44px;}
.yos1 dt em{ font-style:normal; display:block; font-size:16px; font-weight:normal; padding-top:3px;}
.yos1 dd{height:34px; line-height:34px; overflow:hidden; padding-left:18px; background:url(Img/Index/ysIco.gif) no-repeat left 12px;color:#484848; font-size:14px;}
.yos1 dd.lst{ background:none; padding:0; margin-top:35px; height:35px;}
.yos1 dd .btn1{ background:url(Img/Index/whyBtn1.gif) no-repeat left top;color:#333;}
.yos1 dd .btn2{ background:url(Img/Index/whyBtn2.gif) no-repeat left top;color:#fff; margin-left:12px;}
.yos1 dd.lst a{ display:block; float:left; width:129px; height:35px; line-height:33px; text-align:center; font-size:16px;font-weight:bold}
/*  */
.yos2{height:731px; background:url(Img/Index/ys2.jpg) no-repeat center top;font-family:"Microsoft YaHei"}
.yos2 .ys2{ padding-right:44px; padding-top:15px; width:390px; overflow:hidden;}
.yos2 .ys3{ padding-left:44px; padding-top:105px; width:390px; overflow:hidden;}
.yos2 dt{height:83px; background:url(Img/Index/ysdtBor.gif) repeat-x left bottom;color:#333;font-size:26px; font-weight:bold; margin-bottom:15px;}
.yos2 dt i{ font-size:58px; font-family:"Times New Roman"; font-weight:normal;color:#000;line-height:44px;}
.yos2 dt em{ font-style:normal; display:block; font-size:16px; font-weight:normal; padding-top:4px;}
.yos2 dd{height:34px; line-height:34px; overflow:hidden; padding-left:18px; background:url(Img/Index/ysIco.gif) no-repeat left 12px;color:#484848; font-size:14px;}
.yos2 dd.lst{ background:none; padding:0; margin-top:35px; height:35px;}
.yos2 dd .btn1{ background:url(Img/Index/whyBtn1.gif) no-repeat left top;color:#333;}
.yos2 dd .btn2{ background:url(Img/Index/whyBtn2.gif) no-repeat left top;color:#fff; margin-left:12px;}
.yos2 dd.lst a{ display:block; float:left; width:129px; height:35px; line-height:33px; text-align:center; font-size:16px;font-weight:bold}
.yos2 .ys3 dd{ height:auto; line-height:34px; padding:0; background:none;}
.lct{height:250px; background:url(Img/Index/lct.jpg) no-repeat center top; font-family:"Microsoft YaHei"}
.lct em{ display:block; overflow:hidden;}
.lct span{ display:block; width:1024px;}
.lct span b{ display:block; height:42px; line-height:42px; overflow:hidden; padding-right:39px;_padding-right:32px;color:#333; font-size:14px;float:left}
.lct .lctPho{ padding:10px 0 0; text-align:center;color:#443e3c; font-size:14px; line-height:38px;}
.lctPho b{ font-size:26px; color:#413b39; font-family:arial; font-weight:bold;}
.lctPho a{ display:block; height:46px; width:195px; margin:0 auto; text-align:center; background:url(Img/Index/lctA.gif) no-repeat center top; color:#fff; font-size:20px; line-height:46px;}
/**/
.abtHnr{height:347px; overflow:hidden; font-family:"Microsoft YaHei"}
.abt{ padding:8px 22px 0 24px; width:604px; height:327px; overflow:hidden;border:1px solid #dfdfdf}
.abt h2{ height:78px; line-height:78px;}
.abt h2 .tit{overflow:hidden; font-style:normal; font-size:24px; color:#222; font-family:"Microsoft YaHei";}
.abt h2 i{ overflow:hidden; font-family:"Times New Roman"; font-size:30px; text-transform:uppercase; text-transform:uppercase; font-weight:normal; font-style:normal; color:#d3d3d3; vertical-align:middle;  padding-left:5px;}
.abt h2 .more{ padding-top:24px;}
.abt dt{ float:left; height:201px; background:url(Img/Index/abtBx.gif) no-repeat center top; width:272px; padding:5px;}
.abt dt img{ display:block; width:270px; height:199px; border:1px solid #dfdfc6;}
.abt dd{ float:right; width:305px;}
.abt dd h3{ height:16px; overflow:hidden; line-height:16px; margin-bottom:12px;}
.abt dd h3 a{ font-size:14px; color:#333;}
.abt dd p{ line-height:22px; overflow:hidden; height:135px; overflow:hidden; margin-bottom:30px;}
.abt dd .btn{ color:#333; font-weight:bold;}
/*  */
.hnr{ padding:8px 20px 0 24px; width:255px;border:1px solid #dfdfdf; height:327px;  overflow:hidden;}
.hnr h2{ height:78px; line-height:78px;}
.hnr h2 .tit{overflow:hidden; font-style:normal; font-size:24px; color:#222; font-family:"Microsoft YaHei";}
.hnr h2 i{ overflow:hidden; font-family:"Times New Roman"; font-size:30px; text-transform:uppercase; text-transform:uppercase; font-weight:normal; font-style:normal; color:#d3d3d3; vertical-align:middle;  padding-left:1px;}
.hnr h2 .more{ padding-top:26px;}
.hnrBx{height:210px; overflow:hidden;}
.hnrBx .hnrL,.hnrBx .hnrR{ display:block; width:14px; height:25px; overflow:hidden; margin-top:95px;}
.hnrBx .hnrL{ background:url(Img/Index/ptL.gif) no-repeat left center;}
.hnrBx .hnrL:hover{ background:url(Img/Index/ptLCr.gif) no-repeat left center;}
.hnrBx .hnrR{ background:url(Img/Index/ptR.gif) no-repeat left center;}
.hnrBx .hnrR:hover{ background:url(Img/Index/ptRCr.gif) no-repeat left center;}
.hnrCt{ float:left; width:207px; margin-left:11px; overflow:hidden;}
.hnrCt li{ position:relative; overflow:hidden; width:207px; float:left; height:212px; overflow:hidden;}
.hnrCt li a{ display:block; z-index:5; position:relative}
.hnrCt li img{ width:163px; height:212px; margin:0 auto; display:block}
.hnrCt li span{ display:block; position:absolute; z-index:6; bottom:0; left:0; width:202px; background:url(Img/Index/hnrSpan.png) repeat left top; height:40px; line-height:40px; text-align:center}
.hnrCt li span a{ color: #fff;height: 35px;overflow: hidden;text-align: center;width: 202px;}
.hnrCt ul {margin: 0 auto;width: 621px;}
/*  */
.cust{ padding:33px 0 0 24px; margin-bottom:30px; height:294px; overflow:hidden;border:1px solid #dfdfdf; font-family:"Microsoft YaHei"}
.cust h2{ height:78px; overflow:hidden}
.cust h2 em{ float:left; width:230px; overflow:hidden; font-style:normal; font-size:18px; color:#222; font-weight:normal;}
.cust h2 font{ display:block; overflow:hidden; font-size:24px; font-weight:normal; font-style:normal;}
.cust h2 i{ display:block; font-family:"Times New Roman"; font-size:56px; text-transform:uppercase; line-height:50px;  text-transform:uppercase; font-weight:normal; font-style:normal; color:#d3d3d3;}
.cust h2 .more{ padding-right:20px; padding-top:25px;}
.cust h2 span{ display:block; overflow:hidden;width:62px;height:78px;}
.cust h2 span a{ display:block; float:left; width:14px; height:78px; overflow:hidden; margin-right:10px;}
.cust h2 span a.ctL{ background:url(Img/Index/ptL.gif) no-repeat left center;}
.cust h2 span a.ctL:hover{ background:url(Img/Index/ptLCr.gif) no-repeat left center;}
.cust h2 span a.ctR{ background:url(Img/Index/ptR.gif) no-repeat left center;}
.cust h2 span a.ctR:hover{ background:url(Img/Index/ptRCr.gif) no-repeat left center;}
.ctBx{ display:block; height:205px;overflow:hidden;}
.ctBx li{ float:left; width:217px; overflow:hidden; padding-right:14px;}
.ctBx li img{ display:block; width:217px; height:154px; overflow:hidden;}
.ctBx li a{ display:block;}
.ctBx li span{ display:block;height:42px; text-align:center; line-height:42px;overflow:hidden;}
.ctBx li span a{ color:#777;}
/**/
.newsFaq{ height:507px; overflow:hidden; font-family:"Microsoft YaHei";}
.onews{padding:9px 22px 0 24px; width:602px; height:464px; overflow:hidden;border:1px solid #dfdfdf}
.onews h2{ height:78px; line-height:78px; font-size:18px; color:#bcbcbc; font-weight:normal;}
.onews h2 .tit{ font-style:normal; font-size:18px; color:#bcbcbc;}
.onews h2 .cur,.onews h2 .tit:hover{overflow:hidden; font-size:24px; color:#222; font-weight:bold;}
.onews h2 i{ overflow:hidden; font-family:"Times New Roman"; font-size:30px; text-transform:uppercase; text-transform:uppercase; font-weight:normal; font-style:normal; color:#d3d3d3; vertical-align:middle;  padding-left:5px;}
.onews h2 .more{ padding-top:27px;}
.onsBx{height:360px; overflow:hidden;}
.onsBx dl{ height:200px; border-bottom:1px dashed #c9c9c9; overflow:hidden;}
.onsBx dt{ width:221px; background:url(Img/Index/newsBx.gif) no-repeat center top; height:169px; overflow:hidden; float:left}
.onsBx dt img{ display:block; width:211px; height:159px;padding:5px;overflow:hidden;}
.onsBx dd{ width:360px; float:right;}
.onsBx dd h3{ height:16px; overflow:hidden; line-height:16px; margin-bottom:12px;}
.onsBx dd h3 a{ font-size:14px; color:#333;}
.onsBx dd p{ line-height:22px; overflow:hidden; height:92px; overflow:hidden; margin-bottom:30px; font-size:14px;color:#8c8c8c;}
.onsBx dd .btn{ color:#333; font-weight:bold;}
.onsBx ul{ height:142px; padding-top:12px;}
.onsBx ul li{ height:36px; line-height:36px; overflow:hidden; width:284px;}
.onsBx ul li a{ display:block; padding-left:18px; background:url(Img/Index/newsIco.gif) no-repeat left 14px; font-size:14px;}
/*  */
.faq{ padding:8px 20px 0 24px; width:255px;border:1px solid #dfdfdf; height:464px;  overflow:hidden;}
.faq h2{ height:78px; line-height:78px;}
.faq h2 .tit{overflow:hidden; font-style:normal; font-size:24px; color:#222; font-family:"Microsoft YaHei";}
.faq h2 i{ overflow:hidden; font-family:"Times New Roman"; font-size:30px; text-transform:uppercase; text-transform:uppercase; font-weight:normal; font-style:normal; color:#d3d3d3; vertical-align:middle;  padding-left:1px;}
.faq h2 .more{ padding-top:30px;}
.faq .faqBx{ height:362px; overflow:hidden}
.faqBx dl{ padding-bottom:40px;}
.faqBx dt{ padding-left:32px;height:24px; background:url(Img/Index/faqIco.gif) no-repeat left 2px;}
.faqBx dt a{ display:block; height:22px; line-height:22px; overflow:hidden; color:#333; font-size:12px; font-weight:bold;}
.faqBx dd{ padding-left:56px;background:url(Img/Index/faqIco2.gif) no-repeat left 0; line-height:23px;color:#8a8a8b;}
/**/
.f_link{ height:185px; overflow:hidden; background:#333333; font-family:"Microsoft YaHei"}
.f_link h2{ padding:2px 0 0 3px; height:40px; overflow:hidden; line-height:35px;}
.f_link h2 .tit{overflow:hidden; font-style:normal; font-size:24px; color:#fff; font-family:"Microsoft YaHei";}
.f_link h2 i{ overflow:hidden; font-family:"Times New Roman"; font-size:30px; text-transform:uppercase; text-transform:uppercase; font-weight:normal; font-style:normal; color:#717171; vertical-align:middle;  padding-left:10px;}
.f_link h2 .more{ color:#6e6e6e; font-size:14px; font-weight:normal; padding-right:20px;}
.f_link .lkCnt{ height:138px; padding-top:2px; border:1px solid #999999;}
.lkCnt a{ height:20px; line-height:20px; overflow:hidden; text-align:center; display:inline-block;color:#858585}



.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}