body { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 14px; color: #282828; }
a { color: #282828; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
.wrap { width: 96%; margin: 0 auto; max-width: 1200px; position: relative; }

img, a { border: 0; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
.clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img { overflow: hidden; position: relative; }
.img:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(255,255,255,0); z-index: 100; }
.img img { display: block; }
.img:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.1) rotate(3deg); -webkit-transform: scale(1.1) rotate(3deg); -moz-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); }

*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }

.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
/*----------header----------*/
.header {box-shadow:0 0 5px rgba(0,0,0,0.15); background: #fff; line-height: 90px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.header{border-bottom:1px solid #ddd;}
.header .wrap { max-width: 100%; width: 95%; }
.logo { line-height: 90px; }
.logo img { vertical-align: middle; }
.gz_box { line-height: 90px; }
.gz_box img { vertical-align: middle; margin-left: 15px; }
.menu { margin-left: 30px; }
.menu ul li { line-height: 25px; float: left; margin: 0 25px; font-size: 16px; text-transform: uppercase; }
.menu ul li a { display: block; padding: 20px 0; padding-right: 10px; position: relative; font-size: 14px; }
.menu ul li h3 { font-size: 16px; }
.menu ul li a:after { content: ''; display: block; position: absolute; bottom: -1px; left: 0; right: 0; width: 0;; height: 3px; }
.menu ul li.on a:after, .menu ul li a:hover:after { background: #000; width: 100%; }
.banner_owl { position: relative; }
.banner_owl .next { position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; width: 35px; height: 20px; background: url(icon1.png) no-repeat center center; z-index: 100; animation: goBottom 1s infinite; }

@keyframes goBottom {
    0% { margin-bottom: 0; }

    50% { margin-bottom: 15px; }
}

@-moz-keyframes goBottom {
}

@-webkit-keyframes goBottom {
}

.banner .item { position: relative; font-family: Arial; }
.banner .item .text { left: 0; width: 100%; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 24px; }
.banner .text h2 { font-size: 2em; margin-bottom: 1em; }

.owl-theme .owl-dots .owl-dot span { width: 48px; height: 5px; border-radius: 0; margin: 0 5px; opacity: .5; }
.owl-theme .owl-dots { margin-bottom: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff; opacity: 1; }

.banner .img1 { overflow: hidden; }
/*----------mainer----------*/
.mainer { margin-top: 90px; }
.page { padding: 45px 0; }
.page_tit { text-align: center; margin-bottom: 40px; }
.page_tit h3 { font-size: 30px; }
.page_tit h2 { font-size: 40px; }
.page_tit label { display: block; margin: 15px auto; width: 44px; height: 3px; background: #007eff; }
.page_tit p { max-width: 666px; margin: 0 auto; line-height: 40px; color: #343434; font-size: 16px; }
.right { text-align: right; }
.page.on { background: #f5f5f5; }
.p_about { padding: 80px 0; }
.p_about .btn { margin-top: 20px; }
.btn a { display: block; line-height: 54px; max-width: 296px; margin: 0 auto; border: 2px solid #000; font-size: 16px; padding: 0 15px; }
.btn a:hover span { color: #007eff; margin: 0 10px; }
.btn a:hover { border-color: #007eff; color: #007eff; }
.btn a span { display: block; background: url(icon2.png) no-repeat right center; }
.all a { display: inline-block; padding-right: 10px; background: url(icon2.png) no-repeat right center; }
.all a:hover { padding-right: 15px; color: #007eff; }
.p_news { max-width: 920px; margin: 0 auto; line-height: 49px; }
.p_news li { padding: 0 10%; border-bottom: 1px solid #e0e0e0; }
.p_news ul li:first-child { border-top: 1px solid #e0e0e0; }
.p_news li span { display: block; float: left; width: 150px; }
.p_news li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p_news li a { display: block; color: #333; }
.p_news li a:hover { padding: 0 10px; }
.p_news li a:hover * { color: #007eff; }
.full { position: fixed; top: 50%; right: 0; z-index: 1001; }
.full li a { display: block; width: 52px; height: 52px; margin-bottom: 1px; position: relative; background: rgba(0,0,0,0.5); z-index: 1; }
.full li a:hover span, .full li a:hover label { background-color: #282828 !important; }
.full li:last-child a { border-bottom: 0; }
.full li a span { display: block; width: 52px; height: 52px; position: relative; z-index: 100; background-position: center center; background-repeat: no-repeat; }
.full li:nth-child(2) a, .full li:nth-child(1) a { z-index: 2; }
.full li a label { display: block; width: 100px; white-space: nowrap; padding: 0 20px; position: absolute; line-height: 52px; color: #fff; z-index: -1; background: #000; bottom: 0; left: 100%; box-sizing: inherit; max-width: 300%;; }
.full li a:hover label { left: -120px; }
.full li a .lbl_img { padding: 10px; height: auto; line-height: normal; }
.full li a span.span1 { background-image: url(full1.png); }
.full li a span.span2 { background-image: url(full2.png); }
.full li a span.span3 { background-image: url(full3.png); }
.full li a span.span4 { background-image: url(full4.png); }

.zxzs_list ul li { background: #000; position: relative; width: 33.333%; float: left; }
.zxzs_list ul li .img img { display: block; }
.zxzs_list ul li .text { position: absolute; left: 0; right: 0; text-align: center; top: 50%; margin-top: -75px; color: #fff; }
.zxzs_list ul li .text p { text-transform: uppercase; }
.zxzs_list ul li .text .img2 { height: 125px; overflow: hidden; line-height: 125px; }
.zxzs_list ul li .text img { vertical-align: middle; }
.zxzs_list ul li .text h3 { font-size: 18px; }

.p_case ul li { width: 33.33%; float: left; }
.p_case ul li:nth-child(3n+1) { clear: both; }
.p_case ul li a { display: block; margin: 16px; text-align: center; line-height: 32px; }
.p_case ul li a:hover { transform: translateY(-10px); }
.p_case ul li h3 { font-size: 18px; color: #272727; }
.p_case ul { margin: 0 -16px; }
.p_case ul .img { margin-bottom: 15px; }
.p_case ul p { color: #757575; }
.p_about2 .img { width: 50%; }
.p_about2 { padding: 0; position: relative; }
.p_about2 .text { position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); left: 55%; }
.p_about2 .text .box { max-width: 490px; font-size: 16px; line-height: 32px; }
.p_about2 .text .box p { margin: 30px 0; height:96px; overflow:hidden;}
.p_about2 .text .box h3 { font-size: 28px; font-weight: normal; }
.p_about2 .text .btn a { width: 160px; text-align: center; margin-left: 0; line-height: 44px; }
.cont_list ul li { display: inline-block; width: 216px; text-align: center; vertical-align: middle; }
.cont_list ul li .box { padding-top: 40px; margin:  7px; border: 2px solid #333; }
.cont_list ul li .box h3 { font-size: 16px; margin-bottom: 10px; }
.cont_list ul li .box p { max-width: 140px; margin: 0 auto; line-height: 24px; height: 80px; color: #282828; }
.cont_list ul:after{ content:'';display:block;clear:both;height:20px;}
.cont_list { text-align: center; }
/*----------footer----------*/
.footer { padding-top: 47px; background: #f5f5f5; }
.footer .item { display: table-cell; line-height: 26px; }
.footer .item .span_tit { display: block; margin-bottom: 15px; font-size: 16px; font-weight: bold; color: #282828; }
.footer .item p { max-width: 242px; text-align: justify; }
.footer .item li { line-height: 30px; }
.footer a:hover { color: #007eff; }
.footer .item .ewm { padding-top: 7px; }
.tab { display: table; width: 100%; }

.copyright { text-align: center; line-height: 39px; border-top: 1px solid #e0e0e0; margin-top: 40px; }
.page_banner { height: 240px; background-repeat: no-repeat; background-attachment: fixed; }

.designer_list .img { width: 240px; float: left; margin-right: 40px; }
.designer_list .text { overflow: hidden; }
.designer_list li:after { content: ''; display: block; clear: both; }
.designer_list li { margin: 35px 0 70px ; line-height: 26px; }
.designer_list .tit { padding: 15px 0; margin: 15px 0; border-bottom: 1px solid #e0e0e0; color: #919198; }
.designer_list h3 { line-height: 40px; padding-top: 10px; font-size: 16px; color: #282828; }
.designer_list .d_text {  margin-bottom: 20px; }
.designer_list .d_text p{height: 52px; overflow: hidden;}
.designer_list .d_text h3{ font-size:20px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;}
.designer_list p { color: #282828; }
.more .btn { display: block; width: 138px; line-height: 38px; text-align: center; border: 2px solid #000; color: #282828; }

.designer_list a .btn:hover { border-color: #333; color: #fff;background:#333; }
/*.designer_list a:hover h3, .designer_list a:hover p, .designer_list a:hover { color: #007eff; }*/
.designer_list.knowledge .tit{margin-top:0;padding-top:0}
.designer_list.knowledge h3{ font-size:18px;line-height:50px;}
.designer_list .d_time{ font-size:30px; padding-top:10px;}
.designer_list.knowledge .img{width:360px;}
.designer_list.news .img{width:420px;}
.designer_list.news .text{ padding:40px 5%;}
.designer_list.news li:nth-child(2n) .img{float:right; margin-right:0; margin-left:40px}
/*----------custom----------*/
.p_tag { line-height: 45px;  border-bottom: 1px solid #e0e0e0; margin-bottom:20px;}
.p_tag ul li { display: inline-block; margin:0 20px; }
.p_tag ul li a { color: #272727; display: block; position: relative; font-size: 16px; }
.p_tag ul li a:after { position: absolute; left: 0; bottom: -1px;width:0; height: 3px; background: #000; content: ''; display: block; }
.p_tag ul li a:hover,.p_tag ul li.on a{color:#000}
.p_tag ul li.on a:after,.p_tag ul li a:hover:after{width:100%;}
.pagesize{ text-align:center; padding:30px 0;}
.pagesize a{display:inline-block; line-height:36px; min-width:16px;padding:0 10px;margin:5px;}
.pagesize a:hover,.pagesize a.on{ background:#282828;color:#fff;}
.case_banner{position:relative;}
.case_cur{position:absolute;z-index:100;left:2%; right:2%; top:50%; margin-top:-70px;height:0;}
.case_cur span{cursor:pointer; display:block;width:50px; height:100px;background:url(cur1.png) no-repeat center center;float:left;}
.case_cur span:hover{opacity:.7}
.case_cur span.next{ float:right; background:url(cur2.png) no-repeat center center }
.case_text{bottom:0;text-align:right;font-size:25px; position:absolute; left:0; right:0; line-height:90px;z-index:100;color:#fff;}
.case_banner .item{ position:relative;}
.case_banner .text{ position:absolute; bottom:0; line-height:90px;width:100%;background:rgba(0,0,0,0.5); font-size:24px; font-weight:bold;color:#fff;}
.case_banner .text p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:80px;}
.case_banner .owl-theme .owl-controls{ display:none;}
.details{ line-height:30px;color:#3d3d3d;margin-bottom:50px;margin-top:20px;}
.details .text{width:92%;margin:0 auto; }
.details p{text-align:justify; margin-top:10px;}
.details h3{ margin-top:10px; font-weight:bold}

.details .title h3{font-size:26px;font-weight:normal;}
.details .title{ padding:20px 0; border-bottom:1px solid #ddd;width:92%;margin:0 auto;margin-bottom:25px;padding-top:30px;}
.details .title p{ line-height:20px; padding-left:20px; background:url(icon6.png) no-repeat left center;}
.details .img img{display:block;}
.txt_cur{ padding-top:20px; margin-top:20px; border-top:1px solid #efefef}
.txt_cur a:hover{color:#007eff}
.txt_cur:after{ content:''; display:block; clear:both; height:0px;}
.txt_cur span{display:inline-block; max-width:45%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.txt_cur span.flt a{padding-left:20px; background:url(icon7.png) no-repeat left center;}
.txt_cur span.frt a{padding-right:20px; background:url(icon8.png) no-repeat right center;}
.about_txt .item1 .img{width:54%; float:right;}
.about_txt .item{position:relative; margin:0 16px;}
.about_txt .item .text{ position:absolute;top:50%; transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%); overflow:hidden;line-height:30px;text-align:justify;}
.about_txt .item:after{ content:"";display:block; clear:both;}
.about_txt .item1 .text{ left:0; right:58%;margin-top:-37px;}
.about_txt .item2 .img{float:left; width:47.8%;margin-top:-57px;}
.about_txt .item2 .text{ left:55%; right:5%;;}
.ry_list ul li{width:20%; float:left;text-align:center;}
.ry_list ul:after{ content:''; display:block; clear:both;}
.ry_list ul .box{font-size:16px; max-width:200px; text-align:center; margin:0 auto;}
.ry_list ul .box .img{ background:#fff; line-height:140px;margin-bottom:30px;}
.ry_list ul .box .img img{display:inline-block; vertical-align:middle; }
.page{overflow:hidden;}
.his_list{ height:590px;overflow:hidden; line-height:32px; position:relative;}
.his_list .line{ position:absolute; left:112px; top:10px; bottom:30px; border-left:1px dashed #e3e3e3}
.his_list .item span{ line-height:40px; height:20px; border-bottom:1px solid #e3e3e3; display:block; float:left; font-size:26px;font-weight:bold;width:112px;}
.his_list .item span label{display:inline; padding:0 10px;background:#fff;}
.his_list .item .list{ padding-left:112px;;}
.his_list .list h3{font-size:22px; line-height:40px;}
.his_list .list li{margin:20px 0; padding-left:40px;position:relative;}
.his_list .list li:first-child i{ background:url(icon10.png) no-repeat center center;}
.his_list .list li:hover i{ background:url(icon9.png) no-repeat center center;}
.his_list .list li i{ position:absolute; display:block;width:25px; height:40px; background:url(icon11.png) no-repeat center center;left:-12px;}
.his_list .list p{color:#646668;font-size:16px;}
.his_zk{ margin-left:90px;cursor:pointer;}
.page_form{ border-bottom:1px solid #e0e0e0}

.cont_inputs{max-width:922px;margin:0 auto;} 
.cont_inputs li.li1 { width: 50%; }
.cont_inputs li{ float:left;width:100%;}
.div_input{position:relative; padding:0 15px; line-height:44px; border:1px solid #e5e5e5; color:#fff;background:#fff;margin:10px;}
.div_input span{ display:block; position:absolute; top:0; right:10px;color:#282828}
.div_input input{ width:100%; border:0; background:none;}
.div_input textarea{ width:100%; padding:10px 0; border:0; background:none; resize:none;height:120px;}
.cont_inputs  .div_btn{ margin:10px;}
.cont_inputs  .div_btn a{width:100%; line-height:46px;max-width:inherit; text-align:center;padding:0;}
.cont_inputs2 .div_input{ border-color:#4b4b4b}
.cont_inputs2  li{ line-height:46px;}
.cont_inputs2  li:nth-child(2n+1){ clear:both;}
.div_input_check{ margin:10px;}
.btn.on a{background:#282828; color:#fff}
.btn.on a:hover{ background:#fff;color:#282828;border-color:#000}
.div_input.div_select{padding:0; ;}
select { border: none; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url("icon12.png") no-repeat scroll 97% center transparent; padding-right: 30px; }
.div_input_check span{display:inline-block; margin-right:30px; padding-left:30px; background:url(icon10.png) no-repeat left center;min-width:70px;cursor:pointer;}
.div_input_check span.on{background:url(icon9.png) no-repeat left center; }
.div_select select{text-indent:1em; line-height:44px;height:44px; width:100%; border:0;}
.div_select select option{line-height:30px;height:30px;}
@media only screen and (max-width: 1600px) {
    .banner .item .text { font-size: 22px; }
    .menu ul li h3{ letter-spacing:-1px;}
    .menu ul li{ margin:0 15px;}
}
@media only screen and (max-width: 1300px) {
    .menu ul li{ margin:0 10px;}

}
@media only screen and (max-width: 1200px) {
    .banner .item .text { font-size: 20px; }
    .banner img { width: 120%; margin-left: -10%; max-width: initial; }

    .menu ul li a{ padding-right:0}
}

@media only screen and (max-width: 1000px) {
    .banner .item .text { font-size: 18px; }
    .banner img { width: 150%; margin-left: -25%; }
    .ry_list ul li{width:33.333%;margin-bottom:20px;}
    .ry_list ul li:nth-child(3n+1){ clear:both;}
    .ry_list ul .box .img{ margin-bottom:15px;}
    .about_txt .item2 .img{ margin-top:-20px;}
    .p_case ul li a{ margin:10px;}
    .p_case ul{ margin:-10px;}
    .zxzs_list ul li .text .img2{ height:90px; line-height:90px;}
    .zxzs_list ul li .text{ margin-top:-61px;}
    .page{ padding:20px 0;}
    .p_about2{ padding:0}
    .p_about2 .text .box p{ margin:10px 0; line-height:20px; font-size:14px; height:60px;overflow:hidden;}
    .p_about2 .text .btn a{line-height:25px;}
    .p_about2 .text .box h3{ font-size:24px;}
    .p_about2 .text{ left:52%;}
    .page_tit{ margin-bottom:20px;}
    .all a{ line-height:25px;}
    .designer_list.news .img{width:380px; margin:0px auto;}
    .designer_list.news .text{ padding:15px;}
    .designer_list li{ margin-bottom:0}
    .designer_list.knowledge .img{ margin-right:20px;}
    .designer_list .tit{ margin-bottom:10px;padding-bottom:10px;}
    .designer_list h3{ padding-top:0; line-height:30px;}
    .designer_list .d_time{padding-top:0}
    .case_banner .text,.case_text{ line-height:60px;}
    .case_banner .text{font-size:20px;}
    .details .text{width:100%;}
    .about_txt .item1 .text,.about_txt .item2 .text{ line-height:25px;}
    .about_txt .item1 .text{ margin-top:-20px;}
    .his_list .list p{ font-size:14px; line-height:25px;}
    .his_list{ height:580px;}

}

@media only screen and (max-width: 1100px) {

    .menu { position: fixed; top: 0; left: -150%; width: 100%; height: 100%; background: #fff;   }
    .menu ul{max-height:100%; overflow-y:auto;}
    .menu ul li { float: none; display: block; border-bottom: 1px solid #ddd; padding: 0; }
    .menu ul li a { line-height: 45px; font-size: 18px; }
    .menu ul { margin-top: 60px; }
    .header .logo { position: relative; z-index: 1001; line-height: 60px; }
    .menu_wrap { position: absolute; top: 10px; width: 40px; height: 40px; background: url(menu.png) no-repeat center center #333; background-size: 25px auto; right: 15px; }
    .menu{ margin-left:0}
    .h_menu .menu_wrap { background: url(menu-1.png) no-repeat center center #333; background-size: 25px auto; }
    .h_menu .menu { left: 0; }
    .header { line-height: 60px; }
    .gz_box{display:none;}
    .header .wrap{padding:0 2%; width:96%;}
    .mainer { margin-top: 60px; }
}

@media only screen and (max-width: 750px) {
    .footer .item{display:block; float:left; width:50%; margin:10px 0;}
    .footer{ padding-top:20px;}
    .footer .item:nth-child(2n+1){clear:both;}
    .page_tit p br{display:none;}
    .zxzs_list ul li{width:50%;}
    .zxzs_list ul li:last-child{ margin-left:25%;}
    .p_case ul li:nth-child(3n+1){ clear:none;}
    .p_case ul li{width:50%;}
    .p_about2 .img{width:100%;}
    .p_about2 .text{padding-top:60px; top:20px; left:20px; right:20px; background:#fff;margin:0 auto;transform:none;bottom:20px;text-align:center;}
    .p_about2 .text .box{ margin:0 auto;}
    .p_about2 .text .btn a{ margin:0 auto;}
    .p_case ul li:nth-child(2n+1){clear:both;}
    .cont_list ul li{width:33.333%;display:block; float:left;}
    .full{display:none;}
    .menu ul li h3{ ;}
    .menu ul li a{ padding:10px 0;line-height:20px;}
}
@media only screen and (max-width: 550px){
    .page_tit p{ font-size:14px;line-height:25px;}
    .p_about .btn{margin-top:10px;}
    .btn a{ line-height:35px;}
    .all a{ margin-top:-35px;float:right;}
    .p_news{ padding-top:15px;}
    .p_news li{padding:0 5px;}
    .p_news li span{width:120px;}
    .zxzs_list ul li{width:100%;}
    .zxzs_list ul li:last-child{ margin:0 auto;}
    .p_case ul li a{ margin:5px;}
    .p_case ul { margin:-5px;}
    .p_about2 .text{ padding:30px}
    .page_tit h2{ font-size:30px;}
    .cont_list ul li .box{ padding:15px 0;}
    .cont_list ul li .box p{ height:auto;}
    .cont_list ul li{width:100%;}
    .p_about2 .img img{ max-width:inherit; width:150%; margin-left:-25%;}
    .footer .item:first-child,.footer .item:nth-child(2){width:100%;} 
    .footer .item p{ max-width:100%;}
    .footer .item{ line-height:20px;}
    .footer .item li{ line-height:25px;}
    .cont_inputs li.li1{width:100%;}
    .cont_inputs .div_btn,.div_input_check,.div_input{ margin:5px;}
    .designer_list.news .text{padding:10px;}
    .designer_list.knowledge .img{width:100%;margin:0 auto; float:none;}
    .details .title h3{ font-size:24px; margin-top:0}
    .txt_cur span{display:block;width:100%; max-width:initial;}
    .txt_cur span.frt a{ padding-left:20px;padding-right:0;background: url(icon7.png) no-repeat left center;}
    .designer_list .img{width:150px;margin-right:20px;}
    .designer_list .d_text{ margin-bottom:10px;}
    .designer_list .tit{ padding:0}
    .case_banner .text, .case_text{ line-height:40px; font-size:18px;}
    .case_banner .img1{overflow:hidden;}
    .case_banner .img1 img{max-width:initial;width:180%; margin-left:-40%;}
    .case_cur span{width:30px; height:60px;}
    .case_cur{ height:0;margin-top:-50px;}
    .case_banner .text p{ font-size:16px;}
    .about_txt .item2 .img,.about_txt .item1 .img{ width:100%;float:none; margin:0 auto;}
    .about_txt .item2{ margin-top:10px;}

    .about_txt .item .text{ position:initial; top:auto; left:auto; right:auto; bottom:auto; transform:none;}
    .ry_list ul li{width:50%; }
    .ry_list ul li:nth-child(3n+1){ clear:none;}
    .ry_list ul li:nth-child(2n+1){clear:both;}
    .his_list .item span label{ padding:0; font-size:18px;padding-right:10px;}
    .his_list .item span{width:80px;}
    .his_list .item .list{padding-left:80px;}
    .his_list .line{ left:80px;}
    .his_list .list li{ padding-left:20px;}
}