@charset "utf-8";
* { padding:0; margin:0; list-style:none;}
body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;}
html,body { width:100%; height:100%; font-size:12px; font-family:Microsoft YAHEI,Arial,Helvetica,sans-serif; color:#333; min-width:1200px;}
a { color:#333; text-decoration:none;}
a:hover { text-decoration:none; color:#eb2914;}
.clear { clear:both;}
.warp { width:1200px;}

/*主体*/
body { position:relative; height:100%;}
.swiper-container { width:100%; height:100%;}
.swiper-wrapper { transition-delay:.3s;}
.swiper-slide { width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center;}
.swiper-slide .warp { transform:translateX(-1000px); filter:alpha(opacity=0); opacity:0; -webkit-transition:all .8s ease; transition:all .8s ease; transition-delay:.8s;}
.swiper-slide-active .warp { transform:translateX(0); filter:alpha(opacity=100); opacity:1;}
.minpage .swiper-pagination-bullet { width:10px; height:10px; margin:15px 0 !important; box-shadow:0 0 10px rgba(0,0,0,0.1); filter:alpha(opacity=100); opacity:1; background:rgba(255,255,255,0.75); position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.minpage .swiper-pagination-bullet::after { display:none; content:""; width:18px; height:18px; border:1px solid #da251b; border-radius:50%; position:absolute; left:-5px; top:-5px;}
.minpage .swiper-pagination-bullet-active { background:#da251b;}
.minpage .swiper-pagination-bullet-active::after { display:block;}

/*侧导航*/
.sidenav { width:160px; height:100%; background:#05437e; position:fixed; left:0; top:0; z-index:999999;}
.sidenav .logo { width:100%; height:60px; padding:10% 0; background:#fff;}
.sidenav .logo img { display:block; max-width:150px; height:60px; margin:0 auto;}
.sidenav .list { width:100%;}
.sidenav .list li { padding:0 15px; line-height:60px; text-align:center; border-bottom:1px solid #013d75; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sidenav .list li a { display:block; width:100%; font-size:15px; color:#fff; filter:alpha(opacity=60); opacity:0.6; -webkit-transition:all .5s ease; transition:all .5s ease;}
.sidenav .list li:hover,.sidenav .list .on { background:#dc241d;}
.sidenav .list li:hover a,.sidenav .list .on a { filter:alpha(opacity=100); opacity:1;}
.sidenav .list li:hover ul { display:block;}
.sidenav .list li ul { display:none; width:120px; border-left:1px solid #013d75; position:absolute; left:160px; top:0;}
.sidenav .list li li { line-height:50px; border-bottom:1px solid #013d75; background:#05437e;}
.sidenav .list li:hover li a { font-size:12px; color:#fff; filter:alpha(opacity=60); opacity:0.6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sidenav .list li:hover li:hover a { filter:alpha(opacity=100); opacity:1;}
.sidenav .img { width:100%; position:absolute; left:0; bottom:15px;}
.sidenav .img img { display:block; width:80px; height:80px; margin:0 auto; padding:1px; background:#fff;}
.sidenav .img p { font-size:14px; color:#fff; line-height:25px; text-align:center; margin-top:10px;}

/*banner*/
.banner { width:100%;}
.banner .swiper-slide { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide a { display:block; width:100%; height:100%;}
.banner .swiper-pagination-bullets { bottom:20px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet { width:60px; height:5px; margin:0 5px; border-radius:0; background:#fff;}

/*标题*/
.tit { line-height:30px; color:#fff; text-align:center; letter-spacing:2px; margin-bottom:60px;}
.tit h3 { line-height:45px; font-size:28px;}
.tit p { font-size:16px; text-transform:Uppercase; filter:alpha(opacity=80); opacity:0.8;}

/*推荐产品*/
.newpro { width:100%; height:100%; background:url(../images/zh_16.jpg) no-repeat center top / cover;}
.newpro .swiper-slide a { display:block; width:100%;}
.newpro .swiper-slide .img { width:100%; height:280px; text-align:center; overflow:hidden; border:3px solid #fff; box-sizing:border-box; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newpro .swiper-slide .img img { display:block; max-width:100%; height:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.newpro .swiper-slide h3 { line-height:40px; font-weight:500; font-size:16px; color:#fff; text-align:center; margin-top:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newpro .swiper-slide:hover .img { border-color:#dc241d;}
.newpro .swiper-slide:hover .img img { transform:scale(0.95,0.95);}
.newpro .swiper-button-next,.newpro .swiper-button-prev { width:50px; height:50px; color:#fff; background:rgba(220,36,29,0.65); top:42%;}
.newpro .swiper-button-prev { left:0;}
.newpro .swiper-button-next { right:0;}
.newpro .swiper-button-next::after,.newpro .swiper-button-prev::after { font-size:20px;}
.newpro .swiper-button-next:hover,.newpro .swiper-button-prev:hover { background:#dc241d;}

/*产品展示*/
.pros { width:100%; height:100%; background:url(../images/zh_08.jpg) no-repeat center top / cover;}
.pros .swiper-wrapper { padding-bottom:60px;}
.pros .swiper-slide a { display:block; width:100%; padding-bottom:45px;}
.pros .swiper-slide .img { width:100%; height:345px; text-align:center; overflow:hidden; border:2px solid #fff; box-sizing:border-box; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-slide .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-slide .msg { width:140px; padding:10px 20px 15px 20px; margin:0 auto; text-align:center; border:2px solid #00539b; background:#fff; position:absolute; left:0; right:0; bottom:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;}
.pros .swiper-slide .msg h3 { line-height:40px; font-size:18px; color:#00539b; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pros .swiper-slide .msg p { width:80px; height:22px; line-height:22px; font-size:12px; color:#fff; margin:0 auto; border-radius:11px; background:#999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pros .swiper-slide:hover .img { border-color:#dc241d;}
.pros .swiper-slide:hover .img img { transform:scale(1.1,1.1);}
.pros .swiper-slide:hover .msg { width:184px; border-top:none; border-color:#dc241d; bottom:10px;} 
.pros .swiper-slide:hover .msg h3 { color:#dc241d;}
.pros .swiper-slide:hover .msg p { background:#dc241d;}
.pros .swiper-pagination-bullets {}
.pros .swiper-pagination-bullets .swiper-pagination-bullet { width:10px; height:10px; filter:alpha(opacity=100); opacity:1; background:#fff;}
.pros .swiper-pagination-bullets .swiper-pagination-bullet-active { background:#da251b;}

/*企业介绍*/
.about { width:100%; height:100%; background:url(../images/zh_01.jpg) no-repeat center top / cover;}
.about .cont { padding:50px 60px; background:rgba(0,83,155,0.7);}
.about .cont .lft { float:left; width:560px;}
.about .cont .lft h3 { font-size:20px; color:#fff; line-height:70px;}
.about .cont .lft .msg { font-size:14px; color:#fff; line-height:30px; filter:alpha(opacity=80); opacity:0.8;}
.about .cont .lft a { display:block; width:125px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; margin-top:25px; border:1px solid #fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .cont .lft a:hover { color:#333; background:#fff;}
.about .cont .video { float:right; width:410px; height:305px; padding:10px;}
.about .cont .video .img { width:410px; height:305px; cursor:pointer; position:relative;}
.about .cont .video .img::after { display:block; content:""; width:410px; height:305px; background:#d6c3a4; position:absolute; right:-10px; top:-10px; z-index:0;}
.about .cont .video .img img { display:block; width:100%; position:relative; z-index:2;}
.about .cont .video .showvid { width:830px; height:450px; padding:20px; margin:auto; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; top:-1000px; right:0; left:0; z-index:99998; -webkit-transition:all .5s ease; transition:all .5s ease;}
.about .cont .video .showvid .close { width:30px; height:30px; font-size:20px; color:#bbb; line-height:25px; text-align:center; font-weight:100; border:1px solid #666; border-radius:50%; background:rgba(0,0,0,0.7); cursor:pointer; overflow:hidden; position:absolute; right:-10px; top:-10px; z-index:2;}
.open .cont .video .showvid { filter:alpha(opacity=100); opacity:1; top:0 !important; bottom:0;}

/*成功案例*/
.news { width:100%; height:100%; background:url(../images/zh_09.jpg) no-repeat center top / cover;}
.news .tit { margin:auto; position:absolute; top:15%; left:0; right:0; z-index:2;}
.news ul {margin-top: 250px;}
.news li { float:left; width:400px; height:333px; padding:10px 40px 0 40px; border-left:1px solid rgba(255,255,255,0.1); box-sizing:border-box; -webkit-transition:all .8s ease; transition:all .8s ease; border-right: 1px solid rgba(255,255,255,0.1); }
.news li:last-child { border-right:1px solid rgba(255,255,255,0.2);}
.news li a { display:block; width:100%;}
.news li h1 { line-height:20px; font-size:25px; color:#fff; overflow:hidden;}
.news li h1 span { font-weight:500; font-size:14px; filter:alpha(opacity=80); opacity:0.8; margin-left:5px;}
.news li h3 { height:25px; line-height:25px; font-weight:500; font-size:16px; color:#fff; margin-top:0px; overflow:hidden;}
.news li .img { width:320px; height:180px; margin:15px auto; overflow:hidden; position:relative;}
.news li .img img { display:block; width:100%;}
.news li .img i { display:block; width:70px; height:70px; border-radius:50%; background:#fff; position:absolute; right:-40px; bottom:-40px; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.news li .img i::after { display:block; content:""; width:5px; height:5px; border-top:1px solid #333; border-right:1px solid #333; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:30px; top:30px;}
.news li p { line-height:25px; font-size:12px; color:#fff; padding-bottom:0px; filter:alpha(opacity=60); opacity:0.6; background:url(../images/zh_10.png) no-repeat left bottom; -webkit-transition:all .8s ease; transition:all .8s ease;}
.news li:hover { background:rgba(0,0,0,0.1);}
.news li:hover .img i { right:110px; bottom:48px;}
.news li:hover p { margin-top:15px; background-position:center bottom;}

/*企业概况*/
.overview { width:100%; height:100%; background:url(../images/zh_11.jpg) no-repeat center top / cover;}
.overview .warp { width:100%; height:100%; position:relative;}
.overview .tit { position:relative; top:15%;}
.overview .tit span { display:block; font-size:16px; color:#fff; margin:15px auto 35px auto;}
.overview .tit a { display:block; width:145px; height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; margin:0 auto; border:1px solid #fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.overview .tit a:hover { color:#333; background:#fff;}
.overview .list { width:100%; height:350px; padding-left:160px; border-top:1px solid rgba(255,255,255,0.5); box-sizing:border-box; position:absolute; left:0; bottom:0;}
.overview .list li { float:left; width:calc(100% / 3); color:#fff; height:350px; padding:30px 5%; text-align:center; box-sizing:border-box; position:relative; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;}
.overview .list li::after { display:block; content:""; width:1px; height:100%; background:rgba(255,255,255,0.5); position:absolute; right:0; top:0;}
.overview .list li img { display:block; width:110px; height:110px; margin:0 auto;}
.overview .list li h3 { font-size:18px; font-weight:500; line-height:30px;}
.overview .list li p { font-size:16px; line-height:25px; text-transform:Uppercase;}
.overview .list li span { display:block; height:50px; line-height:50px; font-size:40px; font-weight:bold; margin-top:40px;}
.overview .list li a { display:block; height:50px; line-height:40px; font-size:14px; color:#fff; text-transform:Uppercase; background:url(../images/zh_15.png) no-repeat center bottom; position:absolute; left:0; right:0; bottom:-300px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.overview .list li:hover { background:rgba(55,97,172,0.9);}
.overview .list li:hover span { display:none;}
.overview .list li:hover a { bottom:80px;}

/*脚部*/
.foots { width:100%; height:100%; background:#2c2c2c; position:relative;}
.foots .lft { float:left; width:400px;}
.foots .lft h3 { line-height:60px; font-size:50px; color:#dc241d;}
.foots .lft h4 { line-height:35px; font-weight:500; font-size:28px; color:#fff; padding-bottom:60px; position:relative;}
.foots .lft h4::after { display:block; content:""; width:40px; height:2px; background:#fff; position:relative; left:0; bottom:-20px;}
.foots .lft p { line-height:40px; font-size:16px; color:#fff; filter:alpha(opacity=65); opacity:0.65;}
.foots .lft p a { color:#fff;}
.foots .lft p a:hover { text-decoration:underline;}
.foots .imgs { float:right; margin-top:20px;}
.foots .imgs .img { float:left; width:350px; text-align:center; margin-left:40px;}
.foots .imgs .img img { display:block; width:350px; height:248px; border:5px solid #fff; background:#fff;}
.foots .imgs .img p { line-height:40px; font-size:14px; color:#fff; filter:alpha(opacity=75); opacity:0.75;}
.foots .coprgt { width:100%; padding:20px 0; margin:0 auto; background:#232323; position:absolute; right:0; bottom:0; left:0; z-index:2;}
.foots .coprgt a { color:#888;}
.foots .coprgt .cent { width:1200px; margin:0 auto;}
.foots .coprgt .cent .log { float:left; height:60px; padding:5px 10px; border-radius:4px; background:#fff;}
.foots .coprgt .cent .log img { display:block; height:100%;}
.foots .coprgt .cent .rgt { float:right; text-align:right; padding-top:5px;}
.foots .coprgt .cent .rgt p { font-size:12px; color:#888;}
.foots .coprgt .cent .rgt .nv a { line-height:40px; font-size:16px; color:#fff; margin-left:15px;}

/*鼠标*/

.btn-down{position: absolute;
	left: 90%;bottom: 30px;width: 38px;height: 60px;z-index: 3;
	background: url(../images/i-17.png) no-repeat center;
	animation: downico 2s linear infinite;
	-o-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	color: #fff !important;
    white-space: nowrap;
    text-indent: -22px;
    line-height: 115px;
}
.btn-down{bottom: 1.562vw;width: 1.379vw;height: 2.6vw;}
@keyframes downico{
    0%{
        bottom: 30px;
    }
    35%{
        bottom: 20px;
    }
    65%{
        bottom: 40px;
    }
    100%{
        bottom: 30px;
    }
}
@media screen and (max-width: 1600px) { 
	.news li { padding-top:24%;}
}
@media screen and (max-width: 1440px) { 
	.warp { margin:0 0 0 140px;} 
	.foots .coprgt .cent { margin:0 0 0 190px;}
	.overview .list { padding-left:20px;}
} 
@media screen and (max-width: 1400px) { 
	.foots .coprgt .cent { margin:0 0 0 170px;}
	.news li { padding-top:30%;}
}
@media screen and (max-width: 1366px) {
	.sidenav { width:120px;}
	.sidenav .logo { height:40px; padding:10px 0;}
	.sidenav .logo img { max-width:inherit; height:40px;}
	.sidenav .list li { line-height:45px;}
	.sidenav .list li ul { left:120px;}
	.sidenav .list li li { line-height:35px;}
	.sidenav .img img { width:80px; height:80px;}
	.sidenav .img p { margin-top:5px;}
	.warp { margin:0 0 0 110px;} 
	.foots .coprgt .cent { margin:0 0 0 135px;}
	.news .tit { top:5%;}
	.news li { padding-top:14%;}
	.overview .list { height:275px; padding-left:10px;}
	.overview .list li { height:275px; padding:0 5%;}
	.overview .list li:hover a { bottom:30px;}
}