.case_banner{height: 299px; background: url(img/case_banner.jpg); text-align: center;}
.case_banner h2{font-size: 53px; font-weight: bold; color: #fff; padding-top: 80px;}
.case_banner p{font-size: 18px; color: #fff;}
.case_content{padding-top: 42px; background: #f9f9f9;}
.case_content .title{width: 100%; height:80px;}
.case_content .title a{display: block; width: 600px; height: 80px; }
.case_content .title a.c1{background: #3575e1;}
.case_content .title a.c2{background: #5d97f9;}
.case_content .title a span{display: block; width: 66px; height: 37px; margin: 22px 0 0 180px;}
.case_content .title a p{line-height: 80px; font-size: 24px; font-weight: bold; color: #fff;}
.case_type_btn{width:100%; text-align: center; padding: 20px 0;}
.case_type_btn a{display: inline-block; width: 88px; height: 21px; text-align: center; line-height: 21px; color: #707070; font-size: 14px; margin: 0 20px; border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; cursor: pointer;}
.case_type_btn a.chose{background: #3575e1; color: #fff;}
.case_type_ul{margin-right: -73px;}
.case_type_ul li{ float: left; margin-right: 113px; margin-bottom: 70px;} 
.case_type_list{width: 298px; height: 539px; border:4px solid #3575e1; position: relative;}
.case_type_list img{display: block; width: 100%; height: 100%;}
.case_float{width: 100%; height: 100%; background: url(img/black_bg.png); position: absolute; left: 0; top: 0; display: none;}
.case_contact{width: 236px; height: 33px; background: url(img/case_contact.png); position: absolute; bottom: 0; left: 0;}
.case_check{width: 100%; text-align: center; padding-top: 200px; }
.case_check a{display: block; width: 120px; height: 30px; margin: 10px auto; line-height: 30px; background: #3575e1; color: #fff !important; font-size: 14px;   border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px;}
.case_check a:hover{color:#fff;}
.case_check p{font-size: 14px; color: #fff;}
.case_contact a{display: block; float: left; width: 118px; height: 33px;}

.pic_box{width: 940px; margin: 0 auto;}
.pic_box .pic{width: 175px; height: 130px; overflow: hidden; background: #ccc; margin:1px; border: 5px solid #fff;}

.pic_layout_box{background: #000; position: fixed; left: 0; top: 0; z-index: 99999; } 
.pic_layout_box a.close{display: block; width: 80px; height: 80px; background: #fff; position: absolute; right: 0px; top: 0px; color: #000; font-size: 60px; font-weight: bold; font-family: "\5b8b\4f53"; text-align: center; line-height: 80px; cursor: pointer;}
.pic_layout_box a.close:hover{color: #222; text-decoration: none;}
.pic_layout{display: table-cell; vertical-align:middle; text-align:center; background: #000;}
.pic_layout img{max-width: 100%; max-height: 100%;  border:none;  vertical-align:middle;}
.pic_layout_box p.next_btn,.pic_layout_box p.prev_btn{display: block; width: 32px; height: 48px; position: absolute; top: 50%; margin-top: -24px;}
.pic_layout_box p.next_btn{background: url(../images/nextBtnTop.png); right: 50px;}
.pic_layout_box p.prev_btn{background: url(../images/prevBtnTop.png); left: 50px;}
.pic_layout_box p.page_no{width: 100%; text-align: center; position: absolute; bottom: 0; left: 0; color: #fff; line-height: 30px; background: #000; z-index: 9999999;}

.magazine_page{width: 100%;}
.magazine_page img{display: block; max-width: 100%; margin: 0 auto;}
.magazine_change_page{width: 100%; padding: 50px 0;  background: #ccc}
.magazine_change_page a{width: 200px; text-align: center; color: #000; font-weight: bold;}
.magazine_change_page p{width: 200px; text-align: center;}

.bread{height:33px;border-bottom:1px solid #ececec;line-height:33px;font-size:14px;background:#fff;}
.bread a{margin: 0 5px}
.bread .wrap{background:url(../images/page/h.jpg) no-repeat 1px;text-indent:20px;}