@charset "utf-8";



* {margin:0; padding:0; list-style:none; }



html{_background:url(about:blank);background-attachment:fixed;}



body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,



button,input,textarea,th,td{margin:0;padding:0;}



body{ background:#fff; color:#555; font-size:14px; font-family: Arial; margin:0 auto; padding:0; line-height:28px;}



ul,li{list-style:none;}



input,textarea,button,select{font-size:12px; outline:none; resize:none; color:#555; font-family: Arial;}



button{cursor: pointer;}



table{border-collapse:collapse;border-spacing:0;}



.clear {clear:both; height:0; font-size:0; line-height:0; overflow:hidden;}







a{color:#4c4c4c; text-decoration:none;-webkit-transition:color 0.3s ease-out;-moz-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;transition:color 0.3s ease-out;}



a:hover{color:#f7941e; text-decoration:none;}



img{border:none;max-width:100%; }



#clear{width:100%; height:0px; clear:both;}



.clear{width:100%; height:0px; clear:both;}



h2{ font-size:24px; font-weight:blod; line-height:30px;}



h4{ font-size:14px; font-weight:blod; line-height:30px;}



p{line-height:25px;}











.se1{color:#f15a2e;}.se2{color:#006db1}



.left{float:left;}.right{float:right;}



.line35{line-height:35px;}.line40{line-height:40px;}.line50{line-height:50px;}.line60{line-height:60px;}.line70{line-height:70px;}



.s12{font-size:12px;}.s14{font-size:14px;}.s16{font-size:16px;}.s18{font-size:18px;}.s20{font-size:20px;}.s22{font-size:22px;}.s24{font-size:24px;}.s26{font-size:26px;}.s28{font-size:28px;}.s30{font-size:30px;}.s32{font-size:32px;}.s34{font-size:34px;}.s36{font-size:36px;}.s38{font-size:38px;}.s40{font-size:40px;}



























::selection {background:#23693a; color:#fff;}



::-moz-selection {background:#23693a; color:#fff;}



::-webkit-selection {background:#23693a; color:#fff;}







#wap_nav{ display:none;}











.snav{ display:none;}



.topt{ display:none;}































@media only screen and (min-width: 1300px)  {



	



#top{width:100%; height:95px; margin:0 auto; background:#fff;}



#topc{width:1300px; height:95px; margin:0 auto;}



#topcl{width:380px; height:60px; float:left; margin-top:15px;}



#topcl img{height:60px; max-width:370px;}



#topcr{width:920px; height:95px; float:right; position:relative; padding-right:0px;}



.ser{ position:absolute; right:10px; height:34px; line-height:34px; margin:}



.ser a{ margin:0px 10px; display:block; float:left;height:34px; color:#929292;}



.ser a:hover{ color:#f7941e;}



#menu_wp{width:100%; height:95px; }



/*menu*/



#menu { display:block; width:100%; margin:0 auto; height:95px;}



#nav {display:block;}



#nav .mainlevel {float:left; text-align:center; width:115px; display:block; z-index:999999}



#nav .mainlevel a{ text-decoration:none; width:95px; margin:0 auto; text-align:center; line-height:115px; overflow:hidden; color:#202020; height:95px; display:block; font-size:14px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}



#nav .mainlevel a:hover { color:#f7941e; text-decoration:none; z-index:999}



#nav .mainlevel ul { display:block; position:absolute; display:none;  top:95px; margin-left:10px;   z-index:99; ackground:#fff;}







#nav .mainlevel li {background:#fff; padding-top:px; }



#nav .mainlevel li a {padding-left: 20px;
    width: 185px; color:#666; background-image:none; background-color:#fff; font-size:14px; text-align: left; line-height:30px; height:30px;  display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}



#nav .mainlevel li a:hover {color:#fff; background:#f7941e; }



.tp{ width:100%; height:95px;}















.cont4{ width:1200px; height:auto; margin:0 auto;}



.cont4 img{ width:100%; height:auto;}



}



 











@media only screen and (min-width: 1023px) and (max-width:1299px) {



	



#top{width:100%; height:191px; margin:0 auto; background:#fff; }



#topc{width:100%; height:95px; margin:0 auto;}



#topcl{width:100%; height:95px; margin:0 auto; text-align:center; float:none; ; border-bottom:#eee 1px solid;}



#topcl img{height:60px; max-width:599px; padding-top:15px;}



#topcr{width:920px; height:95px; margin:0 auto; position:relative; padding-right:0px;}



.ser{ position:absolute; right:10px; height:34px; line-height:34px; margin:}



.ser a{ margin:0px 10px; display:block; float:left;height:34px; color:#929292;}



.ser a:hover{ color:#f7941e;}







#menu_wp{width:100%; height:90px;}



/*menu*/



#menu { display:block; width:100%; margin:0 auto; height:90px;}



#nav {display:block;}



#nav .mainlevel {float:left; text-align:center;width:115px; display:block; background:url(../images/menu_1.png) right center no-repeat; z-index:999999}



#nav .mainlevel a{ text-decoration:none; width:90px; text-align:center; overflow:hidden; line-height:115px; margin:0 auto;  color:#202020; height:95px; display:block; font-size:15px; -webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;transition:all 0.2s ease-in; z-index:99999;}



#nav .mainlevel a:hover {color:#f7941e;  text-decoration:none; z-index:999}



#nav .mainlevel ul { display:block; position:absolute; display:none; margin-left:5px; top:95px; width:120px; z-index:99;  background:#fff;}







#nav .mainlevel li {background:#fff; padding-top:px; }



#nav .mainlevel li a { width:120px; color:#666; background-image:none; background-color:#fff; font-size:14px; text-align: center; line-height:30px; height:30px; display:block; _padding-bottom:2px;/*IE6 only*/-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-outs;transition:all 0.3s ease-out;}



#nav .mainlevel li a:hover {color:#fff; background:#f7941e; }



.tp{ width:100%; height:195px;}











.cont4{ width:1000px; height:auto; margin:0 auto;}



.cont4 img{ width:100%; height:auto;}



}



























@media only screen and (max-width: 1022px) {







.tp{ width:100%; height:95px;display:none;}	



#top{ display:none;}







#wap_nav{ display:block;}







.top{ display:block; width:100%; height:60px; padding:5px 0px 5px 0px; box-sizing:content-box; text-align:center; border-top:#00923f 0px solid; overflow:hidden; background:#fff; background-size:100% auto; position: fixed; left:0; top:0; z-index:999}



.top .left{margin-left:20px; float:left;}



.top .right{ width:60px; margin-right:10px; line-height:60px; float:right;}



.top .left img{height:60px;}



.top .right ul li{ float:left; display:block; width:100%; height:50px; padding-top:5px; text-align:center;}



.top .right a{color:#fff;}



.snav{ display: block;}







.topt{width:100%; height:80px; display:block;}







	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/



.sp_header{height:80px;overflow:hidden;position:fixed;z-index:99;width:100%; background:#fff; }



.sp_logo{padding:10px;float:left;height:80px}



.sp_logo img{margin:auto;max-height:50px;}



.sp_nav{width:80px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}



.sp_nav span{display:block;background:#f7941e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}



.sp_nav span:nth-of-type(1){top:0px}



.sp_nav span:nth-of-type(2){top:10px}



.sp_nav span:nth-of-type(3){top:20px}



.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}



.sp_nav_se span:nth-of-type(2){width:0}



.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}



.sjj_nav{position:fixed;z-index:9999999999999999;background-color:#fff;opacity: 0.9; width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}



.nav_show{top:80px}



.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}



.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 150px)}



.sjj_nav>ul>li:first-child .language{float:right;width:150px;overflow:hidden;line-height:30px;margin-top:5px}



.sjj_nav>ul>li:first-child .language a{width:60px;float:left;text-align:center; margin:0px 5px; font-size:12px; border-radius:2px;color:#fff; background:#f7941e;}



.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;border-left:1px #f7941e solid;}



.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}



.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}



.sjj_nav ul li{border-top:1px #f7941e solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}



.sjj_nav>ul >li:last-child{border-bottom:1px #f7941e solid;}



.sjj_nav ul li ul{display:none}



.sjj_nav ul li a{color:#2f2f2f;width:80%}



.sjj_nav ul li ul li a{color:#2f2f2f;display:block;text-align:left;}



.sjj_nav ul li i svg{width:20px;height:20px;fill:#f7941e;}



.sjj_nav ul li .sjj_nav_i_se svg{fill:#f7941e}



.sjj_nav ul li ul li>ul{margin-left:10px}



/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/



}























@media only screen and (min-width: 1024px) {



#bt1{width:80%;  margin:0 auto; min-height:25px; text-align:center; padding:30px 0px 10px 0px; color:#3e3e3e;}



#bt1 h2{font-size:30px; line-height:80px; background:url(../images/Demes-Cable_07.png) center top no-repeat; }



#bt1 p{ font-size:14px; line-height:20px; color:#a1a1a1; font-weight:normal;}



}







@media only screen and  (min-width: 768px) and (max-width: 1023px) {



#bt1{width:80%; margin:0 auto; min-height:25px; text-align:center; padding:20px 0px 10px 0px;color:#3e3e3e; }



#bt1 h2{font-size:25px; line-height:80px; background:url(../images/Demes-Cable_07.png) center top no-repeat; }



#bt1 p{font-size:12px; line-height:16px; color:#a1a1a1; font-weight:normal;}



}







@media only screen and (max-width: 767px) {



#bt1{width:80%; margin:0 auto; min-height:25px; text-align:center; padding:10px 0px 10px 0px;color:#3e3e3e;}



#bt1 h2{font-size:1.8em; line-height:3em; background:url(../images/Demes-Cable_07.png) center top no-repeat; }



#bt1 p{font-size:0.8em;  color:#a1a1a1; line-height:1.0em;}



}



@media only screen and (min-width:1300px) {

.cont1{ max-width:1600px; height:auto; margin:0 auto; padding:0px 40px;    box-sizing: border-box; }



.cont1 li{ width:25%; height:auto; float:left;display:table;}



.cont1 li .cnt1_img{ width:100%; height:auto; position:relative; overflow:hidden;}



.cont1 li .cnt1_img a{ width:100%; height:100%;  line-height:100%;display: block; font-size:20px; color:#fff; position:absolute; background:url(../images/abt1.png) right center no-repeat; top:0px; left:0px;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}



.cont1 li .cnt1_img a .cnt1{ width:100%; height:100%;  display:flex;align-items:center;justify-content:center;        background-color: rgba(00, 00, 00, 0.1);}



.cont1 li .cnt1_img a:hover{ background:#f37737 url(../images/abt1.png) left top repeat;display:block;position:absolute;bottom:0;left:0;color:#fff;}



.cont1 li .cnt1_img img{ width:100%;}

	

}







@media only screen and  (min-width: 756px) and (max-width: 1299px) {



.cont1{ max-width:94%; height:auto; margin:0 auto;}



.cont1 li{ width:25%; height:auto; float:left;display:table;}



.cont1 li .cnt1_img{ width:100%; height:auto; position:relative; overflow:hidden;}



.cont1 li .cnt1_img a{ width:100%; height:100%;  line-height:100%;display: block; font-size:20px; color:#fff; position:absolute; background:url(../images/abt1.png) right center no-repeat; top:0px; left:0px;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}



.cont1 li .cnt1_img a .cnt1{ width:100%; height:100%;  display:flex;align-items:center;justify-content:center;}



.cont1 li .cnt1_img a:hover{ background:#f37737 url(../images/abt1.png) left top repeat;display:block;position:absolute;bottom:0;left:0;color:#fff;}



.cont1 li .cnt1_img img{ width:100%;}



}



@media only screen and (max-width:755px) {



.cont1{ max-width:96%; height:auto; margin:0 auto;}



.cont1 li{ width:50%; height:auto; float:left;display:table;}



.cont1 li .cnt1_img{ width:100%; height:auto; position:relative; overflow:hidden;}



.cont1 li .cnt1_img a{ width:100%; height:100%;  line-height:100%;display: block; font-size:20px; color:#fff; position:absolute; background:url(../images/abt1.png) right center no-repeat; top:0px; left:0px;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}



.cont1 li .cnt1_img a .cnt1{ width:100%; height:100%;  display:flex;align-items:center;justify-content:center;    background-color: rgba(00, 00, 00, 0.1);}



.cont1 li .cnt1_img a:hover{ background:#f37737 url(../images/abt1.png) left top repeat;display:block;position:absolute;bottom:0;left:0;color:#fff;}



.cont1 li .cnt1_img img{ width:100%;}



}







@media only screen and (min-width: 1024px) {



#bt2{width:100%;  margin:0 auto; min-height:25px; text-align:center; padding:30px 0px 30px 0px; color:#fff; position:absolute;}



#bt2 h2{font-size:30px; line-height:60px;}



#bt2 p{ font-size:14px; line-height:20px; color:#fff; font-weight:normal;}



}







@media only screen and  (min-width: 768px) and (max-width: 1023px) {



#bt2{width:100%; margin:0 auto; min-height:25px; text-align:center; padding:20px 0px 20px 0px;color:#fff;position:absolute;}



#bt2 h2{font-size:26px; line-height:60px;}



#bt2 p{font-size:12px; line-height:16px; color:#fff; font-weight:normal;}



}







@media only screen and (max-width: 767px) {



#bt2{width:100%; margin:0 auto; min-height:25px; text-align:center; padding:10px 0px 10px 0px;color:#fff;position:absolute;}



#bt2 h2{font-size:1.6em; line-height:2.5em;}



#bt2 p{font-size:0.8em;  color:#fff; line-height:1.0em;}



}	











.mor1{ width:153px; height:43px; margin:40px auto;}



.mor1 a{ width:151px; height:41px; border:1px solid #f37737; background:#f37737; display:block; border-radius:5px; color:#fff; line-height:41px; text-align:center;}



.mor1 a:hover{ text-decoration:underline;}



@media only screen and (min-width:1300px)  {



.cont2_main{ width:1280px; height: auto; margin:0 auto;background:#e6e6e6}



.cont2_main li{ width:33.33%; height: auto; float:left;}



.cont2_main li a{width:95%; height: auto; display:block; margin:0 auto;}



.cont2_img{ width:100%; height: auto; }



.cont2_img img{width:100%; height: auto; }



.cont2_tip{ width:100%; height:115px; font-size:18px;  line-height:32px; margin-top:20px; position:relative;}

.ct2_tp{ width:100%; line-height:32px;font-size:18px;  height:32px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}

.cont2_dd{ width:25px; height:25px; position:absolute; top:45px; right:0px;}



.cont2_tip p{ width:80%; height:56px; line-height:28px; font-size:14px; font-weight: normal; color:#808080; overflow:hidden;}



}











@media only screen and  (min-width:756px) and (max-width: 1299px) {



	.cont2_main{ width:96%; height: auto; margin:0 auto;background:#e6e6e6}



.cont2_main li{ width:33.33%; height: auto; float:left;}



.cont2_main li a{width:95%; height: auto; display:block; margin:0 auto;}



.cont2_img{ width:100%; height: auto; }



.cont2_img img{width:100%; height: auto; }



.cont2_tip{ width:100%; height:115px;  margin-top:20px; position:relative;}



.ct2_tp{ width:100%; line-height:32px;font-size:18px;  height:32px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}



.cont2_dd{ width:25px; height:25px; position:absolute; top:45px; right:0px;}



.cont2_tip p{ width:75%; height:56px; line-height:28px; font-size:14px; font-weight: normal; color:#808080; overflow:hidden;}



}











@media only screen and (max-width:755px) {



.cont2_main{ width:96%; height: auto; margin:0 auto; background:#e6e6e6}



.cont2_main li{ width:50%; height: auto; float: left;}



.cont2_main li a{width:95%; height: auto; display:block; margin:0 auto;}



.cont2_img{ width:100%; height: auto; }



.cont2_img img{width:100%; height: auto; }



.cont2_tip{ width:100%; height:115px;  margin-top:0px; position:relative;}



.ct2_tp{ width:100%; line-height:32px;font-size:16px;  height:32px; overflow:hidden;white-space: nowrap; text-overflow: ellipsis;}



.cont2_dd{ width:25px; height:25px; position:absolute; top:45px; right:0px;}



.cont2_tip p{ width:75%; height:56px; line-height:28px; font-size:14px; font-weight: normal; color:#808080; overflow:hidden;}



}























#footer{width:100%; min-height:25px; background:#313131; padding:40px 0px 30px 0px; }



#footerc{max-width:1300px;  margin:0 auto;}



#footerc ul li{display:block; min-height:240px; float: left; line-height:30px; font-size:14px;color:#999;}



#footerc ul a{color:#979797;}



#footerc ul a:hover{ color:#f9db57;}







#footerc ul .fl1{width:13%; padding-left:10px; box-sizing:border-box;}



#footerc ul .fl2{width:34%; border-left:#444 1px solid; padding-left:60px; box-sizing:border-box;}



#footerc ul .fl3{width:13%; text-align:center;}



#footerc ul h2{font-size:16px; color:#f36133; line-height:40px; font-weight: bold;}











#footert{width:100%; min-height:25px; line-height:25px; padding:15px 0px 15px 0px; background:#484848; text-align:center; color:#fff;}



#footertc{width:88%; margin:0 auto;}































@media only screen and (max-width: 1000px) {



	



#footer{width:100%; min-height:25px; background:#313131; padding:20px 0px 30px 0px; }



#footerc{max-width:88%; margin:0 auto;}



#footerc ul li{display:block; min-height:240px; float: left; line-height:25px; font-size:12px;color:#999;}



#footerc ul a{color:#979797;}



#footerc ul a:hover{ color:#979797;}







#footerc ul .fl1{width:33.33%; padding-left:0px; box-sizing:border-box;height:auto;}



#footerc ul .fl2{width:50%; border-left:#444 0px solid; padding-left:0px; box-sizing:border-box; border-top:#444 1px solid; padding-top:20px;}



#footerc ul .fl3{width:50%; text-align:center; border-top:#444 1px solid; padding-top:20px;}



#footerc ul h2{font-size:14px; color:#f36133; line-height:40px; font-weight: bold;}











#footert{width:100%; min-height:25px; line-height:25px; padding:15px 0px 15px 0px; background:#484848; text-align:center; color:#fff;}



#footertc{width:88%; margin:0 auto;}



	



}



























.bannera{ width:100%; height:auto;}



.bannera img{ width:100%; height:auto;}



.mb_tip{ width:100%; min-height:24px; background:#6c747c; padding:13px 0px;}



.m_tip{ max-width:1200px; line-height:24px; color:#fff; margin:0 auto;}



.m_tip a{ color:#fff;}



@media only screen and (max-width: 1199px)  {



.m_tip{ width:96%; line-height:24px; color:#fff; margin:0 auto;}



.main{ width:96%; height: auto; margin:30px auto 50px  auto;}



}



.main{ max-width:1200px; height: auto; margin:30px auto 50px  auto;}



.main_l{ width:20%; min-height: 60px; float:left;  }







 .main_l li{ height: 48px; line-height: 48px; margin:0px 10px;border-bottom:1px solid #f26f21;}



 .main_l a{ display: block; width:100% color: #808080; padding-left: 34px; background:url(../images/net_list.png) left center no-repeat; border-left:1px solid #fff; }



 .main_l a:hover{ color:#f26f21; background:#efefef url(../images/net_list.png) left center no-repeat; border-left:1px solid #f26f21;}











.main_r{ width:80%; min-height:70px;  float:right; padding:0px 10px; box-sizing: border-box; }



.main_r h2{ font-size:18px; color:#f26f21; padding-bottom:15px; padding-top:15px;}







@media only screen and (max-width: 850px)  {



.main_l{ width:20%; min-height: 60px; float:left; display:none; }



.main_r{ width:96%; float:none; padding:0px; margin:0 auto;}



}



.product{ width:100%; height:auto;}



.product li{ width:50%; height:auto;  float:left; margin-bottom:30px;}



.product li a{ width:90%; border:1px solid #8d8d8d; margin:0 auto; text-align:center; display:block;}



.product li a img{ width:100%; height:auto;padding:20px 10px 20px 10px; box-sizing: border-box;}



.product li a p{ width:100%; height:40px; line-height:40px; border-top:1px solid #8d8d8d;}



.product li a:hover{ border:1px solid #f26f21}



.pd_img{ max-width:750px; height:auto;border:1px solid #8d8d8d;box-sizing: border-box; margin-bottom:30px;}



.pd_img img{ width:100%; height:auto; padding:20px;box-sizing: border-box; }







/* 选项卡示例样式 */



.main,.main2,.box {width: 100%;margin:20px auto;}



.tab {overflow: hidden;width: 100%;height: 42px;cursor: pointer;}



.tab li {float: left;width: 120px;text-align: center;line-height: 42px; margin:0px 5px;color:#fff; font-size:14px; background:#313131;}



.tab li.on {background:#f26f21;}



.con {width: 100%;padding:10px;border: 1px solid #313131; margin:20px auto;box-sizing: border-box; }



.con img{ max-width:100%}







.photo{ width:100%; height:auto;}



.photo li{ width:25%; height:auto; float:left; margin-bottom:25px; overflow:hidden;}



.photo li a{ width:94%; height:auto; margin:0 auto; display:block; overflow:hidden; box-sizing: border-box;}



.photo li a img{ width:100%; height:auto;cursor: pointer;transition: all 0.6s;}



.photo li a img:hover{transform: scale(1.2);}



#mrb-new{width:100%; margin:0 auto; }

#mrb-new ul{margin:0; padding:0;}

#mrb-new ul li{list-style:none;}

#mrb-new ul a{display:block; width:100%; text-indent:18px; overflow:hidden; height:34px; line-height:34px; font-size:14px; margin-top:6px; border-bottom:#e0e0e0 1px dotted; background:url(../images/libg.jpg) left center no-repeat;}

#mrb-new ul a:hover{color:#ff9125;}

#mrb-new ul span{float:right; color:#a0a0a0; font-size:12px;}

/*分页*/

#nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:left; }

#nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}

#nx_pg a:hover{background:#757575; color:#fff;}

#nx_pg .on{ background:#757575; color:#fff;}





#info-T{width:100%; min-height:30px; padding-top:15px; padding-bottom:15px; line-height:30px; text-align:center; font-size:18px; font-weight:bold;}

#info-M{width:100%; height:45px; line-height:45px; text-align:center; border-top:#e0e0e0 1px dotted;}

#info-C{width:100%; line-height:28px; margin-top:10px; font-size:14px;}



#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}

#info-N{width:100%; min-height:50px; padding-top:10px; line-height:28px; margin-top:20px; border-top:#e0e0e0 1px dotted;}



#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}

#big{width:100%; height:380px; margin:0 auto; text-align:center; padding-bottom:10px;}

#big img{height:380px; max-width:728px;}









@media only screen and (max-width: 756px)  {



.product li{ width:100%; height:auto; margin:0 auto;  float:left; margin-bottom:30px;}



.main,.main2,.box {width: 100%;margin:20px auto;}



.tab {overflow: hidden;width: 100%;height:  auto;cursor: pointer;}



.tab li {/*float:  none;*/width: 33.33%;text-align: center;line-height: 42px; margin:5px 0px; color:#fff; font-size:14px; background:#313131;}



.tab li.on {background:#f26f21;}



.con {width: 100%;padding:10px;border: 1px solid #313131; margin:20px auto;box-sizing: border-box; }



.photo li{ width:50%; height:auto; float:left; margin-bottom:25px; overflow:hidden;}















}

@media only screen and (min-width:756px)  {

.contx{ max-width:98%; height:auto; margin:0 auto;}



.contx li{ width:33.33%; height:auto; float:left;display:table; padding:10px;box-sizing: border-box;  }



.contx li .cntx_img{ width:100%; height:auto; position:relative; overflow:hidden;}



.contx li .cntx_img a{ width:100%; height:100%;  line-height:100%;display: block; font-size:20px; color:#fff; position:absolute; background:url(../images/abt1.png) right center no-repeat; top:0px; left:0px;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}



.contx li .cntx_img a .cntx{ width:100%; height:100%;  display:flex;align-items:center;justify-content:center;background-color: rgba(00, 00, 00, 0.1);}



.contx li .cntx_img a:hover{ background:#f37737 url(../images/abt1.png) left top repeat;display:block;position:absolute;bottom:0;left:0;color:#fff;}



.contx li .cntx_img img{ width:100%;}

}

@media only screen and  (min-width:500px) and (max-width: 755px) {

.contx{ max-width:98%; height:auto; margin:0 auto;}



.contx li{ width:33.33%; height:auto; float:left;display:table; padding:5px;box-sizing: border-box;  }



.contx li .cntx_img{ width:100%; height:auto; position:relative; overflow:hidden;}



.contx li .cntx_img a{ width:100%; height:100%;  line-height:100%;display: block; font-size:20px; color:#fff; position:absolute; background:url(../images/abt1.png) right center no-repeat; top:0px; left:0px;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}



.contx li .cntx_img a .cntx{ width:100%; height:100%;  display:flex;align-items:center;justify-content:center;}



.contx li .cntx_img a:hover{ background:#f37737 url(../images/abt1.png) left top repeat;display:block;position:absolute;bottom:0;left:0;color:#fff;}



.contx li .cntx_img img{ width:100%;}

}



@media only screen and (max-width:499px)  {

.contx{ max-width:96%; height:auto; margin:0 auto;}



.contx li{ width:50%; height:auto; float:left;display:table;   }



.contx li .cntx_img{ width:100%; height:auto; position:relative; overflow:hidden;}



.contx li .cntx_img a{ width:100%; height:100%;  line-height:100%;display: block; font-size:20px; color:#fff; position:absolute; background:url(../images/abt1.png) right center no-repeat; top:0px; left:0px;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s;}



.contx li .cntx_img a .cntx{ width:100%; height:100%;  display:flex;align-items:center;justify-content:center;    background-color: rgba(00, 00, 00, 0.1);}



.contx li .cntx_img a:hover{ background:#f37737 url(../images/abt1.png) left top repeat;display:block;position:absolute;bottom:0;left:0;color:#fff;}



.contx li .cntx_img img{ width:100%;}

}

@media only screen and (max-width:1365px)  {



	







}







@media only screen and (max-width:755px)  {



		



}