.materi{padding-top:10px}
.material-til{font-size: 36px; line-height: 48px;margin-bottom: 10px;text-align: center;}
.material-til-sec{font-size:18px; font-weight: normal; margin-bottom: 30px;text-align: center;}
.material-online{display: inline-block; position: relative; overflow: hidden; width: 150px; height: 46px; text-align: center; font-size: 22px; line-height: 46px; color: #fff; border-radius: 23px;
    background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 );}
.material-online::before{ position: absolute; content: " "; top: 0; right: 100%; width: 300%; height: 100%; border-radius: 23px ; background: rgba(255,255,255,.3); transition: all .5s;}
.material-online:hover::before{  right: -300%;}
.material-btn a{display: block; width: 150px; height: 46px; text-align: center; font-size: 16px; line-height: 46px; color: #fff; margin: 0 auto; border-radius: 23px;
    background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 );}
.hover-slide{ position: relative; overflow: hidden;}
.hover-slide::before{ position: absolute; content: " "; top: 0; right: 100%; width: 300%; height: 100%; border-radius: 23px ; background: rgba(255,255,255,.3); transition: all .5s;}
.hover-slide:hover::before{  right: -300%;}
.banner{background:url("../img/material-banner.jpg") no-repeat center center/cover;min-height:350px;margin:0 auto;display:block}
@media (min-width: 760px){.banner{background:url("../img/material-banner.jpg")}}
@media (min-width: 1000px){.banner{background:url("../img/material-banner.jpg")}}
@media (min-width: 1200px){.banner{background:url("../img/material-banner.jpg")}}
.contact{display:none;float:right;width:325px;height:194px;background:rgba(0,0,0,0.1);color:#ffffff;padding-left:30px;padding-top:30px}
@media (min-width: 1000px){.contact{display:block}}
.contact a{color:#ffffff}
.contact .tel{font-size:26px;font-weight:bold;padding-top:20px}
.contact .online{margin-top:30px;background:#ff453e;width:157px;padding-top:6px;padding-bottom:6px;text-align:center;border-radius:7px}
.banner img{position:relative;left:50%;transform:translateX(-50%)}
.banner .banner-wenzi h1{color:#ffffff;padding-top:16px;font-size:78px}
@media (min-width: 500px){.banner .banner-wenzi h1{font-size:62px}}
@media (min-width: 760px){.banner .banner-wenzi h1{padding-top:12px;font-size:78px}}
@media (min-width: 1000px) and (max-width: 1199px){.banner .banner-wenzi h1{font-size:78px}}
.banner .banner-wenzi h1 span{color:rgb(255, 120, 120)}
.banner .banner-wenzi .locat{color:#ffffff;padding-top:16px;font-size:14px}
.banner .banner-wenzi .locat a{color:#ffffff}
.banner .banner-wenzi .locat a:hover{color:#ffffff}
.banner .banner-wenzi .america{color:#ffffff;padding-top:20px;font-size:36px;line-height: 1.2em;}
@media (min-width: 520px){.banner .banner-wenzi .america{padding-top:32px}}
@media (min-width: 760px){.banner .banner-wenzi .america{font-size:36px}}
.banner .banner-wenzi .linktil{color:#ffffff;font-size:18px;line-height: 1.2em;margin-bottom: 20px;}
.banner .banner-wenzi .linktil span{color:#f3f953;}
.material-a{background:#004286;color:#fff;line-height:40px;padding: 10px 0;}
@media (max-width: 1199px){.material-a{line-height:24px;padding-top:10px;padding-bottom:10px}}
.material-a li{display:inline}
.material-a li a{padding-left:2px;padding-right:2px;color:#fff}
.material-a li a:hover{color:#ef011c}
.material-b{padding-top:50px;padding-bottom:50px;background:#f1f1f1}
.material-b .material-b-1{padding-bottom:10px}
@media (min-width: 1000px){.material-b .material-b-1{text-align:left;padding-bottom:0}}
.material-b .material-b-1 .daodu{font-size:40px;font-weight:bold;color:#cd0a0a;line-height:50px}
.material-b .material-b-1 .intro{font-size:16px;font-weight:normal;color:#333;}
.material-b .material-b-2{font-size: 18px; color: #333;}
.material-b .material-b-2 p{line-height: 32px;}
.material-c{padding-top:50px;padding-bottom: 50px;}
@media (min-width: 1000px){.material-c{padding-top:25px}}
.material-c h1{text-align: center; font-size: 36px; margin-bottom: 10px;}
.material-c .line-big{padding-top:25px;}
.material-c .gongyi{padding-top:5px;padding-bottom:5px;font-size: 18px;line-height: 32px;}
.material-c .gongyi-jieduan{padding-left: 19px;padding-top: 1px; margin-left: 10px;border-left: 1px solid #ef011c;}
.material-c .gongyi-jieduan .gongyi{padding-top:15px;padding-bottom:30px;}
.material-c .gongyi-jieduan span{display: block; font-weight:bold;position: relative;margin-top: 30px;font-size: 18px;}
.material-c .gongyi-jieduan span::after{display:block;content:"";position:absolute;box-shadow:0px 0px 1px 3px rgba(239,1,28,0.4);background:#ef011c;border-radius:50%;width:8px;height:8px;top: 9px; left:-24px}
.material-c .jieduan{padding-top:10px;color: #666;}
.material-c .material-c-1 img{margin:0 auto;display:block}
.material-d {padding-top: 20px;padding-bottom: 20px;}
.material-d .shebei-a{padding-top: 10px;padding-bottom: 10px;}
.material-d .shebei-a p{text-align: center;font-size: 28px;line-height:36px; margin-bottom: 20px;}
.material-d .shebei-b{position: relative;border-radius: 15px;overflow: hidden;margin-bottom: 30px;}
.material-d .shebei-b img{margin:0 auto;display:block;width:100%;}
.material-d .shebei-b p{text-align:center;position:absolute;left:0;bottom:0;width:100%;font-size:16px;padding-top:10px;padding-bottom:10px;color:#fff;background:rgba(0,0,0,0.3);}
.material-d .shebei .shebei-a-1{display:block;padding-bottom:10px}
.material-d .shebei .shebei-a-1 p{font-weight:bold}
@media (max-width: 449px){.material-d .shebei .shebei-b{padding-bottom:7px;width:33.3333%;float:left}}
.material-e{padding-top:50px;padding-bottom:30px}
.material-e h3{font-size: 36px; line-height: 48px;margin-bottom: 10px;}
.material-e h4{font-size:18px; font-weight: normal; margin-bottom: 30px;}
.material-e h3,.material-e h4{text-align: center;}
.material-e .case-1,.material-e .case-2{margin-bottom:20px;margin-top:5px}
.material-e .case-main{position: relative;border-radius: 15px;overflow: hidden;}
.material-e .case-edsc{display: none; position: absolute;width: 100%;height: 100%;top: 0;left: 0;padding: 40px; background:rgba(1,64,126,0.8);color: #fff;}
.material-e .case-main:hover .case-edsc{display: block;}
.material-e .case-til{font-size: 18px;line-height: 32px;text-align: center;padding: 5px 0 ;}
.material-e .case-1 img,.material-e .case-2 img{width:100%}
.material-f{padding-top:15px;margin-top:20px;padding-bottom:10px}
.material-f .pro-line{ display: flex; flex-wrap: wrap;}
.material-f .height-max{height: 100%;}
.material-f .material-mb{margin-bottom: 30px;}
.material-f .material-new{ border-radius: 15px; overflow: hidden; box-shadow: 0px 1px 5px #ccc;}
.material-f .material-new-til{text-align: center; line-height: 40px; padding: 40px 0; font-size: 24px; font-weight: bold; color: #ffffff; background:url("../img/material-new-til1.jpg") no-repeat center center/cover;}
.material-f .material-new-til2{background-image:url("../img/material-new-til2.jpg");}
.material-f .material-new-til3{background-image:url("../img/material-new-til3.jpg");}
.material-f .material-new-til4{background-image:url("../img/material-new-til4.jpg");}
.material-f .material-new-main{padding: 15px;}
.material-f p{line-height:26px;padding-top: 5px;padding-bottom: 5px;}
.material-g{padding-top:50px;padding-bottom: 70px;}
.material-g p{line-height:34px}
.material-g .material-til{margin-bottom: 20px;}
.material-g .form-group{display: flex;margin-bottom: 10px;}
.material-g .form-x .form-group .label{width: auto;}
.material-g .form-x .form-group .field{width: auto;flex-grow: 1}
.material-g .form-x .form-button{ margin-left: 0;}
.material-g form .input:focus{border-color: #ff867d;}
.material-g form textarea.input{height: 180px;}
.material-g form .province,.material-g form .city{width:50%;float:left}
.material-g form .province #province,.material-g form .province #city,.material-g form .city #province,.material-g form .city #city{width:98%}
.material-g form .province #city,.material-g form .city #city{float:right}
.material-g form .button{display: block; width: 150px; height: 46px; text-align: center; font-size: 16px; color: #fff; margin: 0 auto; border-radius: 23px;
    background: #f45c43;
    background: -moz-linear-gradient(left,  #f45c43 0%, #eb3349 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f45c43), color-stop(100%,#eb3349));
    background: -webkit-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -o-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: -ms-linear-gradient(left,  #f45c43 0%,#eb3349 100%);
    background: linear-gradient(to right,  #f45c43 0%,#eb3349 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45c43', endColorstr='#eb3349',GradientType=1 );}
.material-r{padding-top:60px;padding-bottom:20px;background:url("../img/material-r-bg.jpg") no-repeat center center/cover;}
.material-r .material-apply{display: flex;flex-wrap: wrap;justify-content: space-evenly}
.material-r .material-apply>div{padding: 10px;margin-bottom: 30px;}
@media (max-width: 780px){.material-r .material-apply{flex-wrap: wrap;}}
.material-r .material-apply img{display:block;width:100%; border-radius: 50%; margin-bottom: 10px;}
@media (max-width: 450px){.material-r .xl6{width:50%;float:left}}
.material-r p{text-align:center;padding-top:5px;padding-bottom:10px}
footer{background:#000000;color:#ffffff}
footer p{line-height:30px;text-align:center;padding-top:10px;padding-bottom:10px}
.kzha-table td{border:1px solid #16dbab;color:#16dbab;text-align:center;height:36px}
.kzha-table tr:hover{background:#d8b66e}
.kzha-table tr:hover td{color:#000000}