/*
Theme Name:Metal
Theme URI:http://www.0515jia.com
Description:少年，感谢你使用主题。
Author: MR.Z
Author URI:http://www.0515jia.com
Version:1.0
*/

@charset "utf-8";
body,html{height:100%;font-family:Arial,fontzhou;font-weight: normal;box-sizing: border-box;}
html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, a,blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{color: #222;font-weight: normal;margin:0;padding:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;list-style:none}
a img,iframe{border:none;width: 100%;height: auto;}
a,a img,em,li,img,a:hover,*:after,p,a i,.m-menu,.m-menu i,.header,.logo a,.h-right,.navigation,.team-news-a i,#submit,span,h4 i,.team-about i,.i-c-txt,.language{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease}
a:before,h2:before,h2:after,h3:before,h3:after,h4:before,h4:after,ul:before,ul:after{font-family: "iconfont"}
a,a:hover{text-decoration:none}
table{border-collapse:separate;border-spacing:0}
@font-face {
  font-family: "fontzhou";
  src: url("css/zi/fontzhou.woff2") format("woff2"),
       url("css/zi/fontzhou.woff") format("woff"),
       url("css/zi/fontzhou.ttf") format("truetype"),
       url("css/zi/fontzhou.eot") format("embedded-opentype"),
       url("css/zi/fontzhou.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
:root{--theme-color:#10A56F;--theme-hover:#10A56F}
/*header*/
.customize-support .header{margin-top: 32px;}
.header {width: 100%;height: 100px;background: #fff;position: fixed;top: 0;left: 0;z-index: 10000;box-sizing: border-box}
.header .logo {display: inline-block;}
.logo a img{height:60px;width: auto;display:block}
.header.hdon .logo a img{transform: scale(.8)}
.m-menu {display: none; }
.w1920 {margin:auto 2%;}
.logo a {height: 100px;display: table-cell;vertical-align: middle}
.language {display: inline-block;vertical-align: top;line-height: 100px;overflow: hidden;font-size: 14px;font-family: fontzhou;}
.language a {position: relative;}
.language a:hover{color:var(--theme-hover)}
.bg-1 {display: none;position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);z-index: 100;left: 0;top: 0;}
.navigation>ul>li a>img{width:auto;padding-right: 5px;}
/*footer*/
footer{display: block;background: #fff;padding: 70px 2% 0;overflow: hidden;border-top: 1px solid #eee;}
footer li {display: block;float: left;width: 25%;overflow: hidden;}
footer li h3,footer li h3 a  {display: block;margin-bottom: 30px;color: #000;font-size: 16px;letter-spacing: 2px;}
footer li h3 a {margin-bottom:0}
footer li h4 {display: block;overflow: hidden;margin-bottom: 20px;}
footer li h4 li {display: block;color: #333;margin-bottom: 8px;font-size: 12px;letter-spacing: 2px;width: 60%;}
footer li h4 li a {letter-spacing: 2px;display: inline-block;color: #333;font-size: 12px;font-family: fonzhou;border-bottom: 1px solid #ccc;}
footer li h4 li a:hover {border-bottom: 1px solid #fff;color:var(--theme-hover)}
footer .index-bottom{display: inline-block;width: 100%;}
footer .index-bottom h5 {display: block;text-align: center;font-size: 12px;border-bottom: 1px solid #eee;padding: 20px 0;margin-bottom: 20px;}
footer .index-bottom h5 a{color: #666;}
footer .link,footer .link i{font-size: 12px;color: #666;padding-bottom: 20px;}
footer .link a{padding:0 6px;}
footer .index-bottom br{display: none;}
footer .index-bottom br:nth-child(2){display: block;}
/*banner*/
.index-banner{width: 100%;display: block;overflow: hidden;position: relative;}
.index-banner .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}
.index-banner .swiper-button-next, .index-banner .swiper-button-prev{opacity: 0;background-image:none;}
.index-banner .swiper-button-prev:before{content: "\e629";font-family: iconfont!important;font-size: 50px;color: #fff;left: 20px;position: absolute;}
.index-banner .swiper-button-next:before{content: "\e628";font-family: iconfont!important;font-size: 50px;color: #fff;right: 20px;position: absolute;}
.index-banner .swiper-button-next:hover,.index-banner .swiper-button-prev:hover{ opacity: 1;-webkit-transition:0.2s; -moz-transition:0.2s; transition:0.2s;}
.in-banner-txt{display: block;position: absolute;background: rgba(0, 0, 0, 0.7);right: 0;bottom: 0;padding:5%;}
.in-banner-txt p{ display: none;height: 1px;background: #fff;margin-left: -23%;width: 20%;position: absolute;top: 50%;margin-top: -50px;}
.in-banner-txt dl h3{line-height: 1em;display: block;font-size: 2em;margin: 0 0 26px 0;letter-spacing: 1px;width: 100%;text-align: left; color:#fff; }
.in-banner-txt dl h4{ display: block;font-size: 17px;letter-spacing: 2px;margin: 0 0 26px 0; color:#fff;}
.index-banner .in-banner-txt dl a{border: 1px solid var(--theme-color);color:var(--theme-color);display: inline-block;padding: 8px 40px;font-size: 14px;letter-spacing: 2.4px; position: relative;    overflow: hidden; }
.index-banner .in-banner-txt dl a i{margin-left:6px;}
.index-banner .in-banner-txt dl a:hover font,.index-banner .in-banner-txt dl a:hover i{ color:#fff; }
.index-banner .in-banner-txt dl a font,.index-banner .in-banner-txt dl a i{ position: relative; z-index: 3; }
.index-banner .in-banner-txt dl a #a-bg{background-color:var(--theme-color);position: absolute;width: 100%; height: 100%; top: 0; left:-100%; z-index: 1;opacity: 0;-webkit-transition: 0.3s;-moz-transition: 0.3s;transition: 0.3s; }
.index-banner .in-banner-txt dl a:hover #a-bg{opacity: 1; left:0; }
.index-banner .swiper-pagination-bullet {width: 48px;display: inline-block;background: #fff;opacity: 0.5;border-radius: 0;}
.index-banner .swiper-pagination-bullet-active {background-color:var(--theme-color);opacity: 1;}
.index-banner .swiper-pagination-bullets {bottom: 30px;}
/*index-about*/
.index-info{ display: block;overflow: hidden;position: relative;background: #f4f5f7;}
.index-info dd{ display: block;overflow: hidden;float: right;width: 50%;}
.index-info dd h3{overflow: hidden; display: block;width: 90%;margin: 10% 5% 16%;}
.index-info dd h3 span{ display: block;font-size: 20px;letter-spacing: 2px;color: #333;}
.index-info dd h3 strong{ display: block;float: left;width: 50px;margin: 16px 10px 0 0;height: 1px;background: #ccc;}
.index-info dd .index-info-txt{overflow: hidden;display: block;width: 95%;margin: 0 0 0 5%;}
.index-info dd .index-info-txt p{ display: block;float: left;width: 50px;margin: 24px 10px 0 0;height: 1px;background: #ccc;}
.index-info dd .index-info-txt h4{display: block;float: left;width: 85%;}
.index-info dd .index-info-txt h4 span{display: block;font-size: 2em;letter-spacing:4px;font-weight: bold;font-family: "fontzhou";text-align: left;text-transform: capitalize;}
.index-info dd .index-info-txt h4 font{display: block;font-size: 16px;letter-spacing: 1px;color: #666;margin: 1em 0 2em;}
.index-info dd .index-info-txt h4 a font{display: inline-block;margin: 0;position: relative;font-size: 14px;z-index: 2;color:var(--theme-color)}
.index-info dd .index-info-txt h4 a{width: 24%;margin: 0;}
.index-info dd .index-info-txt h4 a:hover font{ color:#fff; }
.index-info dt{display: block;float: left;width:50%; position: relative;}
.index-info dt img{ display: block;width: 100%;}
.index-info dt a{}
/*tanssuo*/
.in-l-h6{transition: 0.5s;opacity: 0;position: absolute;width: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);height: 100%;}
.in-l-h6 #h5{margin-top: -21px;display: block;position: absolute;top: 50%;left: 0;width: 100%;}
.in-l-h6 #h5 #h4{transition: 0.5s;display: block;width: 20%;height: 1px;background: #eee;margin: 0 auto;}
.in-l-h6 #h5 #title{display: block;color: #fff;text-align: center;font-size: 14px;letter-spacing: 2px;height: 40px;line-height: 40px;}
a:hover .in-l-h6{opacity:1;}
a:hover .in-l-h6 #h5 #h4{width:5%;}
.team-news-a{border: 1px solid var(--theme-color);color:var(--theme-color);display: block;height: 36px;line-height: 36px;padding-top: 1px;padding-right: 20px;padding-left: 20px;-webkit-box-flex: 0;-ms-flex: 0 auto;background:none;font-size: 14px;text-align: center;width: 10%;margin: 0 auto;position: relative;overflow: hidden}
.team-news-a i{font-size: 12px;margin-left: 10px;position: relative; z-index: 2;color:var(--theme-color)}
.team-news-a font{position: relative;z-index: 2; font-size: 12px; display: inline-block;color:var(--theme-color)}
.team-news-a #a-bg{background-color:var(--theme-color);opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;left: -100%;z-index: 1; margin: 0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;display: block;}
.team-news-a:hover #a-bg{ opacity:1; left:0; }
.team-news-a:hover font,.team-news-a:hover i,.pagination .current, .pagination a:hover{color:#fff;}
.pagination .current, .pagination a:hover{background-color:var(--theme-color)}
.pagination{margin:5% 0;text-align: center;}
.pagination span,.pagination a {display: inline-block;zoom: 1;font-family: fontzhou;margin:0 0.5% 1%;padding:0.6% 1.5%;font-size:1em;text-align: center;background: #f4f4f4;color: #575757;border-radius: 1px;}
/*index-pro*/
.index-pro,.index-news,.index-zd{margin: 50px 2%}
.pro-cat .pro-box{margin: 3% 0.5%;}
.index-box {margin:0 auto;position: relative;}
.index-box-title {font-size: 36px;line-height: 36px;color: #222;}
.index-box .mores{font-size: 16px; line-height: 36px; color: #000;padding-right: 35px; display: block; position: absolute; right: 0; top:0;}
.index-box .mores:hover{color:var(--theme-hover)}
.index-box .mores i{font-size: 31px;vertical-align: middle;padding-left: 7px;}
.index-box-menu{width: 80%;margin-top: 30px;}
.index-box-menu>li{margin-bottom: 13px;height: 28px; line-height: 26px; display: inline-block;overflow: hidden;}
.index-box-menu>li>a{color:#000;border: 1px solid #000;margin-right: 10px; padding: 0 20px; display: inline-block; font-size: 16px;}
.index-box-menu>li:hover>a{background-color:#000;color:#fff}
.index-pro>ul{display:block;margin: 2% auto 0;}
.index-pro>ul>li{display: block; overflow: hidden; margin-bottom: 4%;}
.index-pro>ul>li.le a:first-of-type,.index-pro>ul>li.ri a:last-of-type{width:49.5%;}
.index-pro>ul>li.le a:first-of-type .i-c-txt,.index-pro>ul>li.ri a:last-of-type .i-c-txt{position: absolute; bottom: 5%; left: 3%;}
.index-pro>ul>li.le a:first-of-type .i-c-txt strong,.index-pro>ul>li.ri a:last-of-type .i-c-txt strong{display:none}
.index-pro>ul>li.le a:first-of-type .i-c-txt h2,.index-pro>ul>li.ri a:last-of-type .i-c-txt h2{width:100%;}
.index-pro>ul>li.le a:first-of-type .i-c-txt h2 span, .index-pro>ul>li.le a:first-of-type .i-c-txt h2 font,.index-pro>ul>li.ri a:last-of-type .i-c-txt h2 span, .index-pro>ul>li.ri a:last-of-type .i-c-txt h2 font{color: #fff;}
.index-pro>ul>li>a{position: relative; display: block; float: left; width:24.25%; overflow: hidden; margin: 0 1% 0 0;}
.index-pro>ul>li>a:nth-child(4n),.index-pro ul li.le a:nth-child(3n),.index-pro ul li.ri a:nth-child(3n) {float: right;margin: 0;}
.index-pro>ul>li>a .i-c-img{display: block; position: relative; overflow: hidden;}
.index-pro>ul>li>a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.index-pro>ul>li>a img{display: block; width: 100%;}
.index-pro>ul>li>a .i-c-txt{display: block; overflow: hidden; margin-top: 1em;}
.index-pro>ul>li>a .i-c-txt strong{display: block; width: 20%; height: 1px; background: #999; float: left; margin:0.6em 0 0 0}
.index-pro>ul>li>a .i-c-txt h2{display: block; float: right;width: 75%;}
.index-pro>ul>li>a .i-c-txt h2 span{display: block; color: #333; font-size:0.75em; letter-spacing: 1px; font-family: fontzhou; font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-pro>ul>li>a .i-c-txt h2 font{display: block; font-size: 14px; color: #666; letter-spacing: 2px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index-pro>ul>li>a:hover .i-c-txt h2 font{opacity: 0.5;}
.index-pro>ul>li>a:hover .i-c-txt h2 span{color:var(--theme-hover)}
/*index-bar*/
.about-bg{background: url(images/about-bg.jpg) center no-repeat;display: block;overflow: hidden;padding: 120px 0;margin: 0 0 100px;background-size: cover;background-attachment: fixed;}
.about-bg ul{ display: block;color: #fff;width: 62%;margin: 0 auto; overflow: hidden;}
.about-bg ul p{display: block;width:6%;height: 1px;background: #eee;float: left;margin-top: 6px;}
.about-bg ul li{display: block;float: right;width: 90%;}
.about-bg ul li h3{ display: block;font-size: 16px;letter-spacing: 2px;margin-bottom: 2em;color: #fff;}
.about-bg ul li h4{ display: block;font-size: 18px;letter-spacing: 1px;line-height: 30px;width:100%;text-align: justify;margin-bottom: 2em;color: #fff;}
.about-bg ul li h5{ color: #fff;letter-spacing: 2px;font-size: 14px;}
/*index-news*/
.index-news-list{margin-top:40px;display:inline-block}
.index-news-list .lbox .box1,.index-news-list .lbox .box2{width:30%;margin-right:0.625%;float:left;transition:all ease .3s;}
.index-news-list .lbox .box1 img{width:100%;height:280px;}
.index-news-list .lbox .box1 .tbox{margin-bottom:0;}
.index-news-list .lbox .box3 .tbox{height:130px;padding:30px;}
.index-news-list .lbox .box3{width:38.75%;float:left;}
.index-news-list .lbox .box3 .tbox .time i{top: 10%;}
.index-news-list .lbox .box3 .tbox .time{position: unset;border-bottom: none;padding:0;float:left;margin-right:30px}
.index-news-list .lbox .box3 .tbox .time:after{position: unset;}
.index-news-list .lbox .box3 .tbox .titles{width:calc(100% - 140px);float:left;line-height:26px;margin-top:10px;white-space:normal;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-news-list .lbox .tbox{width:100%;height:270px;background:#f4f4f4;box-sizing:border-box;padding:0 30px;margin-bottom:10px;transition:all ease .3s;}
.index-news-list .lbox .tbox a{display:inline-block;width:100%;}
.index-news-list .lbox .tbox:hover,.index-news-list .lbox .box1:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.1);}
.index-news-list .lbox .box1 .tbox:hover{box-shadow:none}
.index-news-list .lbox .tbox .time span{font-weight: initial;font-size:16px;line-height:20px;display:block;}
.index-news-list .lbox .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:14px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-news-list .lbox .tbox .time,.index-news-list .lbox .box3 .tbox a{position: relative;}
.index-news-list .lbox .tbox .time i{position: absolute;font-size: 27px;right:0;top: 30%;}
.index-news-list .lbox .tbox .time{font-size:48px;font-weight:bold;line-height:50px;font-family: 'fontzhou';color:#999;padding:22px 0 15px;border-bottom:1px solid #dbdbdb;transition:all ease .3s;}
.index-news-list .lbox .tbox .time:after{background-color:var(--theme-color);position: absolute;content: '';bottom: 0;left: 0;right: 0;width: 0;height: 1px;}
.index-news-list .lbox .tbox:hover .time{color:var(--theme-hover)}
.index-news-list .lbox .tbox:hover .time:after{width: 100%}
.index-news-list .lbox .tbox .titles{font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
/*index-zd*/
.index-zd{}
.index-zd h4 {display: block;overflow: hidden;text-align: left;margin: 0 auto 3em;}
.index-zd h4 span{font-size: 14px;letter-spacing: 2px;}
.index-zd h4 .line{display: block;overflow: hidden;margin: 20px 0;}
.index-zd h4 .line .l {display: block;float: left;width: 8%;height: 1px;background: #ccc;margin: 20px 0 0 0;}
.index-zd h4 .line strong{display: block;font-size:1.5em;letter-spacing: 2px;line-height: 1.2em;width: 61%;font-weight: normal;color: #333;float: right;margin: 0 30% 0 0;}
.index-zd h4 font {display: block;letter-spacing: 2px;font-size: 17px;float: left;margin: 20px 0 0 9%;}
.index-zd ul{ display: block;overflow: hidden;width:100%;margin: 0 auto;}
.index-zd ul li{display: block;float: left;width: 25%;background: #eee;margin: 0 2% 0 0;padding: 3em 5% 3em 2%;}
.index-zd ul li:nth-child(2n){ background: #333;}
.index-zd ul li:nth-child(3n){float:right; margin:0;    background: #eee;}
.index-zd ul li span{ margin-top: 10px;display: block;float: left;width: 15%;height: 1px;background: #eee;}
.index-zd ul li p{ display: block;float: right;width: 83%;overflow: hidden;}
.index-zd ul li p font{ display: block;font-size: 14px;letter-spacing: 2px; color:#fff;     margin-bottom: 20px;}
.index-zd ul li p strong{ display: block;font-size: 16px;letter-spacing: 2px;font-weight: bold; color:#fff;  }
.index-zd ul li:nth-child(3n) span{background-color:var(--theme-color);margin-top: 10px;display: block;float: left;width: 15%;height: 1px}
.index-zd ul li:nth-child(3n) p font,.index-zd ul li:nth-child(3n) p strong{color:var(--theme-color)}
.index-zd ul li:first-of-type{background-color:var(--theme-color)}
/*index-contact*/
.index-contact{display: block; overflow: hidden; margin: 0 0 60px; border-top: 1px solid #eee; padding-top: 60px;}
.index-contact dd,.index-contact form{overflow: hidden; width: 50%; margin: 0 auto 20px;}
.index-contact dd span{float: left; width: 10%; height: 1px; background: #ccc; margin: 18px 0 0 0;}
.index-contact dd h5{float: right; width: 88%;}
.index-contact dd strong{display: block;font-weight: normal; font-size: 1.4em; letter-spacing: 2px; color: #000;}
.index-contact dd font,.index-contact dd font a{color: #666; font-size: 14px; letter-spacing: 2px;}
.index-contact form>div{float: left;width: 32.3%;margin: 0 1% 0 0;}
.index-contact form>div input{overflow: hidden; border: 0; background: #f2f2f2; height: 36px; line-height:36px; text-indent: 1em;font-size: 14px;font-weight: lighter;width:100%;}
.index-contact form #submit{background-color:var(--theme-color);cursor: pointer;margin: 0; text-align: center; text-indent: 0;color: #fff;}
.index-contact form #submit:hover{background-color:#333}
.index-contact .wpcf7-validation-errors, .screen-reader-response {display: none;}
.index-contact .wpcf7-not-valid-tip{color:#ab0000;font-size:12px;padding-top: 10px;text-align: center;display:block}
button,input,textarea{vertical-align:middle;outline:0;border-radius:0;-webkit-appearance:none}
input::-webkit-input-placeholder {color: #aab2bd;}
/*products*/
.pro-banner{position: relative; overflow: hidden;font-size: 0;max-height: 100%;margin-top: 100px;}
.pro-banner img{width: 100%;}
.insideBannerBg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;
    background:-webkit-linear-gradient(left, #404040,transparent,transparent); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(right, #404040,transparent,transparent); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(right,#404040,transparent,transparent);/* Firefox 3.6 - 15 */
    background:linear-gradient(to right, #404040,transparent,transparent);
}
.pro-banner dd{position: absolute; top: 50%; left: 1%; width: 100%; height: auto; z-index: 5; margin-top: -94px;}
.pro-banner dd h3{overflow: hidden; margin-bottom: 20px;}
.pro-banner dd h3 span{display: block; float: left; width: 100px; height: 1px; background: #fff; margin: 18px 12px 0 0;}
.pro-banner dd h3 font{text-transform: uppercase; float: left;line-height: 40px; font-size:37px; letter-spacing: 2px; height: 40px; font-family: fontzhou;background: #fff -webkit-gradient(linear, left top, right top, from(#fff), to(#fff), color-stop(0.9, #10A56F)) 0 0 no-repeat;-webkit-animation-name: shine;-webkit-animation-duration: 3s;-webkit-animation-iteration-count: infinite;-webkit-background-size: 125px;color: rgba(255, 255, 255, 0.1);-webkit-background-clip: text;}
@-webkit-keyframes shine
{0%{background-position: top left;}100%{background-position: top right;} }
.pro-banner dd h4,.pro-banner dd h1{color: #fff; letter-spacing: 2px; font-size: 20px; margin:10px 0 10px 112px; height: 26px; line-height: 26px;}
.pro-banner dd a{transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; display: inline-block; margin: 20px 0 0 112px;width: 36px; height: 36px; line-height: 36px; border: 1px solid #fff; border-radius: 50%; text-align: center;}
.pro-banner dd a i{animation: fadeInDown 1.5s ease-out infinite; position: relative; font-size:23px; display: block; line-height: 40px;color: #fff;}
.team-about {margin: 0 auto;overflow: hidden;text-align: center;border-top: 1px solid #eee;padding: 60px 0;width: 100%;}
.team-about a {color: #000;}
.team-about span {display: block;font-size: 14px;margin-bottom: 10px;}
.team-about font {display: block;letter-spacing: 2px;margin-bottom: 10px;color: #000;font-size: 16px;}
.team-about i {color:var(--theme-color);font-size: 16px;border: 1px solid;width: 36px;line-height: 36px;height: 36px;border-radius: 50%;display: inline-block}
.team-about a:hover i, .pic-bottom a dd h4 i:hover, .pro-bottom li:hover a{background-color:var(--theme-hover)}
.team-about a:hover i, .pic-bottom a dd h4 i:hover, .pro-bottom li:hover a i {color: #fff;}
.pro-bottom{overflow:hidden;width:100%;position:relative}
.pro-bottom li{cursor:pointer;position:relative;float:left;width:25%;overflow:hidden}
.pro-bottom li img{width:100%;display: block;}
.pro-bottom li p{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;background:rgba(0,0,0,.45);}
.pro-bottom li h3{height:100%;width:80%;position:absolute;z-index:3;top:50px;left:50px}
.pro-bottom li h3 span{color: #fff;font-size: 18px;letter-spacing:2PX; font-family: fontzhou; }
.pro-bottom li h3 font{ width: 95%; display: block;color: #fff;font-size: 20px;letter-spacing: 1px;margin: 20px 0; font-family: fontzhou;text-align: left;text-transform: uppercase; }
.pro-bottom li h3 a{border: 1px solid var(--theme-color);bottom:100px; position: absolute;width: 40px;height: 40px;line-height: 40px; }
.pro-bottom li h3 a i{color:var(--theme-color);display: block;text-align: center;line-height: 40px;font-size: 16px;font-weight: normal;}
.pro-bottom li:hover p{background: rgba(255, 255, 255, 0.45);}
.pic-bottom{overflow: hidden;}
.pic-bottom a {position:relative;background:#eef0f3;float:left;width:50%;overflow:hidden;}
.pic-bottom a img {float:left;width:50%;}
.pic-bottom a dd {position:relative;float:left;width:40%;overflow:hidden;padding:7% 5% 0;}
.pic-bottom a dd p {float:left;height:1px;width:10%;background:#999;margin:10px 0 0 0;}
.pic-bottom a dd h4 {float:right;width:86%;overflow:hidden;}
.pic-bottom a dd h4 span {text-transform: uppercase;letter-spacing:2px;line-height:30px;height:30px;display:block;font-size:24px;margin-bottom:10px;color:#333;}
.pic-bottom a dd h4 font {opacity:1;display:block;font-size:14px;letter-spacing:2px;margin:10px 0 10px 0;color:#666;height:26px;line-height:26px;}
.pic-bottom a dd h4 i {color:var(--theme-color);border: 1px solid var(--theme-color);opacity:0;display:block;width:36px;text-align:center;height:36px;line-height:36px;font-size:14px;margin:0 0 0 1em;}
.pic-bottom a dd h4 i:hover{border: 1px solid var(--theme-hover)}
.pic-bottom a:hover dd h4 i {opacity:1;margin:0;}
/*pic*/
.pic {overflow:hidden;padding-top: 60px;}
.pic ul {overflow:hidden;padding:1%;}
.pic ul li {display: block;position:relative;float:left;width:24.25%;overflow:hidden;margin:0 1% 1% 0;transition:all .8s;}
.pic ul li a img {width:100%;}
.pic ul li a .pic-txt {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.9);opacity:0;transition:all .5s;}
.pic ul li a:hover .pic-txt {opacity:1;transition:0.3s;}
.pic ul li a .pic-txt h2 {padding:0 10%;overflow:hidden;position:absolute;width:80%;top:50%;margin-top:-38.5px;}
.pic ul li a .pic-txt h2 span {background-color:var(--theme-color);float:left;width:10%;height:1px;margin:10px 0 0 0;}
.pic ul li a .pic-txt h2 p {float:right;width:88%;overflow:hidden;color:#fff;}
.pic ul li a .pic-txt h2 p strong {color:var(--theme-color);font-size:0.8em;font-weight:normal;line-height:1em;margin-bottom:10px;font-family:fontzhou;display: block;}
.pic ul li a .pic-txt h2 p font {letter-spacing:2px;font-size:16px;}
.pic ul li:nth-child(4n) {margin: 0 0 1% 0;float: right;}
/*pro-cat*/
.pro-cat>ul{overflow: hidden;margin: 2% auto 0;}
.pro-cat>ul li{width: 24%;float: left;margin: 0 0.5%;position: relative;padding-bottom: 6%;}
.pro-cat>ul li a .i-c-img{position: relative; overflow: hidden;}
.pro-cat>ul li a:hover img,.pro-show ul h4 a:hover img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.pro-cat>ul li a img{display: block; width: 100%;}
.pro-cat>ul li a .i-c-txt{position: relative;width: 100%;overflow: hidden;}
.pro-cat>ul li a .i-c-txt strong{margin: 22.5px 0 0 0;height: 1px;background: #ccc;width: 15%;position: absolute;top: 1em;left: 0;}
.pro-cat>ul li a .i-c-txt p{float: right;overflow: hidden;width: 82%;margin-top: 1em;}
.pro-cat>ul li a .i-c-txt p span {display: block;text-align:left;color:#000;font-size:20px;letter-spacing:2px;margin:0 0 0;font-family:fontzhou;height:46px;line-height:46px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.pro-cat>ul li a .i-c-txt p font {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#333;letter-spacing:1px;font-size:16px;display:block;}
.pro-cat>ul li a:hover p span{color:var(--theme-hover);}
/*news*/
.news-left {overflow:hidden;float:left;width:15%;margin-left:5%;padding-top:150px;}
.news-left h4 {overflow:hidden;margin-bottom:50px;}
.news-left h4 a {color:var(--theme-color);border: 1px solid var(--theme-color);text-align:center;height:40px;line-height:40px;width:50%;font-size:14px;margin:0;}
.news-left h4 a i {margin-left: 5px;}
.news-left h5 li {overflow:hidden;}
.news-left h5 li a {display:inline-block;color:#333;font-size:14px;letter-spacing:2px;border-bottom:1px solid #ccc;margin-bottom:20px;font-family:fontzhou;}
.news-left h5 li.current-menu-item a{color:var(--theme-color);border-bottom: 1px solid var(--theme-hover)}
.news-left h5 li.menu-item-has-children a,.news-left h5 li a:hover{color:var(--theme-hover);border-bottom: 1px solid var(--theme-hover)}
.news-right {overflow:hidden;float:right;width:64%;margin-right:5%;padding:150px 0 0 5%;min-height:800px;border-left:1px solid #eee;}
.news-right h2,.news-right h1 {border-bottom:1px solid #eee;font-size:2em;margin-bottom:50px;letter-spacing:2px;font-family:fontzhou;}
.news-right .in-event {margin:50px auto;width:100%;overflow:hidden;}
.news-right .in-event ul {}
.news-right .in-event ul li {min-height:75px;width:47.5%;float:left;margin:0 5% 3% 0;position:relative;border-bottom:1px solid #eee;}
.news-right .in-event ul li:nth-child(2n) {margin:0 0 3% 0;float:right;}
.news-right .in-event ul li a h3 {font-size:16px;color:#666;letter-spacing:1px;border-bottom:1px solid #fff;font-family:fontzhou;line-height:1.5em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:85%;-webkit-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.news-right .in-event ul li a font {letter-spacing:0;font-family:fontzhou;display:block;color:#999;font-size:12px;margin:10px 0;}
.news-right .in-event ul li a i {bottom:50px;color:#333;font-size:16px;position:absolute;right:20px;}
.news-right .in-event ul li:hover h3 {color:var(--theme-hover);border-bottom:1px solid #333;}
.news-right .in-event ul li:hover i {right:0;}
.news-right .pagination{text-align: left;}
/*contact*/
.page-contact {padding:100px 1% 0;overflow:hidden;}
.page-contact .page-lx {overflow:hidden;}
.page-contact .page-lx dd {overflow:hidden;float:left;width:45%;}
.page-contact .page-lx dd h3 {font-size:15px;letter-spacing:2px;margin-bottom:0;}
.page-contact .page-lx dd h4 {font-size:24px;letter-spacing:4px;margin-bottom:20px;font-weight:bold;font-family:fontzhou;line-height:1;}
.page-contact .page-lx dd h5 span {width:6%;height:1px;background:#ccc;float:left;margin:15px 0 0 0;}
.page-contact .page-lx dd h5 .page-lx-txt {float:left;width:90%;margin-left:2%;}
.page-contact .page-lx dd h5 .page-lx-txt p {font-size:16px;letter-spacing:2px;width:100%;line-height:2em;}
.page-contact .page-lx dd h5 .page-lx-txt p a {color:#333;border-bottom:1px solid #ccc;font-weight:bold;font-family:fontzhou;}
.page-contact .page-lx dd h5 .page-lx-txt .team-news-a {margin:26px 0;width:15%;position:relative;overflow:hidden;}
.page-contact .page-lx dd h5 .page-lx-txt .team-news-a font {}
.page-contact .page-lx dt {float: right;width: 55%;overflow: hidden;}
#map{height: 500px;}
/*about*/
.about,.about-2info{overflow:hidden;}
.about .about-title {width:62%;margin:120px auto;overflow:hidden;}
.about .about-title>span {width:8%;height:1px;background:#999;float:left;margin-top:10px;}
.about-title dd{float:right;width:90%;}
.about-title h2 {margin-bottom:1em;letter-spacing:2px;font-size:22px;}
.about-title h3 {font-size:18px;letter-spacing:2px;margin-bottom:2em;color:#333;}
.about-title p {font-size:17px;line-height:30px;letter-spacing:2px;width:100%;text-align:justify;margin-bottom:25px;color:#000;font-family:fontzhou;}
.news-right .about-title p{font-size:14px;}
.news-right .about-title{padding-bottom:10%;}
.about-img{width: 62%;margin: 0 auto 100px;overflow: hidden;}
.about-img dl{float: left;width: 48%;overflow: hidden;}
.about-img dl:nth-child(2n){float: right;}
.about-img dl dd{ position: relative;overflow: hidden;margin: 0 0 9%;}
.about-img dl dd:hover img{-webkit-filter: grayscale(0%);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);}
.about-img dl dd img{width: 100%;overflow: hidden;-webkit-filter: grayscale(100%);}
.about-img dl dd .about-img-txt{ position: absolute;bottom: 5%;left: 5%;width: 90%;}
.about-img dl dd .about-img-txt h3{float: left;width: 10%;height: 1px;background: #eee;margin-top: 15px;}
.about-img dl dd .about-img-txt h4{float: right;width: 86%;}
.about-img dl dd .about-img-txt h4 span{color: #fff;font-size: 20px;margin-bottom: 10px;letter-spacing: 2px;}
.about-img dl dd .about-img-txt h4 font{letter-spacing: 2px;color: #fff;font-size: 14px;text-align: justify;}
.about-2info dl{ background: #eef0f3;overflow: hidden;float: left;width: 50%;}
.about-2info dl:nth-child(2n){ background: #000;}
.about-2info dl dd{width: 80%;margin:4em auto 2em;overflow: hidden;}
.about-2info dl dd h3{text-align: right; letter-spacing: 2px;font-size: 16px;}
.about-2info dl dd .about-2info-txt{margin:2em 0;overflow: hidden;}
.about-2info dl dd .about-2info-txt h4{width: 8%;height: 1px;background: #ccc;float: left;margin-top: 10px;}
.about-2info dl dd .about-2info-txt h5{float: right;width: 86%;}
.about-2info dl dd .about-2info-txt h5 span{display: block;font-size: 16px;color: #333;line-height: 24px;margin-bottom: 2em;letter-spacing: 2px; text-align: justify;}
.about-2info dl dd .about-2info-txt h5 a{margin:0;width:20%}
.about-2info dl dd .about-2info-txt h5 a i{font-size: 16px;margin-left: 10px;}
.about-2info dl:nth-child(2n) dd h3,.about-2info dl:nth-child(2n) dd .about-2info-txt h5 span{color:#fff}
.about-number {overflow: hidden;position: relative;width: 100%;background: url(images/page/about-num-bg.png) center no-repeat;background-size: cover;background-attachment: fixed;}
.about-number .number-scene{position:relative;padding:6em 120px}
.about-number p {text-transform:uppercase;overflow:hidden;top:34%;text-align:center;z-index:2;left:0;width:100%;}
.about-number p span {font-family:fontzhou;font-size:24px;text-align:center;margin:0;}
.about-number p font {color:#666;font-size:16px;letter-spacing:2px;margin-bottom:1%;display: block;}
.about-number p strong {width:1px;background:#666;height:100px;margin:0 auto;opacity:0.5;display: block;}
.about-number .number-scene ul {overflow:hidden;position:relative;margin:0 auto;max-width:90%;}
.about-number .number-scene ul>li {float: left;text-align: center;width: 25%;}
.about-number .number-scene ul>li .icon{border: 1px solid var(--theme-color);width: 180px;height: 180px;line-height: 180px;border-radius: 50%;margin: 0 auto;}
.about-number .number-scene ul>li .icon span{color:var(--theme-color);font-size: 34px;font-weight: 300}
.about-number .number-scene ul>li h3 {font-family: fontzhou;font-size: 14px;color: #333;padding-top: 1em;text-align: center;letter-spacing: 2px;font-weight: bold;}
/*wz-news*/
.news-show {padding: 100px 0 0;overflow: hidden;position: relative;}
.news-show .news-show-top{background: #f9f9f9;padding: 3% 0;overflow: hidden;}
.news-show .news-show-top h1 {overflow:hidden;border-bottom:1px solid #eee;margin-bottom:20px;padding:0 5%;font-size:24px}
.news-show .news-show-top h5 {padding:0 5%;}
.news-show .news-show-top h5 span {font-size:14px;font-family:fontzhou;display:block;color:#666;letter-spacing:2px;}
.news-show .newsnr {position:relative;min-height:1100px;padding:3% 7% 3% 5%;width:60%;overflow:hidden;margin:0;line-height:28px;letter-spacing:1px;color:#333;font-size:15px;}
.news-show .newsnr p{margin-bottom:1.3em;}
.news-show .newsnr p img,.pro-cont p img{max-width:100%;height:auto;}
.news-show .newsnr h2,.news-show .newsnr h3 {margin-left: 3%;margin-bottom:13px;letter-spacing:1px;color:#000;font-family:Consolas;font-size:25px;vertical-align:top;position:relative;}
.news-show .newsnr h2:before,.news-show .newsnr h3:before {content:"\ec81";position:absolute;color:#fcc800;top:-8px;left:-30px;font-size:20px}
.news-show .newsnr h3 {font-size:20px;}
.news-show .newsnr ul,.news-show .newsnr ol,.pro-cont ul,.pro-cont ol {padding:40px 85px;background-color:#f7f7f7;position:relative;margin-bottom:20px;}
.news-show .newsnr ul:before,.news-show .newsnr ol:before,.pro-cont ul:before,.pro-cont ol:before {content:"\ec81";position:absolute;color:#dadada;top:37px;left:16px;font-size:60px;}
.news-show .newsnr ul li,.pro-cont ul li{}
.news-show .newsnr p a,.pro-cont p a{font-size:16px;font-weight:700;}
.news-show .newsnr table,.pro-cont table{width: 100%;table-layout: auto;border-left: 1px solid #dddddd;line-height: 40px;border-collapse: collapse;margin: 30px 0;}
.news-show .newsnr .table-container,.pro-cont .table-container{overflow-y: auto;_overflow: auto;}
.table-container::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height:5px;}
.table-container::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
.news-show .newsnr table tr:nth-child(1),.news-show .newsnr table th,.pro-cont table tr:nth-child(1),.pro-cont table th{color: #d4d4d4;background-color: #1a1d24;}
.news-show .newsnr table tr:nth-child(1) td,.news-show .newsnr table th,.pro-cont table tr:nth-child(1) td,.pro-cont table th{border-color: #343434;color: #fff;}
.news-show .newsnr tr td,.pro-cont tr td{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center}
.news-show .newsnr table tr:nth-child(2n)>td,.pro-cont table tr:nth-child(2n)>td {background-color: rgba(242,242,242,0.33);}
.news-show .xian-line {position:absolute;height:100%;width:1px;background:#eee;right:0;top:0;z-index:3;}
.news-show .news-tj {position:absolute;width:20%;right:2%;top:350px;}
.news-show .news-tj h3 {font-weight:normal;font-size:20px;color:#666;border-bottom:1px solid #eee;}
.news-show .news-tj ul {margin-top:20px;}
.news-show .news-tj ul a {border-bottom:1px solid #eee;margin:20px 0;color:#888;display:block;font-size:14px;letter-spacing:2px;line-height:24px;font-family:fontzhou;}
.news-show .news-tj ul a span {display:block;font-size:12px;color:#999;}
.news-show .news-tj ul a:hover{color:#000}
.news-show .page-turning {width:100%;background:#f3f3f3;position:relative;display: inline-block;}
.news-show .page-turning p {margin-right:-1px;position:absolute;width:2px;height:100%;background:#fff;top:0;right:50%;}
.news-show .page-turning a {position:relative;padding:1em 5%;display:block;float:left;width:40%;}
.news-show .page-turning a:nth-child(3n) i {left:auto;right:10%;}
.news-show .page-turning a i {color:#666;font-size:24px;top:50%;position:absolute;left:10%;height:40px;line-height:40px;margin-top:-20px;}
.news-show .page-turning a h3 {color:var(--theme-color);font-size:14px;letter-spacing:2px;text-align:right;width: 90%;float: right;}
.news-show .page-turning a h3 strong {margin-bottom:0;font-size:12px;letter-spacing:0;display:block;text-align:right;color:#666;font-weight:normal;}
.news-show .page-turning a:nth-child(3n) strong,.news-show .page-turning a:nth-child(3n) h3 {text-align:left;float: none;}
.news-show .page-turning a:hover i,.news-show .page-turning a:hover h3,.news-show .page-turning a:hover h3 strong {color:#fff;}
.news-show .page-turning a:hover{background-color:var(--theme-hover)}
/*wz-pro*/
.pro-page{margin-top: 100px;}
.pro-cont {line-height: 28px;letter-spacing: 1px;width: 86%;margin: 0 auto;padding:90px 0}
.pro-cont h1 {font-size: 28px;color: #222222;margin-bottom: 48px;letter-spacing: 4px;font-weight: bold;}
.pro-cont h2,.pro-cont h3{background-color:var(--theme-color);height: 50px;margin: 2% 0;color: #F7F7FA;font-size: 20px;line-height: 50px;padding-left: 4%}
.pro-cont h2 a, .pro-cont h3 a{color: #F7F7FA}
.pro-cont h3{font-size: 18px;height: 40px;line-height:40px;}
.pro-cont p {margin-bottom: 1.3em;padding:0 4%;}
.aligncenter{clear: both;display: block;margin: 0 auto;}
.alignright{clear: both;display: block;margin-left: auto;}
.alignleft{clear: both;display: block;margin-right: auto;}

.pro-show{padding:0 10% 50px;background: #eef0f3;}
.pro-show-title{margin-bottom:30px;padding:100px 0 50px}
.pro-show-title h3{font-size: 20px; letter-spacing: 2px; font-family:fontzhou; }
.pro-show-title h5{width:6%;height: 1px;background: #ccc;float: left;margin: 10px 0;}

.pro-show ul{overflow: hidden}
.pro-show ul h4{float: left;width: 23.5%;margin: 0 2% 5% 0;}
.pro-show ul h4:nth-child(4n){float: right; margin:0 0 5% 0;}
.pro-show ul h4 a .i-c-img{position:relative;overflow: hidden;}
.pro-show ul h4 a img{width: 100%;}
.pro-show ul h4 a .c-l-txt{margin-top: 10px;}
.pro-show ul h4 a .c-l-txt strong{width: 13%;float: left;height: 1px;background: #ccc;margin:0.8em 0 0 0;}
.pro-show ul h4 a .c-l-txt p{float: right;width: 85%;}
.pro-show ul h4 a .c-l-txt p span{display: block;font-size: 20px;letter-spacing: 1px;font-family:fontzhou;color: #333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.pro-show ul h4 a .c-l-txt p font{font-size: 14px;letter-spacing: 2px;color: #666;}
/*Solution*/
.solution-txt {background: #f8f8f8;overflow: hidden;position: relative;padding: 120px 10%;}
.solution-txt h5 {float: left;width: 20%;margin: 0 0 0 0;}
.solution-txt h5 font{color: #000;display:inline-block;width: 50%;text-transform: uppercase;font-family: fontzhou;font-size: 1.4em;letter-spacing: 2px;float: left;}
.solution-txt  h5 span{width: 50%;height: 1px;background: #ccc;float: left;margin: 1em 0 0 0;}
.solution-txt dd {float: right;width: 70%;font-family: fontzhou;}
.solution-txt dd h3{color: #000;font-size: 2.5em;line-height: 1em;text-transform: uppercase; }
.solution-txt dd h4{color: #000;font-size: 1.4em;line-height: 1em;letter-spacing: 2px;margin: 1.5em 0;}
.solution-txt dd h6{ color: #444;font-weight: normal;font-size: 16px; letter-spacing: 2px;margin: 2em 0 3em;line-height: 1.8em;}
.solution-txt dd a{ margin: 0;width: 16%;}
.solution-1,.solution-2{overflow:hidden;position:relative;}
.solution-1 li:nth-child(2n) {background:none;}
.solution-1 li {position:relative;width:80%;margin:0 auto;overflow:hidden;padding:100px 10%;background:#f8f8f8;}
.solution-1 li p {position:absolute;width:66%;top:0;right:0;height:100%;background:#eee;}
.solution-1 li .toa {float:left;display: block;width:70%;position:relative;overflow:hidden;}
.solution-1 li:nth-child(2n) .toa,.solution-3 li .toa{float:right;}
.solution-1 li .toa img {width:100%;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;}
.solution-1 li .right {position:absolute;top:50%;right:15%;width:15%;margin-top:-140px;}
.solution-1 li:nth-child(2n) .right {right:0;left:10%;width:20%;}
.solution-1 li .right .en {text-transform:uppercase;font-family:fontzhou;letter-spacing:1px;font-size:1.2em;color:#999;margin-bottom:1em;}
.solution-1 li .right .title {font-size:1.8em;letter-spacing:2px;line-height:1em;margin-bottom:30px;}
.solution-1 li .right .txt {color:#444;font-weight:normal;font-size:16px;letter-spacing:1px;margin:2em 0 3em;line-height:1.8em;}
.solution-1 li .right a {margin:0;width:35%;}
.solution-2 h5 {width:80%;margin:0 auto;font-family:fontzhou;}
.solution-2 h5 font {color:#000;text-transform:uppercase;font-size:14px;letter-spacing:2px;}
.solution-2 h5 span {display:inline-block;width:18%;height:1px;background:#ccc;margin:0.1em 0 0 1em;}
.solution-2 ul {margin:60px 1%;overflow: hidden;}
.solution-2 ul a {position:relative;float:left;width:32.666%;margin:0 1% 1% 0;}
.solution-2 ul a:nth-child(3n) {margin:0;}
.solution-2 ul a h4 {position:relative;overflow:hidden;}
.solution-2 ul a h4 img {display:block;width:100%;transition:all .5s;}
.solution-2 ul a h4 p {position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.6);top:0;left:0;transition:all .5s;opacity:1;}
.solution-2 ul a dd{position: absolute;width: 80%;height: auto;bottom: 10%;left: 10%;z-index: 2;font-family: fontzhou}
.solution-2 ul a dd .en{text-transform: uppercase;letter-spacing: 2px;font-size: 1.2em;color: #fff;margin-bottom: 1em;}
.solution-2 ul a dd .title{font-size: 1.8em;letter-spacing: 2px;line-height: 1em;margin-bottom:1em;color: #fff;}
.solution-2 ul a dd .txt{color: #fff;font-weight: normal;font-size: 13px;letter-spacing: 1px;margin: 0.5em 0 1em;line-height: 1.8em;text-transform: uppercase;}
.solution-2 ul a dd i{display: block;color: #fff;width: 40px;height: 40px;text-align: center;border: 1px solid #fff;line-height: 40px;font-size: 18px;}
.solution-2 ul a:hover h4 img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}
.solution-2 ul a:hover dd i{border: 1px solid var(--theme-color);background-color:var(--theme-hover);color:#fff; }
.solution-2 ul a:hover h4 p{opacity: 0; left:100%; }
.solution-3 p {right: auto;left: 0;}
.solution-3 li .right {right: auto;left: 10%;width: 20%;}
.solution-4{position: relative; padding:60px 0 0;}
.solution-4 .solution-4-title{width: 80%;margin: 90px auto;overflow: hidden; }
.solution-4 .solution-4-title .line{width: 10%;height: 1px;background: #ccc;float: left;margin: 1em 0 0 0;}
.solution-4 .solution-4-title h4{width: 85%;float: right;font-family:fontzhou;}
.solution-4 .solution-4-title h4 span{color: #000;font-family:fontzhou;font-size: 1.8em;line-height: 1em;letter-spacing: 2px;margin:0 0 1.5em 0;}
.solution-4 .solution-4-title h4 font{color: #444;font-weight: normal;font-size: 18px;letter-spacing: 2px;margin: 2em 0 3em;line-height: 1.8em; width: 65%; display: block;text-transform: uppercase; }
.solution-4 .solution-4-img{ background: #ededed; position: relative;    }
.solution-4 .solution-4-img img{ z-index: 2;width: 56%;margin: 0 0 0 10%;  position: relative;}
.solution-4 .solution-4-img p {position: absolute;width: 100%;height: 50%;top: 0;left: 0;background: #fff;z-index: 1;}
.solution-4 .solution-4-info{background: #ededed;padding: 0 15% 90px;}
.solution-4 .solution-4-info h5{line-height: 1em;margin-bottom: 30px;font-size: 2em;letter-spacing: 2px;}
.solution-4 .solution-4-info .line{width: 6%;height: 1px;margin: 30px 0;background: #999;}
.solution-4 .solution-4-info dl{width: 65%;overflow: hidden;}
.solution-4 .solution-4-info dl dd{float: left;width: 30%;font-family:fontzhou;letter-spacing: 2px;text-align: justify;}
.solution-4 .solution-4-info dl dt{ color: #444;font-weight: normal;font-size: 16px;letter-spacing: 2px;margin: 0;line-height: 1.8em;float: right;width: 65%;}
.solution-4 .solution-4-info dl dt a{ width: 24%; margin: 60px 0 0 0;}
.solution-4 .solution-4-info dl dt h4{margin: 0 0 30px 0;font-size: 18px;}
.solution-4 .solution-4-info dl dt h6{ color: #999;font-weight: normal;font-size: 16px;letter-spacing: 2px;margin: 0;line-height: 1.8em;}
@media (min-width:1201px){	
}
@media (min-width: 1025px){
.index-banner{height:calc(100% - 100px);margin-top:100px;}
.header .h-right{display:none}
.navigation {font-size: 0; float: right;}
.navigation>ul{display: inline-block}
.navigation>a>i{font-size: 20px;float: right;margin-left: 10px;cursor: pointer;}
.navigation>ul>li {position: relative;display: inline-block; margin: 0 21px; vertical-align: top; }
.navigation>ul>li.current-menu-item:after,.navigation>ul>li.current-category-ancestor:after,.navigation>ul>li.current-post-ancestor:after{background-color:var(--theme-color);width: 100%;height: 3px;position: absolute;left: 0;bottom: 0;}
.navigation>ul>li.current-menu-item>a,.navigation>ul>li.current-category-ancestor>a,.navigation>ul>li.current-post-ancestor>a{color:var(--theme-color)}
.navigation>ul>li>a{line-height: 100px;}
.navigation li > a {font-size: 16px; position: relative; display: inline-block; letter-spacing: 1px; color: #333;}
.navigation>ul>li:after{content: ""; display: block; width: 0px; height: 3px; background:#333; position: absolute; left: 45%; bottom: 0; transition: all 0.5s;
-webkit-transition: all 0.5s;}
.navigation>ul>li:hover:after{width: 100%;left:0%;}
.navigation .menu-item-has-children > a { padding-right: 13px; }
.navigation .menu-item-has-children > a:after { transition: border 0.6s ease-in-out; position: absolute; top: 50%; right: 0; display: block; width: 0; height: 0; margin-top: -2px; content: ''; border-width: 4px; border-style: solid; border-color: #000 transparent transparent transparent;}
.navigation .sub-menu{visibility: hidden;opacity: 0;position: absolute;left: 50%;margin-top: 3px;width: 200px;transition: all 0.6s ease-in-out 0s;transform: translateX(-50%);z-index: 100;text-align: center;background-color: #fff;}
.navigation li:hover .sub-menu {visibility: visible;opacity: 1;}
.navigation .sub-menu li {display: block;transition: background 0.6s ease-in-out;vertical-align: top;}
.navigation .sub-menu li:last-child{border-bottom: thick solid #000000;}
.navigation .sub-menu a {transition: color 0.6s ease-in-out, border 0.6s ease-in-out;font-size: 14px;position: relative;display: block;padding: 15px 5px;letter-spacing: 1px;color: #333;border-bottom: 1px solid #eee;}
.navigation .sub-menu li:hover {background-color: #000;}
.navigation .sub-menu li:hover a {color: #fff;border-color: #000;}
.header.hdon .logo a,.header.hdon{height: 76px}
.header.hdon .navigation>ul>li>a,.header.hdon .language{line-height: 76px;height: 76px}

}
@media (min-width: 751px){
.pic-bottom a:nth-child(3n) img,.pic-bottom a:nth-child(4n) img {float:right;}
ul li:nth-child(1){animation-delay: 0.3s;}
ul li:nth-child(2){animation-delay: 0.5s;}
ul li:nth-child(3){animation-delay: 0.7s;}
ul li:nth-child(4){animation-delay: 0.9s;}
ul li:nth-child(5){animation-delay: 1.1s;}
ul li:nth-child(6){animation-delay: 1.3s;}
ul li:nth-child(7){animation-delay: 1.5s;}
ul li:nth-child(8){animation-delay: 1.7s;}
ul li:nth-child(9){animation-delay: 1.9s;}
ul li:nth-child(10){animation-delay: 2.1s;}
ul li:nth-child(11){animation-delay: 2.3s;}
ul li:nth-child(12){animation-delay: 2.5s;}
ul li:nth-child(13){animation-delay: 2.7s;}
ul li:nth-child(14){animation-delay: 2.9s;}
ul li:nth-child(15){animation-delay: 3.1s;}
ul li:nth-child(16){animation-delay: 3.3s;}
ul li:nth-child(17){animation-delay: 3.5s;}
ul li:nth-child(18){animation-delay: 3.7s;}
ul li:nth-child(19){animation-delay: 3.9s;}
ul li:nth-child(20){animation-delay: 4.1s;}
}
/*zishiying*/
@media screen and (max-width:1000px) and (min-width:750px){
}
@media screen and (max-width: 1268px){
.index-pro>ul>li>a .i-c-txt h2 span{font-size:0.65em;}
}
@media screen and (max-width: 1024px){
.header .h-right {font-size:14px;width:auto;float:right;position:absolute;top:0px;right:0px;height:70px;display: flex;align-items: center;box-sizing:border-box;padding-right:12%;letter-spacing: 1px;}
.header .h-right a i {color:var(--theme-color);vertical-align:middle;padding-right:3px;font-size:19px;}
.header .h-right a span {vertical-align:middle;}
footer .index-bottom br {display:block;}
.open .m-menu i:nth-of-type(2),.navigation .sub-menu {display:none;}
.header,.logo a{height:70px;}
.header.hdon,.header.hdon .logo a,.header.hdon .h-right,.header.hdon .m-menu {height:50px;}
.logo a img {height:50px;width:auto}
.logo .lp {width:auto;height:45px;}
.language {display:block;line-height:normal;}
.m-menu {float:right;cursor:pointer;z-index:1200;position:relative;display:flex;height:70px;flex-direction:column;justify-content:center;}
.m-menu i {display: block; width: 20px; height: 2px; background-color: #000; margin:2px 0; }
.open .navigation {opacity: 1; visibility: visible; transform: translateX(0);overflow-x: hidden;overflow-y: auto;}
.open .m-menu i:nth-of-type(1) { transform: translateY(13px) rotate(-50deg); }
.open .m-menu i:nth-of-type(3) { transform: translateY(7px) rotate(48deg); }
.open .bg-1{display:block}
.pro-banner {margin-top: 70px!important}
.navigation {position: fixed; transform: translateX(100%); opacity: 0; visibility: hidden; top: 0; right: 0; padding: 80px 40px 0 40px; width: 380px; height:100%; background-color: #fff;z-index: 1100; }
.navigation li { margin: 20px 0; }
.navigation li a { font-size: 16px; color: #000; position: relative; }
.navigation .menu-item-has-children > a { padding-right: 13px; }
.navigation .menu-item-has-children > a:after { position: absolute; top: 50%;right:0;display:block;width: 0;height: 0; margin-top: -2px; content: ''; border-width: 4px;border-style: solid; border-color: #000 transparent transparent transparent; }
.navigation .sub-menu { padding-left: 10px; }
.navigation .sub-menu li { padding: 6px 0; }
.navigation .sub-menu li a { font-size: 13px; color: #999; }
.index-banner{height:calc(70% - 70px);margin-top:70px;}
.in-banner-txt dl h3 {font-size: 1.6em;}
.in-banner-txt dl h4 {font-size: 16px;}
.index-banner .in-banner-txt dl a {padding: 8px 30px}
.index-info dd h3 {margin: 10% 5% 8%;}
.index-info dd h3 strong, .index-info dd .index-info-txt p {width: 45px;}
.index-info dd .index-info-txt p {margin: 15px 10px 0 0;}
.index-info dd .index-info-txt h4 {width: 83%;}
.index-info dd .index-info-txt h4 span {font-size: 1.1em;letter-spacing: 3px;}
.index-info dd .index-info-txt h4 font {margin: 1em 1em 2em;}
.index-box .mores{font-size:13px;line-height: 24px;}
.index-box .mores i {font-size: 20px;padding-left: 4px;}
.index-box-menu{width:100%}
.index-box-menu li a{padding: 0 17px;font-size: 13px;margin-right:6px;}
.index-box-title {font-size: 26px;}
.index-pro>ul>li>a .i-c-txt h2 span{font-size:0.6em;}
.index-news-list {margin-top: 15px;}
.index-news-list .lbox .box1{width: 49.5%;margin: auto 1% 1% 0;}
.index-news-list .lbox .box1 img {width: 100%;height: 250px;}
.index-news-list .lbox .tbox {height:240px;}
.index-news-list .lbox .tbox .time{font-size: 30px;line-height: 35px;padding: 10px 0 10px;}
.index-news-list .lbox .tbox .time span{font-size: 16px;line-height: 20px;}
.index-news-list .lbox .tbox .time i {font-size: 25px;font-weight: initial;}
.index-news-list .lbox .tbox .titles {font-size: 15px;line-height: 28px;margin-top: 15px;}
.index-news-list .lbox .tbox .txts {font-size: 12px;line-height: 22px;margin-top: 6px;}
.index-news-list .lbox .box2{width: 49.5%;margin-right:auto}
.index-news-list .lbox .box3{width: 100%;display: inline-block;float: none;}
.index-zd h4 .line strong {width: 75%;margin: 0 15% 0 0;font-size: 22px;}
.pro-bottom li h3 {width: 90%;left: 20px;}
.pro-bottom li h3  font {font-size: 13px;}
.pic-bottom a dd{padding: 3% 5% 0;}
.pic-bottom a dd h4 span {font-size: 19px;}
.pic-bottom a dd h4 font{font-size: 12px;margin:0 0 6px 0}
.pic-bottom a dd h4 i{width: 30px;height: 30px;line-height: 30px;}
.pic-bottom a dd p{margin: 15px 0 0 0;}
.news-left{margin-left: 1%;}
.news-right {width: 72%;}
.about .about-title,.about-img{width: 70%;}
.news-show .newsnr {padding: 3% 5%;}
.news-show .news-tj{width: 27%;}
.pro-cont h1{font-size: 24px;margin-bottom: 40px;letter-spacing: 2px;font-weight: inherit;}
.pro-cont h2{height: 40px;line-height: 40px;font-size: 18px;padding-left: 2%;}
.pro-cont h3{font-size: 16px;height: 30px;line-height: 30px;padding-left: 2%;}
.pro-show-title {padding: 80px 0 30px;}
.pro-show ul h4{width:49%}
.pro-show ul h4:nth-child(2n){float: right;margin: 0 0 5% 0;}
.pro-show ul h4 a .c-l-txt p span{font-size:16px}
}
@media (max-width: 750px) {
.team-news-a {margin: 10px auto;width: 25%;height: 30px;line-height: 30px;}
.in-banner-txt {width:80%;padding: 10%;}
.in-banner-txt dl h3 {font-size: 16px;margin: 0 0 15px 0;}
.in-banner-txt dl h4 {margin: 0 0 15px 0;font-size: 15px;display: none;}
.index-banner .in-banner-txt dl a,.index-info dt,.index-info dd .index-info-txt p,footer li,footer .link,.about .about-title>span,.page-contact .page-lx dd h5 span,.about-number p strong,.news-show .xian-line,.news-tj,.pro-page dd,.solution-txt h5,.solution-1 li .right .en,.solution-2 ul a dd .en,.solution-2 ul a dd .txt,.solution-4 .line,.solution-4 .solution-4-title h4 font,.solution-4 .solution-4-info dl dd,.solution-4 .solution-4-info dl dt h6{display:none}
.index-info {margin: 0;padding: 30px 0;margin-bottom: 16px;}
.index-info dd {width: 100%;margin-bottom: 15px;}
.index-info dd h3 {margin: 0 5% 15px;}
.index-info dd .index-info-txt h4 {width: 90%;}
.index-info dd .index-info-txt h4 span {font-size: 18px;letter-spacing: 1px;}
.index-info dd .index-info-txt h4 font {margin: 10px 0;font-size: 12px;}
.index-info dd .index-info-txt p,.index-contact dd span,.pro-banner dd h3{display: none;}
.index-info dd .index-info-txt h4 a {width: 30%;margin-top: 20px;}
.index-box {margin: 30px 2%;}
.index-box-title {font-size: 18px;line-height: 24px;}
.index-box .mores{padding-right:0;font-size: 10px;}
.index-box .mores i {font-size: 15px;}
.index-pro>ul>li.le a:first-of-type,.index-pro>ul>li.ri a:last-of-type {width: 100%;margin-bottom: 2%;}
.index-pro>ul>li>a {width: 49%;margin: 0 2% 2% 0;}
.index-pro>ul>li>a .i-c-txt h2 font{font-size: 12px;}
.index-pro>ul>li>a .i-c-txt h2 span{font-size: 14px;}
.index-pro>ul>li>a:nth-child(2n) {margin: 0;}
.about-bg {padding: 90px 0;margin: 0 0 30px;background-attachment: scroll;}
.about-bg ul{width: 90%;}
.about-bg ul p {margin-top: 13px;letter-spacing: 0px;}
.about-bg ul li h3 {font-size: 14px;margin-bottom: 15px;}
.about-bg ul li h4 {font-size: 16px;line-height: 20px;margin-bottom: 15px;}
.index-news-list{display:block;}
.index-news-list .lbox .tbox {height: 195px;}
.index-news-list .lbox .box1 img {width: 100%;height: auto;}
.index-news-list .lbox .box1,.index-news-list .lbox .box2,.index-news-list .lbox .box3,.index-news-list .lbox .tbox{width:100%;margin-bottom:2%;}
.index-news-list .lbox .tbox:last-of-type{margin-bottom: 0;}
.index-zd h4 .line strong {width: 100%;font-size: 16px;margin: 0;width: 89%;}
.index-zd h4 font {font-size: 15px;margin: 15px 0 0 11%;}
.index-zd ul li {width: 95%;padding: 2em 5% 2em 2%;}
.index-zd ul li:nth-child(3n) {float: left}
.index-zd ul li  p font {margin-bottom: 10px;}
.index-zd ul li p strong {font-size: 16px;letter-spacing: 0;text-align: left;font-weight: normal;}
footer{padding: 20px 2% 0;}
.index-contact {padding-top: 30px;margin: 0 0 30px;}
.index-contact dd {width: 96%;}
.index-contact dd h5,.index-contact form{width: 100%;}
.index-contact dd strong{font-size:18px;}
.index-contact dd font,.index-contact dd font a{ font-size:12px; letter-spacing: 0; }
.pro-banner dd {top: 50%;margin-top: -15px;width: 98%;}
.pro-page dd{margin-top: -30px;}
.pro-banner dd h4,.pro-banner dd h1 {margin: 0px 0 0 1%;font-size: 16px;letter-spacing: 0;}
.pro-banner dd a {margin: 20px 0 0 1%;height: 26px;width: 26px;line-height: 26px;}
.pro-banner dd a i{font-size:18px;line-height: 27px;}
.pagination span, .pagination a{font-size: 12px;margin: 0 5px 5px;padding: 8px 13px;}
.pagination a i{font-size: 12px;}
.team-about {padding: 30px 0;}
.team-about i{font-size: 12px;height: 26px;width: 26px;line-height: 26px;}
.pro-bottom li {width: 50%;margin-bottom: 0;}
.pro-bottom li h3 {height: 100%;width: 90%;position: absolute;z-index: 3;top: 20px;left: 20px;}
.pro-bottom li h3 font {font-size: 14px;margin: 10px 0;}
.pro-bottom li h3 a {width: 30px;height: 30px;line-height: 30px;bottom: 50px;}
.pro-bottom li h3 a i {line-height: 30px;}
.pic-bottom a{width: 100%;}
.pic-bottom a:nth-child(2n) img, .pic-bottom a:nth-child(4n) img {float: right;}
.pic-bottom a dd h4 span{font-size: 17px;margin:0}
.pic {padding-top: 50px}
.pic ul li {width: 49%;margin: 0 2% 2% 0;}
.pic ul li a .pic-txt h2 p strong {font-size: 18px;}
.pic ul li a .pic-txt h2 p font,.pro-cat>ul li a .i-c-txt p font,.team-about font{font-size: 14px;}
.pic ul li:nth-child(2n) {margin: 0 0 2% 0;}
.page-contact .page-lx dd,.page-contact .page-lx dt,.about .about-title dd,.about-2info dl{width: 100%;}
.pro-cat>ul li {width: 49%;}
.pro-cat>ul li a .i-c-txt strong {margin: 10px 0 0 0;}
.pro-cat>ul li a .i-c-txt  p {margin: 0;}
.pro-cat>ul li a .i-c-txt p span {font-size: 16px;}
.news-left{width:auto;padding-top: 120px;}
.news-left h4{display: none;}
.news-left h5 li{display: inline-block;padding-right: 20px;}
.news-right {padding:20px 0 0 0;margin-right:1%;width:98%;border:0;}
.news-right h2{font-size:18px;letter-spacing:0;}
.news-right .in-event ul li,.news-right .in-event ul li:nth-child(5n) {margin:0 0 3% 0;width:100%;min-height:auto;}
.news-right .in-event ul li:hover h3{border-bottom: none;}
.news-right .in-event ul li a h3 {font-size:14px;letter-spacing:0;}
.news-right .in-event ul li a font {margin:0 0 5px;}
.news-right .in-event ul li a i {top:3px;}
.page-contact {padding: 50px 1% 0;}
.page-contact .page-lx dd h3{font-size: 20px;line-height: 1em;margin-bottom: 20px;font-weight: bold;}
.page-contact .page-lx dd h4{font-size: 18px;font-weight: inherit;}
.page-contact .page-lx dd h5 .page-lx-txt {width: 100%;margin-left: 0;}
.page-contact .page-lx dd h5 .page-lx-txt .team-news-a {width: 19%;}
.page-contact .page-lx dd h5 .page-lx-txt p{font-size: 14px;}
.about .about-title {width: 90%;margin: 50px auto 30px;}
.about-title h2 {font-size:20px}
.about-title h3 {margin-bottom: 15px;text-align: left}
.about-title p {font-size: 16px;line-height: 24px;letter-spacing: 1px;}
.about-img{width: 98%; margin:0 auto;}
.about-img dl dd .about-img-txt h3 {margin-top: 9px;}
.about-img dl dd .about-img-txt h4 span{font-size: 16px;letter-spacing: 0pxline-height: 20px;}
.about-2info dl dd {margin: 2em auto 1em;}
.about-2info dl dd h3{text-align: left;}
.about-2info dl dd .about-2info-txt {margin: 15px 0;}
.about-2info dl dd .about-2info-txt h5 span{line-height: 16px;margin-bottom: 15px;font-size: 12px;}
.about-2info dl dd .about-2info-txt h5 a{width:30%}
.about-2info dl dd .about-2info-txt h5 a i{font-size:12px}
.about-number{background-attachment: scroll;}
.about-number p{margin-bottom: 20px;}
.about-number p font,.news-show .newsnr h3,.news-show .newsnr h3:before,.news-show .newsnr p a,.pro-cont p a,.pro-show ul h4 a .c-l-txt p span{font-size: 14px;}
.about-number .number-scene{padding:4em 0}
.about-number .number-scene ul>li{width:50%;padding: 0 0 15px;}
.about-number .number-scene ul>li h3{font-size: 13px;letter-spacing: 0;font-weight: inherit;}
.about-number .number-scene ul>li .icon{width: 90px;height: 90px;line-height: 90px;}
.about-number .number-scene ul>li .icon span{font-size: 30px;}
.news-show{padding: 70px 0 0;}
.news-show .news-show-top{padding: 3% 0 0;}
.news-show .news-show-top h1{padding: 20px 1% 0;margin-bottom: 0;font-size: 18px;line-height: 32px;font-weight: bold}
.news-show .news-show-top h5 {padding: 3% 2%;min-height: auto;}
.news-show .news-show-top h5 span{display: inline-block;font-size: 12px;letter-spacing: 0;padding-right: 10px;}
.news-show .newsnr{font-size: 13px;width:100%;padding: 3% 6%;min-height: auto;display: table-cell;}
.news-show .newsnr h2{font-size: 16px;}
.news-show .newsnr ul:before,.news-show .newsnr ol:before,.pro-cont ul:before,.pro-cont ol:before {top: 26px;left: 9px;font-size:30px;}
.news-show .newsnr ul, .news-show .newsnr ol, .pro-cont ul, .pro-cont ol {padding: 30px 20px 30px 45px;}
.news-show .page-turning a{width: 47%;padding:0.5em 1.5%;}
.news-show .page-turning a i{font-size:15px;left: 2%;}
.news-show .page-turning a h3{font-size: 12px;letter-spacing:0;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news-show .page-turning a:nth-child(3n) i {left: auto;right:2%;}
.pro-cont{width: 95%;font-size: 14px;padding: 50px 0;}
.pro-show ul h4 a .c-l-txt p font {font-size: 12px;}
.solution-txt {padding: 30px 1%;}
.solution-txt dd {width: 100%;margin: 15px 0;float: none;}
.solution-txt dd h3 {font-size: 18px;margin-bottom: 20px;}
.solution-txt dd h4 {font-size: 15px;margin: 15px 0;letter-spacing: 0;line-height: 20px;}
.solution-txt dd h6 {font-size: 14px;letter-spacing: 0;margin: 0 auto 15px;line-height: 20px;}
.solution-1 li {padding:30px 1%;width:98%;}
.solution-1 li p,.solution-4 .p-solution-4-info dl{width:100%;}
.solution-1 li .toa,.solution-4 .solution-4-title h4{width:100%;float:none;}
.solution-1 li:nth-child(2n) .toa {float: none;}
.solution-1 li .right {position:relative;top:0;right:0;width:100%;margin-top:30px;}
.solution-1 li:nth-child(2n) .right {position: relative;top: 0;right: 0;width: 100%;margin-top: 15px;left: 0;}
.solution-1 li .right .title {font-size:17px;letter-spacing:0;margin-bottom:20px;}
.solution-1 li .right .txt {font-size:14px;margin:15px 0;letter-spacing:0;line-height:20px;}
.solution-2 h5 {width:98%;}
.solution-2 h5 font {letter-spacing:0;}
.solution-2 ul {margin:30px 0;}
.solution-2 ul a {width:49%;margin:0 1% 1% 0;}
.solution-2 ul a:nth-child(2n) {margin:0 0 1% 0;}
.solution-2 ul a:nth-child(3n) {margin:0 1% 0 0;}
.solution-2 ul a dd .title {font-size:18px;display:inline-block;float:left;margin:0;line-height:36px;}
.solution-2 ul a dd {bottom:auto;top:50%;margin-top:-20px;}
.solution-2 ul a dd i {border-radius:50%;width:36px;height:36px;line-height:36px;font-size:14px;float:right;display:inline-block;}
.solution-3 li .right {left: 0;}
.solution-4 .solution-4-title {margin: 30px auto;}
.solution-4 .solution-4-title h4 span {font-size: 17px;letter-spacing: 0;margin: 0 0 15px 0;}
.solution-4 .solution-4-img img {margin: 0 0 0 5%;width: 90%;}
.solution-4 .solution-4-info {padding: 0 15% 30px;}
.solution-4 .solution-4-info h5 {font-size: 17px;letter-spacing: 0;margin-bottom: 15px;}
.solution-4 .solution-4-info dl {width: 100%;}
.solution-4 .solution-4-info dl dt {width: 100%;float: none;letter-spacing: 0;}
.solution-4 .solution-4-info dl dt h4 {font-size: 15px;margin: 0 0 15px 0;line-height: 20px;}
.solution-4 .solution-4-info dl dt a {margin: 15px 0;}
}
@media screen and (max-width: 500px){
.open .navigation {width:50%;}	
.index-pro>ul>li>a .i-c-txt h2 {width:75%;}
.index-news-list {margin-top: 0;}
.index-news-list .lbox .box3 .tbox {height: 100px;padding: 23px;}
.index-news-list .lbox .box3 .tbox .titles {font-size: 13px;margin-top:0}
	
}