@charset "utf-8";
/*
 * 深圳长亮
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 技术支持：QQ2863868475
 * 2023-08-24
 * coyright@tengcee.com
*/
@import url("public.css");
@import url("page.css");
/*@import url("iconfont/iconfont.css");*/
/*头部*/
.top { position:relative; top:0px; z-index:999; width:100%;}
.logo { float: left; padding-top: 0px; padding-bottom: 0px; max-width: 250px; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; position: absolute;top: 0;left:0;}
.logo img{ width: 100%;}
.top1 { height: 40px; width: 100%; line-height: 40px; color: #666;position:relative; background-color: #151515;}
.top1_right{ float: right; }
.top1 span { line-height: 40px; color: #666; float: right; height: 40px; padding:0 15px; position:relative;cursor: pointer;}
.top1 span a { color:#666; text-decoration:none; display: block;}
.top1 span i{ font-size: 16px;}
.top_tel{ width: 200px; margin-top: 30px;float: right;background-image: url(../images/top_tel.png); background-repeat: no-repeat; background-position: 0px center; padding-left: 60px;}
.top_tel p{width: 100%; float: left; line-height: 25px;height: 25px; font-size: 15px; color: #666;}
.top_tel h3{width: 100%; float: left; line-height: 40px; height: 40px;font-size: 28px; color: #d9261c}
.topbox{ width: 100%;float: left; top: 0;left: 0; box-shadow: 0 5px 5px rgba(0,0,0,.2); background-color: rgba(255,255,255,.9);}
.topfixed{ position: fixed; height:80px;}
.topfixed .logo{ max-width: 200px;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.topfixed .nav_ul li {line-height: 80px; height: 80px;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.topfixed .nav_ul dl{ top: 80px; }
.topfixed .nav_ul li i{ bottom: 0 }

.topso{ position: absolute; right: 0px; top: 45px;}
.topso span{ font-size:20px;  cursor: pointer;}
.topfixed .topso{ top: 32px; }

.topmask{ position: fixed; top: 0px; right: 0px; width: 100%;height: 100%; padding:30px;box-sizing: border-box; background-color:rgba(0,0,0,.5); z-index: 9999; display: none;}
.topmaskin{ width: 100%; position: relative; width: 500px; margin:0 auto; top: 35%;}
.topmask .close{ position: absolute; top: 50px;right: 50px; z-index: 99 }
.topmask .close img{ width: 30px;height: auto; }
.topmask .sobox{ width: 100%;float: left; position: relative; }
.topmask .sobox .input1{ width: 80%;float: left; padding:0 20px;box-sizing: border-box; line-height: 50px;height: 50px; background-color:#fff; box-shadow: none; border:none; border-top-left-radius: 25px; border-bottom-left-radius: 25px;}
.topmask .sobox .button1{ width: 20%;float: left;box-sizing: border-box; border:none; height: 50px; text-align: center; outline: none;background-color:#e50112; color: #fff;border-top-right-radius: 25px; border-bottom-right-radius: 25px;}
@media screen and (max-width:750px){
    .topmaskin{ width: 100%; position: relative; width:98%; margin:0 1%; top: 100px;}
}

.imenu { float: right; display: none; position: absolute; right: 10px; top: 35px;height: 25px;cursor: pointer;}
.imenu .dh{width: 25px; cursor: pointer; color: #d80106; font-size: 30px; position: relative;}
.imenu .dhline{ width: 100%; height: 2px; background-color: #333; position:absolute; top: 0;left:0}
.imenu .line01{ margin-top: 0 }
.imenu .line02{ margin-top: 8px }
.imenu .line03{ margin-top: 16px }
.topfixed .imenu{ top:23px; }

.iphone { float: left; display: none; position: absolute; left: 5px; top: 20px;}
.iphone span{width: 20px;height: 20px; background-color:#d9261c; text-align: center; border-radius:50%; float: left; padding:5px;}
.iphone span img{ width: 100%; height: auto; }
@media screen and (max-width:750px){
    .logo {padding: 5px 0; width: 100%; text-align:center; }
    .top_tel{ display: none; }
    .imenu,.iphone{ display: block; }
}
/*导航*/
.nav {width: 1000px; position:relative; float: right; padding-right: 30px; box-sizing:border-box; height: 110px;}
.nav_ul { float: left; width:100%; position: relative;}
.nav_ul li { float: left; font-size: 17px; line-height: 110px; height: 110px; width: 12.5%; position:relative; position:relative; text-align: center; box-sizing: border-box;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav_ul li a { color:#333; text-decoration:none; display:block; }
.nav_ul li a:hover { color:#e50112; text-decoration:none; }
.nav_ul li i{ width: 0;height: 5px; border-radius:4px; background-color: #e50112; position: absolute; left: 50%; bottom: 20px;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;}
.nav_ul li.on i{ width: 40px;margin-left: -20px;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }
.nav_ul li.on a,.nav_ul li.on em{ color:#e50112;}
.nav_ul li.on dl dd a{ color: #fff; }
.nav_ul li em { font-size: 5px; color: #999; padding-left: 3px}
.nav_ul li a:hover em{ color: #e50112;}
.nav_ul li a:hover i{ width: 40px;margin-left: -20px; }

.nav_ul dl{ width:100%; font-size:13px; position:absolute; top:110px; left:0px; background-color: #d9261c; display: none;}
.nav_ul dl dd { height:45px; line-height:45px; text-align: center; white-space: nowrap; font-weight: normal; }
.nav_ul dl dd a{ color:#FFFFFF; padding:0px;  }
.nav_ul dl dd a:hover{ color:#FFFFFF; opacity:0.9; background-color: #cc040d; }
.nav_ul .nav_line{ width:1px; float:left; height:55px; color: #fff; opacity: .2; display: none}
@media screen and (max-width:1300px){
    .nav_ul li{ width: 12.5%; box-sizing: border-box;}
}
@media screen and (max-width:1200px){
    .logo { max-width: 200px; padding-top: 15px;}
    .topfixed .logo{ padding-top: 0 }
    .nav {width: 100%;padding-left: 200px;}
    .nav_ul li{ box-sizing: border-box; font-size:15px; width: 14.2%}
    .nav_ul li:nth-child(4){ display: none;}
}
@media screen and (max-width:750px){
    .logo { max-width: 180px; padding-top: 0px; padding-left: 10px;}
    .topfixed .logo{ padding-top: 0;max-width: 140px;}
    .nav {width: 100px; float:right; height: 80px; padding-right:10px;}
    .nav_ul{display: none}
    .topfixed{ height: 60px; }
    .topfixed .nav {height: 60px;}
    .topso{right: 55px; top: 35px;}
    .topso span{ font-size:20px;  cursor: pointer;}
    .topfixed .topso{ top: 22px; }
}
/*左侧菜单*/
.overlay{position: fixed;display: none;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);z-index: 998;}
.nav_close{ position: absolute; top:25px; right: 18px; z-index: 9999;}
.nav_close img{ width: 35px; height: 35px; }
.navbox_logo{ width:100%; }
.navbox_logo span{ width:100%; float: left; }
.navbox_logo span img{ width: 100%; height: auto }
.navbox_contact{ width: 100%; position: relative;; margin-top:1em; }
.nav_tel{ width:100%; height:45px; float:right; color:#fff; background-color:#d80106; text-align:center;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;border-radius:20px; font-size:.8rem; line-height:45px;}
.nav_tel a{color: #fff;line-height:45px; display: block;}

.wapnav{position:fixed;width:100%; left: -3000px; top:0px; z-index: 999999;padding:0;overflow-y: hidden;background-color: #293133; height: 100%; padding:20px;-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;opacity:0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; filter:alpha(opacity=95); -moz-opacity:095;   -khtml-opacity: 0.95; box-sizing: border-box;}
.nav3{position:relative; float: right; margin:1em 0; width: 100%;}
.nav3 li{float:left; line-height:45px; overflow:visible; width: 100%;margin-top:-1px; font-weight: normal; border-bottom:solid 1px #343b3d;font-size:.8rem;color:#fff; text-align: center; box-sizing: border-box;  background-repeat: no-repeat; background-position:25px center;}
.nav3 li a{ color:#fff!important; font-size:.8rem; }
.nav3 li.on a,.nav3 li:hover a{ color:#fff; text-decoration:none; background-color:none; }

/*幻灯片*/
.banner { position: relative; width: 100%; height: 650px; overflow: hidden;z-index:9; }
.banner .swiper-container { width: 100%; height: 100%; color: #fff; text-align: center; }
.banner .swiper-slide {position: relative;overflow: hidden;}
.banner .swiper-slide a {display: block;}
.banner .swiper-pagination {position: absolute;width: 100%;z-index: 20;left: 0;bottom: 30px !important;text-align: center;}
.banner .swiper-pagination-bullet-active{background-color: #d9261c;}
.banner .swiper-pagination-bullet { width: 35px; border-radius: 5px; }
.banner .imgBox { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 0px; float: left;}
.banner a.prev_btn,
.banner a.next_btn {position: absolute;z-index: 66;top: 50%;margin-top: -55px;width: 73px;height: 138px;opacity: 0.2;filter: alpha(opacity=20);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.banner a.prev_btn:hover,
.banner a.next_btn:hover {opacity: 0.5;filter: alpha(opacity=50);}
.banner a.prev_btn { left: 30px;background-image: url(../images/left.png); background-repeat: no-repeat; }
.banner a.next_btn { right: 30px; background-image: url(../images/right.png); background-repeat: no-repeat; }
@media screen and (max-width:1200px){
    .banner{ height:500px;}
}
@media screen and (max-width:1000px){
    .banner{ height:400px;}
}
@media screen and (max-width:750px){
    .banner{ height:360px;}
}
@media screen and (max-width:600px){
    .banner{ height:180px;}
    .banner a.prev_btn,.banner a.next_btn{ display: none; }
    .banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px; }
}

.main { float: left; width: 100%; position: relative;background-color: #fff; }
.main2 {width: 100%; position: relative;padding: 25px 0; }
.main1 { background-color: #f5f5f5; width: 100%; padding: 45px 0; position: relative; }
.mainbox{width: 100%; position: relative;padding: 10px 0; }

.title { width: 100%; padding-top: 15px; padding-bottom: 10px; position: relative;}
.title h2 { font-size: 36px; line-height: 1.8em; color: #111; text-align: center; height: 1.8em; width: 100%; font-weight: bold; }
.title h3 { font-size: 40px; line-height: 1.8em; color: #111; text-align: center; height: 1.8em; width: 100%; font-weight: bold; }
.title p { line-height: 1.8em; color: #bab9b9; text-align: center;width: 100%;text-transform: uppercase; padding-top:6px; font-size:16px;}
.title i{color: #e50112;  text-transform: uppercase; font-style: normal;}
.title span{ color: #e50112; font-style: normal; text-transform: uppercase;}
.title .ico{ width: 100%; text-align:center; }
.title .tit-line{ width: 80px; height: 5px; border-radius: 5px;background-color: #e50112;margin:0 auto; }
.title .tit-bg{ width: 100%;float: left; position: absolute;top:15px; line-height: 100px;height: 100px; color: #999; text-align: center; font-size: 100px; font-weight: bold; opacity: .08;text-transform: uppercase;z-index: 0}

.line1{ width: 100%; line-height: 2px; height: 2px; border-bottom: solid 1px #e2e2e2; position: absolute; top: 30px; z-index: 0;}
@media screen and (max-width:1200px){
    .title{padding:15px 0; box-sizing: border-box;}
    .title h2 { font-size: 1.6rem; line-height: 1.6em; height: 1.6em;}
    .title h3 { font-size: 1.6rem; line-height: 1.6em; height: 1.6em;}
    .title p{ padding: 5px 10px; box-sizing: border-box; font-size: .9rem; line-height: 1.5em; }
}
@media screen and (max-width:750px){
    .main1 {padding: 15px 0;}
    .title{padding:10px 0; box-sizing: border-box;}
    .title h2 { font-size: 1.4rem;}
    .title h3 { font-size: 1.4rem;}
    .title p{ font-size: .8rem; }
    .title .tit-bg {line-height: 70px;height: 70px; font-size:50px;}
}
.more{ width: 300px; padding: 20px 0 25px 0; margin:0 auto;height: 50px; }
.more a{ width: 100%; line-height: 50px; text-align: center;font-size: 14px;display: block; color: #e50112; background-color:#fff; border-radius:25px; border:solid 1px #e50112;}
.more a i{ font-size:18px; color: #e50112; padding-left: 10px; }

.more2 { width: 100%;float: left;margin: 15px auto;position: relative;height: 50px; }
.more2 span{ width:400px; position: relative; margin:0 auto; display: block;}
.more2 a{ width: 50%; float:left; width: 50%; line-height: 50px; height: 50px; text-align:center;font-size: 16px;box-sizing: border-box; border-radius:25px; overflow: hidden;}
.more2 a.a1{display: block;background: #e2e2e2; color: #333;width: 55%; z-index: 2; position: absolute; top: 0;left: 0}
.more2 a.a2{background: #e2e2e2;display: block; color: #333; width: 55%; z-index: 2;position: absolute; top: 0;right: 0}
.more2 a.a2 i{ font-size:18px; color: #333; padding-right: 10px; }
.more2 a.a1 i{ font-size:18px; color: #333; padding-left: 10px; }
.more2 span em{background-color: #e50112;display: block; color: #ffff;width: 55%; z-index: 2; position: absolute; top: 0;left: 0;line-height: 50px; height: 50px;border-radius:25px; overflow: hidden;}
.more2 a.on{ color: #fff; background:none; z-index: 3;-moz-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; transition: all 0.5s ease-in;o}
.more2 a.on i{ color: #fff; }
@media screen and (max-width:750px){
    .more{ width: 200px; padding: 20px 0 25px 0; margin:0 auto;height: 40px; }
    .more a{line-height: 40px;}
    .more2{ width:80%; margin: 15px 10%;}
    .more2 span{ width:100%;}
    .more2 a{ line-height: 45px; height: 45px; font-size: 1rem;}
    .more2 span em{line-height: 45px; height: 45px;}
}

.daili{ width:100%;float: left; position: relative; padding:20px 0; overflow: hidden;}
.daili .daililist{ width: 100%;position: relative; padding-bottom: 30px;}
.daili .item{ width:50%; float: left; position: relative; padding:10px; box-sizing: border-box; font-family:'Arial';}
.daili .itemin{ width:100%; float: left; position: relative; padding:0px; box-sizing: border-box; border:solid 0px #f5f5f5; border-top-right-radius: 25px;border-bottom-right-radius: 25px; overflow: hidden;box-shadow: 0 0 10px 0 rgba(0,0,0,.1);background-color: #fff;display: flex;align-content: flex-start;justify-content: space-around; flex-wrap: nowrap;background-image: linear-gradient(to bottom,#eef1f2,#fff 30%);}
.daili .item .thumb{ width:200px;float: left; position: relative; flex:0 0 200px; background-color:#4472c7; background-repeat:no-repeat; background-size:cover; background-position:top;}
.daili .item .thumb img{ width:100%;height: auto;}
.daili .item .info{ padding:25px 20px 25px 40px; box-sizing: border-box;float: left; position: relative;}
.daili .item .info .tit{ width:100%; line-height: 2; font-size: 24px; height: 2; overflow: hidden; }
.daili .item .info .desc{ width:100%; line-height: 1.4em; font-size: 16px; height: 4.2em; margin:10px 0 0; color: #757a83;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.daili .item .more{ width:80px; line-height: 45px; text-align: center; position: absolute; right: 0;bottom: 0; border-top-left-radius: 25px; background-color:#e00001;}
.daili .item .more a{ color: #fff; font-size: 20px; }
.daili .prolist{ width: 100%;float: left;position: relative; margin-bottom: 15px; margin-top:10px}
.daili .prolist li{ width: 25%;float: left;padding:10px 5px 10px; box-sizing: border-box;position: relative; }
.daili .prolist li .liin{ width: 100%;float: left;position: relative;border:solid 1px #f5f5f5;padding:5px;box-sizing: border-box}
.daili .prolist li .pic{ width: 100%;float: left;position: relative;padding:10px;box-sizing: border-box}
.daili .prolist li .pic img{ width: 100%;height: auto; }
.daili .prolist li .t{ width: 100%;float: left;line-height:1.5em;height: 3em; text-align: center;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.daili .item .detail{ width: 100%;float: left; margin-top: 10px;}
.daili .item .detail .detailbox{float: left;position: relative;}
.daili .item .detail span{ float:left; border:solid 2px #e50112; padding:0 15px; line-height: 40px; font-size: 16px; color:#666;}
.daili .item .detail span:nth-child(1){ border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.daili .item .detail span:nth-child(2){ background-color: #e50112;color:#fff; border-top-right-radius: 5px;border-bottom-right-radius:5px;}
.daili .item .detail .kefu{ float: right; width: 40px;height: 40px;line-height: 40px;text-align: center;border-radius:50%; background-color: #e50112; color:#fff;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;margin-right:-10px; }
.daili .item .detail .kefu a{ color: #fff; }
.daili .item .detail .kefu:hover{ background-color: #e50112;margin-top: -5px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; }
.daili .item:hover .itemin{box-shadow: 0 0 10px 0 rgba(212,217,223,.79);background-image: linear-gradient(to top,#eef1f2,#fff 30%);}
.daili .item:hover .info .tit a{color: #e50112}
.daili .swiper-button-next,.daili .swiper-button-prev{background-repeat: no-repeat;background-position: center center; width: 30px; height: 30px;background-size: contain;-moz-background-size: contain;-webkit-background-size: contain; top: 50%;filter:alpha(opacity=0);opacity:0; color: #fda1a1;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.daili .swiper-button-next i,.daili .swiper-button-prev i{color: #666; font-size: 30px; }
.daili .swiper-button-next{ background-image:url('../images/arrow-right2.png'); right: -20px;}
.daili .swiper-button-prev{ background-image:url('../images/arrow-left2.png');left: -20px;}
/*.hot .swiper-button-next:hover,.hot .swiper-button-prev:hover{ filter:alpha(opacity=100);opacity:1;}*/
.daili:hover .swiper-button-next,.daili:hover .swiper-button-prev{ opacity: .85;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.daili:hover .swiper-button-next{right: 2px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.daili:hover .swiper-button-prev{left: 2px;-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
.daili .swiper-container{ height: 100%; }
.daili .swiper-pagination-bullet-active{background-color: #e00001;}
@media screen and (max-width:1000px){
    .daili .item .thumb{ width:160px;flex:0 0 160px;}
    .daili .item .info{ padding:10px; padding-left: 15px;}
}

@media screen and (max-width:750px){
    .daili .itemin{ border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
    .daili .item .thumb{display:none;}
    .daili .item .info{ padding:10px;}
    .daili .item .info .desc{ width:100%; line-height: 1.4em; font-size: 14px; height:5.6em; margin:10px 0 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp: 4;-webkit-box-orient:vertical;}
    .daili .prolist li{ width: 50%;float: left;padding:10px;}
    .daili .item .detail{margin-bottom: 10px;margin-top: 5px;}
}

.service{ width: 100%;float: left; position: relative;padding:0;box-sizing: border-box; padding:30px 0;}
.service .item{ width: 100%;float: left; position: relative;padding: 0px; box-sizing: border-box;}
.service .item .itemin{ width: 100%;float: left; position: relative; overflow: hidden; }
.service .item .thumb{ width: 100%;float: left;position: relative;}
.service .item .thumb img{ width: 100%;height: auto;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service .item .tit1{float: left; padding:5px 15px; position: absolute;left: 20px;top: 20px;box-sizing: border-box; background-color: rgba(0,0,0,.5); border-radius: 25px; color: #fff;line-height: 30px;}
.service .item .info{float: left; padding:20% 50px 0 50px; position: absolute;top: 0px;box-sizing: border-box; background-color: rgba(0,0,0,.3); left: -800px;width: 100%;height: 100%;}
.service .item .info .tit{ width: 100%; line-height: 30px; text-align:center; color: #fff;box-sizing: border-box;font-size: 20px}
.service .item .info .desc{ width: 100%;float: left; padding-top: 15px; line-height: 1.6em;font-size: 15px;color: #fff;opacity: .8;}
.service .item .info .detail{ width: 100%; text-align: center; padding-top: 25px;color: #fff;float: left; }
.service .item .info .detail span{font-size: 30px;color: #fff; width:100px; line-height: 30px;height: 30px;margin:0 auto; display: inline-block; border:solid 1px rgba(255,255,255,.5); border-radius: 25px;}
.service .item:hover .info{-webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;left: 0 }
.service .item:hover .info .tit{}
.service .item:hover .info .desc{ }
.service .item:hover .tit1{ left: -100px; }
.service .item:hover .thumb img{transform: scale(1.1, 1.1);background-color:#000;-moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service .item3:hover .info{ padding-top: 40%; }
.item1{}
.item2{ margin-top: 3px; }
.item3{ max-height: 723px; overflow: hidden; }
.item4{}
.item5{ margin-top: 3px; }
.item6{ width: 25%;height: 310px; overflow: hidden;}
.item-left,.item-center,.item-right{ width: 33.3%;float: left; padding:2px;box-sizing: border-box;}
@media screen and (max-width:750px){

}
/*产品列表*/
.products{ width: 100%; float: left; position: relative; padding:0;}
.hotproducts{ width: 100%; float: left; position: relative; padding:0;}
.hotproducts li{ width: 40%; float: left; position: relative; padding:5px; box-sizing: border-box;}
.hotproducts li .hotin{ width: 100%; float: left; position: relative;box-sizing: border-box; background-color: #fff;min-height: 280px; padding:25px 15px;}
.hotproducts .first{ width: 60%; }
.hotproducts .first .hotin{ }
.hotproducts li .tj{ position: absolute; left:0; top: 0; }
.hotproducts li .tj img{ width: 100%; height: auto;}
.hotproducts li .thumb{ width: 240px; float: right;position: relative; background-color:#000; position: absolute; right: 30px; top: 40px;}
.hotproducts li .thumb img{ width: 100%; height: auto; opacity: .9}
.hotproducts li .info{ width: 100%; float: left; padding:20px 30px; color: #222; box-sizing: border-box; padding-right: 280px;}
.hotproducts li .info .tit{ width: 100%; float: left;line-height: 2em; font-size:22px; font-weight: bold; padding:8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hotproducts li .info .desc{ width: 100%; float: left;line-height: 1.8em;height: 5.4em; margin:5px 0; color: #999; font-size: 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp: 3;-webkit-box-orient:vertical;}
.hotproducts li .info .desc p{ width: 100%; float: left; padding:5px 0}
.hotproducts li .info .p{ width: 100%; float: left;margin:10px 0; opacity: .8;}
.hotproducts li .info .p a.a1{line-height: 50px;height: 50px; border:solid 1px #e2e2e2; text-align:center; color: #333; margin-top: 10px;width: 160px; float: left; font-size: 16px;}
.hotproducts2{ width: 100%; float: left; position: relative; padding:0px 0; margin-top: 2px;}
.hotproducts2 li{ width: 25%; float: left; position: relative; padding:5px; box-sizing: border-box;}
.hotproducts2 li .hotin{ width: 100%; float: left; position: relative;box-sizing: border-box;background-color: #fff; padding:20px;}
.hotproducts2 li .thumb{ width: 120px; float: right;position: relative; background-color:#000; position: absolute; right: 20px; top: 65px;}
.hotproducts2 li .thumb img{ width: 100%; height: auto; opacity: .9}
.hotproducts2 li .info{ width: 100%; float: left; padding:0; color: #222; box-sizing: border-box; padding-right: 150px;}
.hotproducts2 li .tit{ width: 100%; float: left;line-height:2em; font-size:18px; font-weight: bold;white-space: nowrap; overflow: hidden;text-overflow:ellipsis; box-sizing:border-box;}
.hotproducts2 li .info .desc{ width: 100%; float: left;line-height:1.8em;height: 5.4em; margin:10px 0; color: #999; font-size: 15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
.hotproducts2 li .info .desc p{ width: 100%; float: left; padding:5px 0; color: #999;}
.hotproducts2 li .info .p{ width: 100%; float: left;margin:10px 0; opacity: .8;}
.hotproducts2 li .info .p a{ color: #666;}
@media screen and (max-width:1200px){
    .hotproducts li .hotin{min-height: 280px; padding:15px;}
    .hotproducts li .thumb{ width:150px; right: 10px; top: 30px;}
    .hotproducts li .info{ padding: 10px;padding-right: 170px;}
}
@media screen and (max-width:750px){
    .hotproducts li .tj{ position: absolute; left:0; top: 0; width: 45px;}
    .hotproducts li{ width: 100%; padding: 5px;}
    .hotproducts li .hotin{min-height: auto; padding:5px 10px;}
    .hotproducts li .info{ padding:10px 5px;padding-right: 120px;  }
    .hotproducts li .info .tit{line-height: 30px; font-size:13px; padding:0; }
    .hotproducts li .info .desc{line-height: 1.8em; font-size: .8rem; margin:0; color: #999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical;}
    .hotproducts li .info .p{ margin:5px 0; }
    .hotproducts li .info .p a.a1{line-height: 35px;height: 35px; border:solid 1px #e2e2e2; text-align:center; color: #333; margin-top: 5px;float: left; font-size: 13px; padding:0 25px; width: auto;}

    .hotproducts li .thumb{ width: 100px; top: 25px;overflow: hidden; max-height: 90px; }
    .hotproducts .first{ width: 100%; }
    .hotproducts2{padding: 0;}
    .hotproducts2 li{ width: 100%;padding: 5px;}
    .hotproducts2 li .hotin{min-height: auto; padding:5px 10px;}
    .hotproducts2 li .info{ padding:10px 5px;padding-right: 120px;  }
    .hotproducts2 li .tit{line-height: 30px; font-size:13px; padding:0;padding-right: 120px; }
    .hotproducts2 li .info .desc{line-height: 1.8em; font-size: .8rem; margin:0; color: #999;}
    .hotproducts2 li .info .p a.a1{line-height: 35px;height: 35px; border:solid 1px #e2e2e2; text-align:center; color: #333; margin-top: 5px;float: left; font-size: 13px; padding:0 25px; width: auto;}
    .hotproducts2 li .thumb{ width: 100px; top:40px; overflow: hidden; max-height: 90px; bottom: auto;}
}

/*关于我们*/
.about{ width: 100%; padding:0; position: relative;background-image:url('../images/aboutbg.jpg'); background-repeat:repeat-x; background-position:center bottom;height:750px; margin: 20px 0; background-size: cover;}
.about-left,.about-right{ float:left; position:absolute; z-index: 1; top: 0;height:650px;}
.about-left{left: 0;width: 65%; border-bottom-right-radius: 50px; background-color: rgba(255,255,255,.85);}
.about-right{right: 0;width: 35%;}
.aboutin{ width: 1450px;margin:0 auto;position: relative; z-index: 2;}

.about_pic{ width: 40%; float: right; margin-top: 30px; }
.about_pic img{ width: 100%; float: left; }
.about_box{ width: 60%; float: left; padding:100px 50px 100px 0px; float: left; box-sizing: border-box; position: relative;}
.about_title { font-size: 36px; line-height: 50px; font-weight: normal;float: left;width: 100%; padding-bottom: 5px; color: #222;z-index: 1; position: relative;}
.about_title i { font-size: 20px; font-style: normal; font-weight: normal; color: #666; padding-left: 10px; text-transform: uppercase; }
.about_line { float: left; height: 10px; width: 120px; border-bottom: 1px solid #fff; margin-bottom: 10px; opacity: .5 }
.about_info { line-height: 25px; color: #999; float: left; width: 100%;z-index: 1; position: relative;font-size: 15px;}
.about_content {color: #4C4C4C; float: left; width: 100%; font-size: 15px;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;line-clamp: 6;-webkit-box-orient:vertical;overflow: hidden;z-index: 1; position: relative;line-height: 2em;}
.about_content p{line-height: 2em;width: 100%; padding:.3em 0; }
.about_content p a{ color: #e50112; }
.about_more { line-height: 55px; color: #FFFFFF; float: left; height: 55px; width: 200px; text-align: center; background-color: #e50112;}
.about_more a { color:#FFFFFF; text-decoration:none;}
.about-redbg{ width: 100%; float: left; position: relative;}
.indexnum{ width: 100%; float: left;padding:0;left: 0; }
.innernum{ margin:20px 0;}

.num_list{ width: 85%;float: left; position: relative;background-image:url('../images/white.png');}
.num_list li{ width: 20%; float:left; padding:30px 5px; text-align: center; box-sizing: border-box; }
.num_list li .num{ width: 100%; float: left; }
.num_list li span{ width: 100%; line-height: 50px; text-align: center; font-size: 35px; color: #d9261c;}
.num_list li i{ font-size:16px; color: #666; font-style:normal; opacity: .85; padding-left: 5px;}
.num_list li p{ width: 100%; line-height: 30px; text-align: center; color: #222; font-size: 16px; white-space: nowrap; float: left;overflow: hidden;}
.num_list li.on{ background-color: #d9261c;}
.num_list li.on span{ color: #fff;}
.num_list li.on p,.num_list li.on i{ color: #e2e2e2;}
.red2{ width: 50%; float: left; height: 100%; position: absolute; float:left; top:0; background-color:#d9261c; z-index: 0;}
.blackbg{width:20000px; height: 100%; position: absolute; float:left; top:0;right:0; z-index: 0;}

@media screen and (max-width:1450px){
    .aboutin{ width:100%;}
    .about-left{width: 85%;}
    .about_box{ width:80%; padding:100px 50px 100px 30px}
    .num_list{ width: 95%;}
}
@media screen and (max-width:750px){
    .about{ width: 100%; padding:0;height: auto;padding-bottom: 60px; }
    .about-left,.about-right{ float:left; position:absolute; z-index: 1; top: 0;height:500px;display: none}
    .about-left{width: 100%;}
    .aboutin{ width:100%;padding-top: 30px; padding-bottom: 50px; background-color: rgba(255,255,255,.75); border-bottom-right-radius: 35px;}
    .about_box{ width:100%;  padding: 15px; float: left; margin:0; box-sizing: border-box;}
    .about_pic{ width: 100%; margin-top:0; }
    .about_title { font-size: 1.1rem; line-height: 2em; }
    .about_title i { font-size: 12px;}
    .about_content{font-size:13px;}
    .about_content p{line-height: 2em;}
    .about_info { line-height:1.5em;}
    .about_line { float: left; height: 5px; width: 100px; margin-bottom: 5px; opacity: .5 }
    
    .num_list{ width: 100%;}
    .num_list li{ width: 25%; float:left; padding:20px 5px;}
    .num_list li:nth-child(4){ display: none }
    .num_list li span{font-size: 25px;}
    .num_list li p{ line-height: 30px;font-size: 13px; white-space: nowrap;}
}

.youshi{ width: 100%;float: left; padding:30px 0 40px 0; position: relative;}
.youshilist{ width: 100%;float: left; padding:20px 0; position: relative;}
.youshilist .item { width: 12.5%;float: left; padding:5px; box-sizing:border-box;}
.youshilist .item .itemin{ width: 100%;float: left; padding:20px 0; border:solid 1px #f5f5f5;background-color:#fff;}
.youshilist .item .thumb{ width: 100%;float: left; text-align: center; padding:15px 0;}
.youshilist .item .thumb span{ text-align: center;font-size: 35px;color: #e50112}
.youshilist .item .info{ float: left; padding:10px; box-sizing: border-box;  width: 100%;}
.youshilist .item .info .tit{ width: 100%;float: left; line-height: 2em;font-size: 18px; text-align: center; white-space: nowrap; overflow: hidden;text-overflow:ellipsis;}
.youshilist .item .info .desc{ width: 100%;float: left; line-height: 1.6em;font-size: 13px; text-align: center; margin-top: 8px; color: #999;height: 4.8em; overflow: hidden;}
@media screen and (max-width:750px){
    .youshi{ width: 100%;float: left; padding:15px 0; position: relative;}
    .youshilist{padding:5px 0; }
    .youshilist .item { width: 25%; padding:2px;}
    .youshilist .item .info{ padding:5px;}
    .youshilist .item .info .tit{font-size: 15px;}
    .youshilist .item .info .desc{ line-height: 1.6em;font-size: 12px;}
}
/*客户*/
.customer{ width: 100%;float: left; padding:40px 0 10px 0; position: relative;}
.customer .item { width: 16.6%;float: left;padding:5px;box-sizing: border-box;}
.customer .item .itemin{ width: 100%;float: left;background-color: #fff;}
.customer .item .thumb{ width: 100%;float: left;position:relative; border:solid 1px #e2e2e2;}
.customer .item .thumb img{ width: 100%;height: auto; }
@media screen and (max-width:750px){
    .customer{ padding:10px 0;}
    .customer .item { width: 25%;}
}
/*技术研发*/
.yanfa{ width: 100%;float: left; position: relative; background-image: url('../images/background1.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;margin:50px 0;}
.yanfabox{ width: 1450px;margin:0 auto;position: relative; z-index: 2;}
.yanfa-right{ width: 60%;float: left;height: 100%;position: absolute; top: 0px;right:0; background-color:#103c98; border-top-left-radius: 50px; /*border-bottom-left-radius: 50px;*/}
.yanfa .content{ width: 55%;float: right; padding:50px 25px; box-sizing: border-box;}
.yanfa .content .tit{ font-size: 36px; line-height: 50px; font-weight: normal;float: left;width: 100%; padding-bottom: 5px; color: #222;z-index: 1; position: relative; color: #fff;font-weight:bold;}
.yanfa .content .tit-line{ width: 100px;height: 3px;background-color:#fff; margin:10px 0; float: left;border-radius: 5px; }
.yanfa .content .info {color: #fff; float: left; width: 100%; font-size: 15px;text-overflow:ellipsis;z-index: 1; position: relative;line-height: 2em; opacity: .8;}
.yanfa .content .info p{ opacity: .8 }
.yanfa .content .tit02{ font-size:16px; opacity: 1}
.yanfa .content .detail{ width: 100%;float: left; padding: 50px 0 25px 0; position: relative; }
.yanfa .content .detail a{ padding: 0 30px; border:solid 1px #f5f5f5; line-height: 40px; color: #fff; border-radius:25px; float: left }
.yanfa .yanfa-thumb { float: left; width: 40%; position: relative;}
.yanfa .yanfa-thumb img{ position: absolute;right: -20px; top: 60px; height:350px;width: auto;}
@media screen and (max-width:1450px){
    .yanfa{margin:10px 0;}
    .yanfabox{ width: 100%;}
}
@media screen and (max-width:750px){
    .yanfa{margin:10px 0;}
    .yanfabox{ width: 100%;}
    .yanfa-right{ display: none; }
    .yanfa .content{ width: 100%;float: right; padding:25px; box-sizing: border-box; background-color: #103c98;}
    .yanfa .content .tit{ font-size: 24px; line-height: 40px;}
    .yanfa .content .tit-line{ width: 50px;height:2px;}
    .yanfa .content .info {font-size: 13px;}
    .yanfa .content .tit02{ font-size:15px; opacity: 1;font-weight:normal;}
}

.news{ width: 100%;float: left; padding:30px 0; position: relative;}
.newslist{ width: 100%;float: left; padding:15px 0; position: relative;}
.newslist .item{ width: 25%;float: left;padding:10px; box-sizing: border-box;}
.newslist .item .itemin{ width: 100%;float: left; box-sizing: border-box; background-color:#fff; }
.newslist .item .thumb{ width: 100%; float: left; max-height: 200px; overflow: hidden;}
.newslist .item .thumb img{ width: 100%; height: auto;}
.newslist .item .info{ width: 100%; float: left; padding:20px; position: relative; box-sizing: border-box;}
.newslist .item .tit{ width: 100%; line-height: 40px; white-space: nowrap; overflow: hidden;text-overflow: ellipsis; font-size: 18px;}
.newslist .item .tit a{ color: #222;}
.newslist .item .desc{ width: 100%; line-height: 2em; color: #999;overflow:hidden; margin:5px 0;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp: 2;-webkit-box-orient:vertical; height: 4em }
.newslist .item .time{ width: 100%; line-height: 30px; color: #999; font-size: 12px; }
.newslist .item .detail{ margin-top: 25px; width: 100%;float: left;position: relative;}
.newslist .item .detail a{ padding:0 20px; border-radius: 25px; height: 35px; line-height: 35px; color: #999; border:solid 1px #e2e2e2;float: left}
@media screen and (max-width:750px){
    .news{padding:20px 0;}
    .newslist .item{padding:5px;width:50%;}
    .newslist .item .info{padding:10px;}
    .newslist .item .detail{ margin-top:10px; }
}
.catlist{ width: 100%; text-align: center;  font-size: 0px; padding-top:10px;}
.catlist .catbox{ padding: 0px;display:inline-block; background-color: #fff; border: solid 1px #e2e2e2; overflow: hidden; font-size: 0; border-left:none; margin:2px 0;}
.catlist .catbox:nth-child(1){ border-left:solid 1px #e2e2e2; }
.catlist .catbox a{line-height: 45px; height: 45px;color:#4b4a4a;display: block; text-align: center; font-size: 14px; padding:0 30px;}
.catlist .catbox.on,.catlist .catbox a:hover { background-color:#e50112; color:#fff !important; text-decoration:none;}
.catlist .catbox.on a{ color: #fff; }
@media screen and (max-width:750px){
    .catlist .catbox{ width: 24.5%; }
    .catlist .catbox a{ padding:0; font-size:.9rem; }
    .catlist .catbox:nth-child(5){ border-left: solid 1px #e2e2e2; }
    .catlist .catbox:nth-child(9){ display: none; }
}

.links { line-height: 25px; color: #999999; padding: 5px 0; float: left; width: 100%; box-sizing:border-box;}
.links b { font-weight:normal; float:left; width:60px; text-align:center;}
.links a { color:#999999; padding-left:15px; padding-right:15px; display:block; float:left;}
@media screen and (max-width:750px){
    .links {padding: 5px;}
}
.youshi2{ width: 100%; float: left; padding:35px 0; position: relative;}
.youshi2-inner{ width: 100%; float: left; background-color: #103c98; padding:25px 0;box-shadow:2px 4px 10px rgba(195,206,201,0.3),-2px -4px 10px rgba(195,206,201,0.3)}
.youshi2-box{ width: 20%; padding:0 20px; box-sizing: border-box; float: left; border-right: solid 1px #011c53;}
.youshi2-box h2{ width: 100%; text-align: center; font-size: 24px; float: left;line-height: 2em; color: #fff;}
.youshi2-box p{ width: 100%; text-align: center; font-size: 13px; color: #666; float: left;line-height: 1.6em; color: #fff;opacity: .6}
.youshi2-box span{ width: 100%; text-align: center; font-size: 28px; color: #d9261c; float: left; line-height: 45px; margin-top: 10px;}
@media screen and (max-width:750px){
    .youshi2{ padding:5px 0; width: 98%; margin:0 1%;}
    .youshi2-inner{padding:10px 0;background-color: #f5f5f5; box-shadow: none;}
    .youshi2-box{ width: 33.3%; padding:10px;border: solid 1px #011c53; background-color: #fff; border-right: none;}
    .youshi2-box:nth-child(4),.youshi2-box:nth-child(5){ width: 50%;border-top: none;}
    .youshi2-box h2{font-size: 18px;}
    .youshi2-box p{ line-height: 1.6em; height: 3.2em;}
    .youshi2-box span{font-size: 25px; margin-top: 1px;}
}


/*底部*/
.bottom { width: 100%; background-color: #111; }
.bottom1 { background-color: #1e1e1e; width: 100%;}
.footlogo{ width: 300px; float: left; padding:40px 20px 50px 20px; background-color:#e50112; position: absolute; box-sizing: border-box;}
.logo2{ width: 100%; float: left; }
.logo2 img{ width: 100%; height: auto; }
.weixin { float: left; width:100%; padding-top: 45px; text-align:center;}
.weixin span { width: 120px; text-align: center; color: #fff; line-height: 35px; display: inline;}
.weixin span img{ width: 120px;height: 120px; }

.foot-right { width: 100%; float: left; box-sizing: border-box; padding:25px 0 25px 350px;}
.footnav{ width:33%; float: left; line-height: 40px; padding-bottom: 15px;font-size:16px;}
.footnav a{ color: #666 padding-right: 30px; float: left; }
.footnav2{ width: 30%;  float: left; position: relative;  color: #999; padding-top:20px;}
.footnav2 ul{ width: 100%; float: left; padding-top:15px; }
.footnav2 li{ width: 50%; float: left;line-height: 2.2em; font-size:15px;}
.footnav2 li a{ color:#666; }
.contact{ width: 33%; float: right; position: relative;padding-top:20px; }
.contactbox{ width: 100%; float: left; line-height: 2.2em; color: #666; padding-top:20px; }
.btitle{ width: 100%; float: left;; font-size:18px; color:#e2e2e2; }
.btitle span{ float: left;border-bottom:solid 1px #303030;line-height: 40px; padding-bottom:10px;}

.bottom2 { background-color: #000; width: 100%; padding-top: 15px; padding-bottom: 15px; }
.copyright { line-height: 25px; color: #666; text-align: center; float: left; width: 100%; }
.copyright a { color:#666; text-decoration:underline;}
@media screen and (max-width:1200px){
    .footlogo{ width: 25%; box-sizing: border-box;}
    .foot-right { width: 100%;padding:15px 0 15px 27%;box-sizing: border-box;}
    .footnav{ width: 100%; float: left; line-height: 30px; padding-bottom: 10px; border-bottom:solid 1px #303030; font-size:.9rem;}
    .footnav a{ color: #999; padding-right: 0px; float: left; width: 25%; text-align: center }
}
@media screen and (max-width:750px){
    .footlogo{ width: 25%; box-sizing: border-box; display: none}
    .foot-right { width: 100%;padding:15px 10px;box-sizing: border-box;}
    .footnav2{ width: 100%;}
    .footnav2 li{ width: 20%; font-size:.9rem;}
    .contact{ width: 100%; text-align: center; padding-top: 0;}
    .copyright {width: 100%;padding:10px; box-sizing:border-box;}
    .foot-p{ display: none; }
    .btitle{ width: 100%; float: left;; font-size:18px; color:#e2e2e2; text-align: center;}
    .btitle span{ float:none;margin:0 auto;}
}