@charset "utf-8";
/* CSS Document */
body{font-family:"微软雅黑";}
*{margin:0; padding:0; border:0; font-family:"微软雅黑"; box-sizing: border-box; }
ul,li{list-style:none; margin:0; padding:0; border:0;}
h1,h2,h3,h4,h5,p{ margin:0; padding:0; border:0;}
a,a:hover{ text-decoration:none;}

.top{ background-color:#f9f9f9; padding:13px 0px; border-bottom:2px solid #f95108;}
.top p{ font-size:16px; color:#333; float:left;}
.top span{ float:right;}
.nav{  padding:15px 0px;}
.nav img{ float:left}
.nav .logo{ margin-right:80px;}
.nav_pc li{ float:left; padding:20px 20px; margin:0px 20px; }
.nav_pc li a{ color:#333; font-weight:bold;}
.nav ul li.xia{ background:url(../images/xia.png) no-repeat center right;}
.nav ul li{float:left;position: relative;box-sizing: border-box;z-index: 999;}
.nav ul li .f_a{display:block;text-align:center;font-size:16px;color:#333;}
.nav ul li:hover .f_a{color: #333; transition:all .3s}
.nav ul li .s_navbox{display:none;position: absolute;left:0; top:70px;width:180px; background:#fff; z-index: 9999;box-sizing: border-box;}
.nav ul li .s_navbox .s_a a{color:#333;font-size:16px; text-transform:uppercase;display:block; padding: 15px 20px;}
.nav ul li .s_navbox .s_a a:hover{background-color:#fafafa; color:#ff2904;}
.m_nav{display:none}
.headlf .m_logo{display: none}
.headrg .m_menuimg{display: none}
.banner{ }

.bt{ padding:25px 0px;}
.bt h2{ text-align:center; font-size:36px; color:#333;}
.bt h2 span{ color:#fb5604; }
.bt p{ text-align:center; font-size:16px; color:#666; margin-top:15px;}

.product{ background-color:#f9f9f9; padding-top:25px; margin-bottom:20px;}
.none {display:none;}
.nTab .TabTitle{ width:1050px; margin:0 auto;}
.nTab .TabTitle li{float:left;cursor:pointer; padding:20px; margin:10px; width:242px; text-align:center;}
.nTab .TabTitle .active{background:#ff2904;color:#fff;}
.nTab .TabTitle .normal{background:#eaeaea;color:#333;}
.nTab .TabContent li{ float:left; width:31.3%; margin:10px 1%; padding:20px; background-color:#fff; box-shadow:0px 0px 5px rgba(0,0,0,0.15); overflow:hidden;}
.nTab .TabContent li img{ width:100%; transition: all .35s ease;}
.nTab .TabContent li h5{ color:#333; font-size:16px; font-weight:normal; border-bottom:1px solid #eee; margin:20px 0px 10px; padding-bottom:6px;}
.nTab .TabContent li p{ color:#666; font-size:16px; line-height:25px;}
.nTab .TabContent li a.gd{ color:#f5a409; margin-top:15px; display:block;}
.nTab .TabContent li:hover h5{color:#4fabff;}
.nTab .TabContent li:hover img{transform:scale(1.1); transition: all .35s ease;}
.rdgd{ background-color:#0101c5; margin:30px auto 20px; display:block; width:160px; text-align:center; color:#fff; padding:12px 0px; border-radius:3px; font-size:14px;}

/*-----------------------------------关于我们---------------------------*/
.box .tab_menu{width:1200px;  margin:0 auto;}
.box .tab_menu li{float:left;cursor:pointer; padding:10px 30px; margin:15px 10px 40px; text-align:center; border:1px solid #f5f5f5; background:#f5f5f5;color:#333;}
.box .tab_menu .cc{ border:1px solid #f95108; background:#f95108;color:#fff;}
.box .tab_menu .current{ border:1px solid #f95108;color:#f95108; background-color:#fff;}
.tab_box p{ color:#666; line-height:30px; }
.tab_box p span{ color:#333; font-weight:bold; font-size:18px;}
.tab_box p a{ color:#f95108; font-weight:bold; }
.tab_box .hide {display: none;}
/*-----------------------------------生产流程---------------------------*/
.shengchan{ padding:30px 0px;}
.nTab1 .TabTitle1{width:1200px;  margin:0 auto;}
.nTab1 .TabTitle1 li{float:left;cursor:pointer; padding:10px 0px; margin:15px 2% 40px; width:21%; text-align:center; border:1px solid #f5f5f5; background:#f5f5f5;color:#333;}
.nTab1 .TabTitle1 .active{ border:1px solid #f95108; background:#f95108;color:#fff;}
.nTab1 .TabContent1 p{ color:#666; line-height:30px;}
.nTab1 .TabContent1 p span{ color:#333; font-weight:bold; font-size:18px;}
.nTab1 .TabContent1 p a{ color:#f95108; font-weight:bold; }
.nTab1 .TabContent1 img{ margin-top:30px;}

.yingyo{ padding:30px 0px;}
.yy{ width:50%; float:left;}
.yy img{ width:100%;}
.yy2{ width:50%; float:right;}
.yy2 img{ width:100%;}
.yyr{ float:right; width:50%; padding:25px;}
.yyl{ float:left; width:50%; padding:25px;}
.yyl h2,.yyr h2{ color:#333; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px;}
.yyl p,.yyr p{ line-height:25px; color:#666;}
.yygd{ background-color:#0101c5; margin-top:30px; display:block; width:160px; text-align:center; color:#fff; padding:12px 0px; border-radius:3px; font-size:14px;}
.yyl,.yy2{ margin-top:20px;}

.news{ padding-bottom:20px;}
.news h1{ color:#fb5604; text-align:center; margin:30px 0px; font-size:34px;}
.newss{float:left; overflow:hidden;}
.newss img{ transition: all .35s ease;}
.newsrs:hover img{transform:scale(1.1); transition: all .35s ease;}
.newsr{ width:390px; float:right; background-color:#0300c3; height:490px; padding:50px 30px 0px 50px;}
.newsr span{ color:#fff; float:right;}
.newsr h2{ color:#fff; margin:60px 0px 20px; font-weight:normal;}
.newsr p{ color:#fff; font-size:14px; line-height:25px;}
.news ul{ padding-top:30px; margin:0px -10px;}
.news ul li{ width:31.3%; margin:10px 1%; float:left;}
.news ul li img{ width:100%; transition: all .35s ease;}
.news ul li h3{ margin:10px 0px;}
.news ul li a{ font-weight:normal; color:#333; font-size:16px;}
.news ul li p{ color:#666; font-size:14px;}
.news ul li span{ color:#666; font-size:14px; margin-top:20px; display:block;}
.news ul li:hover img{transform:scale(1.1); transition: all .35s ease;}
.news ul li:hover a{color:#3c78d8;}
.news .ntu{ overflow:hidden;}

.foott{ height:4px; background-color:#3c78d8; margin-bottom:50px;}
.foot{ background:url(../images/map.png) no-repeat center center; background-color:#21437e;}
.f1{ float:left; margin-right:100px;}
.f1 h3{ font-size:18px; color:#fff;}
.f1 ul li{ margin:10px 0px;}
.f1 ul li a{ color:#fff; font-size:14px;}
.f1 ul li a span{ color:#ccc; font-size:14px; margin-right:5px;}
.f3{ float:left; margin-right:50px;}
.f3 h3{ font-size:18px; color:#fff; margin-bottom:10px;}
.f3 p{ color:#fff; line-height:25px;}
.f3 img{ margin-top:20px; width:150px;}
.f5{ width:550px; float:right;}
.f5 h3{ font-size:18px; color:#fff; margin-bottom:10px;}
.f5 p{ color:#fff; line-height:25px; font-size:14px;}
.footd{ background-color:#1b396d; padding:15px; margin-top:30px;}
.footd p{ text-align:center; color:#fff; font-size:14px;}
.foot .input{ border:1px solid #ccc; color:#fff; width:210px; height:37px; padding:10px; outline-style:none; background-color: transparent; margin:10px;}
.foot .input::placeholder{ color:#fff;}
.foot .wen{border:1px solid #ccc; color:#fff; width:440px; height:137px; padding:10px;outline-style:none; background-color: transparent; margin:10px;}
.foot .wen::placeholder{ color:#fff;}
.foot .submit{ background-color:#337ab7; color:#fff; padding:8px 25px; border-radius:5px; margin-left:10px;}


.bann{ background:url(../images/inner.jpg) center center; height:290px;}
.bann h2{ color:#fff; padding:120px 0px 0px 0px;}
.bann p{ color:#fff; margin:20px 0px 0px 0px; padding-left:23px; font-size:14px; background:url(../images/biao.png) left no-repeat;}
.bann p a{ color:#fff;}

.cp{ text-align:center; color:#333; font-size:32px; margin:30px 0px 20px;}
.cpl{ width:300px; float:left; border:1px solid #ddd; margin-bottom:20px;}
.cpl h2{ padding:20px; background-color:#0101c5; color:#fff;}
.cpl ul li{ border-bottom:1px solid #ddd; padding:15px 0px 15px 30px;}
.cpl ul li a{ color:#333;}
.cpl ul li:hover{ background-color:#f0f0f0;}
.cpl ul li:hover a{ color:#f5a409;}
.cpr{ width:1000px; float:right;}
.cpr .cpp li{ border:1px solid #ccc; float:left; width:32.3%; margin:5px 0.5%; padding:5px;}
.cpr .cpp li img{ width:100%;}
.cpr .cpp li p{ margin:10px 0px; height:21px; overflow:hidden;}
.cpr .cpp li p a{ color:#333; margin:10px 0px;}
.yema{ text-align:center; margin:30px auto;}
.yema li{display:inline-block;font-family:Arial;font-size:14px;color:#848484;line-height:30px; margin-bottom:3px;}
.yema li a{color:#848484;display:block; padding:0 10px;border:1px solid #d2d2d2; height:30px;}

.yema li.pages_solid{ background:#ff2904;color:#fff;border:1px solid #ff2904;}
.yema li:hover{ background:#ff2904;color:#fff;}
.yema li:hover a{ color:#fff; border:1px solid #ff2904;}
.yema b{ background:#ff2904;color:#fff; display:block; padding:0 15px; border:1px solid #ff2904; height:30px; }

.yema1{ text-align:center; margin:30px auto;}
.yema1 a{line-height:30px; margin:3px 5px; font-size:14px; color:#848484;display:block; border:1px solid #d2d2d2; height:30px; width:60px; float:left;}
.yema1 a:hover{ background:#ff2904;color:#fff;}
.yema1 b{ line-height:30px; margin:3px 5px; font-size:14px;background:#ff2904;color:#fff;display:block; border:1px solid #d2d2d2; height:30px; width:60px; float:left;}
.yema1 a b{ line-height:30px; margin:0px auto; font-size:14px;background:none;color:#848484;display:block; padding:0px;border:none; height:30px; width:50px; float:left;}
.yema1 a:hover b{ color:#fff;}

.cpnr{ padding:50px 0px;}
#preview{ float:left; text-align:center; width:400px;}
.jqzoom{ width:400px; height:400px; position:relative;}

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:400px; height:88px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url('images/left.gif') no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:15px;}
#spec-right{background:url('images/right.gif') no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:15px;}
#spec-list{ width:380px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:88px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:80px; height:80px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0; border:1px solid #ccc;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:370px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:0px; *margin-left:0;}

.cpnr1{ border-bottom:1px solid #ccc; padding-bottom:30px;}
.cpnrr{ width:750px; float:right; padding-top:50px;}
.cpnrr h2{ margin:20px 0px; font-weight:normal; }
.cpnrr p{ color:#333; line-height:25px; margin-bottom:5px;}
.cpnr2 .cpms{ padding:10px; text-align:center; background-color:#f5a100; color:#fff; font-weight:normal; font-size:20px; margin:30px 0px;}
.cpnr2 p{ color:#333; line-height:25px; margin-bottom:10px;}
.cpnr2 table{ border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin-bottom:20px;}
.cpnr2 td{border-left:1px solid #ccc; border-top:1px solid #ccc; color:#333; line-height:25px; padding:3px;}

.lbbt{text-align:center; color:#333; font-size:32px; margin:30px 0px 20px;}
.yynr{ padding:30px 0px;}
.yynr h2{ text-align:center; color:#333; margin-bottom:30px;}
.yynr p{ color:#555; line-height:25px; margin-bottom:5px; font-size:14px;}

.xwlb .xw li{ float:left; width:32.3%; margin:5px 0.5%; padding:5px;}
.xwlb .xw li img{ width:100%;}
.xwlb .xw li p{ margin:10px 0px; color:#666; font-size:14px;}
.xwlb .xw li p a{ color:#333; margin:10px 0px;}
.xwlb .xw li span{ margin:10px 0px; color:#666; font-size:14px;}

.xwnr{ padding:50px;}
.xwnr h2{ text-align:center; color:#333;}
.xwnr img{ margin:20px auto; display:block;}
.xwnr p{line-height:25px; margin-bottom: 5px; font-size:16px; color:#333; }
.nrbg{ border:1px solid #ccc; padding:20px 20px 0px; margin-bottom:10px;}
.nrbg li{ width:25%; float:left; line-height:25px; margin-bottom: 5px; font-size:16px; color:#333; } 
.nrfab{ border-bottom:1px dashed #999; padding:10px 0px; margin-bottom:20px;}
.nrfab li{ float:right; font-size:14px; color:#999; padding-left:25px; margin:0px 10px;}
.page{ margin-top:20px;}
.page ul li{ color:#666; }
.page ul li a{ color:#666;}
.page ul li a:hover{ color:#333;}

.guanyu{ background:url(../images/ab.jpg) center; padding:70px 0px 80px;}
.guanyu h2{text-align:center; color:#333; font-size:32px; margin:30px 0px 20px;}
.guanyu p{line-height:25px; margin-bottom: 5px; font-size:16px; color:#333;}
.guanyu2 h2{text-align:center; color:#333; font-size:32px; margin:30px 0px 20px; background:url(../images/wm.png) no-repeat center bottom; padding-bottom:30px;}
.gy2l,.gy2r{ width:50%; float:left;}
.gy2l img{ width:100%;}
.gy2r{ background-color:#fbfbfb; padding:123px 100px;}
.gy2r2{ padding:90px 100px;}
.gy2r p{line-height:25px; margin-bottom: 5px; font-size:16px; color:#333;}
.gy2rimg{ height:80px; margin-bottom:30px;}
.gy2rimg h3{ margin:30px 0px 0px 40px; float:left; font-weight:normal;}
.gy2rimg img{ float:left;}
.guanyu3{ padding-top:20px;}
.guanyu3 h2{text-align:center; color:#333; font-size:32px; margin:30px 0px 20px;}
.guanyu3 ul li{ width:48%; margin:10px 1%; padding:25px; float:left; box-shadow:0px 0px 8px rgba(0,0,0,0.15);}
.guanyu3 img{ float:left; margin:10px 30px 10px 10px;}
.guanyu3 h5{ font-weight:normal; color:#666; margin-bottom:5px; font-size:14px;}
.guanyu3 p{ font-size:14px; color:#333;}

.guanyu4{ padding:20px 0px 50px; margin-bottom:20px; background-color:#fbfbfb;}
.gy4bt{ margin-bottom:40px;}
.gy4bt h2{text-align:center; color:#333; font-size:32px; margin:30px 0px 10px;}
.gy4bt p{line-height:25px; margin-bottom: 5px; font-size:16px; color:#333; text-align:center;}
.gy4{ width:33.33%; float:left;}
.gy41 img{ width:100%;}
.gy42{ padding:50px 30px 40px;}
.gy42 h2{font-weight:normal; color:#333; margin-bottom:20px;}
.gy42 p{ font-size:14px; color:#333;}
.gy42 span{ font-size:14px; padding:10px; border-radius:25px; background-color:#21437e; display:block; margin-top:30px; color:#fff; text-align:center; width:150px;}

.lx1{ margin:30px -30px;}
.lx1 ul li{ float:left; border:5px solid #eee; padding:50px 20px; width:23%; margin:20px 1%;}
.lx1 ul li.lxx{ padding:39px 20px; }
.lx2{ padding-bottom:30PX;}
.lx2 h2{text-align:center; color:#333; font-size:32px; margin:30px 0px 10px;}
.lx2 p{line-height:25px; margin-bottom: 5px; font-size:16px; color:#333; }
.lx2 .input{ border:1px solid #ccc; border-radius:5px; color:#fff; width:210px; height:37px; padding:10px; outline-style:none; background-color: transparent; margin:10px; width:100%;}
.lx2 .input::placeholder{ color:#666;}
.lx2 .wen{border:1px solid #ccc; color:#fff; width:440px; height:137px; padding:10px;outline-style:none; background-color: transparent; margin:10px; width:100%;}
.lx2 .wen::placeholder{ color:#666;}
.lx2 .submit{ background-color:#21437e; color:#fff; padding:8px 25px; margin:0 auto; display:block; }

.yhl,.yhr{ width:50%; float:left; margin:20px 0 30px;}
.yhr{ padding: 40px 30px; background-color:#f5f5f5;}
.yhr h3{ font-weight:normal; font-size:18px; color:#f95108;}
.yhr p{line-height:25px; margin-bottom: 5px; font-size:16px; color:#333; padding-right:15px;}
.yhr hr{ width:40px; height:1px; border-bottom:3px solid #f95108; margin:20px 0px;}
.yhr a{background-color:#f95108; margin:30px 0 20px; display:block; width:120px; text-align:center; color:#fff; padding:12px 0px; border-radius:3px; font-size:14px;}
.cptj{ border-top:1px solid #ccc; margin:20px 0px; padding-top:20px;}
.cptj h2{ text-align:center; margin-bottom:20px;}
.cptj ul li{ width:19%; float:left; margin:10px 0.5%;}
.cptj ul li img{ width:100%;}
.cptj ul li a{ color:#999;}
.cptj ul li p{ text-align:center; margin-top:10px; height:21px; overflow:hidden;}

.box1 .tab_menu li{ width:33.33%;float:left;cursor:pointer; padding:15px 0px; text-align:center; background:#333;color:#fff; margin:30px 0;}
.box1 .tab_menu .current{ color:#fff; background-color:#f5a100;}
.box2 .tab_menu li{ width:50%;float:left;cursor:pointer; padding:15px 0px; text-align:center; background:#333;color:#fff; margin:30px 0;}
.box2 .tab_menu .current{ color:#fff; background-color:#f5a100;}


.ss1{ width:254px; float:right; margin-top:15px;}
.ss1 .inputSub{ background:url(../images/ss1.png) center no-repeat;}
.ss .ssbt{ text-align:center; margin:20px;}
.ss2 .inputSub{ background:url(../images/ss2.png) center no-repeat;}
.ss3{ width:100%; height:1px; border-bottom:1px solid #ccc; margin:20px 0px;}
.ss4 { color:#333; font-weight:bold; margin-bottom:10px;}
.ss4 span{ color:#900;}
.ss .sslb li{ width:24%; margin:10px 0.5%; float:left; background-color:#efefef; padding:7px;  transition: all .35s ease;}
.ss .sslb li img{ width:100%;}
.ss .sslb li p{ padding-top:5px; height:30px; overflow:hidden;}
.ss .sslb li p a{ color:#333; line-height:25px; height:21px; overflow:hidden;}
.ss .sslb li:hover{box-shadow:0px 0px 10px rgba(0,0,0,0.3); transition: all .35s ease;}
@media (min-width: 1520px){
.dnyc{ display:none;}
.c1520{ width:1520px; margin:0 auto;}
.c1320{ width:1320px; margin:0 auto;}
.c1180{ width:1180px; margin:0 auto;}
.c1200{ width:1200px; margin:0 auto;}
.gy2l,.gy2r{height:410px;}
}
@media (max-width: 1199px){
.sjyc{ display:none;}
.top{ height:46px;}
.top .c1520{ display:none;}
.nTab .TabTitle{ width:100%;}
.nTab .TabTitle li{ width:49%; margin:3px 0.5%; padding:10px;}
.nTab .TabContent li{ width:49%; margin:10px 0.5%; }
.nTab .TabContent li h5{ height:28px; overflow:hidden;}
.box .tab_menu{ width:100%;}
.box .tab_menu li{ margin:5px 0.5%; width:32.33%; padding:10px 0px;}
.nTab1 .TabTitle1{width:100%;}
.nTab1 .TabTitle1 li{ width:49%; margin:5px 0.5%;}
.yy,.yyr,.yy2,.yyl{width:100%;}
.newsrs,.f1,.f5{ display:none;}
.news ul li{width:100%; margin:10px 0;}
.f3{ padding-left:20px; margin:0px;}
.cpl,.cpr{ width:100%;}
.cpl ul li{ float:left; width:33.33%; text-align:center; padding:15px 0px;}
.cpr .cpp li{ width:49%; margin:5px 0.5%;}
.yynr{ padding:20px;}
.lx1{ margin:20px;}
.lx1 ul li{ width:98%; padding:10px; margin:10px 1%;}
.lx1 ul li.lxx{ padding:10px;}
.lx2{ padding:20px;}
.guanyu{ padding:20px;}
.gy2l, .gy2r{ width:100%;}
.gy2r{ padding:50px 10px;}
.guanyu3 ul li{ width:98%;}
.gy4{ width:100%;}
.bann{ padding-left:30px;}
.xwlb .xw li{ width:49%;}
.yhl,.yhr{ width:100%; float:left; margin:0px;}

.bt h2{ font-size:20px;}
.bt p{ margin-top:5px;}
.news ul{ margin:0px;}
.news h1{ font-size:20px; margin:10px 0;}
.bann{ height:150px;}
.bann h2{padding: 50px 0px 0px 0px;  font-size:18px;}
.bann p{margin:5px 0px 0px 0px;}
.cp{ font-size:18px;}
.cpl h2{ padding:10px;  font-size:16px;}
.guanyu h2,.guanyu2 h2,.guanyu3 h2,.gy4bt h2{ font-size:18px;}
.ss .sslb li{ width:48%;}
}
/*移动端导航*/
@media screen and (max-width: 1024px) and (min-width: 0px){
   .msgNum{display: none;}
   .slider{margin-top: 44px;}
   .nav{display:none}
   .m_img{display:block;height:44px;background:#fff;position:fixed;top:0px;left:0px;width:100%;z-index:9999;border-bottom:1px solid #ddd;overflow: hidden;}
   .m_img .headlf{padding-top:2px;padding-left:5px;float: left;}
   .m_img .headlf .m_logo{height:40px;display: block}
   .m_img .headrg{padding-right:5%;padding-top:14px;float: right;}
   .m_img .headrg a .m_menuimg{height:16px;vertical-align:top;display: block}
   .m_nav {display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000}
   .m_nav .closecover{position:absolute;width:100%;height:100%;background:#fff;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
   .m_nav .closeicon{position:absolute;width:20%;left:30px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
   .m_nav .m_navList{position:absolute;width:80%;right:0px;top:0px;background:#fff;height:100%;z-index:100;right:-80%;overflow-y: scroll;}
   .m_nav .m_navList ul{padding-left:5%;padding-right:5%}
   .m_nav .m_navList ul li{border-bottom:1px solid #d6d6d6;}
   .m_nav .m_navList ul li a{display:block;height:45px;color:#333;line-height:45px;padding-left:5%;font-size:16px}
   .m_nav .m_navList ul li .m_f_a{display: flex;align-items: center;justify-content: space-between; width: 100%}
   .m_nav .m_navList ul li .m_f_a a{flex: 1;}
   .m_nav .m_navList ul li .m_f_a i{width: 40px;height:35px;box-sizing: border-box; padding:0 5px; display: block;}
   .icon{ background:url(../images/xia.png) 100% no-repeat;background-position: 50% 50%; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .icon_on{background:url(../images/xia.png) 50% no-repeat!important;background-position: 50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
   .m_nav .m_navList ul li .m_s_nav{display:none;width: 100%;}
   .m_nav .m_navList ul li .m_s_nav a{display: block; height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow: hidden; white-space: nowrap;width: 90%;text-overflow: ellipsis;}
   
   
}