body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,span{ margin:0; padding:0; list-style:none}
html{ overflow-x:hidden}
body{font-family:arial; color:#444; background:#fff; font-size: 1.125em}
img,a img{ border:none; vertical-align:middle}
a:link,a:visited{ color:#444; text-decoration:none;_cursor:pointer}
a:hover{ color:#55CBD9; text-decoration:none;_cursor:pointer}
.margin_10{ height:10px; display:block; clear:both}
.margin_20{ height:20px; display:block; clear:both}
.margin_30{ height:30px; display:block; clear:both}
.margin_50{ height:50px; display:block; clear:both}
.clear{ clear:both}
.arial{font-family:Arial, Helvetica, sans-serif}
.grey_b{ background:#e1e1e1}
.grey_c{ background:#f8f8f8}
.grey_d{ background:#fefefe}
.bg_white{ background:#fcfcfc}
.bg_gray{background: #f8f8f8}
.color_cc{ color:#cc0000}
.right{ text-align:right}
.float_l{ float:left}
.float_r{ float:right}
.content{width:96%; margin:0 auto; max-width:1440px; min-width:300px;position: relative;}
.content img{max-width: 100%; transition: all .5s}
.overflow-hidden{overflow:hidden}
.red{color: #55cbd9}
.full{width: 100%}
.xs_show{display: none}
.header_box{ width: 100%;z-index:200; background: #fff;  box-shadow: 0 1px 3px #ccc; position: fixed;}
header .a{height: 80px; line-height: 74px}
header .a img{max-height: 53px; padding-right: 1em}
header .a dl{white-space: nowrap; }
header .a dd,header .a dt{display: inline-block; vertical-align: middle;}
header .a dd{padding-left:.75em; font-size: 1.25em;}
header .a dd p{font-weight: bold; color: #ED0000}
header .b{position: absolute; right: 0; top:0; width: 85%}
.main{padding-top: 80px}
.power{cursor:pointer; position:absolute; top:6px; right:12px; width:24px; height:30px; line-height:1.5;overflow:hidden; z-index:500; display: none}
.power span.line{ height:2px; margin:5px 0; display:block;background:#ccc; border:none}
.power.is-active .line:nth-child(2){opacity: 0;}
.power.is-active .line:nth-child(1){-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);-o-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg);}
.power.is-active .line:nth-child(3){-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);-o-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg);}
.sub_main{padding-top: 1em; width: 100%}
.sub_main>.box{display: flex;justify-content: space-between;flex-wrap: wrap; margin: 0 auto; padding: 0 0 2em 0}

.nav{height: 80px; position: relative; z-index: 999;white-space: nowrap;}
.nav .content{text-align: left; overflow: inherit; position: relative;}
.nav .content div{display: inline-block;white-space: nowrap; vertical-align: middle; position: relative; font-size: 1em;margin-right: 1.25em; height: 80px; line-height: 80px;}
.nav .content div a{}
.nav .content div:hover:after,#nav_current:after{content: ''; display: block; position: absolute; left: 0; width: 100%; bottom: 0px; height: 3px; background:#55cbd9 }
.nav .content div ul{position: absolute; display: none; top: 80px; left: 0; width: 150%; margin-left: -25%; background: rgba(255,255,255,.95); z-index: 123; padding-top: .5em}
.nav .content div:hover ul{display: block}
.nav .content div:hover a,#nav_current a{color:#55cbd9 }
.nav .content div ul a{display: block; width: 100%; color: #333 !important; height: 40px; line-height: 40px; text-align: center;}
.nav .content div ul a:hover,.nav .content div ul a.sub_current{color:#55cbd9 !important;}
.nav .content i{position: absolute; right: 0; top: 26px; font-size: 1.5em;font-weight: bold; color: #8F8F8F; cursor: pointer}
.nav .content i:hover{color: #55cbd9}
.sousuo{position: relative;z-index: 123; padding: 1em 0; background: rgba(255,255,255,.98); display: none}
.sousuo form{width: 92%; margin: 0 auto; max-width: 600px; position: relative; overflow: hidden; border: solid 2px #f89d88; border-radius: 22px; height: 40px}
.sousuo form input{width: 100%; border: none; font-size: .875em; background: none;text-indent: 2.5em; height: 40px; line-height: 38px; outline: none; color:#888}
.sousuo form i{font-size: 1.25em; font-weight: bold; position: absolute; left: 10px; top: 8px; color:#aaa}
.sousuo form span{position: absolute; right: 0; top: 0; height: 40px; line-height: 38px; background: #f89d88; padding: 0 2em; color: #fff; cursor: pointer}
.banner{position: relative; z-index: 132;}
.banner .box{position: absolute; left: 0; top:13vw; width: 100%; z-index: 1; color: #fff; text-align: center}
.banner img{width: 100%}
.banner .box dt{font-size: 5vw; font-weight: bold; margin-bottom: 4vw}
.banner .box dd span{display: inline-block; vertical-align: middle; padding: .25em .5em; border: solid 1px #eee; margin: 0 .5em; border-radius: 8px;font-size: 1.75vw}
.part1 .box{top:10vw;}
.part1 .box dt{font-size: 4.5vw;}
.part1 .box dd{ font-size: 1.75vw}
.part1 .box dd a{display: inline-block; font-size: .65em; padding: .5em 1.25em; margin-top: 5vw; background: #000; border-radius: 8px; color: #fff}
dl.title{text-align: center; line-height: 1.5}
dl.title dt{font-size: 3.5em; color: #999999; font-family: Arial}
dl.title h5{font-size: 2.66em; color: #333}
dl.title h6{height: 5px; width: 54px; background: #F22F34; margin: .75em 0; display: inline-block}
dl.title p{font-size: 1.33em; color: #666}
.part2{background: #f5f5f5; padding: 3em 0; overflow-x: hidden;}
.part2 .content{text-align: justify; padding-top: 3em;overflow-x: hidden;}
.part2 .content:after{content: ''; display: inline-block; width: 100%;}
.part2 .items{display: inline-block; width: 48%; background: #627FE0; border-radius:10px; vertical-align: top; position: relative; overflow: hidden; transition: all .5s}
.part2 .items:hover{box-shadow: 0 0 35px rgba(0,0,0,.4); padding-top: -1em}
.part2 .items .box{padding: 3em; color: #fff; position: relative; z-index: 3}
.part2 h5{font-size: 2.333em; margin: 0}
.part2 h6{font-size: 1.1333em; margin: .25em 0 .75em 0}
.part2 .item{padding: 2em 0 1em 0; font-size: 1.333em; min-height: 9em}
.part2 .item dl{padding-bottom: .5em; display: flex}
.part2 .item dt{display: inline-block; vertical-align: top; padding-right: .25em}
.part2 .item dt i{font-size: 1em}
.part2 .item dd{display: inline-block; vertical-align: top}
.part2 .item p{padding-left: .75em; position: relative; line-height: 1.75}
.part2 .item p:before{content: ''; display: inline-block; width: 9px; height: 9px; border-radius: 2px; background: #fff; position: absolute; left: -8px; top: 16px}
.part2 .item p.none:before{display: none}
.part2 .items.b{background: #D12A6A !important}
.part2 .s{font-size: 1.5em; font-weight: bold; line-height: 1}
.part2 .s span{font-size: 2em; font-family: Arial}
.part2 .items .bg{position: absolute; left:50%; top: -20%; z-index: 1; width: 80%}
.part2 .items .bg2{position: absolute; left:36%; top: 30%; z-index: 1; width: 80%; transform: rotate(90deg)}
.part2 .items h5{font-size: 1.75em}
.part2 .items h6{font-size: 2.5em}
.part3{background: url("../images/hwzb3.jpg") no-repeat center center; background-size: 100% auto; padding: 3em 0 5em 0}
.part3 dl.title h5,.part3 dl.title p,.part3 dl.title dt{color: #fff !important}
.part3 .item{padding-top: 2em}
.part3 .item ul{float: left; width: 25%; overflow: hidden;}
.part3 .item ul img{transition: all .5s}
.part3 .item>p{clear: both}
.part3 .item ul li{position: relative}
.part3 .item ul li dl{position: absolute; top: 15%; left: 10%; z-index: 2; color: #fff; font-size: 1.333em; text-align: center; width: 80%}
.part3 .item ul li dt{font-size: 1.25em; font-weight: bold}
.part3 .item ul li dd{text-align: left; padding-top: 1em; line-height: 1.5}
.part3 .item ul li dd i{font-size: 1.1333em}
.part3 .item ul li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,.5); transition: all .5s}
.part3 .item ul:hover li .mask{background: rgba(237,0,0,.85)}
.part3 .item ul:hover img{transform: scale(1.1)}
.part4{background:#202020; color:#B2B2B2; padding: 3em 0 1em 0}
.part4 a:link,.part4 a:visited{color:#B2B2B2;}
.part4 a:hover{color: #fff}
.part4 .a dl{display: flex;}
.part4 .a dt img{max-height: 80px; max-width: 220px; margin:.5em 2em 0 0}
.part4 .a dd p{padding-bottom: .75em}
.part4 .a dd .l{width: 30%; display: inline-block;vertical-align: top;}
.part4 .a dd .l ul{display: inline-block;vertical-align: top;width: 48%; white-space: nowrap; line-height: 2}
.part4 .a dd .r{width: 45%; display: inline-block; vertical-align: top;  margin-left: 4%}
.part4 .a dd .r a{font-size: 1.333em; color: #fff}
.part4 .a dd a:first-child{margin-right: 1em}
.part4 .b{position: absolute; top: 0; right: 0; text-align: center; font-size: .875em}
.part4 .b img{max-height: 120px; margin-bottom: .5em}
.part4 .c{margin-top: 2em; padding-top: 1em; border-top: solid 1px #3A3A3A; text-align: center;}
.index_news{padding: 3em 0}
.index_news .content{text-align: justify; padding-top: 2em}
.index_news .content img{width: 100%}
.index_news .content .a{width: 40%; display: inline-block; vertical-align: top;}
.index_news .content .a h5{line-height: 1.2; padding: .5em 0; font-size: 1.25em; font-weight: normal;}
.index_news .content .a .st{font-size: .875em; color: #999; padding: .5em 0}
.index_news .content .a .st i{margin-right: .5em}
.index_news .content .b{width: 55%; display: inline-block; vertical-align: top;}
.index_news .content .b dl{text-align: justify; margin-bottom: .75em}
.index_news .content .b dl:nth-child(4),.index_news .content .b dl:nth-child(5){display: none}
.index_news .content .b dl:after{content: '';display: inline-block; width: 100%;}
.index_news .content .b dt{display: inline-block;vertical-align: top;width: 16%; font-size: .875em}
.index_news .content .b dt div{border-left: solid 4px #55cbd9; display: inline-block; padding-left: 1em; line-height: 1}
.index_news .content .b dt div p:first-child{padding-bottom: .5em}
.index_news .content .b dt div strong{font-size: 1.25em}
.index_news .content .b dd{display: inline-block;vertical-align: top;width: 82%; border-bottom: solid 1px #eee; text-align: justify;
}
.index_news .content .b dd:after{content: '';display: inline-block;width: 100%}
.index_news .content .b dd .l{width: 30%; display: inline-block; vertical-align: top;}
.index_news .content .b dd .r{width: 65%; display: inline-block; vertical-align: top;}
.index_news .content .b dd .r h5{line-height: 1.2;font-size: 1.25em; font-weight: normal;}
.index_news .content .b dd .r div.info{font-size: .875em; padding:.5em 0 1em 0}
.index_news .content .tt{padding-top: .5em; color: #888; font-size: .875em}
.index_news .content:after{content: ''; display: inline-block; width: 100%}
.right_tool{position: fixed; right: .5em; top: 60vh; z-index: 99999}
.right_tool dl{position: relative; color: #fff;min-width: 60px; height: 60px; margin-bottom: .15em; cursor: pointer}
.right_tool dl:last-child{display: none}
.right_tool dt,.right_tool dd{position: absolute; right: 0; top: 0; width: 60px; height: 60px; text-align: center; line-height: 60px; background: #f89d88; border-radius: 2px}
.right_tool dd{width: auto !important; min-width: 60px; background: #55CBD9; line-height: 1.2; white-space: nowrap;display: none; position: relative}
.right_tool dd p{padding-top: .5em}
.right_tool dd.s{line-height: 60px}
.right_tool dd.ss{line-height: 60px; padding: 0 1em}
.right_tool dd a{color: #fff}
.right_tool dd img{position: absolute; right: 70px; top: -50%}
.right_tool i{font-size: 2.15em}
.right_tool dl:hover dt{display: none}
.right_tool dl:hover dd{display: block}
.footer_tool{position: fixed; display: none; bottom: 0; left: 0; width: 100%; background:rgba(255,255,255,.95); padding: .75em 0; font-size: .875em; z-index: 88}
.footer_tool ul{text-align: center;}
.footer_tool ul li{display: inline-block; width: 47%; vertical-align: middle; text-align: center}
.footer_tool ul li a{width: 96%; border: solid 2px #55cbd9; color: #55cbd9; display: block; padding: .5em 0; margin: 0 auto; border-radius: 30px}
.footer_tool ul li a.a{background: #55cbd9; color: #fff}
.footer_tool ul li a i{font-size: 1.25em; margin-right: .5em}
.return_top{ cursor: pointer; border-radius: 5px; width: 40px; height: 40px; text-align: center; overflow: hidden; display: none; background: rgba(0,0,0,.75); color: #fff; position:
        fixed; right: 1em; bottom: 20%; line-height: 45px; z-index: 55}
.return_top i{font-size:1.5em;}
.return_top:hover{background: #55cbd9; color: #fff}
.lightbox{background: rgba(0,0,0,.7); position: fixed; width: 100%; height: 100%; z-index: 200; left: 0; top: 0; display: none}
.lightbox dl{position: absolute; top: 36%; left: 50%; background: #fff; width: 180px; margin-left: -90px; text-align: center; padding-top: 1em }
.lightbox dd{padding: .5em 0}
.lightbox dt{position: relative}
.lightbox dt i{position: absolute; top: -2em; right: 0; font-size: 1.5em; cursor: pointer; color: #fff}
.swiper-container-banner .swiper-pagination-bullets{ bottom:20px}
.dqwz{font-size: .875em}
.page_left{width: 24%;}
.page_right{width: 73%;}
.page_right .info{ background: #fff; margin-bottom: 1em; padding: 2em}
.page_right .info2{padding: 1em !important}
.page_right .info h2{padding: .5em 0; text-align: center; border-bottom: solid 1px #eee; margin-bottom: 1em; font-size: 1.875em; line-height: 1.4}
.page_right .info h3{padding: .5em 0; text-align: center; margin-bottom: 1em; font-size: 1.875em; line-height: 1.4}
.page_right .lin strong{line-height: 1; padding-left: .5em; border-left: solid 2px #55cbd9;  display: inline-block;vertical-align: middle; margin-right: .5em; font-weight: normal;margin-bottom: .5em}
.page_right .lin a{display: inline-block; vertical-align: middle; margin-left: .5em; padding: .25em .5em; border-radius: 3px;border: solid 1px #ddd; font-size: .83em; margin-bottom: .5em}
.page_right .lin a:hover{background:#55cbd9; color: #fff }
.m-box{background: #1581F4; color: #fff; padding: 1.25em; margin: .5em auto 1.5em auto}
.m-box h5{font-size: 1.15em; font-weight: bold; line-height: 1.2}
.m-box .box{line-height: 1.8; margin-top: .875em; text-align: justify}
.mzsm{background: #F9F9F9; padding: 1.333em; margin:1em 0;}
.mzsm .box{line-height: 1.5}
.news_xg .item ul:last-child dl{border: none !important; margin: 0 !important; padding-bottom: 0 !important}
.news .item{padding-top: 1em}
.news .item dl{display: flex; width: 100%; margin: 0 auto 2em auto; padding-bottom:2em; border-bottom: solid 1px #eee; flex-wrap: wrap;}
.news .item dt{width: 30%; overflow: hidden}
.news .item dt a{ background-repeat: no-repeat !important; background-position: center center !important; background-size: 100% auto !important; transition: all .5s; width: 100%; display: block; overflow: hidden; padding-top: 60%}
.news .item dt:hover a{background-size: 110% auto  !important}
.news .item dd{width: 67%; margin-left: 3%}
.news .item dd .info{padding: 1em 0}
.news .item dd h5{font-size: 1.5em;}
.news .item dd .ts{color: #A2A2A2; font-size: .75em}
.news .item dd .ts i{display: inline-block; vertical-align: middle; margin-right: .25em}
.news .item img{width: 100%}
.left_part2{background: #fff;margin-top: 1em; padding: 2em}
.left_part2 .ms{font-size: 1.35em; text-align: center;}
.left_part2 .ms img{display: inline-block; vertical-align: middle; margin-right: .5em}
.left_part2 h5{font-size: 1.875em; color: #55cbd9; text-align: center; padding-bottom: .5em; border-bottom: solid 3px #55cbd9;font-weight: bold}
.left_part2 .w{text-align: center; padding: 2em 0 1em 0; line-height:2}
.left_part2 .w span{color:#f89d88}
.left_part2 .w img{width: 50%; margin-bottom: .5em}
.left_part2 .info{line-height: 2}
.left_part2 .btn{padding-top: 1em}
.left_part2 .btn a{display: block; text-align: center; padding: .5em 0; border-radius: 5px; font-size: 1.125em; background: #55CBD9; color: #fff;}
.left_part2 .btn  i{font-size: 1.5em; vertical-align: middle;}
.left_part2 h6{color: #55cbd9; line-height: 1.4;display: flex;justify-content: space-between;flex-wrap: wrap; border-bottom: solid 1px #ddd; padding-bottom: 1em;font-size: 1em;font-weight: bold }
.left_part2 h6 div{max-width: 50%; height: auto !important}
.small{padding: 1.25em; background: #fff; margin-top: 1em}
.small .t{display: block; border-left: solid 2px #55cbd9; line-height: 1em; margin-bottom: .5em; padding-left: .5em; font-size: 1.125em; margin-bottom: 1em}
.small .item ul{display: flex;justify-content: space-between;flex-wrap: wrap; }
.small .item li{width: 48%;}
.small .item li a{display: block; border-radius: 3px; padding: .25em 0; border: solid 1px #eee; text-align: center; margin-bottom: .5em}
.small .item li a:hover{background: #F91C1C; color: #fff}
.small .item2 dl{margin-bottom: 1em}
.small .item2 dl.a1{position: relative}
.small .item2 dl.a1 dt{width: 100%; overflow: hidden}
.small .item2 dl.a1 dt img{width: 100%}
.small .item2 dl.a1 .icon-top1,.small .item2 dl.a1 .top1{position: absolute; font-size: 2.8em; max-width: 60px !important; top: -3px; left: 10px; color: #FC3C2A}
.small .item2 dl.a1 dt h5{width: 90%; margin: 0 auto; text-overflow: ellipsis; overflow: hidden}
.small .item2 dl.a1 dd{position: absolute; width: 100%; padding: .5em 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff}
.small .item2 dl.a1 dd a h5{width: 94%; color: #fff !important; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.small .item2 dl.a2{display: flex;justify-content: space-between;flex-wrap: wrap; margin-bottom: 1em }
.small .item2 dl.a2:last-child{margin: 0}
.small .item2 dl.a2 dt{width: 35%; position: relative; overflow: hidden}
.small .item2 dl.a2 dt span{position: absolute; text-align: center; top: 0; left: 0; width: 22px; line-height: 16px; font-size: .75em; height: 16px; background: rgba(255,255,255,.75)}
.small .item2 dl.a2 dd{width: 60%; margin-left: 5%}
.small .item2 dl.a2 dd h5{font-weight: normal;}
.small .item2 dl.a2 .time{font-size: .75em; color: #848484}
.small .item3 .tag a{display: inline-block; padding: .25em .5em; border: solid 1px #eee; border-radius: 3px; margin-right: 5px; margin-bottom: 5px; font-size: .83em}
.small .item4 p{line-height: 1.2; padding: .75em 0; border-bottom: solid 1px #eee;display: flex;justify-content: space-between;flex-wrap: wrap; }
.small .item4 i{color: #FC3C2A}
.small .item4 a{width: 94%;}
.small .red{font-style: italic;}
.xg_news p{line-height:1.2;padding:1em 0;display:block; border-bottom: solid 1px #ddd; font-size: 1em}
.main_r h6,.topic .main_l h6.h{border-left:solid 4px #55cbd9;text-indent:.5em;line-height:1;font-size:1.56em;display:block;padding:0;margin-bottom:.5em}
.list_show{padding-top:1em}
.anli ul{margin-bottom:2em}
.anli ul dl{width:90%;margin:0 auto;border:solid 1px #ddd;font-size:.75em;text-align:center}
.anli ul dl dt p{opacity:.9}
.anli ul dl img{transition:all .3s}
.anli ul dl:hover img{transform:scale(1.2,1.2)}
.list_ts{color:#888;margin-bottom:2em; text-align: center; font-size: .875em}
.list_ts #news_num{color: #888 !important}
.list_show img{margin:.5em auto}
.list_show h3{display:none}
.info_link{background: #F9F9F9;display: flex; padding: 1em; margin: 1em 0; justify-content: space-between;flex-wrap: wrap; font-size: .875em }
.info_link .btn{width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.info_link .btn0{width: 20%; text-align: center;}
.show_content p{padding-bottom: .9285em; line-height: 1.8}
.show_content a{color: #1aa2e6; font-weight: bold}

.about{background: url('/static/images/sub_banner1.jpg') no-repeat; background-size: 100% auto; padding-top: 5em}
.about .a{text-align: center; color: #fff; line-height: 1}
.about .a h5{font-size: 3.5em; line-height: 0.5}
.about .a h6{font-size: 1.5em; line-height: 0.5; padding: 0}
.about .b .info{background: #fff; border-radius:2.5em; padding: 3em; line-height: 1.6; box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);}
.about .c .line{height: 1px; border-bottom: solid 1px #eee; margin:4em 0}
.about .c .c1{display: flex; justify-content: space-between;}
.about .c .c1 ul{width: 50%; text-align: center; padding: 5em 0; }
.about .c .c1 ul:hover{background: #f5f5f5}
.about .c .c1 i{display: inline-block; background: #f89d88; border-radius: 50%; padding: .25em; font-size: 2em; color: #fff}
.about .c .c1 h5{font-size: 1.25em; padding: .5em 0}
.about .c .c1 dd{color: #666}
.about .c .c2{display: flex; justify-content: space-between;margin-top: 5em;}
.about .c .c2 ul{width: 50%}
.about .c .c2 ul img{width: 90%}
.about .c .c2 ul h5{font-size: 2em}
.about .c .c2 ul dl{padding: 1em 0}
.about .c .c2 ul dl span{color: #F89D88}
.about .c .c2 ul dt{padding-bottom: .5em}
.about .c .c2 ul dd{border: solid 1px #ddd; padding: 0 .5em}
.about .c .c2 ul input,.about .c .c2 ul textarea{border: none; width: 100%; padding: 1em 0; outline: none}
.about .c .c2 ul a.btn{background: #222; color: #fff; display: inline-block; padding: .75em 2em; border-radius: 5px; cursor: pointer;}
.about .c .c2 ul a:hover.btn{background: #444}
#post_text{color: #F89D88; padding-left: 1em}
.products .item{display: flex; justify-content: space-between; flex-wrap: wrap;}
.products .item ul{width: 25%}
.products .item ul a{width: 92%; margin: 0 auto 2em auto; padding: 1em 0 0; border-radius: 5px; display: block; text-align: left;border: solid 1px #eee;}
.products .item ul a dl{width: 90%; margin: 0 auto}
.products .item ul dt,.products .item ul dt img{overflow: none; width: 100%}
.products .item ul dd{margin: 1em 0; height: 60px; overflow: hidden; line-height: 1.5}

.contact{position: relative}
.contact .box{position: absolute; width: 100%; bottom: 2em; font-size: .875em}
.contact .content ul{display: flex;justify-content: space-between;flex-wrap: wrap; }
.contact .content li{width: 32%; margin-bottom: 1.5em; background: #fff}
.contact .content li dl{display: flex;justify-content: space-between;flex-wrap: wrap; font-size: 1.125em; padding: 1.5em}
.contact .content li dt{width: 66%}
.contact .content li dt i{font-size: 2.5em; color: #ACACAC; margin-bottom: .25em; display: block}
.contact .content li dd{width: 30%; margin-left: 4%; text-align: center}
.tags a{display:inline-block;padding:.5em 1em;margin-right:.5em;margin-bottom:.85em;background:#f3f3f3;border-radius:3px}
.page404{padding:10em 0;text-align:center}
.page404 h4{font-size:8em; font-family: museo}
.page404 h5{font-size:1.5em;padding:.5em 0}
.page404 h6{font-size:1.05em;font-weight:400;margin-bottom:3em}
.page404 .link_bt{padding:.5em 1.5em;display:inline-block;vertical-align:middle;background:#888;color:#fff;margin:0 .5em;border-radius:5px}
.page404 .link_bt:hover{opacity:.8}
.page404 .btna{background:#1581F4}
.fy{padding:1em 0;clear:both;text-align:center}
.fy_total{border: none !important}
.fy1,.fy2,.fy3,.fy4{padding:5px 10px;text-align:center;clear:both;color:#888;background:#fff;margin:0 2px;border-radius: 3px; border: solid 1px #f1f1f1}
.fy2{color:#fff}
.fy3,a .fy4{color:#888;background:#fff}
.fy3{color:#55cbd9}
.fy4{padding:5px 8px;background:#55cbd9;color:#fff}
a:hover .fy4{color:#1581F4}
.fy1:hover{opacity:.7}
.search_page{padding-top: 150px}
.more_box{padding:0 0 1em 0; text-align: center}
.more_box a{display: inline-block; padding: .5em 3em; border-radius: 25px; background: #F89D88; color: #fff}
.more_box a:hover{background: #4b4b4b}
.links{text-align: left}
.links a{display: inline-block; margin-right: 1em}
.copyright{background: #131313; text-align: center; color: #B2B2B2; padding: 1em 0}
.copyright a{color: #B2B2B2}
.weixin_box{position: fixed; display: none; left: 0;top: 0; width: 100%; height: 100%; z-index: 999; text-align: center; font-size: .875em}
.weixin_box.flex{display: flex}
.weixin_box .mask{width: 100%; height: 100%; background: rgba(0,0,0,.7); left: 0; top: 0; position: absolute; z-index: 1; content: ''}
.weixin_box i.close{position: absolute; right: .5em; top: 0; cursor: pointer; font-size: 1.25em}
.weixin_box .box{display: inline-block; vertical-align: middle; margin: auto; width: 90%; max-width: 320px; background: #fff; border-radius: 20px;position: relative; z-index: 2; padding-top: 1em; line-height: 1.5}
.weixin_box .box ul{padding:.5em; text-align: center}
.weixin_box .box i.icon-duigou-copy{font-size: 3em; color: #55CBD9}
.weixin_box .box ul h5{font-size: 1.25em; color: #55CBD9}
.weixin_box .box ul strong{color: #f89d88;}
.weixin_box .box ul .btn{background: #55CBD9; color: #fff; display: inline-block; margin: 1.5em auto; border-radius: 5px; padding: .5em 1.5em; cursor: pointer}
.weixin_box .box ul .btn:hover{opacity: .85}
.weixin_box .box ul img{max-width: 200px}
.weixin_box .box .ok{width: 40px; margin-bottom: 1em}
@media screen and (max-width:1440px){
    body{font-size: 1em}
    .left_part2 .w{padding-top: 1em}
    .left_part2 .ms{font-size: 1.25em; white-space: nowrap}
    .left_part2 .ms img{max-height: 20px}
}
@media screen and (max-width:1023px){
    .xs_show{display:inherit !important}
    .xs_hide{display:none!important}
    header{position: fixed; z-index: 9999; width: 100%;background: #fff;}
    header .content{width: 100%}
    header .a { height: 50px; line-height: 46px; margin-left: 2%}
    header .a img{max-height: 32px;}
    header .b{width: 100%}
    header.full{height: 100%}
    .main{padding-top: 50px}
    .power{display: block;}
    .nav{position: fixed; width: 100%; height: 100vh; background:rgba(255,255,255,.95); z-index: 120; display: none; padding-top: 20px; white-space: normal;}
    .nav .content{width: 100% !important}
    .nav .content div{display: bold; width: 100%; margin-right:  0;line-height: auto; height: 34px; padding: 0; text-align: center; border-bottom: none; white-space: break}
    .nav .content div:hover{border: none}
    #nav_current{border: none}
    .nav .content i{display: none}
    .nav .ss{display: block; top: auto; bottom: 0}
	.nav .content div:hover:after,#nav_current:after{display: none }
	.nav .content div ul{position: relative; top: 0; left: 0; width: 100%;  margin-left: 0; margin-top: -1.25em; background: none; z-index: 123; padding-top:0; opacity: .8}
	.nav .content div ul a{height: 30px; line-height: 30px;}
	.sousuo{position: absolute; top: auto;bottom: 20px; width: 100%; left: 0; background: none; z-index: 125 !important}
    .banner{margin-top: 0}
    .banner,.part1{overflow-x: hidden}
    .banner .box dt{font-size: 7vw; margin-bottom: 2vw}
    .banner .box dd span{padding: .25em;margin: 0 .25em; border-radius: 3px;font-size: 2.8vw}
    .part1 .box dd{ font-size: 4vw; padding: 0 2em}
    .part1 .box dd a{font-size: .65em; margin-top: 2vw; border-radius: 3px;}
    .part1 img{width: 120%}
    dl.title{font-size: .5em; padding: 1em 0}
    dl.title dt{font-size: 2.5em;}
    dl.title h5{font-size: 2.25em; color: #333}
    dl.title h6{height: 5px; width: 54px; background: #F22F34; margin: .75em 0; display: inline-block}
    dl.title p{font-size: 1.33em; color: #666}
    .part2{padding: 1em 0}
    .part2 .content{padding-top: .5em}
    .part2 .items{width: 100%; display: block; font-size: .5em; margin-top: 1em}
    .part2 .item{padding-top: 1em; min-height: auto; font-size: 1.75em}
    .part2 .items h5{font-size: 2em}
    .part3{background-size: auto  100%; padding: 1em 0}
    .part3 .item ul{float: none; width: 90%; margin: 0 auto 1em auto; font-size: .65em; max-height: 220px; border-radius: 3px; overflow: hidden}
    .part3 .item ul li dl{top: 5%; left:3%;width: 94%}
    .part3 .item ul img{position: relative}
    .part2 .item p:before{width: 4px; height: 4px; left: 0; top: 13px}
    .right_tool{display: none}
    .footer_tool{display: block}
    .part4{padding: 2em 0; font-size: .75em}
    .part4 .a dl{display: block;}
    .part4 .a dt{display: none}
    .part4 .a dd span{display: block; font-weight: bold}
    .part4 .b{position: relative; text-align: center; font-size: .875em}
    .part4 .b img{max-height: 120px; margin-bottom: .5em}
    .part4 .a dd .l{width:100%;}
    .part4 .a dd .r{width: 100%;margin-left:0; padding-top: 2em}
    .copyright{padding-bottom: 6em; font-size: .75em}
    .part3 .item ul li .mask{width: 103%;}
    .part2 .item p.none{display: none}
    .swiper-container-banner .swiper-pagination-bullets{ bottom:3px}
    .swiper-container-event .swiper-pagination-bullet,.swiper-container-other .swiper-pagination-bullet{ border:solid 1px #fff; }
    .swiper-container-banner .swiper-pagination-bullet{ margin: 0 4px !important;}
    .index_news .content{padding-top: 1em}
    .index_news{font-size: .875em; padding:1em 0;}
    .index_news .content .a{width: 100%;}
    .index_news .content .b{width: 100%; display: inline-block; vertical-align: top; padding-top: 2em}
    .index_news .content .b dt{width: 26%;}
    .index_news .content .b dd{width:72%;}
    .index_news .content .b dd .r h5{font-size: 1em}
    .index_news .content .b dd .r div.info {display: none}
    .page_right{width: 100%; float: none; padding-bottom: 1em}
    .page_right .info,.page_right .small,.left_part2{background: none !important; padding: 1em 0}
    .sub_menu{overflow-x: scroll; white-space: nowrap}
    .news .item dl{border:none; margin:0; padding-bottom: 1em}
    .news .item dt{width: 36%; float: left;}
    .news .item dd{width: 61%;}
    .news .item dd .info{padding: .5em 0; font-size: .875em; display: none}
    .news .item dd h5{font-size: .875em; font-weight: normal;}
    .news .item dd i,.news .item dd span{display: none}
    .news .item dd .ts{padding-top: .5em;}
    .list_ts span.xs_show{display: inline-block !important;}
    .sub_main > .box{padding: 0 !important}
    .info_link{display: block;}
    .info_link .btn{width: 1000%;}
    .info_link .btn0{width: 100%; margin: 1em 0}
    .page_right .info h2{padding: 0;margin-bottom: .5em; font-size: 1.25em; line-height: 1.2}
    .show_content{font-size:1em !important; text-align: justify;}
    .search_form .info{width: 100%;}
    .news_box{width: 100%  !important}
    .page_right,.page_left{width: 100% !important;}
    .news_box .news,.news_box .page_left{ width: 92%  !important; margin:0 auto !important; display: block !important; float:  none !important}
    .page_right .info2{padding: 0 !important}
    .page_left .small{background: none !important; padding:.5em 0 !important;}
    .page98 .form_line ul.b .aa4 dl{width: 100% !important}
    .swiper-pagination-bullets{bottom: 10px !important}
    .btn_box{padding: 0}
    a.btn_default{width: 100%;max-width: 100%}
    .fy2,.fy4,.fy_total,.page_jum{display:none}
    .fy{font-size: .875em}
    .margin_20{height:15px;}
    .margin_30{height:20px;}
    .margin_50{height:30px;}
    .sub_main,.info_link{padding:0;}
    .list_ts{font-size: .75em}
    .about_line{background: none}
    .about_a{display: none;}
    .about_b{width: 100%; font-size: .875em; padding-top: 0}
    .about_b p{padding-top: 1em}
    .contact .box{bottom: 0; position: relative; margin-top: 0; background: #f8f8f8; padding-top:.5em;}
    .contact .content li{width: 100%; margin-bottom: .5em; background: #fff}
    .contact .content li dl{padding: 1em; font-size: 1.25em}
    .contact .content li dt,.contact .content li dd{width: 100%}
    .contact .content li dt i{font-size: 1.5em;}
    .index_news .content .b dt{display: none}
    .index_news .content .b dd{width: 100%; border-bottom: none}
    .index_news .content .b dl{margin-bottom: 0}
    .index_news .content .b dl:after{display: none}
    .index_news .content .b dl:nth-child(4),.index_news .content .b dl:nth-child(5){display: block}
    .list_show img.cyn{margin:0 !important;}
    .info_link .btn{width: 100%; white-space: normal;}
    .info_link .btn0{width: 100%; margin: 0; text-align: left; position: relative; margin:1em 0;}
    .about .t{text-align: center;}
    .m-box{font-size: .875em}
    .about{padding-top: 5em}
    .about .a h5{font-size: 1.5em; color: #666}
    .about .a h6{font-size: 1em;color: #666}
    .about .b .info{border-radius:0; padding: 1.5em;}
    .about .c .c1 ul{padding: 1em 0; }
    .about .c .c2{display: block;margin-top: 3em;}
    .about .c .c2 ul{width: 100%}
    .about .c .c2 ul img{width: 100%}
    .about .c .c2 ul h5{font-size: 1.5em; margin-top: 2em}
    .about .c .c2 ul a.btn{background: #222; color: #fff; display: inline-block; padding: .75em 2em; border-radius: 5px; cursor: pointer;}
    .about .c .c2 ul a:hover.btn{background: #444}
    .products .item ul{width: 50%}
    .products .item ul a{width: 92%; margin: 0 auto 1em auto; padding: .3em 0 0; }
    .products .item ul a dl{width: 96%;}
    .products .item ul dd{padding: 0 .3em; height: 40px; line-height: 1.2}
 }