*{padding: 0;margin: 0; font-family: "微软雅黑", "宋体"; color: #333;}
a:focus, a:hover{text-decoration: none; color: #333;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,nav,section{list-style:none;margin:0px;padding:0px;vertical-align:baseline}
article,aside,details,figcaption,figure,dialog,footer,header,menu,nav,section{display:block}
ul{list-style: none;}
.fl{float:left}
.fr{float:right}
.cb{clear:both;}
.red{color: #d82d26;}
.container{overflow: hidden;}
.logo{float: left;}
.logo img{margin-top:5px;}
.nav li a{font-size:18px; color: #f1f1f1!important;}
.nav li a:hover{color: #e83f49!important;}
.htel{color: #fff; font-weight:bold;display:flex;align-items:center;justify-content: center; overflow: hidden; margin-top:5px;}
.htel a{font-size:28px; font-weight: bold; margin: 0;margin-left:10px; color: #fff !important; text-decoration: none !important;}
.htel a{color: #fff !important; text-decoration: none !important;}
.caseshowbox .swiper-slide{background-color: #fff;}
.caseshowimgbox img{width: 100%;}

/*==内页ban↓==*/

.banner-within img{display:block;max-width:100%; margin:auto}
.banner-within img{ transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-transform:matrix(1.05, 0, 0, 1.05, 0, 0);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
/*缩小停止*/
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
    to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
    to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
.banner-within2{position:relative;float:left; width:100%; overflow: hidden;}
.banner-within2 img{display:block;max-width:100%; margin:auto}


@media screen and (min-width:300px) and (max-width: 1024px){
    .header{padding: 10px 0 10px;}
    .bannerbox{margin-top:71px; height: auto; overflow: hidden;}
    .swiper-button-next:after, .swiper-button-prev:after{font-size:25px;}
    .logo{padding-left:15px;}
    .wapmt{margin-top: 15px;}
    .navbar-nav>li>a {line-height:30px;  font-size: 16px; }
    .nav{margin-left:0px;}
    .ysnr{ display: flex; align-items:center;  height:auto; margin-top:10px; }
    .ys-ch h4{font-size: 18px; font-weight: bold;}
    .ys-ch p{color:#e83f49; font-size: 12px;font-family:Arial; text-transform: lowercase; margin-top:1px;}
    .ys-num{margin-left:5px;}
    .ys-num h2{color: #e83f49; font-size:36px; font-weight: bold; }
    .ys-num h2 sup small{color: #e83f49; font-weight: bold; font-size:14px;}
    .habout{margin-top:40px;}
    .company-ys-box{margin: -20px auto 0; z-index: 1;position: relative;background-color: #fff; height:auto; border-radius: 20px 20px 0px 0px; padding-top: 20px; }
    .footerbg{padding:30px 0 30px; background-color: #222;}
    .foot-logo{text-align: center; margin-bottom:20px;}
    .foot-logo img{width:35%;}
    .footer-company-xx{text-align: center;}
    .footer-company-xx h4{color: #fff;font-size:16px; margin-bottom:5px;line-height: 1.5;}
    .footer-company-xx p{font-size: 14px; color: #fff;}
    .footer-share{margin-top:10px;}
    .footer-share a{margin:0 3px;}
    .footer-share a img{width:10%;}

    .hometit{text-align: center;}
    .hometit .titimgbox img{width:8%;}
    .hometit h2{font-size:26px; font-weight: bold;text-transform: uppercase; margin-top: 10px;}
    .hometit p{font-size: 18px; font-weight: bold; margin-top:2px;}

    /*分页*/
    .page_info{text-align: center; padding-bottom:40px;}
    .page_list { clear: both; text-align: center;padding-bottom:40px;}
    .page_list ul {margin: 0; padding: 0; height: 40px; font-size: 12px; color: #666;}
    .page_list li {width: auto;background: initial; display: inline-block; padding: 0; height: auto; line-height: inherit;  }
    .page_list a, .page_list a:visited {  background: #FFF; border: 1px solid #EEE; color: #333; display: inline-block; height: 30px; line-height: 30px; margin: 2px; padding: 0 11px; text-decoration: none;}
    .page_list a:hover, .page_list a:active, .page_list .press {background-color: #e83f49; border: 1px solid #e83f49; color: #FFF; display: inline-block; height: 30px;  line-height: 30px; margin: 2px; padding: 0 11px;  }
    .page_list .on{background-color: #e83f49; color: #fff;}

    .two-nav .col-md-3{text-align: center; }
    .two-nav .col-md-3 a{font-size: 16px;color: #fff; background: #e93f4a; height: 35px; line-height: 35px; display: inline-block; width:100%; margin-bottom: 10px; border-radius: 10px;}
    .two-nav .col-md-3 a:hover{color: #fff; background: #000; }
}

@media screen and (min-width:1200px){
    .header{padding: 20px 0 20px;}
    .bannerbox{margin-top:0px; height:650px; overflow: hidden;}
    .bannerbox img{ width: 100%;}
    .logo{padding-left:0px;}
    .nav{margin-left:28px;}
    .wapmt{margin-top:0px;}
    .navbar-nav>li>a {line-height: 20px; font-size: 18px;}
    .company-ys-box{box-shadow: 1px 1px 10px #999; margin: -70px auto 0; z-index: 1;position: relative;background-color: #fff; height: 140px; border-radius: 0px; padding-top:0px;}
    .habout{margin-top: 100px;}
    .footerbg{padding:100px 0 80px; background-color: #000; color: #fff;}
    .footerbg .container-fluid{padding: 0 6%;}
    .footer-company-xx h4{color: #fff;font-size: 24px; margin-bottom:20px;}
    .footer-company-xx p{font-size: 18px; color: #fff;}
    .footer-share{margin-top:30px;}
    .footer-share a{margin-right:20px;}
    .footer-nav dl{float:left; margin-right: 50px;}
    .footer-nav dl dt{color: #fff; font-size:18px; margin-bottom:20px;}
    .footer-nav dl dd{padding:5px 0;}
    .footer-nav dl dd a{color:#f8f8f8; font-size:16px;}
    .footer-nav dl dd a:hover{color:#fff; text-decoration:underline;}
    .foot-ewm{text-align:center;}
    .foot-ewm p{font-size:15px; color:#f8f8f8; text-align: center; margin-top:10px;}
    .hometit{text-align: center;}
    .hometit .titimgbox img{width:44px;}
    .hometit h2{font-size:36px; font-weight: bold;text-transform: uppercase; margin-top: 10px;}
    .hometit p{font-size: 24px; font-weight: bold; margin-top:2px;}
    /*分页*/
    .page_info{text-align: center; padding-bottom:100px;}
    .page_list { clear: both; text-align: center;padding-bottom:100px;}
    .page_list ul {margin: 0; padding: 0; height: 40px; font-size: 12px; color: #666;}
    .page_list li {width: auto;background: initial; display: inline-block; padding: 0; height: auto; line-height: inherit;  }
    .page_list a, .page_list a:visited {  background: #FFF; border: 1px solid #EEE; color: #333; display: inline-block; height: 30px; line-height: 30px; margin: 2px; padding: 0 11px; text-decoration: none;}
    .page_list a:hover, .page_list a:active, .page_list .press {background-color: #e83f49; border: 1px solid #e83f49; color: #FFF; display: inline-block; height: 30px;  line-height: 30px; margin: 2px; padding: 0 11px;  }
    .page_list .on{background-color: #e83f49; color: #fff;}

    .two-nav .col-md-3{text-align: center; height: 140px; line-height: 140px; }
    .two-nav .col-md-3 a{font-size: 22px;font-weight: bold;color: #999;padding-bottom: 56px;position: relative;}

    .two-nav .col-md-3 a:after {position: absolute;content: "";width: 0%;height: 3px;background-color: #e83f49; left: 0; bottom: 0;-webkit-transition: all .3s linear;-moz-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear;transition: all .3s linear;}
    .two-nav .col-md-3 a:hover{color: #e83f49; border-bottom: #e83f49 solid 5px; }
    .two-nav .col-md-3 a:hover:after{width: 100%;}
    .two-nav .col-md-3 .active{color: #e83f49;}
    .two-nav .col-md-3 .active:after{width: 100%;}

    .foot-logo{ text-align: center; position: relative; cursor: pointer;}
    .circle{width:340px;height:340px;border:15px solid #f1f1f1;border-radius:240px;position: absolute;clip: rect(0px,96px, 220px, 0px); transform:rotate(-111deg);left: -50px;top:-200px;transition: all .3s linear;}
    .circle:after{}
    .foot-logo:hover .circle{border-color: #ff3d48;}
}