@charset "utf-8";
/* CSS Document */
.m-menubtn{position: fixed;z-index: 102;top:0;right:0%;width:55px; background:#015eb1; height:72px;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:98;}
/*.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 10px; 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: #015eb1; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.33%; text-align:center;}
.m-foot li a{ color:#fff; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 3px; padding-top:25px}

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

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



@media screen and (max-width:1650px){
.wrap{ width:84%;}
.header .menu li .menu_a{ font-size:16px;}
body{ font-size:15px;}
.more a{ max-width:240px; line-height:50px;} 
.title h3{ font-size:36px; line-height:50px;}
.title h3 span{ font-size:15px;}
.banner .text h3{ font-size:40px;}
.isupplier .conn .item .text h3{ font-size:17px;}

.ad h3{ font-size:40px; line-height:50px; margin-bottom:10px;}
.ad p{font-size:24px;}
.iparter li{ width:180px; height:105px;}
.div1, .div2{ height:105px;}
.iparter li .inn{ width:160px; height:85px;}

.nbanner .text h3{ font-size:40px;}
.footer .ftop{ font-size:16px;}
.banner{ height:400px;}
.banner .text form{ padding:3px 3px 0px 22px; width:90%; max-width:640px; height:39px;}
.banner .text form .search_btn{ height:33px; line-height:33px;}
.banner .text form .inp{height:33px; line-height:33px;}
.plist .item h3{ font-size:16px; line-height:45px;}
.plist .item .con .inn{ line-height:32px;}
.inews .swiper-slide .date{ line-height:50px;}
.inews .swiper-slide .text{ padding:15px 15px 20px 15px}
.inews .swiper-slide .text h4{ margin-bottom:0; }
.inews .swiper-slide .text h3{ font-size:18px;}
.inews .swiper-slide .date{ padding:0 15px;}
}
@media screen and (max-width:1450px){
.wrap{ width:88%;}
body{ font-size:14px;}
.isupplier .conn .item .text h3{ font-size:16px;}
.footer .ftop{ font-size:15px;}
.banner{ height:360px;}
.plist .item .con .inn{ line-height:30px;}
.title h3{ font-size:32px; line-height:40px;}
.title h3 span{ font-size:14px;}
.banner .text h3{ font-size:32px; margin-bottom:30px;}
.plist .item h3{ font-size:15px; line-height:42px;}
.inews .swiper-slide .text h3{ font-size:16px;}
}
@media screen and (max-width:1366px){
.wrap{ width:92%;}
.title h3 .line, .title h3 .line02{ margin-top:20px;}

.iparter li{ width:160px; height:85px;}
.div1, .div2{ height:85px;}
.iparter li .inn{ width:140px; height:70px;}
.nbanner .text h3{ font-size:32px;}
.nbanner img{ width:130%; margin-left:-15%;}
.nnewsx .newstitle h3{ font-size:20px; }
.comVision-list .comVision-icon{width: 120px;height: 120px;line-height: 120px;}
}
@media screen and (max-width:1240px){
.plist .item{ width:32%; margin-right:2%; margin-bottom:20px;}
.plist .item:nth-child(3n){ margin-right:0}
.footer .ftop li{padding: 0 30px;}
.title h3 .line, .title h3 .line02{ margin-top:20px;}
.banner .text h3{ font-size:30px; margin-bottom:20px;}
.nguide .yiji .item{ float:left;width:auto; margin-right:15px;padding:15px 20px; font-size:17px;}
.nguide .yiji .item .icon img{ height:40px; width:auto !important}

.nlist .conn .item{ width:23.5%;  margin-bottom:2%; margin-right:2%; }
.nlist .conn .item:nth-child(5n){ margin-right:2%; }
.nlist .conn .item:nth-child(4n){ margin-right:0; }
}
@media screen and (max-width:1024px){
.header .menu{ display:none;}
.m-menubtn{ display:block;}
.header .login{ margin-right:50px;}
.header .logo{ font-size:32px;margin-right:0px;}
.banner{ height:320px; }
.ad h3{ font-size:32px; line-height:40px;}
.ad p{font-size:20px;}

.isupplier .conn .item{ width:49%; margin-right:2%; margin-bottom:2%;}
.isupplier .conn .item:nth-child(3n){ margin-right:2%; }
.isupplier .conn .item:nth-child(2n){ margin-right:0; }
.isupplier .conn .item:nth-child(9){ display:none;}
.footer .wcode{ width:140px;}
.title h3{ font-size:28px; line-height:32px;}
.footer .fcontent ul{ width:80%}
.title h3 .line, .title h3 .line02{ margin-top:15px;}
.nbanner img{ width:160%; margin-left:-30%;}
}

@media screen and (max-width:920px){
.title h3{ font-size:24px; line-height:30px;}	
.footer .ftop li{padding: 0 20px;}
.banner{ height:300px; }
.banner .text h3{ font-size:24px;}
.plist .item{ width:49%; }
.plist .item:nth-child(3n){ margin-right:2%}
.plist .item:nth-child(2n){ margin-right:0}
.section{ padding:40px 0;}
.nmain.section{ padding:40px 0 80px 0;}
.ad h3{ font-size:28px; line-height:30px;}
.ad p{font-size:18px;}
.header .logo{ font-size:28px;}

.iparter li{ width:130px; height:65px;}
.div1, .div2{ height:65px;}
.iparter li .inn{ width:120px; height:55px;}
.footer .ftop{ display:none;}
.footer .wcode .backtop{ line-height:50px; background: url(../images/morejt03.png) #383838 no-repeat 12% center; background-size: 10px auto; padding-left:10px;}
.nguide .kuai h3 a{ padding:5px;}
.nbanner .text h3{ font-size:24px;}
.newslist li .txt .tit{ font-size:18px;}
.nnewsx .newstitle .back{position: relative; right:auto; bottom:auto; margin-top:20px;}
.nnewsx .newstitle .back{position: relative; right:auto; bottom:auto; margin-top:20px;}
.comVision-list .comVision-icon{width: 90px;height: 90px;line-height: 90px;}

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

.ad .swiper-slide{ overflow:hidden;}
.ad img{ width:120%; margin-left:-10%;}
}
@media screen and (max-width:768px){
.footer .fcontent li{ float:none; width:100%; }
.nbanner img{ width:200%; margin-left:-50%;}
.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;}

.nabout01 .pic{ float:none; width:100%; margin-bottom:40px;}
.nabout01 .wenzi{ float:none; width:100%;}
.nabout01 .wenzi .title{ margin-bottom:10px;}

.comVision-list .comVision-icon{width: 70px;height: 70px;line-height: 70px;}

.comVision-list li{width:50%; margin-bottom:20px;}
.comVision-list li:nth-child(2n+1){ clear:both}
.comVision-list li .con{margin:10px 0 0;}
.comVision-list li .name{ margin-top:15px;}
}
@media screen and (max-width:640px){
.banner{ height:260px; }
.ad{ padding:40px 0;}
.ad h3{ font-size:24px; line-height:30px;}
.ad p{font-size:16px;}	
.title h3 span{padding: 0 8px;}
.title h3 .line, .title h3 .line02{ width:30px;}
.header{ height:65px;}
.m-menubtn{ height:65px;}
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{ margin-top:-65px;}
.header .logo{line-height:65px;}
.banner{ margin-top:65px;}
.nbanner{ margin-top:65px; }
.header .login{margin-top:15.5px; margin-bottom:15.5px; line-height:34px; height:34px;}
.footer .wcode{ right:0; width:120px;}
.footer .fcontent li{ padding-left:25px;}

.nguide .yiji .item{ float:left;width:49%; margin-right:2% ;padding:10px; font-size:16px;}
.nguide .yiji .item:nth-child(2n){ margin-right:0; }
.nguide .yiji .item .icon img{ height:36px; width:auto !important}
.nguide .kuai p{ padding:15px;}
.nguide .kuai p a{ padding:0 5px;}
.nguide .kuai h3{ padding:10px 0; font-size:15px;}
.nguide .kuai h3 a{ margin-right:5px;}

.nlist .conn .item{ width:48.5%;  margin-bottom:3%; margin-right:3%; }
.nlist .conn .item:nth-child(4n){ margin-right:3%; }
.nlist .conn .item:nth-child(2n){ 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}
.ad img{ width:140%; margin-left:-20%;}
}

@media screen and (max-width:480px){
.banner{ height:240px; }	
.isupplier .conn .item{ width:100%; margin-right:0%; margin-bottom:15px;}
.isupplier .conn .item:nth-child(3n){ margin-right:0%; }

.eqlists li{ width:100%; margin-right:0%; margin-bottom:20px;}
.eqlists li:nth-child(3n){ margin-right:0%}
.ad img{ width:200%; margin-left:-70%;}
}