article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;}
body {font-size: 14px;font-family: "Microsoft YaHei", "΢ÈíÑźÚ", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;}html,body{height:100%; width:100%; }h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none;transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }a:hover { color:#b30015; }a:active, a:focus, a:hover ,input:focus { outline:0 }.transition { transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.left{ float:left;}.right{ float:right;}.pc { display: block; }.phone { display: none; }.text-left { text-align: left; }.text-center { text-align: center; }.text-right{ text-align:right; }.red{ color:#b30015; }.orange{ color:#922925; }.blue { color: #09357e; }.block{ display:block; }.inline-block{ display:inline-block; }.white {color:#fff; }.gray { color:#999; }.clear { clear: both; }.phonepic { width:100%;}.relative { position:relative; }.absolute { position:absolute; }.wrap { position: relative; max-width: 1200px; margin: 0 auto; }.container {max-width: 1200px; width: 92%; margin:0 auto; }.container-fluid { width:100%;display:block;}

.top { width:100%;position:fixed; left:0; top:0;z-index:333; background:#02070a;}
.top .t_cen{position:relative;height:120px; }
.top .logo{position:absolute;z-index:10;left:0;top:32px;width:193px;}
.top .menu{position:absolute;right:0;max-width:800px;width:76%;top:0;height:100%;z-index:555;text-align:center;}
.top .menu li{position:relative;float:left;width:13%;z-index:35;height:100%;height:120px;line-height:120px;justify-content: center;align-items: center; font-size:17px;  }
.top .menu li.last { width:22%; }
.top .menu li.last img { margin-right:5px; }
.top .menu li a{display:block;color:#fff }
.top .menu li a.first { font-weight:bold; }
.top .menu.en li a.first { font-weight:normal; }
.top .menu li.last a.first { font-weight:normal; }
.top .menu li.cur a { color:#ff0014; }
/*===============×Ӳ˵¥¶¨Î»=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:150px;left:0;height:0px;top:100px;z-index:100;color:#111; background:url(../images/menubg.png); }
.top .menu li .Nodes .xl {position:static;float:left;width:100%;left:0px;top:0px;z-index:100;}
.top .menu li .Nodes .xl a{display:block;width:100%;height:36px;line-height:36px;color:#666;font-size:14px;height:36px;line-height:36px;background:none;font-weight:normal;transition: all 0.3s ease;overflow: hidden;/**/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .menu li .Nodes a:hover { background-color:#eee; }
.top .top1{position:absolute;right:5%;width:29px;top:25px;z-index:10; }

.menubg {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #02070a;z-index: 9991;opacity: .98;filter:alpha(opacity=98); }
.menu-icon { margin-top: 11px;margin-right: 10px; }
.visible-phone {display: none;}

.swiper-container {width: 100%;height: 100%;}
.swiper-slide { display: flex;justify-content: center;align-items: center;}
.swiper-slide img.pic { width:100%;height: 100%; }
.swiper-container-h { height: 100%; }
.swiper-container-h .tu { height:100%; }
.swiper-container-h .swiper-pagination-bullet{opacity:1;width:5%;height:5px;background:none;border-radius:4px;background:#fff; }
.swiper-container-h .swiper-pagination-bullet-active{opacity:1;background:#0e70d3;}

.swiper-container-h .swiper-button-prev { background:url(../images/arrprew.png) no-repeat center;background-size:100% auto;width:3%;height:80px;left:2%;margin-top:-50px; }
.swiper-container-h .swiper-button-prev:hover { background-image:url(../images/arrprew1.png); }
.swiper-container-h .swiper-button-next { background:url(../images/arrnext.png) no-repeat center;background-size:100% auto;width:3%;height:80px;right:2%;margin-top:-50px; }
.swiper-container .swiper-button-next:hover { background-image:url(../images/arrnext1.png); }
.swiper-slide .tu1 { top:23%;left: 33%;width: 34%;z-index: 99; }
.swiper-slide .tu2 { top:38%;left: 33%;width: 34%;z-index: 99; }
.swiper-slide .tu3 { top:55%;left: 33%;width: 34%;z-index: 99; }
.home2 { left:10%;top:30%;height: 60%;width: 80%;z-index: 9 }
.home2 .left { width:46%; }
.home2 .right { width:47%;line-height:30px; }
.home2 .right .title { font-size:24px;font-weight:bold;margin:0 0 6%;padding-left:30px;border-left:#0d6ac9 4px solid; }
.home2 .right p { padding:0 0 2%;}
.home2 .right .more a { display:block;width:130px;height:30px;border:#0d6ac7 1px solid;text-align:center;color:#0d6ac7;border-radius:20px;margin-top:4%; }
.home2 .right .more a:hover { color:#fff;background:#0d6ac7; }
.home3 .bg { width:100%;height:100%;}
.home3 .title { left:0;top:21%;width:100%;z-index:9; }
.home3 .tit { left:15;top:41%;width:70%;z-index:9; }
.home3 .content { left:0;top:45%;width:100%;z-index:9; }
.home3 .mr_frbox { margin-top:2%; }
.home3 .mr_frUl{float:left;width:92%;}
.home3 .mr_frBtnL{cursor:pointer;float:left;margin:9% 0 0;width:4%; text-align: left;}
.home3 .mr_frBtnR{cursor:pointer;float:right;margin:9% 0 0;width:4%;text-align: right;}
.home3 .mr_frUl ul li { width:33.3333%;float:left; }
.home3 .mr_frUl ul li img { width: 60%;padding:0 10%;padding:0 10%;background:#fff; }
.home3 .mr_frUl ul li .bt { margin:0 10%;width:80%;background:#fff;height:36px;line-height:36px;}
.home3 .more { left:0;bottom:8%;width:100%;z-index:9; }
.home3 .more a { font-weight:bold;display:inline-block;width:160px;height:36px;line-height:36px;border:#ccc 2px solid;border-radius:30px; }
.home4 .bg { width:100%;height:100%;}
.home4 .title { left:0;top:21%;width:100%;z-index:9; }
.home4 .content { left:5%;top:36%;height: 55%;width: 90%;z-index: 5; }
.home4 .content li { width: 28%;margin:0 8% 3% 0;float:left;background:#fff; }
.home4 .content li:nth-child(3n) { margin-right:0; }
.home4 .content li:hover { background:#0d6ac7; }
.home4 .content li:hover a { color:#fff; }
.home4 .content li .pic { overflow:hidden; }
.home4 .content li .pic img{ width:100%;transform: scale(1, 1);}
.home4 .content li:hover .pic img {transform: scale(1.2, 1.2);}
.home5 .bg { width:100%;height:100%;}
.home5 .title { left:0;top:21%;width:100%;z-index:9; }
.home5 .content { left:5%;top:42%;height: 55%;width: 90%;z-index: 5; }
.home5 .content li { width: 30%;margin:0 5% 4% 0;float:left; }
.home5 .content li img { border-radius:4px;}
.home5 .content li:nth-child(3n) { margin-right:0; }
.home5 .more { left:0;bottom:16%;width:100%;z-index:9; }
.home5 .more a { font-weight:bold;display:inline-block;width:160px;height:36px;line-height:36px;border:#ccc 2px solid;border-radius:30px; }
.home5 .lianxi { width: 100%;left: 0;bottom: 0;height: 44px;line-height: 44px;z-index: 9;background:#282323;color: #ccc;  }
.home5 .lianxi a { color: #ccc; }

.footer { color:#fff;background:url(../images/footbg.jpg) no-repeat;background-size:100% 100%; }
.foot1 { padding:4% 0 2.5%; }
.foot1 a { color: #999; }
.foot1 a:hover { color:#eee; }
.foot1 .left { width:17%; }
.foot1 .middle { width:64%;padding-left:5%;float:left; }
.foot1 .middle .title { font-size: 16px;margin:0 0 12px; }
.foot1 .middle .tit { padding:3px 0;color: #999; }
.foot1 .middle p { margin:5px 0;color: #999;}
.foot1 .right { max-width:138px;width:20%; }
.foot2 { padding:1% 0;border-top:#333 1px solid; }
.foot2 a { color:#7c7a7a;}

.backToTop { background: url('../images/totop.png') top 11px center no-repeat;width: 34px;height: 34px;border:#eee 1px solid;cursor: pointer;margin-top:10px;}

.fadeInRight { animation:fadeInRight 1s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeInUp { animation:fadeInUp 1s 0s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}

.banner.container { border-top: #fff 120px solid;max-width:1920px;width:100%; overflow: hidden; }
.banner .text { width: 100%;top:37%;height: 30%;left: 0;z-index: 9; }
.banner .text1 { font-weight: bold;font-size: 32px;padding:0 0 2%; }
.banner .text2 { font-size: 18px; }
.banner .menu { width: 100%;bottom:0;line-height:55px;left: 0;z-index: 9; }
.banner .menu .container { background: #fff;border-bottom:#ddd 1px solid;color: #aaa; }
.banner .menu .content { padding:0 10%; }
.banner .menu .content a { margin:0 5%; }
.banner .menu .menu1 a { display:inline-block;margin:0 1%; }

.main { padding:0 0 5%;line-height: 24px; }
.main.no { margin-top:-45px; }
.main .daohang { padding:1% 0;word-spacing: 4px; }
.main .title { padding:3% 0 3%;border-bottom: #ccc 1px solid;margin:0 0 2%; }
.main .title span { display:inline-block;border-left:#0d6ac7 4px solid;padding-left:22px;font-size:22px; }
.main .title .content { padding:0 0 3%; }
.main .title .text1 { font-size: 36px;font-weight: bold;margin:0 0 3%; }
.main .title .line { width:50px;height: 6px;border-radius: 4px;background: #b30015;margin:0 0 2%; }
.about .content { line-height:32px; }
.about p { padding:0 0 12px;line-height:32px; }

.products .content { padding-top:3%;min-height:300px; }
.products li { width: 23%;float:left;margin:0 2.6666% 2.666% 0; }
.products li:nth-child(4n) { margin-right: 0; }
.products li .pic { overflow: hidden;border:#ddd 1px solid; }
.products li .pic img{ width:100%;transform: scale(1, 1);}
.products li:hover .pic img {transform: scale(1.1, 1.1);}
.products li .pic .bg { left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);opacity: 0;filter:alpha(opacity=0); z-index: 8 }
.products li:hover .pic .bg { opacity: 1;filter:alpha(opacity=1); }
.products li .pic .fd { left: 50%;top:50%;width: 32px;height: 32px;margin-top:-16px;margin-left:-16px;opacity: 0;filter:alpha(opacity=0);background:url(../images/fd.png) no-repeat center center;background-size:100% 100%;z-index: 8 }
.products li:hover .pic .fd { width: 52px;height: 52px;margin-top:-26px;margin-left:-26px;opacity: 1;filter:alpha(opacity=100); }
.products li .tit { padding:15px 0;font-size: 18px;background:#c6d8e6;text-align:center;color:#111; }
.products li:hover .tit { background:#418ac5; color:#fff; }

.products.cases li { width:30%;margin-right:5%;}
.products.cases li:nth-child(4n) { margin-right: 5%; }
.products.cases li:nth-child(3n) { margin-right: 0; }

.proview .content { padding:3% 0 0;max-width:900px;width:98%;margin:0 auto;font-size:16px; }
.proview .content p { padding:10px 0; }
.proview table { line-height:18px;border-collapse:collapse;border:1px solid #ccc;} 
.proview tr td { border:1px solid #666;padding:8px 0 8px 6px; }
.proview tr:nth-child(2n-1) { background:#f7f6f4; }
.proview tr:nth-child(1) { background:#d4d4d0; }

.cert .cert1 { padding:5% 0;font-size: 30px; }
.cert .cert2 { background: #f8f8f8;margin-bottom: 5%; }
.cert .cert2 .left { width: 30%; }
.cert .cert2 .right { width: 60%;padding-top:3%;margin-right: 5%; }
.cert .cert2 .right li { width: 30%;float: left;margin: 0 5% 5% 0;height: 50px;border-bottom: #ccc 1px solid; }
.cert .cert2 .right li:nth-child(3n) { margin-right: 0; }

.project.container { max-width: 1920px;width: 100%; }
.project li { width: 20%;float: left; }
.project li a { color: #fff; }
.project li a:hover { color: #fff; }
.project li .pic { overflow: hidden; }
.project li .pic img{ transform: scale(1, 1);}
.project li:hover .pic img {transform: scale(1.2, 1.2);}
.project li .bg { left: 0;top:0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3); z-index: 8 }
.project li:hover .bg { background: rgba(222, 6, 33, 0.9); }
.project li .text1 { left: 10%;top:12%;width: 80%;height: 12%; z-index: 9; }
.project li .text2 { left: 10%;top:23%;font-size:22px;width: 80%;height: 12%; z-index: 9; }
.project li .text3 { left: 10%;top:31%;width: 80%;height: 62%; z-index: 9;overflow: hidden;opacity: 0;filter:alpha(opacity=0); }
.project li .text3 li { width: 100%;margin-bottom: 1%; }
.project li .more { left: 10%;top:55%;z-index: 9;opacity: 1;filter:alpha(opacity=100); }
.project li:hover .text3 { opacity: 1;filter:alpha(opacity=100); }
.project li:hover .more { display: none; }

.project.sy { height: 87%;border-top:#fff 120px solid;}
.project.sy ul { height: 100%; }
.project.sy li { height: 100%;}
.project.sy li .pic { height: 100%; }
.project.sy li .pic img { height: 100%; }

.project1 .title { font-size: 26px; }
.project2 { padding:3% 0 1%; }
.project2 .datu { left:0;top:0;width:100%;height:100%;z-index:-1; }
.project3 { padding: 1% 0;margin:1% 0 2%;background: #f8f8f8; }
.project3 .mr_frUl{float:left;width:92%;}
.project3 .mr_frBtnL{cursor:pointer;float:left;margin:3% 0 0;width:4%; text-align: left;}
.project3 .mr_frBtnR{cursor:pointer;float:right;margin:3% 0 0;width:4%;text-align: right;}
.project3 .mr_frUl ul li { width:20%;float:left; }
.project3 .mr_frUl ul li img { width: 90%;margin:0 5%; }
.project4.container { max-width: 1500px;width: 92%;padding:0 0 4%; }
.project4 li { width: 25%;float: left;margin:0 0 1%;color: #999;overflow: hidden; white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis; }

.news { padding:4% 0; }
.news li { width:30%;margin:0 5% 3% 0;float: left; }
.news li:nth-child(3n) { margin-right: 0; }
.news li .pic { overflow: hidden; }
.news li .pic img{ transform: scale(1, 1);}
.news li:hover .pic img {transform: scale(1.2, 1.2);}
.news li .date { padding:4% 0 1%; }
.news li .tit { font-size: 20px;overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;border-bottom:#ddd 1px solid;transition: all 0.5s ease;padding:0 0 3%;margin:0 0 1%; position: relative;white-space: nowrap; text-decoration:none; }
.news li:hover .tit { border-bottom: 1px solid #b30015;color:#b30015; }
.news li .tit:after {content: "";position: absolute;border-bottom: 1px solid #b30015;bottom: -1px;left: 100%;width: 0;transition: width 350ms, left 350ms;}
.news li:hover .tit:after {left: 0;width: 100%;transition: width 350ms;}
.news li .more { display: inline-block;padding-right: 40px;background:url(../images/arr1a.png) no-repeat right center; }
.news li:hover .more { background-image: url(../images/arr1.png); }
.newsview .title { font-size:25px;padding:4% 0 8px;}
.newsview .date { color:#999;padding:0 0 1%;font-size:13px;margin:0 0 10px; word-spacing: 6px; }
.newsview .text { line-height:28px;padding:20px 0;color:#666;font-size:14px;}
.newsview .text p { padding-bottom:12px; text-indent:32px;}

.contact .content { padding:3% 0 1%; }
.contact .content .left { width:40%;line-height:38px; }
.contact .content .right { width:55%;border:#ddd 1px solid;height: 350px;overflow: hidden; }

#fenye {color:#000;margin:20px 10% 0 0; height:25px;font-weight:bold; }
#fenye a {padding:8px 14px;color:#22222a; border:#22222a 1px solid;margin:0 3px;border-radius:4px; }
#fenye a:hover {text-decoration:none; background:#22222a;border:#22222a 1px solid;color:#fff;}
#fenye .a1 { padding:8px 12px;border:#22222a 1px solid; margin:0 3px;border-radius:4px;background:#22222a;color:#fff;}