.header{width: 100%; position: relative;}
.top{padding:26px 0; width:100%;}
.logo{ display: inline-block; }
.logo img{max-height:52px;}
.top_r{float: right;}
.top_tel{float: left; margin-right: 40px; display: inline-block;}
.top_tel dt{float: left;}
.top_tel dd{padding-left: 55px;}
.top_tel dd h2{font-size: 14px;}
.top_tel dd h3{font-size: 20px; line-height: 26px; font-weight: bold;font-family:'Microsoft YaHei';}
.top_qq, .top_ewm{float: left; margin-left: 10px; display: inline-block; position: relative;}
.top_ewm span{position: absolute; top: 40px; right:0; padding: 10px 0 0; display: none; z-index: 2}
.top_ewm span img{width: 100px;}
.top_ewm:hover span{display: block;}


.nav{width:100%; overflow: hidden; border-bottom: 3px #fd5362 solid;}
.nav .navico{display:none;}
.nav li{float:left;}
.nav li a{display:block; padding:0 40px; font-size: 17px; height: 56px; line-height: 56px; transition:all 0.5s;}
.nav li:hover a{ color:#fd5362; -webkit-transform: translate3d(0, -3px, 0); transform: translate3d(0, -3px, 0);}
.nav li.on a{color:#fff; background: #fd5362;}
.nav li.on:hover a{color:#fff;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.nav .wrapper{position:relative;}
.tlogin{position:absolute; top:0; right:0; line-height:56px;}
.tlogin a{padding:0 10px; font-size:16px;}
.tlog_btn{color:#fd5362;}


.hsbg{width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.5; z-index:9990; display:none;}
.close{width:26px; position:fixed; top:20px; left:0; display:inline-block; z-index:9999; opacity:0;}
.close img{width:100%;}
.content{width:100%; overflow:hidden;}
.mag70{margin-top:70px;}
.padbot70{padding-bottom: 70px;}

/* banner */
.banner{width:100%; overflow:hidden; position:relative;}
.banner .hd ul{ display:none;}
.banner .prev, .banner .next{position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; opacity: 0.7; cursor: pointer;}
.banner .prev{left: 50px;}
.banner .next{right: 50px;}
.banner .prev:hover, .banner .next:hover{opacity: 1;}

.banner .bd{ position:relative; height:100%; z-index:0;}
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner img{ width:100%; display:block;}
.service{margin-top:-90px; position: relative; background: #fff; padding: 15px; overflow: hidden;}
.service img{width: 100%;}
.service_title, .sevimg1, .sevimg4, .sevimg5, .sevimgtwo{float: left;}
.service_title, .sevimg4{width: 31%;}
.sevimg1{width: 39%; height: 360px; overflow: hidden;}
.sevimg2, .sevimg3{height: 180px; overflow: hidden;}
.sevimgtwo{width: 30%;}
.sevimg4, .sevimg5{height: 308px; overflow: hidden;}
.sevimg5{width: 69%;}
.service .pr a{display: block; width: 100%; height: 100%;}
.service .pr p, .service .pr h2, .service .pr h3, .service .pr span{position: absolute; left: 25px;transition:all 0.3s;}
.service .pr p{top: 30px; color: #5a5a5a;text-transform: uppercase;}
.service .pr h2{top: 60px; font-size: 22px; color: #283340;}
.service .pr h3{top: 130px;background: url(../images/promore.png) no-repeat; width: 54px; height: 6px; }
.service .pr span{top: 110px; width: 82px; height: 22px; line-height: 22px; text-align: center; background: #fd5362; color: #fff;  display: block;}
.service .pr:hover p, .service .pr:hover h2, .service .pr:hover h3, .service .pr:hover span{transform: translateY(-6px);}
.service_title{position: relative;}
.service_title h1{padding: 15px; color: #283340; font-size: 50px; font-weight: bold; text-transform: uppercase;line-height: 110%; font-family: 'Arial Black';}
.service_title h1 em{color: #fd5362;}
.service_title h2{padding:30px 15px 0; position: relative; font-size: 22px; color: #fd5362; margin-top:30px;}
.service_title h2 em{word-wrap: break-word; height: 10px;width: 64px;display: block; background-color: rgb(40, 51, 64); position: absolute; top: 0; left: 15px;}
.service_title h2 i{left: 26%;top: 140px;position: absolute;z-index: 118;width: 180px;height: 31px;transform: rotate(314deg);transform-origin: 0px 0px; border-top: 1px solid #999;}
.service_title ul{position: absolute; left: 66%; top: 180px;line-height: 38px;}
.iabout_bg{background: #f2f2f2; position: relative; width: 100%; overflow: hidden; height: 100%;}
.iabout_bgf{background: #fff; width: 27%; height: 100%; top: 0; left: 0; position: absolute;}
.iabout_img{height: 74%; width: 38%; position: absolute; left: 0; top: 13%; overflow: hidden;}
.iabout_img img{min-height: 100%; min-width: 100%; float: right;}
.iabout{ padding: 80px 0; width: 60%; float: right; overflow: hidden;}
.iabout h2{font-size: 30px; color: #434343;}
.iabout_txt{font-size: 15px; color: #5a5a5a; line-height: 30px; height: 120px; overflow: hidden; margin-top:30px;}
.iabout h3 a{ color: #5a5a5a; font-size: 14px; width: 106px; height: 42px; line-height: 42px; border:1px #666666 solid; margin-top:35px; display: block; text-align: center; transition:all 0.3s;}
.iabout h3 a:hover{background: #fd5362; color: #fff; border-color: #fd5362;}
.iabout_sumbox{width: 66%; margin:0 0 45px 25%; overflow: hidden; background: #fff; position: relative; z-index: 1;}
.iabout_sumbox li{float: left; width: 25%; text-align: center; padding: 30px 0;}
.iabout_sumbox li h3{color: #fd5362; font-size: 45px; font-weight: bold;}
.iabout_sumbox li p{font-size: 14px;}
.aboutsumct{width: 100%; overflow: hidden; padding:60px 0; background:#fd727e; color: #fff}
.about_sumul{width: 100%;}
.about_sumul li{width: 25%; float: left; text-align: center; box-sizing: border-box; position: relative;}
.about_sumul li:after{content: '';width: 2px; height: 50%; background: rgba(255,255,255,0.5); position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
.about_sumul li:last-child:after{width: 0;}
.about_sumul li h3{ font-size: 58px; font-weight: bold; font-family: 'Roboto', sans-serif; }
.about_sumul li p{font-size: 18px;}

.ntitle{width: 100%; overflow: hidden; text-align: center;}
.ntitle h2{font-size: 30px; color: #434343;}
.ntitle h3{font-size: 15px; color: #999; margin-top:8px; padding: 0 10px;}
.newsitem{width: 100%; overflow: hidden;}

.news{ width:100%; overflow:hidden;}
.page{width: 100%; overflow: hidden; margin-top:50px; line-height: 36px; text-align: center; font-size:14px;}
.page a, .page em, .page span{display: inline-block; padding:0 13px; margin: 0 2px 5px;}
.page a{background: #f6f6f6;}
.page input{margin:0 3px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #555; border:0 none; background: #f6f6f6;}
.page button{width: 62px; height: 36px; line-height: 36px; text-align: center; font-size: 14px; color: #555; border:0 none;background: #f6f6f6; cursor: pointer;}
.page button:hover, .page a.on{background: #fd5362; color: #fff;}

.newsitemimg{width: 39%; float: left; position: relative; margin-top:42px;}
.newsitemimg span{display: block; width: 100%; height: 100%; background: #e2e2e2; position: absolute; top: -12px; right: -12px;}
.newsitemimg img{position: relative; z-index: 2; width: 100%;}
.inewsbox{width:55%; float: right; padding-top:20px;}
.news dl{width: 100%; display: block; overflow: hidden; border-bottom:1px #dbd4cd dashed; padding: 22px 0 18px 0;-webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.news dl:hover{transform:translateY(-5px); -ms-transform:translateY(-5px); -webkit-transform:translateY(-5px);}
.news dl dt{float: left; width: 70px; background: #fd5362; color: #fff; line-height: 25px; text-align: center; padding: 6px 0; margin-left:15px; display: inline-block;}
.news dl dt span, .news dl dt em{width: 100%; overflow: hidden; display: block;}
.news dl dt span{font-size: 24px; font-weight: bold; margin-top:5px;}
.news dl dt em{margin-top:5px;}
.news dl dd{padding:0 10px 0 110px;}
.news dl dd h2{font-size: 18px; color: #5a5a5a; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.news dl dd p{color: #888; line-height: 20px; margin-top:10px; height: 40px; overflow: hidden;}
.newsct{margin-top:50px;}
.news.newsct dl{width: 50%; float: left;}
.hzico{text-align: center;}
.hztit{text-align: center; font-size: 30px; color: #434343; padding: 15px 0;}
.hz_t{text-align: center; font-size: 18px; color: #5a5a5a;}
.hzitem{margin-top:50px; width: 100%; overflow: hidden;}
.hzbox{width: 350px; height: 210px; padding: 70px 0; border-radius: 50%; border:2px #ebebeb solid; background: rgba(255,255,255,0.5); margin:0 auto; text-align: center; line-height:50px;}
.hzbox h1{color: #434343; font-size: 18px; line-height: 32px;}
.hzbox h2{color: #fd5362; font-size: 36px; font-weight: bold;}
.hzbox p{font-size: 15px; color: #5a5a5a;}
.hzbox h3 a{width: 188px; height: 50px; line-height: 50px; border-radius: 50px; background: #fd5362;  color: #fff; font-size: 24px; display: inline-block; margin-top:10px;}
.hzbox h3:hover a{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); transition: all 0.4s ease; -webkit-transition: all 0.4s ease;}
.hzlink{width: 100%; overflow: hidden;}
.hzlink ul{width: 104%;}
.hzlink li{width: 16%; float: left; margin:40px 4% 0 0; display: inline-block; text-align: center; overflow: hidden;border:1px #ddd solid;box-sizing: border-box;}
.hzlink li img{ width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.hzlink li:hover img {transform: scale(1.1, 1.1)}
.footer{background: #171717; color: #ccc; width: 100%; overflow: hidden;}
.foot_top{width: 100%; overflow: hidden; padding: 40px 0; border-bottom:1px #414141 solid;}
.foot_top dl{width: 25%; float: left;}
.foot_top dl dt{float: left;}
.foot_top dl dt img{max-width: 68px;}
.foot_top dl dd{ padding:0 5px 0 75px;}
.foot_top dl dd h2{font-size: 16px; line-height: 40px;}
.foot_top dl dd p{font-size: 14px;}
.foot_bot{padding:20px 0; width: 100%; overflow: hidden;}
.copyright{float: left; width: 75%; font-size: 14px; line-height: 40px;}
.copyright a{color:#ccc;}
.foot_ewm{width: 110px; float: right;}
.foot_ewm h3 img{width: 80px;}
.foot_ewm p{width: 80px; text-align: center; margin-top:5px;}

.weiz{float: left; margin-top: 30px; line-height: 30px; font-size: 13px;}
.weiz i{padding:0 10px;}
.weiz span{color: #fd5362;}
.ctmenu{float: right; margin-top: 20px;}
.ctmenu a{display: inline-block; margin:10px 5px 0; display: inline-block;padding: 0 22px; line-height: 30px; border-radius: 30px; border:1px solid #eee; font-size: 13px;}
.ctmenu a.on{background: #fd5362; color: #fff;}
.nbanner{display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden;}
.aboutui{width: 100%; overflow: hidden; margin-top:50px;}
.aboutui_img{width: 40%; float: left;}
.aboutui_img img{max-width: 100%;}
.aboutui_txt{width: 55%; float: right; line-height: 32px; font-size: 14px;}
.aboutui_txt h2{font-size: 30px; padding-bottom: 20px;}
.tdbox{width: 100%; margin-top:30px;}
.tdbox ul{width: 103%;}
.tdbox li{width: 22%; float: left; display: inline-block; margin:20px 3% 0 0; line-height: 28px;transition: all 0.36s ease; padding-bottom: 10px;box-shadow: 0 0 0 rgba(0, 0, 0, 0.1); overflow: hidden;}
.tdbox li h1, .tdbox li h2, .tdbox li h3{text-align: center;}
.tdbox li h2, .tdbox li h3, .tdbox li p{padding: 0 10px; position: relative; top: 0; transition: all 0.3s ease-out 0s;}
.tdbox li h1 img{max-width: 100%;transition: all 0.36s ease;}
.tdbox li h2{font-size: 20px; font-weight: bold; margin-top:30px;}
.tdbox li h3{font-size: 15px; margin-top:8px;}
.tdbox li p{font-size: 14px; margin-top: 8px; color: #888; height: 84px; word-break: break-all;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.tdbox li:hover{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}
.tdbox li:hover h1 img{transform: scale(1.1, 1.1);}
.tdbox li:hover h2, .tdbox li:hover h3, .tdbox li:hover p{ top: -5px; }

.zsbox{width:100%; overflow:hidden;}
.zsbox li{width:21%; float:left; margin:40px 2% 0; display:inline-block;border:1px #ededed solid; overflow: hidden; box-sizing: border-box;}
.zsbox li img{ width:100%;transition: all 0.36s ease;}
.zsbox li:hover img{transform: scale(1.1, 1.1);}
.goods{width: 100%; overflow: hidden; margin-top:20px;}
.goods ul{width: 103%;}
.goods li{width: 30.33%; float: left; margin:35px 3% 0 0;}
.goods li a{display: block; border:1px #eee solid; padding: 10px; transition: all 0.5s;}
.goods li h1{text-align: center;vertical-align: middle;  display: table-cell; width: 100%; overflow: hidden;}
.goods li h1 img{max-width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.goods li:hover h1 img {transform: scale(1.1, 1.1)}
.goods li h3{width: 100%; overflow: hidden; padding: 10px 0 0;}
.goods li h3 span, .goods li h3 em{width: 100%; overflow: hidden; display: block; line-height: 30px; height: 30px; text-overflow: ellipsis; white-space: nowrap; }
.goods li h3 span{font-size: 15px;}
.goods li h3 em{color: #888;}
.goods li:hover a{background: #fd727e;}
.goods li:hover h3 span, .goods li:hover h3 em{color: #fff;}
.case{width: 100%; overflow: hidden;}
.case ul{width: 105%;}
.case li{width: 45%; padding: 0 5% 0 0; margin-top:40px; position: relative; line-height: 24px; float: left;}
.case li h1 img{ border:1px solid rgba(0,0,0,0); padding: 10px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width: 100%; box-sizing: border-box;}
.case li h2{margin:10px 10px 0; position: relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size: 16px; line-height: 50px;}
.case li p{ height: 54px; overflow: hidden; font-size: 14px; color: #888;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; top: 0; margin:0 10px;}
.case li h2:before { content:''; width:0px; height:1px; position:absolute; background:rgba(0,0,0,.1);transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 24px; margin-left:0;}

.case li:hover h2:before { width:25px; background:rgba(0,0,0,.4); margin-left:-40px;}
.case li:hover h1 img{ transform: scale(0.96, 0.96);-moz-transform:scale(0.96, 0.96);  -webkit-transform:scale(0.96, 0.96);  -o-transform:scale(0.96,0.96); border-color:rgba(0,0,0,.1);}
.case li:hover h2{margin-left:40px;}
.case li:hover p{ top:8px;}
.lxcont{width: 100%; overflow: hidden; font-size: 14px; line-height: 260%; margin-top:30px;}
.lxct_tit{width: 100%; overflow: hidden; font-size: 18px; line-height: 50px}
.lxct_tit span{float: left; width: 50px; height: 50px; line-height: 46px; border-radius: 50px; background: #fd5362; text-align: center; margin-right:20px;}
.lxct_tit span img{width: 32px;}
.lxbox{width: 100%; overflow: hidden; margin-top:10px;}
.lxtxt{width: 60%; float: left;}
.lxtxt p{width: 50%; float: left; margin-top:10px;}
.lxtel{float: right; border:1px #eee solid; padding: 30px 25px; margin-top:20px;}
.lxtel dt{float: left;}
.lxtel dt img{width: 68px;}
.lxtel dd{padding-left:90px;}
.lxtel dd h2{font-size: 30px;}
.lxtel dd p{font-size: 14px;}
.padtb70{padding:70px 0;}
.jmcont{background: #f9f9f9; }
.jmzccont{width: 100%;}
.jmzccont ul{width:103%;}
.jmzccont li{background:#fff; border-radius: 3px; float:left; overflow:hidden; width:30.33%; margin:40px 3% 0 0; display:inline-block; overflow:hidden; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);}
.jmzccont li h3{float:left; width:56px; margin:40px 0 0 30px;}
.jmzccont li h3 img{width:100%;}
.jmzccont li .jmzcbox{padding:30px 30px 25px 110px; min-height: 110px;}
.jmzccont li h2{font-size:18px; font-weight: bold;}
.jmzccont li p{font-size:14px; color:#999; margin-top:10px; line-height:20px;word-break: break-all;display: -webkit-box;-webkit-line-clamp: 4;
-webkit-box-orient: vertical; overflow: hidden; line-height: 24px;}
.jmzccont li:hover{ box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1);}
.jmzccont li h3, .jmzccont li .jmzcbox{position: relative; left: 0; transition:all 0.3s;}
.jmzccont li:hover h3, .jmzccont li:hover .jmzcbox{left: 10px;}


.jmyscont{width:100%; margin-top:20px;}
.jmyscont ul{width: 102%;}
.jmyscont li{float:left; border:1px #eee solid; margin:60px 2% 0 0; display:inline-block; width:23%; box-sizing:border-box; text-align:center; background:#f5f5f5; border-radius: 3px;}
.jmyscont li .superiority_ui{border:8px #f5f5f5 solid; transition:all 0.3s; padding:10px; border-radius: 3px;}
.jmyscont li:hover .superiority_ui{border:8px #fff solid;}
.jmyscont li h3{margin-top:-56px;}
.jmyscont li h3 img{width:72px; background: #fff; padding: 5px; border-radius: 50%; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.jmyscont li:hover h3 img{-webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -ms-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); }
.jmyscont li h2{color:#333; font-size:18px; margin-top:20px; height:30px; line-height: 30px; font-weight: bold; position: relative;}
.jmyscont li h2:after{content: ''; width: 0; height: 1px; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); background: #ddd;-webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.jmyscont li p{font-size:14px; color:#999; margin-top:10px; line-height: 24px; height:72px; overflow:hidden;}
.jmyscont li h2, .jmyscont li p{ position: relative; top: 0; -webkit-transition: all ease-in-out 0.3s ; -moz-transition: all ease-in-out 0.3s ; -ms-transition: all ease-in-out 0.3s ; -o-transition: all ease-in-out 0.3s ; transition: all ease-in-out 0.3s;}
.jmyscont li:hover h2{top: -12px;}
.jmyscont li:hover p{top: 5px;}
.jmyscont li:hover h2:after{width: 60px;}

.jmtj_ctleft{width: 50%; float: left;}
.jmtj_ctleft h2{font-size: 30px; margin-top:40px;}
.jmtj_ctleft ul{width: 100%; overflow: hidden; margin-top:30px;}
.jmtj_ctleft li{width: 100%; overflow: hidden; line-height: 26px; margin-top: 20px; align-items: baseline;color: #666;  font-size: 15px;}
.jmtj_ctleft li::before{content: "";width: 10px;height: 10px;border-radius: 10px;background: #8995A8;margin-right: 20px;display: inline-block;}
.jmtj_ctright{float: right; max-width: 50%;}
.jmtj_ctright img{max-width: 100%;}

.jmlc_cont{width: 100%; overflow: hidden;  margin-top:50px;}
.jmlc_cont ul{padding: 0 2% 0 6%;}
.jmlc_cont li{width: 19%; margin:0 0 0 1%; float: left; font-size: 16px; line-height: 24px; min-height: 48px; padding: 30px 0 10px;}
.jmlc_cont li i{background: url(../images/jmlcico.png) no-repeat; width: 24px; height: 24px; display: inline-block; margin:0 24px 0 0; float: left;}
.jmbdcont{ background: #fff; border-radius: 10px;  box-shadow: 0px 20px 80px rgba(76, 76, 76, 0.1); overflow: hidden; margin-top:20px; margin-bottom:20px;}
.jmform{margin-top: 40px; width: 80%; padding: 0 10%; overflow: hidden;}
.jmform p{float: left; overflow: hidden; margin-top:20px;}
.jmform_name, .jmform_eml, .jmform_tel{ width: 33.33%; }
.jmform_box, .jmform_submit{width: 100%;}
.jmform_inp, .jmform_textarea{border: 1px solid #e1e7ee; width: calc(100% - 20px); margin-right: 20px;padding: 10px 20px; box-sizing: border-box;font-family:'Microsoft YaHei';}
.jmform_textarea{height: 70px;}
.jmform_submit{text-align: center;}
.jmform_submit_btn{width: 225px;margin-top: 20px;background:#fd5362;color: #fff;font-weight: 600;border-color: #57bc4c;font-size: 16px;line-height: 54px;border-radius: 28px; border:0 none; cursor: pointer;}
.detail_title{font-size: 24px; color: #fd5362; text-align: center; line-height: 30px;}
.detail_info{text-align: center; color: #999; margin-top: 10px;}
.detail_cont{line-height: 30px; margin-top: 30px;}

@media all and (max-width:1280px) {
	.wrapper{width:96%; }
	.nav li a{padding: 0 32px; font-size: 16px;}
	.service{margin-top: -70px;}
	.sevimg1{height: 300px;}
	.sevimg2, .sevimg3{height: 150px;}
	.sevimg4, .sevimg5{height: 248px; }
	.service_title h1{font-size: 40px;}
	.service_title h2{margin-top:20px;}
	.service_title h2 em{ height:7px;}
	.service_title h2 i{width:150px; top: 120px; }
	.service_title ul{top: 150px;  line-height: 32px;}
	.iabout_bgf{width: 20%;}
	.iabout_img{width: 33%;}
	.jmlc_cont li{width: 24%;}

}
@media screen and (min-width:769px) and (max-width:1024px) {
	.mag70{margin-top:50px;}
	.padbot70{padding-bottom: 50px;}
	.nav li a{padding: 0 14px;}
	.tlogin a{padding:0 6px;}
	.service{margin-top: -50px;}
	.sevimg1{height: 200px;}
	.sevimg2, .sevimg3{height: 100px;}
	.sevimg4, .sevimg5{height: 148px; }
	.service_title h1{font-size: 28px;}
	.service_title h2{margin-top:10px; font-size: 18px; padding: 15px;}
	.service_title h2 em{ height:4px;}
	.service_title h2 i{width:110px; top: 86px; }
	.service_title ul{top: 85px;  line-height: 26px;}
	.service .pr h2{font-size: 18px;top: 40px;}
	.service .pr p{top: 15px;}
	.service .pr h3{top: 80px;}
	.service .pr span{top: 70px; width: 60px; height: 18px; line-height: 18px;}
	.iabout_bgf{width: 20%;}
	.iabout_img{top: 10%; height: 80%; width: 35%;}
	.iabout{padding: 50px 0;}
	.iabout_sumbox li h3{font-size: 35px;}
	.jmlc_cont li{width: 32.33%;}
}
@media all and (min-width:0) and (max-width:768px) {
	.mag70{margin-top:30px;}
	.padbot70{padding-bottom:30px;}
	.padtb70{padding:30px 0;}
	.wrapper{width:90%;}
	.top{padding: 15px 0;}
	.top_r{display: none;}
	.logo{display: block;}
	.logo img{max-height:38px; max-width: 70%;}
	.nav{height:initial; border-bottom-width: 2px;}
	.nav .navico{display:block; position: absolute; top: 20px; right:20px;}
	.nav .navico span{ background:#555; display: block; width: 20px;  height: 2px;  margin-top: 5px;  position: relative;  z-index: 1;  transform-origin: 20px center;border-radius: 2px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s, background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s, opacity 0.55s ease 0s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s;}
	.nav .navico.on{    position: fixed; top: 0;left: 10px;z-index: 9999; margin:25px 0 0;}
	.nav .navico.on span {opacity: 1;transform: rotate(45deg); background:#555;}
	.nav .navico.on span:nth-last-child(2) {opacity: 0;}
	.nav .navico.on span:nth-last-child(3) {opacity: 1; transform: rotate(-45deg);}
	.nav .navbox{position:fixed; width:240px; left:-240px; top:0; bottom:0; background:#fff; z-index:9998; overflow-y:auto;}
	.nav ul{ padding-top:68px;}
	.nav ul li{width:100%; overflow:hidden; line-height:40px; padding:0; font-size: 16px;}
	.nav ul li a{display:block; padding:0 25px;}
	.nav .wrapper{position:inherit;}
	.tlogin{ position:inherit; top:inherit; right:inherit; margin-top:20px; padding-left:10px;}
	.tlogin a{font-size:14px;  padding:0 15px;}

	.banner .prev, .banner .next{width: 25px;}
	.banner .prev{left: 25px;}
	.banner .next{right: 25px;}
	.service{margin-top:-30px; padding: 8px;}
	.sevimg1{height: 160px; width: 40%;}
	.sevimg2, .sevimg3{height: 80px;}
	.sevimg4, .sevimg5{height: 140px; }
	.sevimg4{width: 40%;}
	.sevimg5{width: 60%;}
	.sevimgtwo{width: 60%;}
	.service_title{width: 100%; overflow: hidden; height: 120px;}
	.service_title:after{width:20px; height:20px; border-bottom: 2px #ddd solid; border-right: 2px #ddd solid; content: ''; position: absolute; bottom: 10px; right: 0;}
	.service_title h1{font-size:20px; padding:5px;}
	.service_title h2{margin-top:0; font-size:24px; padding:0 5px;}
	.service_title h2 em{ height:4px; left: 5px; top: inherit; bottom:-20px; width: 40px;}
	.service_title h2 i{width: 100px; top: 50px; left: 45%;}
	.service_title ul{top: 5px; left: 75%; line-height: 25px;}
	.service .pr p, .service .pr h2, .service .pr h3, .service .pr span{left:15px;}
	.service .pr h2{font-size: 15px;top:12px;}
	.service .pr p{display: none;}
	.service .pr h3{top: 50px; background-size: 27px 3px;}
	.service .pr span{top:40px; width: 60px; height: 18px; line-height: 18px;}
	.iabout_bgf{display: none;}
	.iabout_img{position: initial; top: inherit; left: inherit; width:90%; margin:20px auto 0; overflow: hidden; height: initial;}
	.iabout_img img{width: 100%;}
	.iabout{width: 100%; padding: 30px 0;}
	.iabout h2{font-size: 24px; text-align: center;}
	.iabout_txt{font-size: 13px; height: initial; margin-top:15px; line-height: 26px;}
	.iabout h3 a{margin:20px auto 0; height: 35px; line-height: 35px;}
	.iabout_sumbox{width: 100%; margin:0 auto 30px;}
	.iabout_sumbox li{padding: 15px 0;}
	.iabout_sumbox li h3{font-size: 24px;}
	.newsitemimg{display: none;}
	.inewsbox{width: 100%; overflow: hidden; float: inherit;padding-top:10px;}
	.ntitle h2, .hztit{font-size: 24px;}
	.news dl dd h2{font-size: 16px;}
	.newsct{margin-top:10px;}
	.news.newsct dl{width: 100%; float: inherit;}
	.hz_t{font-size: 15px;}
	.hzitem{margin-top:25px;}
	.hzico img{width: 60px;}
	.hzbox{line-height: 40px;width: 280px; padding: 50px 0; height: 180px;}
	.hzbox h1{font-size: 15px;}
	.hzbox h2{font-size: 28px;}
	.hzbox p{font-size: 13px;}
	.hzbox h3 a{font-size: 18px; height: 40px; line-height: 40px; width: 150px;}
	.hzlink li{width: 29.33%; margin-top:18px;}
	.foot_top{padding:20px 0;}
	.foot_top dl{width: 50%; margin-top:10px;}
	.foot_top dl dt img{max-width:50px;}
	.foot_top dl dd{padding:0 5px 0 60px;}
	.foot_top dl dd h2{line-height: 30px; font-size: 14px;}
	.foot_top dl dd p{font-size: 12px;}
	.copyright{width: 100%; font-size: 12px; line-height: 26px; text-align: center; float: inherit;}
	.foot_ewm{width: 100%; text-align: center; float: inherit; margin-top:10px;}
	.foot_ewm p{width: 100%;}

	.weiz{width: 100%; float: inherit; margin-top:15px;}
	.ctmenu{width: 100%; float: inherit; text-align: center; overflow: hidden; margin-top:10px;}
	.nbanner img{height: 120px; width: initial;}
	.aboutui{margin-top: 20px;}
	.aboutui_txt, .aboutui_img{width: 100%; overflow: hidden; float: inherit;}
	.aboutui_txt{line-height:30px; font-size: 13px;}
	.aboutui_txt h2{font-size: 20px; padding-bottom: 10px; text-align: center;}
	.aboutsumct{padding:30px 0;}
	.aboutsumct .wrapper{width: 100%;}
	.about_sumul li h3{ font-size: 28px; }
	.about_sumul li p{font-size: 14px;}
	.tdbox{margin-top:15px;}
	.zsbox li{width:46%; margin-top:15px;}
	.goods li{width: 47%; margin-top:15px;}
	.case ul, .case li{width: 100%;}
	.case li{ padding-right: 0; margin-top:20px;}
	.case li h2{margin-top:0;}
	.lxcont{margin-top:15px;}
	.lxtxt{width: 100%; overflow: hidden; float: inherit;}
	.lxtxt p{width: 100%; float: inherit; margin-top:0;}
	.lxtel{float: inherit; overflow: hidden; padding: 20px 15px; display: inline-block;}
	.jmlc_cont{margin-top: 25px; padding:25px 0;}
	.jmlc_cont li{width: 49%;}
	.jmbdcont{margin-top: 10px; margin-bottom:10px;}
	.jmform{margin-top:20px;}
	.jmform_name, .jmform_eml, .jmform_tel{width: 100%;}
	.jmform_inp, .jmform_textarea{width: calc(100%);}
	.jmform p{margin-top: 15px;}
	.jmyscont li{width: 48%; background: none; border:0 none;}
	.jmyscont li .superiority_ui, .jmyscont li:hover .superiority_ui, .jmyscont li:hover{border-width: 0;}
	.jmzccont ul, .jmtj_ctleft, .jmtj_ctright{width: 100%; }
	.jmtj_ctright{float: inherit; max-width: 100%;}
	.jmzccont li{width: 100%; margin:20px 0 0;}
	


}
@media all and (max-width:960px) {
	.tdbox li{width: 47%;}

}
@media all and (max-width:480px) {
	.jmlc_cont ul{padding: 0 3%;}
	.jmlc_cont li{width: 99%; text-align: center; position: relative; }
	.jmlc_cont li i{position: absolute; top: 0; left: 50%; transform: translateX(-50%) rotate(90deg);}

}