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


/**/
.case{ display: block; overflow: hidden;/*height:476px;*/ overflow: hidden;/* border: 1px solid #cecece;*/font-family: "Microsoft YaHei";background:url(../images/ysBg.gif) repeat center center;padding:20px 0px 0px 0px;}
.case h2{ display: block; height: 44px; line-height: 44px; background:url(../images/caseTitBg.gif) repeat-x center top;border-left: 1px solid #038cf0;border-right: 1px solid #038cf0;}
.case h2 a.tit{ padding-left: 20px; overflow: hidden;color: #fff; font-size: 18px;display: block;font-family: "Microsoft YaHei";}
.case h2 .more{ color: #fff; font-size: 12px; font-weight:normal; padding-right: 20px;}
.caseBx{ display: block; padding: 25px 23px 0; /*height: 404px;*/ border: 1px solid #cdcdcd;overflow: hidden;}
.caseBx dl{ display: block;height: 200px; width: 563px;margin-left:10px;}
.caseBx dt{ display: block; overflow: hidden; float: left;width: 204px; overflow: hidden;}
.caseBx dt a{display: block;}
.caseBx dt img{ display: block;width: 196px; height: 166px; padding: 3px;border: 1px solid #d2d2d2;border-radius: 2px;}
.caseBx dd{ display: block;float: right;width: 344px;_width: 346px;}
.caseBx dd h3{ display: block; height: 28px; line-height: 28px; margin-bottom: 5px; overflow: hidden;}
.caseBx dd h3 a{color: #1f80d4; font-size: 14px;}
.caseBx dd p{line-height: 24px; overflow: hidden;color: #1f1f1f;height: 98px;margin-bottom: 20px; overflow: hidden;word-wrap: break-word; width:344px;}
.caseBx dd .btn{ display: block; overflow: hidden; width: 65px; height: 22px; line-height: 22px;text-align: center; color:#fff; background: #ee0000;border-radius: 2px;}
/**/
.yos{ display: block; overflow: hidden; margin-top: 0px; background: url(../images/ysBg.gif) repeat center center;}
.yos .yosTit{ display: block;height: 160px; background:url(../images/ysTitBg.jpg) repeat-x center top;overflow: hidden; text-align:center;}
.yos .content{ height: 1014px; overflow: hidden; font-family:"Microsoft YaHei"}
.yos dl{width: 670px; overflow: hidden; position: relative; z-index: 2}
.yos dt{ display: block; height: 73px; line-height: 66px; overflow: hidden; background: url(../images/ysBor.gif) repeat-x left bottom;color: #222222; font-size: 20px; font-weight: bold;vertical-align: middle;}
.yos dt b{ padding-left: 58px;_padding-left: 54px; overflow: hidden; background: url(../images/ysTitIco.gif) no-repeat left center;color: #e70000; font-size:30px; font-weight: bold;  padding-right: 20px;_padding-right: 16px; display:inline-block; height:73px; vertical-align:middle;}
.yos dd{ padding-top: 12px; line-height: 30px;color: #1f1f1f; font-size: 14px;}
.yos .ys1{ padding-top: 43px;}
.yos .ys2{ padding-top:23px;}
.yos .ys3{ padding-top:150px; float: right; width: 655px;}
.yos .ys4{ padding-top:32px; float: right; width: 655px;}
.yos span{ display: block; position: absolute; z-index: 1}
.yos .ysImg1{ display: block;top: 44px; right: 0;}
.yos .ysImg3{ display: block;top:450px; left: 0;}
.yos .ysImg2{ display: block;top:500px; left: 0;}
.yos .ysPho{ display: block;right: 0;bottom: 54px; width: 452px;}
.ysPho a{ display: block; float: left;width: 166px; height: 57px; background: url(../images/ysBtn.gif) no-repeat left top; line-height: 42px;text-align: center;color: #fff; font-size: 22px;}
.ysPho em{ font-style: normal;color: #555555; font-size: 14px; float: left;display: block; padding-left: 22px;}
.ysPho em b{ display: block; font-size: 26px;}
/**/
.od1{ display: block; height: 166px;}
.od1 a{ background: url(../images/od1.gif) no-repeat center top; height: 166px;width: 100%; display: block;}
/**/
.abtHnr{ display: block;overflow: hidden;height: 351px; overflow: hidden; font-family: "Microsoft YaHei";background:url(../images/ysBg.gif) repeat center center;}
.abtHnr h2{ display: block; height: 44px; line-height: 44px; background:url(../images/proTitBg.gif) repeat-x center top;}
.abtHnr h2 a.tit{ padding-left: 20px; overflow: hidden; color: #0492f9; font-size: 18px;display: block;font-family: "Microsoft YaHei";}
.abtHnr h2 .more{ color: #1f1f1f; font-size: 12px; font-weight:normal; padding-right: 20px;}
.abt{ display: block; width:916px; border: 1px solid #dddddd}
.abt .abtBx{ display: block; padding: 29px 21px 0; height: 265px;}
.abtBx dt{ display: block; float: left;}
.abtBx dt a{ display: block; width: 267px; height: 210px; padding: 9px; background: url(../images/AbtBg.gif) no-repeat center top;}
.abtBx dt img{ display: block;width: 260px;height: 202px; overflow: hidden; border:4px solid #fff;}
.abtBx dd{display: block; float: right;width: 565px; overflow: hidden;}
.abtBx dd h3{ display: block; height: 33px; overflow: hidden;line-height: 20px;}
.abtBx dd h3 a{color: #0492f9; font-size: 14px; height: 20px;line-height: 20px;overflow: hidden;}
.abtBx dd p{ line-height: 22px; color: #1f1f1f; margin-bottom: 16px;}
.abtBx dd p span{ display: block; overflow: hidden; padding-top: 5px;}
.abtBx dd .btn{ display: block; overflow: hidden;color: #0492f9;font-weight: bold;}
.hnr{ display: block;height: 337px; overflow: hidden; width: 264px; overflow: hidden;border: 1px solid #dddddd; float: right; }
.hnrBx{ padding-top: 52px;}
.hnrBx .hnrL,
.hnrBx .hnrR{ display: block; padding-top: 50px;}
.hnrBx .hnrCt{ display: block; overflow: hidden; float: left; margin-left: 23px; display: inline; width: 204px;}
.hnrBx .hnrCt li{ display: block; float: left; overflow: hidden; width:204px;}
.hnrBx .hnrCt li img{ display: block; overflow: hidden; width: 198px; height: 148px; overflow:hidden; border: 3px solid #011221; border-radius:5px;}
.hnrBx .hnrCt li a{ display: block;}
.hnrBx .hnrCt li span{ display: block; height: 42px; line-height: 42px; text-align:center;color: #1f1f1f; font-size: 14px;}
/**/
.newsbox{width:100%;background:url(../images/ysBg.gif) repeat center center;border-bottom:2px #adadad solid;}
.newsFaq{ display: block; overflow: hidden;height: 463px; border: 1px solid #dbdbdb; padding: 25px 20px 0; font-family: "Microsoft YaHei";}
.news{ display: block; float: left;width: 791px; overflow: hidden;}
.news h2{ display: block; height: 34px; border-bottom: 2px solid #dddddd;}
.news h2 .tit{color: #1f1f1f; font-size: 15px; height: 30px; line-height: 32px; width: 116px; text-align: center;display: inline-block;background: #dddddd;}
.news h2 .cur,.news h2 .tit:hover{ background: #0884e9; color: #fff;}
.news h2 .more{color: #1f1f1f; font-size: 12px; font-weight: normal; display: block; line-height: 34px;}
.news .newsBx{ display: block; padding: 32px 0 0;}
.newsBx dl{ display: block; height: 203px; border-bottom: 1px dashed #dfdfdf; overflow: hidden;}
.newsBx dt{ float: left; width: 221px; overflow: hidden;}
.newsBx dt a{ display: block;}
.newsBx dt img{ display: block; width: 221px; height: 169px; overflow: hidden;}
.newsBx dd{ float: right;  width:545px; overflow: hidden;}
.newsBx dd h3{ display: block; height: 33px; overflow: hidden;}
.newsBx dd h3 a{ display: block; line-height: 20px; height: 20px; overflow: hidden;color: #0492f9; font-size: 14px;}
.newsBx dd p{ height:100px; line-height: 24px; margin-bottom: 20px; overflow: hidden;}
.newsBx dd .btn{ display: block; font-weight:bold; overflow: hidden;color: #0492f9;}
.newsBx ul{ display: block; overflow: hidden; padding-top: 20px; overflow: hidden; height: 140px; overflow: hidden;}
.newsBx li{ display: block; line-height: 36px; height: 36px; overflow: hidden; background: url(../images/newsIco.gif) no-repeat 5px center; padding-left: 20px;width: 370px;}
.newsBx li a{ display: block; color: #1f1f1f;}
.faq{ display: block; overflow: hidden; width: 306px;}
.faq h2{ display: block; height: 34px; line-height: 34px; overflow: hidden; padding-left: 32px;overflow: hidden; background: url(../images/faqIco1.gif) no-repeat left center; border-bottom: 2px solid #dddddd;}
.faq h2 .more{color: #1f1f1f; font-size: 12px; font-weight: normal; display: block; line-height: 34px;}
.faq h2 .tit{ display: block;color: #0492f9; font-size: 16px;}
.faqBx{ display: block; overflow: hidden; margin-top: 17px; overflow: hidden; height: 375px; overflow: hidden;}
.faqBx dl{ display: block; padding-bottom: 25px; width:306px;}
.faqBx dt{ display: block; padding-left: 10px; height: 32px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; line-height: 32px; background: url(../images/faqIco2.gif) no-repeat left top;}
.faqBx dt a{ color: #0492f9; font-size: 12px; font-weight: bold; display:block; width:248px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.faqBx dd{ padding-top: 9px; overflow: hidden;line-height: 22px; padding-left:10px;  background: url(../images/faqIco3.gif) no-repeat left top;color: #1f1f1f;}

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