body { font-family: 'Microsoft YaHei',"Open Sans", sans-serif; font-size: 15px; color: #333; }
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:hover:before { top: 10px; left: 10px; right: 10px; bottom: 10px; border: 1px solid rgba(255,255,255,0.5); }
.img:hover{ background:#000}
.img:hover img { transform: scale(1.1) rotate(3deg); -o-transform: scale(1.051) rotate(1deg); -webkit-transform: scale(1.05) rotate(1deg); -moz-transform: scale(1.051) rotate(1deg); -ms-transform: scale(1.051) rotate(1deg); opacity:0.8; }

h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
*, *: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 { background: #242f35; line-height: 70px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }
.header .wrap { width: auto; padding: 0 250px; max-width: initial; }
.logo { position: absolute; top: 0; left: 0; bottom: 0; width: 225px; background: url(logo_bg.jpg) no-repeat right center; text-align: center; padding-right: 40px; }
.logo img { vertical-align: middle; }
.menu ul{display:flex}
.menu ul li { flex:1; text-align: center; font-size: 16px; }
.menu { width: 90%; max-width: 950px; margin: 0 auto;; }
.menu ul li a { display: inline-block; color: #fff; position: relative; }
.menu ul li a:before { content: ''; display: block; position: absolute; width: 0; margin: 0 auto; left: 0; right: 0; top: 0; height: 4px; background: #ffdb60; }
.menu ul li.on a:before, .menu ul li a:hover:before { width: 100%; }
.menu ul li.on a, .menu ul li a:hover { color: #ffdb60; }
.tel { position: absolute; top: 50%; right: 0; line-height: 24px; border-left: 1px solid #445863; margin-top: -12px; padding: 0 30px; }
.tel span { color: #ffdb60; font-size: 16px; padding: 0 30px; background: url(icon1.png) no-repeat left center; }
.banner .item { position: relative; font-family: Arial; }
.banner .item .text {text-align:center; 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 h3 { font-size: 42px; margin-bottom: 20px;font-weight:normal;letter-spacing:3px; }
.banner .text p{ font-size:16px;color:#242f35; line-height:26px;background:#ffdb60;padding:0 15px;display:inline-block;text-transform:uppercase;position:relative;}
.banner .text p:after,.banner .text p:before{ position:absolute; top:0; bottom:0;width:18px; content:'';}
.banner .text p:after{ background:url(icon9-1.png) no-repeat center center; left:100%; margin-left:5px;}
.banner .text p:before{ background:url(icon9.png) no-repeat center center; right:100%; margin-right:5px;}
.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 0 5px; opacity: .6; }
.owl-theme .owl-dots { margin-bottom: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ff9e24; opacity: 1; }

.banner .img1 { overflow: hidden; }
/*----------mainer----------*/
.mainer { margin-top: 70px; }
.page { padding-top: 60px; }
.page_tit { text-align: center; margin-bottom: 40px; }
.page_tit h3 { font-size: 32px; font-weight: normal; }
.page_tit label { display: block; margin: 0 auto; margin-top: 20px; width: 78px; height: 5px; background: #222; }
.page_tit p { text-align: center; max-width: 575px; line-height: 28px; color: #666; font-size: 16px; margin: 0 auto; margin-top: 20px; width:90%}

.owl { position: relative; }
.owl_cur { position: absolute; top: 50%; margin-top: -20px; height: 0; left: 2%; right: 2%; z-index: 10; }
.owl_cur span { cursor: pointer; display: block; width: 46px; height: 46px; border-radius: 100%; background: url(cur1.png) no-repeat center center rgba(255,255,255,0.2); }
.owl_cur span.prev { float: left; }
.owl_cur span.next { float: right; background: url(cur2.png) no-repeat center center rgba(255,255,255,0.2); }
.owl_cur span:hover { background-color: rgba(255,255,255,0.5); }


.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:#656d71; z-index: 1; }
.full li a:hover span, .full li a:hover label {color:#242f35; background-color: #ffdb60 !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; z-index:101}
.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); }






/*----------footer----------*/
.footer { }





.pagesize { text-align: center; padding: 30px 0; }
.pagesize a {background:#fff;color:#666; box-shadow:0 2px 10px rgba(0,0,0,0.1); display: inline-block;height:34px;vertical-align:middle; line-height: 34px; width:65px; margin: 5px; }
.pagesize a.prev{background-image:url(icon10.png);background-position:center center; background-repeat:no-repeat;}
.pagesize a.next{background-image:url(icon10-1.png);background-position:center center; background-repeat:no-repeat;}
.pagesize a:hover, .pagesize a.on { background-color: #ffdb60;color:#000}


/*----------custom----------*/



.about .img { float: left; }
.about .text { overflow: hidden; padding: 40px; line-height: 32px; font-size: 15px; color: #444; }
.about .text p { height: 220px; overflow: hidden; margin-bottom: 10px; }
.about .text h3 { font-size: 22px; font-weight: normal; color: #000; margin-bottom: 20px; margin-top: 15px; }
.about { background: #f5f5f5; }
.div_btn a { display: block; width: 132px; color: #fff; line-height: 40px; background: url(img_06.jpg) no-repeat center right #242f35; padding-left: 20px; }
.div_btn a:hover { padding-left: 40px; text-align: left; }


.page { overflow: hidden; }
.cn_list li { background: #242f35; width: 33.333%; position: relative; float: left; }
.cn_list li:nth-child(2n) { background: #ffdb60; }
.cn_list li:nth-child(2n+1) .text { color: #fff; }
.cn_list li:nth-child(2n) .img .bg { background: url(icon4-1.png) no-repeat center center; background-size: 100% 100%; }
.cn_list li .img { max-width: 357px; float: right; width: 60%; position: relative; }
.cn_list li .img img { height: 256px; max-width: initial; display: block; }
.cn_list li .img .bg { position: absolute; top: 0; bottom: 0; width: 30%; bottom: 0; background: url(icon4.png) no-repeat center center; background-size: 100% 100%; z-index: 100; }
.cn_list li .text { position: absolute; top: 50%; margin-top: -48px; width: 35%; left: 5%; }
.cn_list li .text h3 { font-size: 20px; font-weight: normal; margin-bottom: 20px; }
.cn_list li .text p { line-height: 28px; font-size: 15px; }
.main_tit { text-align: center; margin-bottom: 60px; }
.main_tit li { display: inline-block; margin:3px 0;}
.main_tit li a { display: block; width: 374px; height: 46px; line-height: 46px; font-size: 16px; background: url(icon3.png) no-repeat center center; background-size:100% 100%;}
.main_tit li a:hover, .main_tit li.on a {background: url(icon3-1.png) no-repeat center center; background-size:100% 100%;}
.product_tit { margin-bottom: 40px; background: #fff; border: 1px solid #e1e1e1; }
.product_tit .img1 { float: left; margin: -15px 0; background: #ffdb60; width: 42%; line-height: 343px; position: relative; }
.product_tit .img1 img { margin-left: 40px; vertical-align: middle; }
.product_tit .img1 .bg { position: absolute; top: 0; bottom: 0; width: 30%; left: 100%; background: url(icon5.png) no-repeat center center; background-size: 100% 100%; }
.product_tit .text { overflow: hidden; padding-left: 15%; padding-right: 3%; padding-top: 30px; }
.product_tit .text h3 { padding: 20px 0; font-size: 22px; font-weight: normal; color: #000; }
.product_tit .text p { line-height: 28px; font-size: 15px; height: 115px; overflow: hidden; margin-bottom: 10px; }
p { text-align: justify; }
.product_list .img { }
.product_list li:nth-child(4n+1) { clear: both; }
.product_list li { width: 25%; float: left; }
.product_list a { background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: block; margin: 10px; }
.product_list ul { margin: -10px; }
.page.on { background: #f5f5f5; }
ul:after { content: ''; display: block; clear: both; }
.product_list { padding-bottom: 50px; }
.product_list .text { border-top: 1px solid #e8e8e8; text-align: center; padding: 20px; line-height: 26px; }
.product_list .text h3 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.product_list .text p { text-align: center; color: #666; font-size: 15px; padding: 0 10px; }
.page4 { color: #fff; padding: 60px 0; background: url(img_23.jpg) no-repeat center center; }
.page4 h4 { display: inline-block; padding: 0 10px; line-height: 30px; margin-bottom: 20px; background: #ffdb60; color: #242f35; font-weight: normal; font-size: 15px; }
.page4 h3 { font-size: 26px; font-weight: normal; margin-bottom: 20px; color: #ffdb60; line-height: 40px; }
.page4 label { display: inline-block; margin: 28px 0; width: 72px; height: 1px; background: #ffdb60; }
.page4 span { font-size: 20px; }



.news_list { padding-bottom: 70px; }
.news_list li { margin-bottom: 24px; }
.news_list li a { display: block; border: 1px solid #e1e1e1; background: #fff; }
.news_list .date { float: left; width: 80px; padding: 20px 0; padding-right: 65px; background: url(icon6.png) no-repeat right center;background-size:auto 100%; color: #999; font-size: 16px; line-height: 30px; text-align: left; padding-left: 25px; }
.news_list .date label { display: block; font-size: 36px; color: #999; }
.news_list .text { overflow: hidden; padding-right: 200px; position: relative; padding-top: 10px; }
.news_list .text .div_btn2 { position: absolute; top: 50%; margin-top: -20px; padding: 0 20px; line-height: 40px; background: #cfcfcf; color: #fff; right: 30px; }
.news_list .text .div_btn2 span { display: inline-block; padding-right: 35px; background: url(icon7.png) no-repeat right center; }
.news_list .text h3 { font-size: 18px; font-weight: normal; line-height: 30px; color: #000; }
.news_list .text p { line-height: 26px; color: #444; height: 52px; overflow: hidden; }
.news_list li a:hover .date{ background: url(icon6-1.png) no-repeat right center; ;background-size:auto 100%;}
.news_list li a:hover .date span,.news_list li a:hover .date label{color:#242f35}
.news_list li a:hover{ background:#242f35}
.news_list li a:hover .text h3,.news_list li a:hover .text p{color:#fff;}
.news_list li a:hover .div_btn2{background:#ffdb60}
.news_list li a:hover .div_btn2 span{color:#242f35; background: url(icon7-1.png) no-repeat right center;}
.footer{font-size:14px; line-height:30px;color:#fff; padding:50px 0; background:#242f35}
.f_nav li{ float :left;line-height:30px;padding:20px;position:relative;}
.f_nav ul{overflow:hidden; margin:0 -20px;}
.f_nav ul a{ display:block; color:#fff;}
.f_nav ul a:hover{color:#ffdb60}
.f_nav li:first-child:before{display:none;}
.f_nav li:before{position:absolute; top:50%; width:6px; height:6px;margin-top:-3px; right:100%; margin-right:-3px; content:'';display:block; background:url(icon8.png) no-repeat center center;}
.f_text span{color:#ffdb60}
.f_ewm{width:125px;text-align:center;} 
.case_list{ padding:40px 0}
.case_list li{margin-bottom:20px; border:1px solid #e1e1e1;background:#fff;}
.case_list .img{ float:right;width:40%; margin:-1px }
.case_list .img img{display:block;}
.case_list  .text{ overflow:hidden;padding:30px;line-height:28px;}
.case_list  .text h3{font-size:22px;line-height:50px;}
.case_list  .text p{ height:112px;overflow:hidden;margin-bottom:20px;}
.d_tit{padding:40px 0; background:#fff;}
.d_tit .main_tit{ margin-bottom:0; margin-top:30px;}
.d_tit h2{padding-bottom:15px;position:relative; color:#222;padding-right:100px; font-weight:normal; font-size:32px;line-height:60px; border-bottom:1px solid #ffc160}
.d_tit h2:before{ content:'';display:block;width:47px; height:5px; bottom:-3px; background:#ffc160;position:absolute; }
.d_tit h2 span{ font-size:15px; position:absolute; right:0; top:15px;color:#999}
.details_txt{box-shadow:0 5px 20px rgba(0,0,0,0.1); margin:30px 0 80px; background:#fff;padding:20px;line-height:26px; font-size:15px;}
.details_txt p{min-height:20px;}
.details_cur{line-height:15px;border-top:1px solid #d8d8d8;padding-top:20px;}
.details_cur span{display:block; max-width:45%;}
.details_cur a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color:#666}
.details_cur a:hover{color:#242f35;text-decoration:underline;}
.pro_tit .img{ float:left;}
.pro_tit .txt{ overflow:hidden;padding:0 20px;}
.pro_tit h3{ font-size:26px;line-height:30px;font-weight:normal;padding:20px 0;letter-spacing:2px;}
.pro_tit .tit p{line-height:26px;}
.pro_tit .tit{ border-bottom:1px solid #d8d8d8;padding-bottom:15px;margin-bottom:10px;}
.pro_tit  .info{ line-height:36px;color:#999}
.info_btn a{display:block;width:198px;line-height:46px;background:#ed001e;color:#fff;text-align:center; font-size:18px;float:left; margin-right:20px;margin-top:5px;}
.info_btn p{overflow:hidden;line-height:26px;}
.info_btn p span{display:block;font-size:18px;color:#ed001e;letter-spacing:2px;font-weight:bold;}
.info_btn{ margin-top:15px;}
.pro_tag{margin-bottom:30px; background:#242f35; padding:0 60px;}
.pro_tag li{margin-left:-25px; float:left;width:194px;line-height:46px; text-align:center;}
.pro_tag li span{font-size:16px; display:block;cursor:pointer;color:#fff;}
.pro_tag li:hover span,.pro_tag li.on span{background:url(icon3-2.png) no-repeat center center; background-size:100% 100%;color:#242f35}
.details_txt2{ margin-bottom:30px;}

.about2 {position:relative;}
.about2 .img{position:absolute;top:70px;right:0;}
.about2 .d_tit{ position:relative;z-index:10;background:none;}
.about2 .text{padding-right:470px;line-height:32px; font-size:15px;}
.about2 .text p{ margin-bottom:30px;}
.t_list{ margin-top:50px;}
.t_list li{display:inline-block;min-width:200px;margin-right:80px;}
.t_list li span{display:block; float:left;font-size:40px; color:#ffdb60; line-height:50px;}
.t_list li span label{ font-size:66px;}
.t_list li p{ overflow:hidden;line-height:26px; font-size:22px;padding-left:15px;margin-bottom:0}


.his_list .list{position:relative; }
.his_list .list .line{ position:absolute; top:0; bottom:0; left:122px; width:2px; background:#dbe1e5}
.his_list li span{margin-top:13px; display:block; float:left; width:119px; }
.his_list li{ padding:15px 0}
.his_list li .box{ overflow:hidden;}
.his_list li .box p{line-height:30px;padding:5px 0; padding-left:80px; background:url(icon12.png) no-repeat left 16px;}
.zp_list .list{margin-bottom:30px;margin-top:-30px; color:#666666; font-size:14px;line-height:32px;}
.zp_list .list .tit{ border-bottom:1px solid #e1e1e1;line-height:80px;font-size:16px;color:#000}
.zp_list .list .tit label{float:right;color:#999; padding-right:30px;display:block; background:url(icon13-1.png) no-repeat right center;}
.zp_list .list .tit label:before{content:'展开';}
.zp_list .list .on .tit label:before{content:'收起';}
.zp_list .list .on .tit label{background:url(icon13.png) no-repeat right center;}
.zp_list .list .box{display:none;transition:all 0s;-o-transition:all 0s;-webkit-transition:all 0s;-moz-transition:all 0s;-ms-transition:all 0s; padding:20px;}
.zp_list .list .box h3{font-size:16px;color:#222;padding-left:10px; border-left:4px solid #ffdb60;line-height:16px;margin:10px 0 ;font-weight:normal;}
.zp_list .list .box .item{ margin-top:30px;}
.zp_list .list .box .item:first-child{ margin-top:0}
.yg_owl{ position:relative;}
.yg_owl .yg_cur{ position:absolute; bottom:100%; margin-bottom:62px;right:0;width:92px; height:46px;background:url(icon14.jpg) no-repeat center center #ffdb60}
.yg_owl .yg_cur span{display:block;vertical-align:middle; width:50%; float:left;height:46px;cursor:pointer;background-image:url(cur.png);background-repeat:no-repeat;;}
.yg_owl .yg_cur span.prev{ background-position:19px 14px;}
.yg_owl .yg_cur span.next{ background-position:-28px 14px;} 
.yg_owl{ margin-bottom:40px;}
.yg_owl .item{ max-width:285px;position:relative;}
.yg_owl .item .text{ position:absolute; bottom:0; left:0; padding:20px; background:#ffdb60;right:0;line-height:35px; font-size:15px;}
.yg_owl .item .text .bg{ position:absolute; bottom:100%; left:0; right:0;}
.yg_owl .item .text h3{font-size:18px;color:#000;font-weight:normal;}
.ry_list{ margin-bottom:50px;}
.ry_list li a{display:block; margin:30px;}
.ry_list ul{ margin:-30px;}
.ry_list li{width:25%;float:left; text-align:center;}
.ry_list li p{text-align:center; margin-top:30px;font-size:18px;}
.ry_list li .img{ border:1px solid #e5e5e5}
.ry_list li img{display:block;}
.about3{padding-right:470px;}
.about3 .text{padding-right:0}
.contact{margin-top:100px; padding:15px 25px;background:#242f35}
.contact li{width:40%;float:left;white-space:nowrap;color:#fff;line-height:35px;}
.contact li span{display:block;float:left; padding-left:30px; width:90px;}
.contact li p{ margin-bottom:0}
.contact li .span1{background:url(icon16.png) no-repeat left center; }
.contact li .span2{background:url(icon17.png) no-repeat left center; }
.contact li .span3{background:url(icon18.png) no-repeat left center; }
.contact li .span4{background:url(icon19.png) no-repeat left center; }
.img_map{ position:absolute;width:414px; top:70px; bottom:0;right:0}
.img_map img{ opacity:0;}



@media only screen and (max-width: 1100px){
    .tel{padding:0 20px;}
    .tel span{ padding-right:0}
    .header .wrap{ padding-right:180px;padding-left:250px;}
    .t_list li span label{ font-size:50px;}
    .t_list li{ margin-right:20px;}
    .main_tit li a{width:150px; height:50px;line-height:50px;}
    .cn_list li .text h3{white-space:normal}
}

@media only screen and (max-width: 900px) {
}
@media only screen and (max-width: 1600px) {
    .banner .item .text { font-size: 22px; }
}

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

@media only screen and (max-width: 1000px) {
    .banner .item .text { font-size: 18px; }
    .banner img { width: 100%; margin-left: 0%; }
}

@media only screen and (max-width:900px) {
    .menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100%; background: #242f35; }
    .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 { padding-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 ; background-size: 25px auto; right: 15px; }
    .h_menu .menu_wrap { background: url(menu-1.png) no-repeat center center ; background-size: 25px auto; }
    .h_menu .menu { left: 0; }
    .header { line-height: 60px; }
    .mainer { margin-top: 60px; }
    .page{padding-top:40px;}
    .header .wrap{padding:0}
    .tel{ right:75px; border-left:0; border-right:1px solid #445863}
    .menu ul li{margin:5px 0;text-align:left; padding:0 10px; display:block;border-bottom-color:#000 }
    .menu ul li a{display:block;padding:0 20px;}
    .menu ul{ display:block;}
    .menu ul li.on a:before, .menu ul li a:hover:before{width:5px;left:0;top:10px; height:auto; bottom:10px; right:auto}
    .about .img{width:400px;}
    .about .text h3{ margin:10px 0}
    .about .text{ padding:20px 30px;}
    .cn_list li .text h3{ margin-bottom:5px}
    .cn_list li .text{ margin-top:-60px;}
    .cn_list li .text p { line-height: 25px; }
    .main_tit li a{ width:370px; line-height:35px; height:35px;}
    .product_list a{ margin:5px;}
    .news_list{ padding-bottom:40px;}
    .t_list ul{white-space:nowrap}
    .ry_list li a{ margin:10px;}
    .ry_list ul{ margin:-10px;}
    .case_list .text p{height:80px;margin-bottom:10px;}
    .pagesize{ padding:10px 0}
    .contact li{width:100%;white-space:normal;}
    .contact li p{overflow:hidden;}
    .contact{ margin-top:20px;}
    .info_btn a{ float:none;}
    .pro_tit .info{ line-height:26px;}
    .pro_tit h3{ padding:5px 0;white-space:normal}
    .pro_tit .tit{ padding-bottom:5px; margin-bottom:5px;}
    .product_list{ padding-bottom:30px;}
    .case_list .text{ padding:15px;}
    .case_list .img{width:340px;}
}

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

    .banner .text h3{ font-size:34px;}
    .d_tit h2{ line-height:50px; font-size:26px;}
    .d_tit{ padding:20px 0}
    .d_tit .main_tit{ margin-top:20px;}
    .product_list li{width:50%;}
    .pro_tit .img{ float:none;}
    .pro_tit .txt{ padding:0;margin-bottom:20px;}
    .pro_tag{ padding:0}
    .pro_tag li{ margin-left:0;width:30%;}
    .about .img{width:300px;}
    .about .text h3{ margin:0}
    .about .text p{ height:130px; margin-bottom:20px;}
    .page_tit h3{ font-size:26px;}
    .page_tit p{ font-size:14px;line-height:25px;}
    .cn_list li{width:100%;}
    .page_tit{ margin-bottom:20px;}
    .full{display:none;}
    .about3{ padding-right:0}
    .img_map{position:initial; top:auto; left:auto; right:auto; bottom:auto; height:400px;width:100%;margin-top:20px;}
    .case_list .img{width:220px; float:left; margin-left:0; margin-right:5px;}
    .case_list .text p{ height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .about2 .img{ position:initial; top:auto; left:auto; bottom:auto; float:left;margin-right:20px;width:50%;}
    .his_list li span{width:60px;}
    .his_list li .box p{ padding-left:35px;}
    .his_list .list .line{ left:63px;}
    .zp_list .list{ margin-top:0}
    .zp_list .list .tit{ line-height:50px;}
    .zp_list .list .box{padding:10px;}
    .about2 .text{ padding-right:0}
    .case_list .text h3{ line-height:30px; font-size:18px;}
    .ry_list li{width:50%;}
    .ry_list li img{ margin:0 auto;}
}
@media only screen and (max-width: 600px) {
    .header .logo{width:150px;}
    .product_tit .img1 img{ margin-left:10px;}
    .product_tit .text h3{ padding:10px 0;}
    .product_tit .img1{ line-height:280px;}
    .product_tit .text{ padding-top:20px;}
    .news_list .date{ padding-right:40px;}
    .news_list .text .div_btn2{ padding:0 10px ;right:15px;}
    .news_list .text{ padding-right:150px}
    .tel{padding:0 10px;right:50px;}
    .banner .text h3{ font-size:26px;margin-bottom:10px;}
    .banner .img1 img{width:100%; margin-left:0%; max-width:inherit;}
    .d_tit h2{ font-size:24px;}
    .product_list ul{ margin:0}
    .ht30{ height:10px}
    .product_list .text{ padding:10px;}
    .product_list .text p{ padding:0}
    .f_ewm{ float:none;margin:0 auto;margin-top:10px;}
    .f_nav li{ padding:0 10px}
    .f_nav ul{ margin:0 -10px;}
    .footer{ padding:20px 0; text-align:center;}
    .f_nav li{ float:none; display:inline-block}
    .footer .flt{ float:none;}
    .footer p{text-align:center;}
    .menu_wrap{ right:5px;}
    .news_list .date{ padding:20px 10px;padding-right:40px;}
    .about .img{width:100%; float:none;}
    .about .text{ padding:20px;}
    .product_tit .text p{ height:56px;}
    .product_tit .img1{ line-height:220px;}
.news_list .text .div_btn2{ display:none;}
.news_list .text{ padding-right:10px}
.d_tit h2{padding-right:0;line-height:30px;}
.d_tit h2 span{ position:initial; top:auto; bottom:auto; display:block;}
.t_list{ margin-top:20px;}
.t_list li{display:block;line-height:54px;}
.t_list li br{ display:none;}
.about2 .text li p{ margin-bottom:0;line-height:54px;}
.yg_owl .yg_cur{ margin-bottom:21px;}
.case_list .img{width:150px;}
.case_list .text .div_btn{ display:none;}
.case_list .text p{ margin-bottom:0}
.case_list .text{ }
.pagesize a{width:26px; height:26px; line-height:26px;margin:2px;}
.case_list li{margin-bottom:10px;}
}