@font-face {font-family: 'HELVETICANEUELTPRO-THEX';src: url('fonts/HELVETICANEUELTPRO-THEX.OTF');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;}
body {font-size: 15px;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; }a:hover { color:#c8281c; }a:active, a:focus, a:hover ,input:focus { outline:0 }.trans { 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:#da251c; }.orange{ color:#fb8c00; }.blue { color: #009de0; }.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: 1580px; margin: 0 auto; }.container {max-width: 1200px; width: 96%; margin:0 auto; }.container-fluid { width:100%;display:block;}

.top { width:100%;background:#fff;}
.top .t_cen{position:relative;height:117px; }
.top .logo{position:absolute;z-index:10;left:0;bottom:10px;width:160px;}
.top .lan{position:absolute;z-index:10;right:0;top:31px;width:160px;}
.top .menu{position:absolute;left:20%;width:60%;bottom:0;height:110px;line-height:110px;z-index:555;text-align:center;}
.top .menu li{position:relative;float:left;width:21%;z-index:35;height:110px;line-height:110px;justify-content: center;align-items: center;  }
.top .menu li:nth-child(1) { width:15%; }
.top .menu li:nth-child(2) { width:18%; }
.top .menu li:nth-child(3) { width:24%; }
.top .menu li a{display:inline-block;color:#009de0;font-size: 16px;text-transform:uppercase;background:url(../images/menubg.png) no-repeat bottom center;background-size: 0 5px; }
.top .menu li a:hover{background-size: 100% 5px;color:#057bac;}
.top .menu li a.cur { background-size: 100% 5px;transition:none; }

/*===============子菜单定位=================*/
.top .menu li .Nodes{position:absolute;overflow:hidden;width:240px;height:0px;left:0;top:80px;z-index:100;border-radius:6px;}
.top .menu li .Nodes ul{position:static;float:left;width:100%;left:0px;top:0;padding:0 0 6px;z-index:100;background:#fff;}
.top .menu li .Nodes ul li{width:100%;height:32px;line-height:32px;background-image:none; }
.top .menu li .Nodes ul li a{display:block;width:92%;text-align:left;padding:0 4%;height:38px;line-height:35px;color:#fff;background:#009de0;font-size:14px;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.top .menu li .Nodes ul li:hover a {color:#fff;background-color: #92bf07;}

.search{position:absolute;right:0;width:198px;height:36px;top:40px;z-index:10;border:#bfbfbf 1px solid;border-radius: 50px;  }
.phone .search{position:relative;top:0;margin:0 auto;margin-top:10px;border:#bfbfbf 1px solid;border-radius: 50px;  }
.search1,.search2  { float:left; }
.search input[type=search] {border:0;padding: 0px 1px 0 15px;height: 36px;line-height:30px;width: 142px;outline: none;background:none;color: #999;font-family: inherit;font-family: "Microsoft YaHei", Arial, sans-serif;border-top-left-radius:30px;border-bottom-left-radius:30px;}
.search input[type=submit] {border: 0;width: 50px;height: 36px;background:url(../images/search.png) no-repeat center;cursor:pointer;text-indent:-9999px;border-top-right-radius:30px;border-bottom-right-radius:30px;font-family: "Microsoft YaHei", Arial, sans-serif;font-size:15px;}


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

.swiper-container { overflow: hidden; }
.swiper-container img { height: 100%;width: 100%; }
.swiper-container .swiper-pagination-bullet{opacity:0.6;width:32px;height:2px;background:#a64a35;border-radius:0;}
.swiper-container .swiper-pagination-bullet-active{opacity:1;}

.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}}
.fadeInUp { animation:fadeInUp 1s 0s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.zoomIn { animation:zoomIn 1s 1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}

.home1 { padding:5% 0;background: #f8f8f8; }
.home1 .left { width:50%; }
.home1 .left .title { font-size: 26px;letter-spacing:2px;margin:0 0 44px;font-family: "Segoe Script", Arial, sans-serif;text-transform:uppercase;color: #557192; }
@media screen and (max-width:1600px) {.home1 .left .title { font-size: 30px;letter-spacing:1px; }}
@media screen and (max-width:1400px) {.home1 .left .title { font-size: 26px;letter-spacing:0; }}
.home1 .left .content { line-height: 30px; }
.home1 .left .content p { margin:12px 0 20px;}
.home1 .left .content .more { display:inline-block;padding:6px 40px;margin-top:18px;border-radius:30px;background:#039ce5;color:#fff; }
.home1 .left .content .more:hover { background:#94c00a;}
.home1 .right { width: 46%; }
.home1 .right li { width:49%;margin: 2% 2% 0 0;float: left; }
.home1 .right li:nth-child(1),.home1 .right li:nth-child(2) { margin-top: 0; }
.home1 .right li:nth-child(2n) { margin-right: 0; }
.home1 .right li .pic { overflow: hidden; }
.home1 .right li .pic img{ transform: scale(1, 1);}
.home1 .right li:hover img {transform: scale(1.05, 1.05);}
.home1 .right li .bg { opacity: 0;filter:alpha(opacity=0);background: #000;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; }
.home1 .right li:hover .bg { opacity: 0.6;filter:alpha(opacity=60);}
.home1 .right li .play { opacity: 0;filter:alpha(opacity=0);left: 50%;top: 50%;width: 36px;height: 36px;margin:-18px 0 0 -18px;z-index: 2; }
.home1 .right li:hover .play { opacity: 1;filter:alpha(opacity=100);width: 66px;height: 66px;margin:-33px 0 0 -33px;}

.home2 { padding:4% 0; overflow:hidden; }
.home2.products { padding:2.5% 0; }
.home2 .left { width: 21%; }
.home2 .left .title { font-size: 20px;font-weight: bold;background-color: #94c00b;padding:13px 15%; }
.home2 .left .content { border:#ddd 1px solid;padding:0 0 15px 5%; }
.home2 .left li { width: 95%;margin:0 0 0 -5%;border-top:#ddd 1px solid;line-height:20px;float:left; }
.home2 .left li:nth-child(1) { border-top:0;margin-top:0; }
.home2 .left li a { background-repeat: no-repeat;background-size: auto 31px;background-position: left 8px center;margin:6px 0;padding:14px 0 10px 55px;font-size: 17px; }
.home2 .right { width: 77%; }
.home2 .pic1 { height: 94%;left: 11%;top:3%;z-index: 9; }
.home2 .pic2 { height: 94%;left: 26.25%;top:3%;z-index: 8; }
.home2 .pic3 { height: 94%;left: 41.5%;top:3%;z-index: 7; }
.home2 .pic4 { height: 94%;left: 56.75%;top:3%;z-index: 6; }
.home2 .pic5 { height: 94%;left: 72%;top:3%;z-index: 5; }
.home2 .right .content { background-color: #f5f5f5;padding:1% 2%;margin-top:15px; }
.home2 .right .content li { width:23%;margin: 1.6% 2.6666% 0 0;float: left; }
.home2 .right .content li:nth-child(4n) { margin-right: 0; }
.home2 .right .content li:nth-child(4n+1) { clear:both; }
.home2 .right .content li .pic { overflow: hidden; }
.home2 .right .content li .pic img{ transform: scale(1, 1);}
.home2 .right .content li:hover img {transform: scale(1.05, 1.05);}
.home2 .right .content .text { font-size: 18px;padding:12px 0 0; }

.home3 { padding:4% 0;background: #f8f8f8; }
.home3 .title { display:inline-block;font-size: 26px;line-height:42px;margin-right:3%;text-transform:uppercase; }
/*tab分类*/
.home3 .tabs { display:inline-block;height: 42px;width: 200px;text-align:center;border-radius: 30px;line-height: 42px;background: #009de0;color: #fff }
.home3 .tabs:hover { background:#94c00b; }
.home3 .content {padding-top:2%;width:100%; }
.home3 .content li { width:23%;margin: 1.6% 2.6666% 0 0;float: left; }
.home3 .content li:nth-child(4n) { margin-right: 0; }
.home3 .content li .pic img{ transform: scale(1, 1);}
.home3 .content li:hover img {transform: scale(0.96, 0.96);}

.footer { background:#218ee3 url(../images/footbg.jpg) no-repeat center;background-position:auto 100%; overflow:hidden }
.foot1 { line-height:28px;padding:75px 0;justify-content: center;align-items: center;font-size: 16px; }


.banner { background-color:#eee;background-position:center center;width:100%;height:320px; }
.banner .text1 { width:100%;top:35%;font-size:44px;font-weight:bold;color:#032225;letter-spacing:5px; }
.banner .text2 { width:100%; top:55%;letter-spacing:3px;font-size:32px;font-family: 'HELVETICANEUELTPRO-THEX';}

.daohang { height: 60px;line-height: 60px;border-bottom: #ddd 1px solid; }
.daohang a { display: inline-block;padding:0 3%;border-right: #ddd 1px solid; }
.daohang a:nth-child(1) { border-left: #ddd 1px solid; }
.daohang a:hover,.daohang a.cur { background: #161865;color:#fff; }

.main { min-height:200px;padding:4% 0; }
.main .title { text-transform:capitalize;font-size: 30px;margin:0 0 2%; }

.main .content { padding:3% 0%;line-height:32px; }

.main .content { padding:3% 7%;}
.main .content p { margin:22px 0;font-size:16px;line-height:38px; }

.cert li { width:25%;margin:0 0 15px;float:left; }
.cert li .pic img { border:#ccc 6px solid;box-shadow:#ccc 0 5px 15px;padding:5px; }

.tu { width:60%;float:left; }
.tu1 { border:#eee 1px solid; }
.datu { width:100%;height:100%;left:0;top:0;z-index:9;}
.mr_frbox { margin-top:2%;border:#eee 1px solid; }
.mr_frUl{float:left;width:88%;}
.mr_frBtnL{cursor:pointer;float:left;margin:25px 0 0;width:6%; text-align: left;}
.mr_frBtnR{cursor:pointer;float:right;margin:25px 0 0;width:6%;text-align: right;}
.mr_frUl li { width:20%;float:left;color:#aaa;background:#fff; }
.mr_frUl li a { margin:0 10px;padding:2px;border:#ddd 1px solid;box-shadow:#ccc 0 0 16px; }
.mr_frUl li img{ width:100%;}

.canshu { width:36%;float:right; }
.cs_tit { font-weight:bold;font-size:1.4rem;padding:0 0 8px;border-bottom:#333 2px solid;margin:0 0 10px; }
.cs_des { padding:4px 8px;background:#c0c0c0;color:#fff;display:inline-block; }
.cs_nr { padding:3% 0;min-height:200px;}
.cs_lx { padding-top:25px;word-spacing:5px; }

.workroom { padding:1% 0 2%; }
.workroom_tit { margin:0 0 2%; }
.workroom li { width: 32%;margin:0 2% 2% 0;float: left; }
.workroom li:nth-child(3n) { margin-right: 0; }
.workroom li:nth-child(3n+1) { clear:left; }
.workroom li .pic { height:300px;overflow: hidden;border:#eee 1px solid;background-repeat:no-repeat;background-size:100% auto;background-position:center center; }
.workroom li:hover .pic { background-size: 110% auto; }
.workroom li .bg { opacity: 0;filter:alpha(opacity=0);background: #000;left: 0;top: 0;width: 100%;height: 100%;z-index: 1; }
.workroom li:hover .bg { opacity: 0.1;filter:alpha(opacity=10);}
.workroom li .play { opacity: 0;filter:alpha(opacity=0);left: 50%;top: 50%;width: 36px;height: 36px;margin:-18px 0 0 -18px;z-index: 2; }
.workroom li:hover .play { opacity: 1;filter:alpha(opacity=100);width: 54px;height: 54px;margin:-27px 0 0 -27px;}
.workroom li .tit { opacity: 0;filter:alpha(opacity=0);left: 0;bottom: 0;width: 87%;height: 42px;line-height:42px;padding-left:15%;z-index: 3;background-color: #082a57;color:#fff;font-size: 18px;font-weight: bold;margin-bottom: -42px; }
.workroom li:hover .tit { opacity: 1;filter:alpha(opacity=100);margin-bottom:0;width: 83%;padding-left:17%;}

/*contact*/
.lianxi .left { width:60%; line-height:44px; }
.lianxi .right { width:36%; }
.lianxi .right p { margin:0 0 12px;}
.bbs { width:87%;padding:0 5% 0 8%;height:36px;line-height:36px;border:#ccc 1px solid;background:#fafafa;border-radius:20px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.bbs1 { width:97%;padding:0.4% 2.5%;line-height:32px;height:150px;border:#aaa 1px solid;background:#f5f5f5;border-radius:10px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.tijiao { width:147px;height:38px;line-height:38px;background:#333;color:#fff; cursor:pointer;padding:0;border:0;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.tijiao:hover { background:#2490e8; }

#fenye {width:100%;color:#000;padding:20px 0 0; font-weight:bold;border-top:#fff 20px solid; }
#fenye a {padding:7px 12px;color:#888; border:#cecece 1px solid;margin:0 3px;border-radius:4px; }
#fenye a:hover {text-decoration:none; background:#333;border:#333 1px solid;color:#fff;}
#fenye .a1 { padding:7px 10px;border:#cecece 1px solid; margin:0 3px;border-radius:4px;background:#333;color:#fff;}