body {
  width:100%;
padding:80px 0 0;
margin:0;
font-family:微软雅黑,Microsoft Yahei,Open Sans,Arial;
font-size:15px;
color:#606060;
line-height:1;
background:#F0F2F4;
  -webkit-text-size-adjust: none;
}
@font-face {
font-family: 'fontello';
src: url('/template/default/static/style/fonts/fontello.eot?94428964');
src: url('/template/default/static/style/fonts/fontello.eot?94428964#iefix') format('embedded-opentype'),
     url('/template/default/static/style/fonts/fontello.woff2?94428964') format('woff2'),
     url('/template/default/static/style/fonts/fontello.woff?94428964') format('woff'),
     url('/template/default/static/style/fonts/fontello.ttf?94428964') format('truetype'),
     url('/template/default/static/style/fonts/fontello.svg?94428964#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
*{box-sizing:border-box;}
p,h1,h2,h3,h4,ul{ padding:0; margin:0;}
ul{ list-style-type:none;}
a,svg,span,div{border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color:transparent;outline:none;}
a:link,a:visited{ color:inherit; text-decoration:none;}
a:hover{color:#1578b8; text-decoration:none; transition:all 0.3s ease 0s;}
img{ border:0; max-width:100%; image-rendering: -moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering:-webkit-optimize-contrast;image-rendering: crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
.flex{display:flex; display:-webkit-flex;}
.clear{ clear:both;}
.fz14{font-size:14px;}
.fz13{font-size:13px;}
.fz12{font-size:12px;}
section{float:left; width:100%;}
input,button{outline:none;}
button{cursor:pointer;}
[disabled='disabled']{cursor:not-allowed;}
.container{width:100%; padding:0 10.645%;}
main{float:left; padding-left:320px; width:100%; position:relative; transition:padding 0.35s ease 0s;}
main.full{padding-left:0;}
header{position:fixed; left:0; top:0; width:100%; height:80px; background-color:#fff; border-bottom:solid 1px #e9eaec; z-index:1000;}
header .logo{float:right; margin-top:20px; margin-right:2%; width:392px; height:47px; background:url(/template/default/static/images/logo.png) no-repeat; font-size:0; text-indent:-999px;}
header .leftbtn{float:left; width:320px;}
header .leftbtn a{float:left; width:50%; height:80px; border-right:solid 1px #e9eaec; display:flex; display:-webkit-flex; justify-content:center; align-items:center; font-size:16px; color:#333333;}
header .leftbtn a svg{margin-right:10px; fill:#333;}
header .leftbtn a svg:nth-child(2){display:none;}
header .leftbtn a:hover{color:#fff; background-color:#1578b8;}
header .leftbtn a:hover svg{fill:#fff !important;}
header .leftbtn a.menu:hover svg{display:none;}
header .leftbtn a.menu:hover svg:nth-child(2){display:block;}
header .leftbtn a.menu.close svg{display:block !important;}
header .leftbtn a.menu.close svg:nth-child(2){display:none !important;}
header .leftbtn a.search.open{background-color:#1578b8; color:#fff;}
header .leftbtn a.search.open svg{display:none;  fill:#fff;}
header .leftbtn a.search.open svg:nth-child(2){display:block;}
.leftnav,.left_search{position:fixed; top:80px; left:0; width:320px; height:calc(100vh - 80px); z-index:1000; background-color:#fff; border-right:solid 1px #e9eaec; overflow:auto; transition:left 0.35s ease 0s; }
.left_search{left:-320px;}
.left_search.show{left:0;}
.left_search .input_box{float:left; padding:16px 18px 16px 27px; width:100%; border-bottom:solid 1px #e9eaec; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
.left_search .input_box form{width:100%; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
.left_search .input_box button{padding:0; margin:0; height:23px; background:none; outline:none; border:none; width:auto; height:auto;}
.left_search .input_box svg{fill:#1578b8;}
.left_search .input_box svg:hover{fill:#11679e;}
.left_search .input_box input[type='text']{background-color:transparent; border:none; outline:none; width:230px; height:30px; line-height:30px; font-size:16px;}
.leftnav.hidden{left:-320px;}
.leftnav ul{float:left; width:100%;}
.leftnav ul li{float:left; width:100%; position:relative;}
.leftnav >ul >li{border-bottom:solid 1px #e9eaec;}
.leftnav ul li .icons{position:absolute; left:47px; height:60px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.leftnav ul li .icons svg{fill:#333;}
.leftnav ul li a{float:left; width:100%; height:60px; padding-left:76px; padding-right:28px; font-size:16px; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
.leftnav ul li a.withsub:after{display:inline-block; content:'\e801'; font-family:fontello; font-size:20px; color:#999;}
.leftnav ul li.open > a.withsub:after{content:'\e800';}
.leftnav ul > li.open > a{background-color:#1578b8; color:#fff;}
.leftnav ul > li.open > ul li > a{background-color:transparent;}
.leftnav ul > li.open > ul li.open > a{color:#1578b8;}
.leftnav ul li > a.active{color:#1578b8;}
.leftnav ul li.open .icons > svg{fill:#fff;}
/*.leftnav ul > li.open > ul{display:block;}*/
.leftnav > ul > li:hover > a,.leftnav > ul > li.open > a,.leftnav > ul > li > a.active,.leftnav > ul > li.active > a{background-color:#1578b8; color:#fff;}
.leftnav ul li:hover > a.withsub:after,.leftnav ul li.open > a.withsub:after,.leftnav > ul > li.active > a:after{color:#fff;}
.leftnav ul li:hover ul li > a.withsub:after,.leftnav ul li.open > ul li > a.withsub:after{color:#999;}
.leftnav > ul > li:hover .icons svg,.leftnav > ul > li.active .icons svg{fill:#fff;}
.leftnav ul li > ul{display:none;}
.leftnav ul li > ul li > a{height:52px; font-size:15px;}
.leftnav ul li > ul li ul li a{height:42px; font-size:14px;}
.leftnav > ul > li > ul{background-color:#f9f9f9;}
.leftnav > ul > li > ul li >ul{background-color:#f0f2f4;}
.leftnav > ul > li > ul li >ul > li >ul{background-color:#e6eaee;}
.leftnav > ul > li > ul li >ul > li >ul li a{font-size:13px;}
.banner{float:left; width:100%; overflow:hidden;}
.banner .swiper{position:relative; height:100%;}
.banner img{float:left; width:100%;}
.banner .swiper{position:relative;}
.banner .swiper-slide{width:100%; height:100%; background-position:center 0; background-size:cover; background-repeat:no-repeat;}
.banner .swiper-button-next,.banner .swiper-button-prev{margin-top:0; transform:translateY(-50%);}
.banner .swiper-button-next:after,.banner  .swiper-button-prev:after{color:#fff; font-size:30px; font-weight:bold;}
.banner .swiper-button-next:after{padding-left:3px;}
.banner .swiper-button-prev:after{padding-right:3px;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:57px; height:57px; border-radius:50%; outline:none; transition:all 0.3s ease 0; }
.banner .swiper-button-next:hover:after,.banner .swiper-button-prev:hover:after{color:#f1823d;}
.banner .swiper-button-next{right:3%;}
.banner .swiper-button-prev{left:3%;}
.banner .swiper-pagination-bullet{width:43px; height:4px; background-color:#fff; opacity:1; border-radius:0;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px; display:flex; display:-webkit-flex; justify-content:center; align-items:center;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#1578b8;}
.section_title{float:left; width:100%; font-size:32px; color:#F0F2F4;}
.section_title h2{float:left; font-weight:normal; font-size:32px; color:#151515; line-height:45px; position:relative;}
.section_title.line h2:after{position:absolute; left:0; bottom:-15px; width:45px; height:2px; background-color:#1578b8; content:'';}
.section_title .category{float:right;}
.section_title .category a{float:left; margin-left:20px; padding:0 10px; min-width:148px; font-size:13px; text-align:center; color:#1578b8; border:solid 1px #1578b8; line-height:40px;}
.section_title .category a.active,.section_title .category a:hover{background-color:#1578b8; color:#fff;}
.section_title.inside h2{width:100%; text-align:center;}
.section_title.inside .category{width:100%; margin-top:30px; display:flex; display:-webkit-flex; justify-content:center; align-items:flex-start; flex-wrap:wrap;}
.section_title.inside .category a{margin:20px 10px 0;}
a.viewmore{width:150px; text-align:center; line-height:37px; font-size:13px; border:solid 1px #1578b8; color:#1578b8;}
a.viewmore:hover{background-color:#1578b8; color:#fff;}
.aboutbox{margin-top:60px;}
.aboutbox .left{float:left; margin-top:33px; width:50.4%;}
.aboutbox .left .content{float:left; width:100%; line-height:31px; text-align:justify;}
.aboutbox .left a.viewmore{float:left; margin-top:20px;}
.aboutbox .right_img{float:right; margin-top:-15px; width:46.0674%;}
.newsbox,.productbox{margin-top:90px;}
.box{float:left; width:100%;}
.box ul{float:left; width:100%;  justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; display:none;}
.box ul.active{display:flex; display:-webkit-flex;}
.box ul li .img{float:left; width:100%; position:relative; overflow:hidden;}
.box ul li .img img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.box ul li .img:before{float:left; width:100%; background-color:#eeeeee; content:'';}
.newsbox .box ul li{margin-top:40px; margin-right:3.65%; width:30.8988%;}
.newsbox .box ul li:nth-child(3n){margin-right:0;}
.newsbox .box ul li .img:before{padding-top:49.61%;}
.newsbox .box ul li .title{float:left; width:100%; margin-top:20px; line-height:32px; font-size:16px; color:#2b2b2b; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.newsbox .box ul li .cont{float:left; width:100%; margin-top:5px; height:50px; line-height:25px; font-size:13px; color:#3c3c3c; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; display: -webkit-box; -webkit-box-orient: vertical;}
.newsbox .box ul li .date{float:left; width:100%; margin-top:5px; height:22px; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center; font-size:12px; color:#999;}
.newsbox .box ul li .date svg{fill:#2b2b2b; width:42px;}
.newsbox .box ul li:hover .date svg{fill:#1578b8;}
.newsbox .box ul li:hover .title{color:#1578b8;}
.productbox .box ul li{margin-top:40px; width:21.69%; margin-right:4.41%;}
.productbox .box ul li:nth-child(4n){margin-right:0;}
.productbox .box ul li .img{border:solid 1px #dedede; background-color:#fff;}
.productbox .box ul li .img:before{padding-top:89.629%;}
.productbox .box ul li .img .pic{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; display:flex; display:-webkit-flex; justify-content:center; align-items:center; overflow:hidden;}
.productbox .box ul li .img .pic img{position:relative; left:auto;top:auto; width:auto; height:auto; max-width:contain; max-height:70%;}
.productbox .box ul li .title{float:left; width:100%; margin-top:22px; line-height:26px; text-align:center;}
.productbox .box ul li:hover .title{color:#1578b8;}
.productbox .bottom{float:left; width:100%; margin-top:40px; text-align:center;}
.productbox .bottom a.viewmore{float:none; display:inline-block;}
.videobox{margin-top:65px; padding:60px 0 40px; min-height:483px; background:url(/template/default/static/images/bg_01.png) no-repeat; background-size:cover;}
.videobox .section_title h2{color:#fff;}
.videobox .left{float:left; margin-top:35px; width:46.5489%; height:280px; display:flex; display:-webkit-flex; justify-content:flex-start; align-items:center;}
.videobox .left .content{width:100%; font-size:13px; color:#c3c1c1; line-height:25px;}
.videobox .left .content .subtitle{float:left; width:100%; margin-bottom:15px; line-height:35px; color:#fff; font-size:22px;}
.videobox .right_video{float:right; margin-top:-15px; width:47%; position:relative;}
.videobox .right_video:before{float:left; width:100%; padding-top:56.25%; content:''; background-color:#000;}
.videobox .right_video video{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.casebox{margin-top:60px;}
.casebox .box ul li{margin-top:40px; margin-right:6%; width:29.2937%; transition:all 0.35s ease 0s;}
.casebox .box ul li:nth-child(3n){margin-right:0;}
.casebox .box ul li .img:before{padding-top:62.1917%;}
.casebox .box ul li .title{float:left; padding-left:16px; padding-right:20px; width:100%; height:70px; background-color:#fff; display:flex; display:-webkit-flex; justify-content:space-between; align-items:center;}
.casebox .box ul li .title a{font-size:16px; color:#131313; max-width:85%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.casebox .box ul li .title span{font-size:14px; color:#999;}
.casebox .box ul li:hover{box-shadow:0 2px 15px rgba(0,0,0,0.15);}
.casebox .box ul li:hover .title span{color:#1578b8;}
footer{float:left; padding-top:40px; padding-bottom:15px; width:100%; margin-top:70px; background-color:#212121;}
footer .item_title{float:left; width:100%; line-height:30px; color:#fff; font-size:16px;}
footer .itembox{float:left; width:100%; display:flex; display:-webkit-flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap;}
footer .itembox .left{float:left; width:50%;}
footer .itembox .left .cont{float:left; margin-top:8px; width:100%; font-size:14px; line-height:31px; color:#9e9e9e;}
footer .itembox .left .cont p{ display:flex; display:-webkit-flex; justify-content:flex-start; align-items:center; }
footer .itembox .left .cont .icons{width:16px; height:31px; display:flex; display:-webkit-flex; justify-content:center; align-items:center; margin-right:10px;}
footer .itembox .right{width:94px;}
footer .itembox .right .item_title{text-align:center;}
footer .itembox .right img{margin-top:12px; width:100%;}
footer .copyright{float:left; width:100%; margin-top:27px; line-height:28px; font-size:13px; color:#9e9e9e; text-align:center;}
footer a:hover{color:#fff;}
.list-pagination {float:left; width:100%; margin-top:50px; display:flex; display:-webkit-flex; justify-content:center;align-items:center;text-align:center;}
.list-pagination a[disabled='disabled'] {cursor:not-allowed}
.list-pagination span,.list-pagination a {padding:0 12px; min-width:35px; height:35px;line-height:33px; margin:10px 6px 0; color:#1578b8; font-size:13px; border:solid 1px #1578b8;}
.list-pagination a:hover{color:#fff !important; background-color:#1578b8;}
.list-pagination .current,.list-pagination a:hover {color:#fff;background-color:#1578b8;}
article{float:left; margin-top:60px; width:100%;}
article h1.title{float:left; width:100%; margin-bottom:10px; font-size:30px; color:#121212; line-height:40px;}
article h2.subtitle{float:left; width:100%; font-size:24px; color:#222; line-height:32px;}
article .info{float:left; padding:10px 0; width:100%; color:#333333; font-size:14px; line-height:30px; border-bottom:solid 1px #ddd; position:relative;}
article .info:after{content:''; position:absolute; left:0; bottom:-1px; width:55px; height:2px; background-color:#1578b8;}
article .content{float:left; width:100%; margin-top:15px; line-height:28px;}
article .content h1,article .content h2,article .content h3,article .content h4{color:#121212;}
article .content h1{ margin:16px 0;}
article .content h2{ margin:15px 0;}
article .content h3{ margin:14px 0;}
article .content h4{ margin:13px 0;}
article .content ul{ padding-left:20px; list-style-type:georgian;}
article .prev_next{float:left; margin-top:20px; padding:7px 0; width:100%; border-top:solid 1px #ddd; line-height:32px;}

.rightbar{width:65px;position:fixed;right:2px;top:50%;margin-top:-120px;z-index:999;display:block;}
.rightbar a{width:65px; padding-top:8px; padding-bottom:8px; background-color:#1578b8;text-align:center;display:block;margin-bottom:4px;position:relative;border-radius:5px;}
.rightbar a h3{color:#fff;font-weight:400;font-size:12px}
.rightbar .img{width:106px;height:auto;position:absolute;left:-10px;top:-10px;padding:6px;background:#1478be;border:1px solid #ddd;display:none;text-align:center;opacity:0;transition:all ease-in-out 0.2s;border-radius:5px;color:#333;padding-bottom:10px}
.rightbar .img p{padding-top:5px}
.rightbar a:hover .img{opacity:1;left:-120px;display:block}
.rightbar a:hover .img p{color:#fff; font-size:12px;}
.rightbar .img img{width:94px;height:94px}
.rightbar a span{width:210px;text-align:center;height:62px;line-height:62px;position:absolute;left:0;top:0;background:#1478be;color:#fff;display:block;font-weight:bold;font-size:18px;opacity:0;transition:all ease-in-out 0.2s;border-radius:7px 0 0 7px}
.rightbar a:hover{background-color:#047ecd;overflow:visible}
.rightbar a:hover h3{color:#fff}
.rightbar a.fix-ewm:hover img{opacity:1;left:-120px}
.rightbar a:hover span{opacity:1;left:-220px}
.rightbar .fix-tel:hover .ico{background-position:-32px 0}
.rightbar .fix-xcx .ico{background-position:0 -32px}
.rightbar .fix-xcx:hover .ico{background-position:-32px -32px}
.rightbar .fix-bj{cursor:pointer}
.rightbar .fix-bj .ico{background-position:0 -160px}
.rightbar .fix-bj:hover .ico{background-position:-32px -160px}
.rightbar .fix-ewm .ico{background-position:0 -64px}
.rightbar .fix-ewm:hover .ico{background-position:-32px -64px}
.rightbar .mess .ico{background-position:0 -96px}
.rightbar .mess:hover .ico{background-position:-32px -96px}
.rightbar .fix_top{display:none;}
.rightbar .fix_top .ico{background-position:0 -128px}
.rightbar .fix_top:hover .ico,.rightbar .fix_top.hover .ico{background-position:-32px -128px}
.rightbar .fix-form{background-position:10px -234px}
.rightbar .fix-form span{font-size:14px;line-height:23px;width:180px}
.rightbar .fix-form:hover{background-position:-37px -234px}
.dialog-layout{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;background:#000;opacity:0.5}


@media (max-width:1800px)
{
.videobox{min-height:450px;}
.videobox .left{height:auto;}
.videobox .left .content .subtitle{font-size:20px;}
.videobox .right_video{margin-top:0;}
}
@media (max-width:1800px)
{
.videobox .left .content .subtitle{font-size:18px;}
}
@media (max-width:1460px)
{
.videobox .right_video{margin-top:20px;}
}

@media (max-width:1200px)
{
body{font-size:14px;}
.leftnav{left:-320px;}
.leftnav.hidden{left:0;}
main{padding-left:0;}
header .leftbtn a.search.open svg{display:block;}
header .leftbtn a.search.open svg:nth-child(2){display:none;}
header .leftbtn a.menu:hover svg{display:block;}
header .leftbtn a.menu:hover svg:nth-child(2){display:none;}
header .logo{margin-right:3%;}
.container{padding:0 3%;}
article h1.title{font-size:26px;}
article h2.subtitle{font-size:20px;}
}
@media (max-width:1024px)
{
.section_title h2{font-size:26px;}
.aboutbox .right_img{margin-top:33px;}
.videobox .left .content .subtitle{font-size:18px;}
.videobox .right_video{height:auto; margin-top:35px;}
.rightbar{display:none;}
}

@media (max-width:800px)
{
.aboutbox{display:flex; display:-webkit-flex; justify-content:flex-start; align-items:flex-start; flex-direction:column;}
.aboutbox .left{width:100%; order:3; margin-top:20px;}
.aboutbox .right_img{width:100%; order:2;}
header .logo{margin-right:3%; width:47px; height:47px; background-image:url(/template/default/static/images/logo_img.png);}
.newsbox .box ul li .title{font-size:14px; margin-top:15px;}
.casebox .box ul li,.newsbox .box ul li{width:32%; margin-right:2%;}
.casebox .box ul li .title{height:40px; padding:0 10px; justify-content:center;}
.casebox .box ul li .title span{display:none;}
.casebox .box ul li .title a{max-width:100%; font-size:13px; }
.videobox .left,.videobox .right_video{width:100%;}
.videobox .right_video{margin-top:20px;}
.videobox .left{height:auto;}
article,.newsbox, .productbox,.casebox,.aboutbox{margin-top:40px;}
}
@media (max-width:600px)
{
body{padding-top:60px;}
.leftnav,.left_search{left:-170px; top:60px; width:170px; height:calc(100vh - 60px);}
.left_search{left:-240px; width:240px;}
.left_search .input_box input[type='text']{width:90%;}
.leftnav ul li .icons{left:20px;}
.leftnav ul li a{padding-left:52px; font-size:14px;}
.leftnav ul li > ul li > a{font-size:14px;}
header,header .leftbtn a{height:60px;}
header .leftbtn{width:240px;}
header .logo{width:40px; height:40px; margin-top:10px; background-size:contain;}
.section_title h2{width:100%; text-align:center; font-size:24px;}
.section_title.line h2:after{left:50%; bottom:-10px; transform:translateX(-50%);}
.section_title .category{width:100%; display:flex; display:-webkit-flex; justify-content:center; align-items:center; flex-wrap:wrap;}
.section_title .category a{margin:15px 10px 0; min-width:100px; font-size:12px; line-height:35px;}
.section_title.inside .category{margin-top:0;}
.section_title.inside .category a{margin-top:15px;}
.aboutbox{margin-top:20px;}
.newsbox .box{margin-top:15px;}
.newsbox .box ul li{width:100%; margin-top:15px; padding-bottom:15px; border-bottom:solid 1px #ddd;}
.newsbox .box ul li .img{width:35%;}
.newsbox .box ul li .title{float:right; width:62%; height:auto; line-height:20px; margin-top:0;white-space:normal;}
.newsbox .box ul li .cont{display:none;}
.newsbox .box ul li .date{float:right; width:62%;}
.productbox .box ul li{width:49%; margin-right:2%;}
.productbox .box ul li:nth-child(2n){margin-right:0;}
.productbox .box ul li .title{margin-top:15px;}
.videobox .left .content .subtitle{font-size:16px; line-height:28px;}
article, .newsbox, .productbox, .casebox{margin-top:30px;}
footer{margin-top:30px; padding-top:20px;}
footer .itembox .left,footer .itembox .right{width:100%; text-align:center;}
footer .itembox .right{margin-top:15px;}
footer .itembox .right img{width:auto;}
footer .itembox .left .cont p{justify-content:center;}
.list-pagination{margin-top:20px;}
article h1.title{font-size:20px; line-height:30px;}
article h2.subtitle{font-size:18px; line-height:26px;}
article .prev_next{line-height:26px;}
}
@media (max-width:500px)
{
.casebox .box ul li{width:100%; margin-top:20px; margin-right:0;}
}