@charset "utf-8";
/* CSS Document */
.m-menubtn{position: fixed;z-index: 102;top:0;right:0%;width:55px; background:#ca1131; height:80px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none; }
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:25px;height:2px; background: #fff; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #fff;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff;}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff;}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; background:#fff; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 850ms;z-index:999;}
/*.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background: #fff;transform: translateX(-100%);transition: transform 550ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 350ms;}*/
.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:3%; padding-right:3%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu li>a{ font-size:17px;line-height:55px; padding:0 15px; position:relative}
.m-menu li>i{ position:absolute; width:40px; height:55px; right:0;top:0;}
.m-menu li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu a{ display:block;}
.m-menu .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu .sub a{line-height:30px;font-size:15px; padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}
.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active:before{transform: translateX(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-menu.active li{opacity: 1;transform: translateX(0);transition: opacity 500ms linear 375ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}




.m-foot{ position:fixed; width:100%; height:60px; padding-top:5px; left:0; bottom:0;background:#ca1131; color:#fff; display:none; z-index:99998}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li2 a{ background:url(../images/fmail.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}





.phshow{ display:none !important}
.pcshow{ display: block !important}



@media screen and (max-width:1650px){
.title h3{ font-size:38px;}
.title h4{ font-size:22px;}
.iabout .youshi ul li h3 span{ font-size:60px;}
.iabout .youshi ul{ top:46%}
.inews .item .conn01 h3{ font-size:20px;}
.inews .item .conn01 .time .date{font-size: 42px;line-height: 45px;}
.iproducts .swiper-slide .post p{ padding:20px; font-size: 18px;}
.iabout .text .conn p{ font-size:16px; line-height:30px;}

.nbanner .text h3{ margin-bottom:15px; font-size:45px; line-height:50px;}
.nbanner .text p{ font-size:16px;}
.ntitle02 h3{ font-size:26px;}
}


@media screen and (max-width:1550px){
.footer li h3{ font-size:18px;}
.header .menu li .menu_a {margin: 0 0 0 30px; }	
.iabout .youshi ul li{padding: 60px 0 0 0; font-size:18px;}
body{ font-size:15px;}
.iabout .youshi ul li h3 span{ font-size:55px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{margin-top:-90px;}
.header .menu li .menu_a{ line-height:90px;}
.banner, .nbanner{ margin-top:90px; }

.header .logo{ margin-top:-27px;}
.header .logo img{ height:54px; }
.footer li:nth-child(1) .flogo img{ height:52px;}
.iproducts .swiper-slide{ padding:20px 40px; }
.title{ margin-bottom:30px;}
.inews .item .conn01 h3{ font-size:18px;}
.inews .item .conn01 .time .date{ font-size:36px; line-height:40px;}
.inews .item .conn01 .time .ym{ font-size:16px;}

.footer li:nth-child(1) .flogo img{ height:54px;}
.footer li:nth-child(1) span{ font-size:24px;}

.nbanner .text h3{ margin-bottom:10px; font-size:40px; line-height:40px;}
.nbanner .text p{ font-size:16px;}
}

@media screen and (max-width:1440px){
.banner .swiper-slide .text h3{ font-size:36px; line-height:50px;}	
body{ font-size:14px;}

.header .menu li .menu_a{ font-size:17px;}
.title h3{ font-size:32px; margin-top:5px;}
.title h4{ font-size:20px;}
.iproducts .title ul li{ font-size:16px;}
.iproducts .swiper-slide .post p{ font-size:16px; padding:15px;}
.title{ margin-bottom:25px;}
.more{ height:45px; width:140px;}
.more a{ line-height:45px;background: url(../images/morejt.png) no-repeat 80% center; background-size: 15px auto; padding-right: 20px;}
.inews .item .nmore{padding: 30px 30px 30px 25px;}
.iabout .youshi ul li h3 span{ font-size:48px;}

.section{ padding:80px 0;}
.iabout .section{ padding:40px 0 100px 0;}
.iproducts.section{ padding:80px 0 60px 0;}
.footer .fcontent{ padding:60px 0 80px 0;}
.footer li:nth-child(1) .flogo{ margin-bottom:20px;}

.nbanner .text h3{ margin-bottom:10px; font-size:32px; line-height:32px;}
.nbanner .text p{ font-size:15px;}
.nguide ul li{ font-size:16px;}
.mab01 .nableft p{ font-size:16px;}
.mab02 .item h3{ font-size:20px;}
.title p{ font-size:16px; margin-top:15px;}
.mab02 .item .icon img{ height:50px;}
.mpower01 .text .item h3{ font-size:20px;}

.nnews .topnews .nmore{ margin-top:20px;}
}

@media screen and (max-width:1366px){
.header .menu li .menu_a{ margin: 0 0 0 23px;}
.header .logo{left: 5%;}
.header .menu{ margin-right:5%; }
.header .menu li .menu_a{ font-size:16px;}
.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ width:40px; height:40px;}
.iproducts .swiper-button-prev span, .iproducts .swiper-button-next span { width:40px; height:40px;}


.mab04 .swiper-button-prev, .mab04 .swiper-button-next{ width:40px; height:40px; margin-left:-56px;}
.mab04 .swiper-button-next{margin-right:-56px}
.mab04 .swiper-button-prev span{ width:40px; height:40px; background:url(../images/morejt02.png) no-repeat center center; background-size:15px auto;}
.mab04 .swiper-button-prev:hover span{background:url(../images/morejt.png) no-repeat center center; background-size:15px auto; }
.mab04 .swiper-button-next span{ width:40px; height:40px; background:url(../images/morejt02.png) no-repeat center center; background-size:15px auto;}
.mab04 .swiper-button-next:hover span{background:url(../images/morejt.png) no-repeat center center; background-size:15px auto; }

.wrap{ width:90%;}

.banner .swiper-slide .text h3{ font-size:32px; line-height:40px;}	
.iabout .youshi ul li h3 span{ font-size:40px;}
.footer li:nth-child(1) span{ font-size:20px;}
.footer li h3{ font-size:16px; margin-bottom:5px;}

.mab06 .swiper-slide .text{ padding:15px;}
.mab06 .swiper-slide .text h3{ font-size:16px;}
.mab04 .swiper-slide h3{ font-size:24px; }
.mab03 .text{ padding:15px;}

.mpower03 .conn ul li .num{ line-height:76px; margin-top:-38px; background-size:auto 100%; font-size:36px; }
.mpower03 .conn ul li .text h3{ font-size:18px;}
.nstation p{ font-size:16px;}

.eqlists li .wenzi{ padding:15px; font-size:16px;}
.ccon01 .lxfc .item:first-child h3{ font-size:24px;}
.ccon01 .lxfc .item{ margin-bottom:30px;}
.nnewsx .newstitle h3{ font-size:20px; }
.ntitle02 h3{ font-size:24px; margin-bottom:20px;}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 40px !important;}
}

@media screen and (max-width:1240px){
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{margin-top:-80px;}
.header .menu li .menu_a{ line-height:80px;}
.banner, .nbanner{ margin-top:80px; }	
.header .logo img{ height:50px;}
.header .logo{ margin-top:-25px;}
.iproducts .swiper-slide{ padding:10px 20px; }	
.banner .swiper-slide .text h3{ font-size:28px; line-height:32px;}	
.title h3{ font-size:28px; margin-top:5px;}
.title h4{ font-size:18px;}
.iabout .quite ul li{ font-size:16px;}
.iabout .youshi ul li p{ font-size:16px; padding-top:5px;}
.header .logo{left: 3%;}
.header .menu{ margin-right:3%; }
.wrap{ width:94%;}
.banner .swiper-pagination{left: 3%; bottom:20px;}
.banner .swiper-pagination-bullet{ width:10px; height:10px; margin:0 5px;}


.banner img{ width:110%; margin-left:-5%;}
.nbanner img{ width:110%; margin-left:-5%;}
.footer li:nth-child(1) .flogo img{ height:50px;}
.footer .copyright{padding: 15px 0 20px 0;}
.footer .copyright .backtop{ display:none; }
.mab02 .item .icon img{ height:45px;}

.nbanner .text h3{ font-size:28px; line-height:30px;}

.nnews .topnews .wenzi h3 { font-size:20px; margin:10px 0 0 0}
.nnews .topnews .time{ margin-bottom:10px}
.nnews .topnews .wenzi p{ line-height:25px; height:75px;}
.nnews .topnews .nmore{ display:none}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 30px !important;}
}

@media screen and (max-width:1160px){
.header .menu{ display:none;}
.header{ height:80px;}
.m-menubtn{ display:block;}
.nguide ul li{white-space:nowrap;}
.nguide ul {overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
}

@media screen and (max-width:1024px){
.banner .swiper-slide .text{ top:25%; }
.banner .swiper-slide .text h3{ font-size:24px; line-height:32px;}	
.title h3{ font-size:24px; margin-top:0px;}
.title h4{ font-size:16px;}	
.nbanner .text h3{ font-size:24px; margin-bottom:5px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{margin-top:-70px;}
.header .menu li .menu_a{ line-height:70px;}
.banner, .nbanner{ margin-top:70px; }	
.header .logo img{ height:46px;}
.header .logo{ margin-top:-23px;}
.banner .swiper-slide{ overflow: hidden; }
.banner img{ width:120%; margin-left:-10%;}
.nbanner img{ width:120%; margin-left:-10%;}
.iabout .youshi ul li h3 span{ font-size:36px;}
.iabout .text .more{ margin-top:40px;}
.iproducts .title ul{ position:relative; width:100%; margin-top:20px; max-width:100%}
.iproducts .title ul li{ padding-bottom:14px;}
.more{ width:130px;}

.footer li:nth-child(1) .flogo img{ height:46px;}
.footer li:nth-child(3){ display:none;}
.m-foot{ display:block;}
.footer .copyright{ margin-bottom:55px;}
.nbanner .text p{ font-size:15px;}
.nguide .wrap{ width:100%;}
.nguide ul li{ margin:0 10px; padding: 15px 0;}
.mpower01 .text .item h3{ font-size:18px;}

.nnews .topnews .wenzi h3 { font-size:18px;}
.ntitle02 h3{ font-size:22px;}
}

@media screen and (max-width:920px){
a.mouse{ display:none; }
.tiao{ display:none; }	
.nguide{ margin-top:0}
.banner img{ width:130%; margin-left:-15%;}
.nbanner img{ width:130%; margin-left:-15%;}
.iabout .text{ width:100%; max-width:100%}
.iabout{background: url(../images/iaboutbg.png) no-repeat center bottom; background-size: 100% 500px;}
.iabout .youshi{ position:relative; width:100%; height:auto; top:auto; right:auto; min-height:500px; }
.iabout .youshi ul li h3 span{ font-size:32px;}
.iabout .section{ padding:50px 0 0 0;}

.section{ padding:50px 0;}
.iabout .section{ padding:30px 0 0px 0;}
.iproducts.section{ padding:50px 0 40px 0;}
.iproducts .swiper-slide{ padding:0}
.iproducts .swiper-button-prev{ left:50%; margin-left:-50px;}
.iproducts .swiper-button-next{ left:auto; right:50%; margin-right:-50px;}
.iproducts .swiper-button-next, .iproducts .swiper-button-prev{ top:auto; bottom:0}
.iproducts .swiper-slide{ padding-bottom:45px;}

.footer .fcontent{ padding:40px 0 60px 0;}
.footer li:nth-child(1) span{ font-size:18px;}
.footer li:nth-child(1) .flogo{ margin-bottom:10px}

.inews .item{ width:49%;}
.inews .item:nth-child(2){ margin-right:0}
.inews .item:nth-child(3){ display:none;}

.mab01 .nableft{ display: block; width:100%; padding-right:0%; margin-bottom:20px;}
.mab01 .nabright{ width:100%; display: block;}
.mab06 .swiper-slide .text{ padding:10px;}
.mab04 .swiper-slide h3{ font-size:20px; margin-bottom:10px; }
.mab04 .swiper-slide{ padding-left:35px;}
.mab03 .text h3{ font-size:16px;}

.mpower03 .conn ul li .num{ line-height:70px; margin-top:-35px;font-size:30px; }
.mpower03 .conn ul li .text h3{ font-size:17px;}
.mpower03 .conn ul li .text p{ font-size:14px;}

.mpower03 .conn ul li{ width:32%; margin-right:2%;}
.mpower03 .conn ul li:nth-child(5){ margin-right:2%}
.mpower03 .conn ul li:nth-child(3n){ margin-right:0}

.mpower03 .conn ul li .text{padding:50px 15px 20px 15px; }
.nstation p{ font-size:15px;}
.nstation .conn{ margin-top:-10px;}
.ccon01 .lxfc .item:first-child h3{ font-size:20px;}
.ccon01 .lxfc .item{ margin-bottom:20px;}
.ccon01 .lxfc .item h3{ font-size:16px;}
.newslist li .txt .tit{ font-size:18px;}

.nnewsx .newstitle .back{position: relative; right:auto; bottom:auto; margin-top:20px;}
}


@media screen and (max-width:768px){
.iproducts .title ul{display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; padding-bottom:15px; margin-top:10px;}
.iproducts .title ul li{ display:inline-block; position:relative; padding-bottom:0px; margin-right:20px;}
.footer li:nth-child(2), .footer li:nth-child(4), .footer li:nth-child(5), .footer li:nth-child(6){ display:none;}

.mab04 .swiper-slide .con{ width:100%;}
.mab04 .swiper-slide:nth-child(2n){ margin-top:0px; background:url(../images/hisline02.png) no-repeat left center;  }

.mpower01 .image{ width:100%; float:none;}
.mpower01 .text{width:100%; float:none;}
.mpower01 .title{ margin-bottom:25px;}
.mpower01 .image img{ width:80%; margin:0 auto; display:block;}

.eqlists li{ width:49%; margin-right:2%; }
.eqlists li:nth-child(3n){ margin-right:2%}
.eqlists li:nth-child(2n){ margin-right:0}

.ccon01 .lxfc{ float:none; width:100%; margin-bottom:30px;}
.ccon01 .map{ float:none; width:100%; height:420px; background:url(/public/static/home/images/map.jpg) no-repeat center center; background-size:cover;}

.nnews .topnews{ padding-bottom:30px;}
.nnews .topnews .pic{ float:none; width:100%}
.nnews .topnews .wenzi{ width:100%;padding:15px 15px 30px 15px; position:relative;}
.nnews .topnews .swiper-pagination { padding-left:0; width:100%; text-align:center; bottom:10px !important }

.newslist li .txt .tit{ font-size:16px; line-height:24px; margin-bottom:10px !important;}

.newslist li .txt{width: calc(76% - 90px);margin-right:2%; margin-left:2%;}
.newslist li .time{margin-top:30px;width: 80px; padding-left:10px; }
.newslist li .time span{ display:block}
.newslist li .time span:first-child{font-size:45px;line-height:45px;}

.shangxia li{ float:none; width:100%; }
.shangxia li:nth-child(2){ float:100}
.shangxia li a{ margin:0 20px; line-height:50px;}
}

@media screen and (max-width:640px){
.banner img{ width:140%; margin-left:-20%;}	
.nbanner img{width:140%; margin-left:-20%;}
.banner .swiper-slide .text h3{ font-size:19.5px; line-height:28px;}	
.title h3{ font-size:22px;}
.nbanner .text h3{ font-size:22px;}
.nbanner .text p{ font-size:14px;}

#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{margin-top:-65px;}
.header .menu li .menu_a{ line-height:65px;}
.banner, .nbanner{ margin-top:65px; }	
.header .logo img{ height:42px;}
.header .logo{ margin-top:-21px;}
.iabout .youshi ul li{ width:40%}

.inews .item{ width:100%; margin-right:0%; margin-bottom:20px;}
.inews .item .conn01{ padding:20px 20px 0 20px;}
.inews .item .nmore{padding: 25px 20px 25px 20px;}
.footer li:nth-child(1) .flogo img{ height:42px;}

.mab02 .item{ width:100%; float:none; margin-top:20px; margin-right:0%; padding:20px;}
.mab02 .item:nth-child(3n){ margin-right:0; }
.mab02 .item:nth-child(2){ margin-top:20px;}
.eqlists li .wenzi{ padding:10px;}

.nliuyan .conn .liu01{ float:none; width:100%;  }
.nliuyan .conn .liu02{ float:none; width:100%;}
.nliuyan .conn .liu03{ float:none; width:100%; }
.nliuyan .conn .liu04{ float:none; width:100%;}
.nliuyan .conn .liu06{ margin-bottom:15px;}
.nliuyan .conn .liu07{ width:100%; }
.nliuyan input{ font-size:14px;line-height: 45px; height: 45px; margin-bottom:15px;}
.title{ margin-bottom:10px;}
}

@media screen and (max-width:540px){
.banner img{ width:160%; margin-left:-30%;}		
.nbanner img{ width:160%; margin-left:-30%;}

.mpower03 .conn ul li{ width:100%; margin-right:0%; margin-bottom:20px;}
.mpower03 .conn ul li:nth-child(5){ margin-right:0%}

.eqlists li{ width:100%; margin-right:0%; }
.eqlists li:nth-child(3n){ margin-right:0%}

.newslist li .time span:first-child{font-size:32px;}
.newslist li .time span:last-child{font-size: 14px;line-height: 28px;}
.newslist li .pic{width:100%; float:none}
.newslist li .txt{width: calc(100% - 95px);margin-right: 0%; margin-left:0%; float:left}
}