/* CSS Document */
*{margin:0;padding:0;border:0;outline:none}
@font-face{font-family:"simhei";src:url(../fonts/simhei.woff2) format("woff2"),url(../fonts/simhei.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}
body,html{font-family:Arial, Helvetica, sans-serif;height:100%}
body{text-align:center;margin:0 auto;padding:0;background:#fff;font-size:14px;color:#333;width:100%;width:expression(document.body.clientWidth <= 320? "320px":"auto");min-width:320px;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal}
select,input,img{vertical-align:middle}
ul,ol,li{list-style:none}
table{table-layout:fixed !important;width:100% !important}
table,td,input,select,input,textarea{font-size:15px;padding:0;border-color:#ddd;font-family:"Microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif,"宋体";}
input::-moz-focus-inner{border:none;padding:0px}
select,input{vertical-align:middle}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none}
textarea{resize:none}
.clear{display:block;height:0px;visibility:hidden;clear:both}
.clearfix{zoom:1}
.box{width:100%;max-width:1200px;margin:0 auto;text-align:left;box-sizing:border-box}
.clearfix:after,ul:after,.max:after{content:"";display:block;height:0px;visibility:hidden;clear:both}
.lf{float:left}
.rg{float:right}
/* 默认链接颜色 */
a{outline-style:none;color:#333;text-decoration:none}
a:hover{color:#02B29C;text-decoration:none}
/*清除链接虚框*/
a,area{blr:expression(this.onFocus=this.blur())}
:focus{-moz-outline-style:none}

.flex{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;}
.item{-webkit-align-items:center;align-items:center;}


/*-------*/
.top{ text-align:right; padding:8px 0; border-bottom:1px solid #e6e6e6;}
.top .box{ text-align:right}
.top a{ display:inline-block; padding:0 10px; border-right:1px solid #ddd; font-size:12px;}
.top a.last{ border-right:none; padding-right:0}

.header{width:100%;transition:all .4s ease;background:#f1f1f1;padding:22px 0;position:relative}
.header .box{-webkit-justify-content:space-between;justify-content:space-between}
.header .logo img{display:block;height:80px;}
.header .tell{ font-size:15px; background:url(../images/20200717114350_73075.jpg) no-repeat 0 12px; padding-left:60px; margin-left:60px; line-height:25px;}
.header .tell span{display:block;color:#337FE5;line-height:40px;font-family:"simhei","微软雅黑";font-size:36px; font-weight:600;}
/*
.header .tell{ font-size:14px; background:url(../images/20200717114350_73075.jpg) no-repeat 0 0; padding-left:60px; margin-left:60px;}
.header .tell span{display:block;color:#337FE5;line-height:30px;font-family:"simhei","微软雅黑";font-size:20px; font-weight:600}
*/
.header .soso{ display:none}
.header .soso input{ height:34px; line-height:30px; border:2px solid #3366ff; box-sizing:border-box; font-size:14px; padding:0 5px; width:250px;}
.header .soso input.sub{ line-height:34px; border:none; padding:0; background:url(../images/soso_blue.jpg) no-repeat center center #3366ff; width:60px;}
.header .menu{width:38px;background:url(../images/mue.png) no-repeat center center;min-height:30px;display:none;position:absolute;right:2%;top:50%;margin-top:-15px;z-index:999}
.header .menu.toggle-animate{background:url(../images/muc.png) no-repeat center center}

.nav{ background:#3366ff;}
.nav ul{width:100%;font-size:0;text-align:center}
.nav ul li{display:inline-block;position:relative;width:14.2857%;}
.nav ul li a{color:#fff;display:block;line-height:50px;font-size:16px;position:relative;padding:0 20px;font-family:"Microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif,"宋体";}
.nav ul li a:hover,.nav ul li a.on{color:#fff}
.nav ul li div{ position:absolute; left:0; top:47px; padding-top:3px; display:block; background:#3366ff; width:100%; display:none; z-index:2}
.nav ul li div a{ font-size:14px; padding:0}
.nav ul li div a:hover{ background:#fff; color:#3366ff}
.nav.default{ position:fixed; left:0; top:0; width:100%; z-index:99;-moz-box-shadow:0px 2px 10px rgba(0,0,0,.3);-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.3);box-shadow:0px 2px 10px rgba(0,0,0,.3);}

.meng{ background:rgba(0,0,0,.5); position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; display:none}
.mnav{position:fixed;top:0;left:-100%;width:55%;height:100%;padding-top:5%;background:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;display:block !important;opacity:1;z-index:999;overflow-y:auto;}
.mnav ul{width:100%;}
.mnav ul li{width:100%;text-align:left;font-size:14px;position:relative}
.mnav ul li a.a{display:block;color:#333;height:44px;line-height:44px;border-bottom:1px solid #eee;padding-left:20px;}
.mnav ul li i{display:block;width:25px;height:25px;background:url(../images/jjj.png) no-repeat center;background-size:60%;position:absolute;right:10px;top:10px;-webkit-transition:all .4s ease-in-out 0s;transition:all .4s ease-in-out 0s}
.mnav ul li i.fan{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.mnav ul li div{width:100%;border-bottom:1px solid #eee;box-sizing:border-box;padding:5px 5px 5px 20px;}
.mnav ul li div a{display:block;font-size:13px;color:#666;line-height:28px;background:url(../images/hr7.png) no-repeat left center;padding-left:15px;}
.mnav.active{left:0}
.meng.show{display:block}

.mySwiper{width:100% !important;position:relative}
.mySwiper .swiper-slide{overflow:hidden; cursor:pointer; height:418px;}
.mySwiper .swiper-slide a{ display:block; width:100%; height:100%}
.mySwiper .swiper-dian{bottom:4%;text-align:center;width:94%;padding:0 3%}
.mySwiper .swiper-pagination-bullet{width:12px;height:12px;background:#ccc;opacity:.8;border-radius:50%}
.mySwiper .swiper-pagination-bullet-active{opacity:1;background:#ff6600}
.mySwiper .swiper-button-prev{ background:url(../images/laa.png) no-repeat center center rgba(0,0,0,0.3);left:20px;}
.mySwiper .swiper-button-next{ background:url(../images/raa.png) no-repeat center center rgba(0,0,0,0.3);right:20px;}

.wbg{background:#fff;}
.htit{text-align:center;padding-top:55px;padding-bottom:15px;position:relative;font-family:Arial;}
.htit h2,.htit h1{font-size:36px;line-height:42px;color:#000;font-weight:600; background:url(../images/20200715225243_40318.png) no-repeat center bottom; padding-bottom:15px;}
.htit p{font-size:17px;line-height:29px;color:#555;padding-top:10px}
.htit2 h2,.htit2 h1,.htit2 p{ color:#fff;}

.center-a{-webkit-justify-content:space-between;justify-content:space-between; padding-top:25px; padding-bottom:60px;}
.center-a .zuo{ background:#0071BF; padding:15px 15px 50px; width:260px; min-height:570px; box-sizing:border-box}
.center-a .zuo h2{ color:#fff; font-size:24px; font-weight:600; line-height:36px; padding-bottom:20px; text-transform:uppercase; background:url(../images/20200715230222_44890.jpg) no-repeat right 42px;}
.center-a .zuo h2 span{ display:block; font-family:Arial;}
.center-a .zuo ul{ background:#fff; padding:10px;}
.center-a .zuo ul li{ padding:5px 0;}
.center-a .zuo ul li a{ display:block; font-size:14px; line-height:24px; height:24px; padding:6px 15px; background:#0071BF; color:#fff;border-radius:18px;}
.center-a .zuo .lx{ background:#fff; padding:10px; font-size:16px; line-height:32px; padding:10px; margin-top:15px;}
.center-a .you{width:calc(100% - 280px);display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);grid-gap:15px;}
.center-a .you dl{ text-align:center; box-sizing:border-box; border:1px solid #ccc;border-radius:10px; overflow:hidden;}
.center-a .you dl dt{ height:28px; line-height:28px; overflow:hidden; border-bottom:1px solid #ccc;}
.center-a .you dl dd{ overflow:hidden; height:210px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.center-a .you dl dd img{ display:block; max-width:100%; max-height:210px;-webkit-transition:all .8s ease 0s;transition:all .8s ease 0s;-ms-transition:all .8s ease 0s;-webkit-transform:scale(1,1);transform:scale(1,1);/*object-fit:cover;object-position:center center;*/}
.center-a .you dl:hover dd img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}

.lbg{ background:url(../images/20200716215225_38736.jpg) no-repeat center center; background-size:cover}
.albox{position:relative; padding-top:25px; padding-bottom:75px;}
.swiper-case{ width:90%;}
.swiper-case .swiper-slide{ text-align:center;}
.swiper-case .swiper-slide dl dt{ height:224px; padding:6px; box-sizing:border-box; border:1px solid #fff;-webkit-justify-content:center;justify-content:center;}
.swiper-case .swiper-slide dl dt img{ display:block; margin:0 auto; max-width:100%; max-height:210px;}
.swiper-case .swiper-slide dl dd a{ display:block; font-size:14px; color:#fff; height:28px; line-height:28px; overflow:hidden; padding-top:10px;}

.abg{ background:#f7f7f7;}
.news-a{-webkit-justify-content:space-between;justify-content:space-between; padding-top:20px; padding-bottom:70px;}
.news-a .list{ width:49%;}
.news-a .list .tit{ height:35px; line-height:35px;}
.news-a .list .tit h3{ font-size:17px; background:url(../images/f-red.jpg) no-repeat left center; padding-left:10px; font-weight:500}
.news-a .list .tit a{ float:right; color:#999; font-size:14px;}
.news-a .list ul{ width:100%; padding-top:10px;}
.news-a .list ul li{ font-size:14px;width:100%; height:36px; line-height:36px; border-bottom:1px dotted #ccc}
.news-a .list ul li span{ float:right; color:#999;}
.news-a .list ul li a{ display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; background:url(../images/icon.gif) no-repeat 0 14px; padding-left:12px;}
.news-a .list ul li a:hover{ color:#c00000}

.about-a{padding-top:20px; padding-bottom:70px;}
.about-a dl{ width:100%;-webkit-justify-content:space-between;justify-content:space-between;}
.about-a dl dt{-webkit-box-ordinal-group:3!important;-ms-flex-order:2!important;order:2!important; width:570px; height:420px;overflow:hidden}
.about-a dl dt img{ display:block; width:100%;object-fit:cover;object-position:center center;height:100%;}
.about-a dl dd{width:calc(100% - 600px);}
.about-a dl dd .tit{ border-bottom:1px solid #ddd; padding-bottom:10px;}
.about-a dl dd .tit span{display:block;color:#0071be;font-size:46px;font-weight:bold;margin:0px;line-height:60px;}
.about-a dl dd .tit p{ font-size:16px; line-height:28px;}
.about-a dl dd .txt{ font-size:14px; line-height:30px; color:#454545; padding-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;}
.about-a dl dd .but{ padding-top:15px;}
.about-a dl dd .but a{ background:#0071bf; width:140px; text-align:center; color:#fff; display:inline-block; padding:7px 0px; font-size:14px;-webkit-border-radius:18px;-moz-border-radius:18px;-o-border-radius:18px;border-radius:18px;}
.about-a dl dd .but a:hover{ background:#02B29C}

.footer{ background:url(../images/20200717211718_58268.jpg) no-repeat center top; background-size:cover; color:#fff;}
.footer .box{ text-align:center;}
.footer dl{-webkit-justify-content:center;justify-content:center; padding:50px 0}
.footer dl dt{ background:url(../images/rx.png) repeat-y right top; padding-right:50px;}
.footer dl dt img{ display:block; margin:0 auto}
.footer dl dt span{ display:block; font-size:16px; line-height:28px; padding-top:15px; font-weight:600;}
.footer dl dd{ text-align:left; font-size:16px; line-height:30px; padding-left:50px;}
.footer .copy{ font-size:14px; line-height:26px; padding-bottom:15px;}
.footer .copy a{ color:#fff;}

/*-内页-*/
.weizhi{ background:#f3f3f3; font-size:14px; line-height:20px; padding:10px 0}
.weizhi span{ display:inline-block; padding-left:15px; background:url(../images/wzr.png) no-repeat left center}
.weizhi a{ display:inline-block; padding:0 6px;}

.center-n{-webkit-justify-content:space-between;justify-content:space-between; padding-top:30px; padding-bottom:60px;}
.center-n .zuo{ width:260px;}
.center-n .zuo .ztit{ background:url(../images/rx_r2.png) repeat-x left bottom;}
.center-n .zuo .ztit-b{ margin-top:25px;}
.center-n .zuo .ztit span{ display:inline-block; font-size:20px; color:#545454; background:url(../images/rx_r1.png) repeat-x left bottom; height:46px; line-height:46px;}
.center-n .zuo .zlei ul{ width:100%; margin-top:15px;}
.center-n .zuo .zlei ul li{height:36px; line-height:36px; font-size:14px; padding:0 10px 0 25px; background:url(../images/rtt.png) no-repeat 10px center #f9f9f9; overflow:hidden; border:1px solid #ededed; margin-top:10px; box-sizing:border-box}
.center-n .zuo .zlei ul li a{ display:inline-block}
.center-n .zuo .zlei ul li.on a{ color:#02B29C;}
.center-n .zuo .ztxt{ font-size:14px; line-height:26px; padding-top:15px;}
.center-n .you{width:calc(100% - 290px);}
.center-n .you .ztit{ background:url(../images/rx_r2.png) repeat-x left bottom;}
.center-n .you .ztit h2,.center-n .you .ztit span{ display:inline-block; font-size:20px; font-weight:500; color:#545454; background:url(../images/rx_r1.png) repeat-x left bottom; height:46px; line-height:46px;}

.xwlist ul{ width:100%; padding-top:10px;}
.xwlist ul li{ width:100%; font-size:14px; line-height:26px; border-bottom:1px dashed #ddd; padding:10px 0}
.xwlist ul li a{ display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.xwlist ul li p.wa{-webkit-justify-content:space-between;justify-content:space-between; color:#ccc}

.news-txt{ padding-top:25px; padding-bottom:50px}
.news-txt .box{ border:1px solid #ddd; box-sizing:border-box;}
.wz-news{ font-size:14px; padding:10px; border-left:10px solid #ccc; background:#eee; text-align:right}
.wz-news a{ display:inline-block; padding:0 5px;}
.wz-news a:hover{ color:#c00000}

.nrtit{ text-align:center; padding:25px 15px 15px;}
.nrtit h1{ font-size:18px; font-weight:500}
.nrtime{-webkit-justify-content:space-between;justify-content:space-between; padding:15px 0; margin:0 15px; border-top:1px dashed #ddd; font-size:12px; color:#999;}
.nrtime .gnbut a{ display:inline-block; color:#999; padding:0 5px;}

.nrtxt{ font-size:16px; line-height:32px; padding-top:20px; padding-bottom:25px; color:#333}
.nrtxt img{ max-width:100% !important; height:auto !important}
.news-txt .nrtxt{ padding:15px;}

.ywlist{display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);grid-gap:20px; padding-top:25px; padding-bottom:15px;}
.ywlist dl{ text-align:center; box-sizing:border-box; overflow:hidden;}
.ywlist dl dt{ overflow:hidden; height:290px;}
.ywlist dl dt a{ width:100%; height:100%; position:relative; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.ywlist dl dt img{ display:block; max-width:100%; max-height:290px;}
.ywlist dl dd{ height:28px; line-height:28px; overflow:hidden; padding-top:10px; font-weight:bold}
.ywlist dl dd a:hover{ color:#c00000}
.ywlist dl dt a:after{content:"";display:block;height:53px;width:53px;background:url(../images/product_zoom.png) no-repeat center center; position:absolute; top:-100%; left:50%; margin-left:-26px; margin-top:-26px;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s;-ms-transition:all .3s ease 0s;}
.ywlist dl dt:hover a:after{top:50%;}

.xcbox{-webkit-justify-content:space-between;justify-content:space-between; padding-top:25px; padding-bottom:50px;}
.xcbox .zuo{width:430px;text-align:center;}
.xcbox .you{width:calc(100% - 455px);}
.xcbox .you h1{ font-size:16px; font-weight:bold; color:#666; line-height:32px;}
.xcbox .you .js{ font-size:13px; line-height:25px; color:#999; padding-bottom:15px;}
.xcbox .you .tt{ background:#3b5998; color:#fff;-webkit-justify-content:space-between;justify-content:space-between; padding:12px; line-height:22px;}
.xcbox .you .tt a{ color:#fff}
.xcbox .you .zx{ padding:25px 0; font-size:14px; line-height:30px;}
.xcbox .you .zx a{ display:inline-block; background:#3b5998; color:#fff; padding:0 15px; margin-left:10px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;}

.ctit{ border-bottom:1px solid #3b5998}
.ctit h2{ font-size:16px; color:#fff; height:47px; line-height:47px; background:#3b5998; text-align:center; width:180px}

.xcbox .jqbox{width:100%;height:360px;-webkit-justify-content:center;justify-content:center;}
.xcbox .jqzoom{max-width:100%;max-height:360px;overflow:hidden;position:relative;}
.xcbox .jqzoom img{display:block;max-width:100%;max-height:360px;}
.xcbox .zoomdiv{width:310px;height:310px;left:859px;z-index:100;border:1px solid #888;position:absolute;text-align:center;display:none;background:url(../images/loading.gif) #fff no-repeat center center;overflow:hidden;top:1px;left:0px}
.xcbox .spec{position:relative;width:100%;height:58px;overflow:hidden;margin-top:15px}
.xcbox .spec .specLeftT,.xcbox .spec .specRightT,.xcbox .spec .specLeftF,.xcbox .spec .specRightF{position:absolute;width:10px;height:56px;top:0;cursor:pointer;}
.xcbox .spec .specLeftT,.xcbox .spec .specLeftF{background:url(../images/pro_l.png) no-repeat center center;left:0;}
.xcbox .spec .specRightT,.xcbox .spec .specRightF{background:url(../images/pro_r.png) no-repeat center center;right:0;}
.xcbox .spec .specList{display:inline;float:left;position:absolute;text-align:left;width:400px;height:58px;overflow:hidden;top:0;left:15px;}
.xcbox .spec .specList ul{position:absolute;width:400px;left:4px}
.xcbox .spec .specList ul li{ width:58px;display:inline;float:left;margin-right:9px}
.xcbox .spec .specList ul li img{border:#ddd 1px solid;padding:2px;width:52px;height:52px;}
.bigimg{width:800px;height:800px}
.jqZoomPup{z-index:10;border:#ddd 1px solid;position:absolute;background:#fede4f no-repeat 50% top;width:50px;height:50px;visibility:hidden;top:0;left:0;cursor:move;filter:alpha(opacity=50);opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5}

.xcbox .gallery{ position:relative; display:none}
.xcbox .swiper-container{width:100%;margin-left:auto;margin-right:auto}
.xcbox .gallery-top{height:360px;width:100%}
.xcbox .gallery-top .swiper-slide{height:360px;justify-content:center;}
.xcbox .gallery-top .swiper-slide img{ display:block; max-width:100%; max-height:360px;}
.xcbox .gallery-thumbs{width:calc(100% - 30px);height:58px;margin:15px 15px 0; position:relative}
.xcbox .gallery-thumbs .swiper-slide{height:58px;}
.xcbox .gallery-thumbs .swiper-slide img{border:#ddd 1px solid;padding:2px;width:100%;height:58px; box-sizing:border-box}
.xcbox .gallery-thumbs .swiper-slide-thumb-active img{ border-color:#39c}
.xcbox .swiper-wl,.xcbox .swiper-wr{ width:10px; height:58px; margin-top:-29px; top:auto; margin-top:auto; bottom:0}
.xcbox .swiper-wl{background:url(../images/pro_l.png) no-repeat center center;left:0;}
.xcbox .swiper-wr{background:url(../images/pro_r.png) no-repeat center center;right:0;}

.nrbox .nrtxt{ width:calc(100% - 215px); padding-right:20px; box-sizing:border-box}
.nrbox .xglist{ width:215px; text-align:center; border-left:1px solid #3b5998; border-right:1px solid #3b5998; box-sizing:border-box}
.nrbox .xglist h3{ border-bottom:1px solid #3b5998; color:#666; font-size:16px; line-height:28px; padding:10px;}
.nrbox .xglist dl{ border-bottom:1px solid #3b5998; padding:5px;}
.nrbox .xglist dl dt{ width:100%; height:210px; display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.nrbox .xglist dl dt img{ display:block; max-width:100%; max-height:210px;}
.nrbox .xglist dl dd{ font-size:15px; line-height:25px; padding:10px 0;}

.xmap{ width:100%; border:1px solid #ddd; box-sizing:border-box; height:350px; margin-top:15px;}

/*--------分页-------*/
.next_fy{padding-top:30px;text-align:right;font-size:14px}
.next_fy a{height:28px;line-height:28px;margin:2px;display:inline-block;border:1px solid #ddd;background:#fff;padding:0 10px;}
.next_fy a:hover,.next_fy a.active{border:1px solid #02B29C;background:#02B29C;color:#fff}
.next_fp{ font-size:14px;line-height:26px;color:#333;padding-top:20px;padding-bottom:30px;margin:0 15px; border-top:1px dashed #ddd;}
.next_fp a{color:#333}
.next_fp a:hover{color:#333}
.next_fp p{ width:49%; text-align:left;}
.next_fp p.rg{ text-align:right;}


@media (max-width:1260px) {
.box{ width:95%;}
}

@media (max-width:1160px) {
.header .logo img{ height:66px;}
.header .tell{ background-position:0 9px;}
.header .tell span{ font-size:32px; line-height:36px;}
.htit{ padding-top:50px;}
.htit h2,.htit h1{ font-size:32px; line-height:38px;}
.htit p{ font-size:15px; line-height:27px;}
.center-a{ padding-top:20px; padding-bottom:55px;}
.center-a .zuo h2{ font-size:22px; line-height:32px; background-position: right 36px}
.center-a .zuo .lx{ font-size:15px; line-height:30px;}
.center-a .you dl dd{ height:200px;}
.center-a .you dl dd img{ max-height:200px;}
.albox{ padding-top:20px; padding-bottom:70px;}
.swiper-case .swiper-slide dl dt{ height:216px;}
.swiper-case .swiper-slide dl dt img{ max-height:202px;}
.news-a{ padding-bottom:65px;}
.about-a dl dd .tit span{ font-size:42px; line-height:52px;}
.about-a dl dd .txt{ padding-top:12px;}
.footer dl dt span,.footer dl dd{ font-size:15px;}
.center-n .zuo{ width:245px;}
.center-n .you{ width:calc(100% - 270px)}
.center-n .zuo .ztit span,.center-n .you .ztit h2,.center-n .you .ztit span{ font-size:18px; height:42px; line-height:42px;}
.ywlist dl dt{ height:270px;}
.ywlist dl dt img{ max-height:270px;}
}

@media (max-width:990px) {
.top{ display:none}
.header{ padding:16px 0; background:#fff; border-bottom:1px solid #eee}
.header .logo img{ height:60px;}
.header .tell{ font-size:14px; line-height:22px; background-position:0 5px; display:none}
.header .tell span{ font-size:28px; line-height:32px;}
.header .menu{ display:block}
.nav{ display:none}
.header.active{position:fixed;left:0;top:0;width:100%;z-index:99;-moz-box-shadow:0px 2px 10px rgba(0,0,0,.3);-webkit-box-shadow:0px 2px 10px rgba(0,0,0,.3);box-shadow:0px 2px 10px rgba(0,0,0,.3);}
.mySwiper .swiper-slide{ height:350px;}
.htit{ padding-top:40px; padding-bottom:10px;}
.htit h2,.htit h1{ font-size:28px; line-height:32px;}
.htit p{ font-size:14px; line-height:24px;}
.center-a{ padding-top:10px; padding-bottom:50px;}
.center-a .zuo{ width:100%; min-height:0; padding:0}
.center-a .zuo h2,.center-a .zuo .lx{ display:none}
.center-a .zuo ul{display:flex;flex-wrap:wrap; padding:0}
.center-a .zuo ul li{ width:32%; margin-right:2%; text-align:center}
.center-a .zuo ul li:nth-of-type(3n){ margin-right:0}
.center-a .you{ padding-top:20px; width:100%}
.albox{ padding-bottom:60px; padding-top:15px;}
.news-a{ padding-bottom:55px; padding-top:15px;}
.about-a{ padding-top:10px; padding-bottom:45px;}
.about-a dl dt{ width:100%; height:auto;-webkit-box-ordinal-group:0!important;-ms-flex-order:0!important;order:0!important;}
.about-a dl dd{ width:100%; padding-top:15px;}
.about-a dl dd .tit span{ font-size:36px; line-height:44px;}
.footer dl{ padding:40px 0 35px;}
.footer dl dt img{ height:100px;}
.swiper-case{ width:96%}
.center-n{ padding-top:20px; padding-bottom:55px;}
.center-n .zuo{ width:100%;}
.center-n .zuo .ztit,.center-n .zuo .ztxt{ display:none}
.center-n .zuo .zlei ul{display:flex;flex-wrap:wrap; margin-top:0}
.center-n .zuo .zlei ul li{ width:32%; margin-right:2%; text-align:center; background:#f9f9f9; padding:0 10px;}
.center-n .zuo .zlei ul li:nth-of-type(3n){ margin-right:0}
.center-n .zuo .zlei ul li.on{ background:#02B29C; border-color:#02B29C}
.center-n .zuo .zlei ul li.on a{ color:#fff;}
.center-n .you{ width:100%; padding-top:25px;}
.next_fy{ text-align:center}
.nrbox{ padding-bottom:35px;}
.nrbox .nrtxt{ width:100%; padding-right:0}
.nrbox .xglist{ width:100%; border-top:1px solid #3b5998;display:flex;flex-wrap:wrap;border-bottom:1px solid #3b5998;}
.nrbox .xglist h3{ width:100%}
.nrbox .xglist dl{ width:33.333333%; box-sizing:border-box; border-right:1px solid #3b5998; margin-bottom:-1px}
.nrbox .xglist dl:nth-of-type(3n){ border-right:none}
.xcbox .you{ width:calc(100% - 450px)}
.xcbox .preview{ display:none}
.xcbox .gallery{ display:block}
}

@media (max-width:768px) {
.mySwiper .swiper-slide{ height:320px;}
.htit{ padding-top:35px;}
.htit h2,.htit h1{ font-size:25px;}
.news-a .list{ width:100%;}
.news-a .list:nth-of-type(2){ padding-top:25px;}
.about-a dl dd .tit span{ font-size:32px; line-height:42px;}
.about-a dl dd .tit p{ font-size:14px; line-height:26px;}
.next_fp p{ width:100%; float:none}
.next_fp p.rg{ float:none; text-align:left}
.nrtxt{ font-size:15px; line-height:30px;}
.news-txt .nrtxt{ padding-top:10px;}
.next_fp{ padding-bottom:20px; padding-top:15px;}
.ywlist{grid-gap:15px;}
.ywlist dl dt{ height:250px;}
.ywlist dl dt img{ max-height:250px;}
.xcbox .zuo{ width:100%;}
.xcbox .you{ width:100%; padding-top:25px;}
}

@media (max-width:640px) {
.header{ padding:12px 0}
.header .logo img{ height:50px;}
.mySwiper .swiper-slide{ height:280px;}
.swiper-button-next,.swiper-button-prev{ width:25px; height:40px; background-size:10px auto !important;}
.mySwiper .swiper-pagination-bullet{ width:10px; height:10px;}
.htit{ padding-top:30px;}
.htit h2,.htit h1{ font-size:22px; line-height:28px;}
.center-a{ padding-top:5px; padding-bottom:40px;}
.center-a .you,.ywlist{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);}
.center-a .you dl:nth-of-type(9){ display:none}
.albox{ padding-bottom:50px;}
.news-a,.about-a{ padding-bottom:40px;}
.about-a dl dd .tit span{ font-size:28px; line-height:38px;}
.footer dl{ padding:35px 0 30px;}
.footer dl dt{ padding-right:30px;}
.footer dl dt img{ height:90px;}
.footer dl dt span,.footer dl dd{ font-size:14px;}
.footer dl dt span{ line-height:24px; padding-top:10px;}
.footer dl dd{ padding-left:25px;}
.footer .copy{ font-size:13px;}
.center-n{ padding-bottom:45px;}
.next_fy{ padding-top:25px;}
.xcbox{ padding-bottom:40px;}
.xcbox .you .tt{ padding:10px;}
.xcbox .you .zx{ padding:20px 0}
.ctit h2{ height:42px; line-height:42px; width:160px;}
.nrbox .xglist dl dd{ font-size:14px; line-height:24px;}
}

@media (max-width:568px) {
.mySwiper .swiper-slide{ height:260px;}
.footer dl{ padding-bottom:15px;}
.footer dl dt{ width:100%; padding-right:0; background:none}
.footer dl dd{ width:100%; padding-left:0; text-align:center; padding-top:10px;}
}

@media (max-width:440px) {
.header .logo img{ height:44px;}
.mySwiper .swiper-slide{ height:220px;}
.mySwiper .swiper-button-prev{left:12px;}
.mySwiper .swiper-button-next{right:12px;}
.htit{ padding-top:25px;}
.htit h2,.htit h1{ font-size:20px; line-height:26px; padding-bottom:12px;}
.htit p{ padding-top:7px;}
.center-a{ padding-bottom:30px;}
.center-a .zuo ul li,.center-n .zuo .zlei ul li{ width:49%;}
.center-a .zuo ul li:nth-of-type(3n),.center-n .zuo .zlei ul li:nth-of-type(3n){ margin-right:2%;}
.center-a .zuo ul li:nth-of-type(even),.center-n .zuo .zlei ul li:nth-of-type(even){ margin-right:0;}
.center-a .you dl dd{ height:180px;}
.center-a .you dl dd img{ max-height:180px;}
.albox{ padding-top:10px; padding-bottom:35px;}
.swiper-case .swiper-slide dl dt{ height:230px;}
.swiper-case .swiper-slide dl dt img{ max-height:216px;}
.about-a{ padding-top:5px;}
.about-a dl dd .tit span{ font-size:25px; line-height:33px;}
.weizhi{ font-size:13px; line-height:19px;}
.wz-news{ font-size:13px;}
.center-n{ padding-top:15px; padding-bottom:40px;}
.center-n .you{ padding-top:20px;}
.next_fy{ padding-top:20px;}
.nrtit h1{ font-size:16px;}
.nrtime .gnbut{ padding-top:10px;}
.nrtxt{ padding-top:15px;}
.news-txt{ padding-bottom:35px;}
.news-txt .nrtxt{ padding-top:0}
.ywlist dl dt{ height:230px;}
.ywlist dl dt img{ max-height:230px;}
.nrbox .xglist dl{ width:50%;}
.nrbox .xglist dl:nth-of-type(3n){ border-right:1px solid #3b5998}
.nrbox .xglist dl:nth-of-type(even){ border-right:none}
}

@media (max-width:375px) {

}

@media (max-width:360px) {

}