@charset "gb2312";

.Toubu{width: 100%;background:url(../images/Toubu.jpg) no-repeat center top;}
.root {width: 100%;height: 149px;position: relative;}
.root dt {float: left;margin-top: -76px;width:25%;height: 225px;}
.root dt img {display: block;width: 251px;height: 225px; z-index:19999; position:relative}
.root .wzgg {padding-top:24px;position: relative;height: 113px;width:75%;float: right;font-size: 15px;color: #555555;line-height: 34px;text-indent: 2em;}
.root .wzgg p { display:inline}
.root .wzgg p em {font-weight: bold;}
.root .wzgg h1{ font-size: 15px;display:inline; font-weight:normal}
.root .wzgg h2{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg h3{font-size: 15px; display:inline; font-weight:normal}
.root .wzgg span{ display:inline; font-weight:normal}
.root .wzgg i {display: block;position: absolute;right: 0;bottom: 24px;width:24px;height:7px;}
.root .wzgg img {display: block;width:24px;height:7px;}
.wzgg{display:inline}
.wzgg_bt{display:inline}
@media only screen and (max-width:1440px) { 
.root .wzgg i{ bottom:-12px}
}
@media only screen and (max-width:1680px) { 
.root dt{ margin-top:-57px}
}
@media only screen and (max-width:1305px) { 
.root .wzgg{ width:69%} 
.root .wzgg{ height:140px}
}
@media only screen and (max-width:1054px) { 
.root .wzgg{ height:130px}
.root dt{ margin-top:-33px}
.root .wzgg i{ display:none}
.root{ height:auto}
}
@media only screen and (max-width:913px) { 
.root .wzgg{ height:auto}
}
@media only screen and (max-width:876px) { 
.root .wzgg{ line-height:26px; width:63%}
}
@media only screen and (max-width:768px) { 
.root{ display:none}
.Toubu{ background:none}
.root{ background:#333; padding:0% 0% 2% 0%; height:auto}
.root dt{ width:100%; background:#333; margin-top:0%; text-align:center}
.root dt img{ margin: 0 auto;}
.root .wzgg{ width:100%; height:auto; color:#fff; padding-top:0%}
.root .wzgg h1{ display:none}
.root .wzgg h2{ display:none}
.root .wzgg p{ display:none}
.root .wzgg h3{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center;border-radius:50px; background:#FFFFFF; color:#ce0001; display:block; margin-top:3%;} 
}

.mainsytj{ padding:0; }
.mainsytj_top{ text-align:center; }
.mainsytj_top dt{ font-size:30px; line-height:60px; color:#295592 ;font-weight: bold}
.mainsytj_top dt i{ height:90px; overflow:hidden; width:100%; display:block; display:none}
.mainsytj_top dd{ font-size:18px; line-height:40px; color:#999; text-transform:uppercase; font-weight:normal }
.mainsytj_top p{ background:#295592; height:2px; width:40px; margin: 0 auto; display: none} 
@media only screen and (max-width:596px) { 
.mainsytj_top{ width:98%}
.mainsytj_top img{ width:100%}
}

.company { width: 660px; float: left; /* border: 1px #087DC4 solid; */ margin-left: 7px; height: 300px; }
.title { line-height: 30px; background: #3D71E6; height: 42px; font-family: '微软雅黑'; color: #FFFFFF; border-radius: 5px;}
.title h1 { float: left; line-height: 35px; color: #FFF; padding-left: 10px; font-size: 16px; margin-top: 0px; height: 18px; }
.title h1 a { color: white; font-size: 18px; /* height: 30px; */ line-height: 41px; }
.title h2 { float: right; line-height: 35px; padding: 0 10px 10px 0px; font-weight: normal; font-size: 11px; margin-top: 2px; height: 18px; }
.title h2 a { color: white }
.companybox { padding-left: 3px; padding-right: 3px; }
.companybox img { float: left; width: 306px; height: 245px; margin-top: 6px; margin-bottom: 9px; }
.companybox p { line-height: 27px; color: #1A0101; width: 335px; display: block; font-size: 14px; float: right; margin-top: 12px; }


/*产品中心*/
.box1{ background:url(../images/cp_bg.jpg) repeat top; padding:10px 0}
.mleft { width: 20%; float: left }
.mup { height: 58px; line-height: 55px; text-align: left; text-indent: 4em; font-size: 17px; color: #ECF0EA; background: #336CEC;/* border-bottom: 1px solid #3C0; */ margin-top: 6px; }
.mup a { color: #ECEAF1; }
.mup span { font-size: 12px; color: #F1EDED; margin-left: 12px; }
.list { border: 8px  solid #396EE6;margin-top: 6px;margin-bottom: 6px;padding-bottom: 6px;}
.list ul li{ width: 85%; border: 1px solid #9DACCE; margin-left: 16px;text-align: center;line-height: 36px; margin-top: 6px;height: 36px; font-size:16px; color:#FFF;border-radius: 12px;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.list ul li:hover{ background: #336CEC;}
.list ul li:hover a{ color:#FFF}

.mright { width:77%; float: right; }
.bt4{ display: none}
.ipro { }
.ipro li { float: left; width:32%; height: 275px; margin-left:1%; border: #cccccc 1px solid; margin-top:4px; }
.ipro li img { display: block; margin: 4px auto; width: 100%; height: 100%; }
.ipro li div { width:95%; height: 228px; overflow: hidden; margin: 0 auto; margin-top: 10px;margin-bottom: 5px;}
.ipro li p { font-size: 15px; color: #666; text-align: center; line-height: 30px; height: 30px;/* width: 230px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
.ipro li:hover{ background: #2054CA;}
.ipro li:hover p{ color:#fff}
@media screen and (max-width:1300px){ 
.mleft{ display:none}
.mright{ width:100% }
.bt4{ display:block}
}
@media screen and (max-width:760px){ 
.ipro li{ width:48%;}
.ipro li:nth-child(9){ display:none}
}
@media screen and (max-width:560px){ 
.ipro li{ width:99%; margin-left:0}
}
/*新闻中心*/


.tab3 { width: 360px; float: left }
.tab3 ul { list-style: none; overflow: hidden; margin: 0; padding: 0; }
.tab3 .nav { width: 100%; height: 52px; }
.tab3 ul li { float: left; width: 50%; height: 52px; line-height: 52px; text-align: center; background-color: #CA5029; background-image: url(../images/ico2.png); background-position: 28px 12px; background-repeat: no-repeat; color: #fff; }
.tab3 .ys { background: #0d3c95; color: #fff; background-image: url(../images/ico1.png); background-position: 28px 12px; background-repeat: no-repeat; /* width: 50%; */ /* height: 52px; */ }
.nav-box { width: 100%; /* height: 300px; */ /* background-color: #000; */ color: #fff; line-height: 300px; text-align: center; display: none; }
.tab3 .nav-box div { width: 100%; height: 48px; line-height: 56px; border-bottom: 1px solid #cce1f1; margin-bottom: -1px; float: left; }
.tab3 .nav-box div a { height: 48px; line-height: 56px; color: #333; font-size: 14px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/**/

.trans { transition: all 0.4s ease-in-out; }
.trans:hover { transform: scale(1.06); background-color: #C5EFED }
/*tab3*/

.news13 { width: 300px; float: left }
.news13 dl { list-style-type: none; }
.news13 dl dt { line-height: 30px; height: 30px; width: 350px; float: left; margin: 5px; border: 1px #8DABE9 solid; }
.news13 dl dt a { line-height: 30px; height: 30px; overflow: hidden; font-size: 13px; font-weight: normal; float: left; width: 257px; }
.news13 dl dt span { float: right; padding-right: 5px; font-size: 13px }
/*box4*/

.box2tit { background: #1198ea;  /* width: 560px; */ height: 60px;  text-align: left; line-height: 56px; margin-bottom: 6px; }
.box2tit a { color: #FFF; font-size: 18px; margin-left: 29px; }
.innews .box2zpic{ width: 412px; height: 440px;}
.innews .box2zpic img{ width:100%; height:100%}
.box2pic { width: 400px; height: 220px; border-radius: 27px; }
.box2pic img { width: 100%; height: 100%; border-radius: 16px; }
.innews { width: 586px; margin-left: 6px; /* border: 1px solid #1198EA; */}
.innews li { width: 556px; float: left; border-bottom: 1px solid #cccccc; line-height: 36px; height: 30px; margin-top: 6px; padding-left: 12px; margin-left: 8px;}
.innews li span { width: 76px; float: right; }
.innews li a { font-size: 14px; width: 265px; display: block; float: left;/* clear: both; */ overflow: hidden; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.innews .newsbox1 img{ width: 200px; height: 170px; float:left; margin-left: 10px; margin-right: 10px;}
.innews .newsbox1 p{ width: 360px; height: 178px; float:left;font-size: 14px;line-height: 25px;}
/*产品推荐*/

.box4 { margin-top: 1px; }
.none { display: none; }
.titlelist { width: 100%; margin: 0 auto; overflow: hidden; padding-top: 16px; }
.titlelist ul { margin: 0 auto; padding: 0; border-bootom: #060 dotted 2px; width: 100%; }
.titlelist ul li { width: 400px; text-align: center; background: #E99520; float: left; line-height: 45px; color: #FFFFFF; margin: 0 auto; padding: 0; }
.titlelist ul li a { color: #FFF; }
.titlelist ul li.on { background: #08A0E3; color: #FFF; }
.row1 { width: 100%; /* border-top: #060 dotted 1px; */ }
.row1 ul { margin: 0 auto; padding: 8px 0; }
.row1 ul li { float: left; border: #CCC 1px solid; width: 289px; height: 320px; margin-left: 8px; background-color: #EADFDF; margin-top: 9px; }
.row1 ul li div { overflow: hidden; width: 268px; height: 281px; display: block; margin: 0 auto; }
/*特效*/

.row1 ul li div img { display: block; margin: 10px auto; width: 268px; height: 268px; transition: all 0.6s ease-in-out; }
.row1 ul li a:hover div img { transform: scale(1.5) }
.row1 ul li a span { font-size: 16px; color: #093; text-align: center; line-height: 30px; height: 30px; width: 288px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; margin-top: 3px; }

/*box3*/
.box3{ width:1500px; margin:0 auto; border-top:1px #ccc dotted}
.box3 ul{}
.data{ float: left; text-align: center; width:75px; height:95px; background:#ffd200; color:#121212; margin: 0px 10px 5px 0px;}
.data h2{ height:40px; line-height:50px; font-size: 32px}
.data span{ height:40px; line-height: 60px; font-size:17px;}
.box3m ul li{width:30%;float:left;height:95px;padding:5px 1%; margin-right:0.5%; margin-left:0.5%}
.box3m ul li dl a{ color:#000; font-weight: bold; }
.box3m ul li dt{ line-height:35px; font-size:14px; height:35px; text-align:left; border-bottom:1px #ccc dashed;overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.box3m ul li dt span{ float:right; font-size:14px; font-weight: bold; padding-top:10px;}
.box3m ul li dd{line-height:26px;text-align:left;overflow:hidden;color:#333;padding-top:3px; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; }
.box3pic{ width: 300px; height: 360px; /* border:10px solid #039; */}
.box3pic img{ width:100%; height:100%}
@media screen and (max-width:1510px){ 
.box3{ width:95%;}
}
@media screen and (max-width:850px){ 
.box3m ul li{ width:47%}
.box3 ul a:nth-of-type(n+7){ display:none}
}
@media screen and (max-width:630px){ 
.box3m ul li{ margin-left:0; margin-right:0; width:98%}
.box3 ul a:nth-of-type(n+5){ display:none}
}
/*box4*/

.box4 { width: 1500px; margin: 0 auto; margin-top: 6px; min-width: 1200px; }
.out { width: 1500px; height: 300px; margin: 8px auto; text-align: center; border: 10px solid #55A7F7; overflow: hidden; }
.con { width: 3300px; height: 300px; overflow: hidden; animation: move 8s linear infinite normal; animation-fill-mode: forwards; }
.con:hover { animation-play-state: paused; -webkit-animation-play-state: paused; }
.con li { float: left; list-style: none; overflow: hidden; width: 300px; height: 295px; border: 1px #D2AB1A solid; margin-left: 2px }
.con img { display: block; width: 270px; height: 250px; margin: 0 auto; margin-top: 6px; }
.con span { text-align: center; font-size: 16px; color: #000; display: block; margin-top: 12px }
.pause { position: relative; height: 60px; display: inline-block; margin: 20px auto; text-align: center; }
.pause:before { position: absolute; content: "暂停"; display: inline-block; width: 100px; height: 60px; left: 0px; line-height: 60px; font-size: 20px; color: #fff; margin: 0 20px; background: orange; border: none; border-radius: 20px; outline: none; }
 @keyframes move { 0% {
 transform:translateX(0px);
}
 100% {
 transform:translateX(-1200px);
}
}
.out input { display: none; }
.out input:checked ~ .con { animation-play-state: paused; -webkit-animation-play-state: paused; }
.out input:checked ~ .pause:before { content: "滚动"; }
/*box4*/

/*news*/
.inews { width:1500px; margin:0 auto}
.inews .tit { width: 100%; height: 42px; padding: 2px; }
.inews .tit h3 { float: left; font-size: 23px; padding-left: 15px; border-left: 3px solid #ea6311; margin-bottom: 9px; line-height: 48px; }
.inews .tit h3 a { color: #0E72DA; }
.inews .tit span { float: right; margin-right: 6px; color: #4A4545; font-size: 16px; line-height: 38px; }
.news11 { width: 100%; margin: 0px auto; padding-bottom: 5px; }
.news11 ul { list-style-type: none; }
.news11 ul li { line-height:38px; height: 38px; width: 32.3%; float: left;border-bottom: 1px #ccc dashed; margin-right:1%}
.news11 ul li a { line-height:38px; height:38px; overflow: hidden; font-size: 14px; font-weight: normal; width:70%;float:left }
.news11 ul li span { float: right; padding-right: 5px; font-size: 14px }
@media screen and (max-width:1510px){ 
.inews{ width:95%}
}
@media screen and (max-width:970px){ 
.news11 ul li{ width:49%}
.news11 ul li:nth-of-type(n+17){ display:none}
}
@media screen and (max-width:660px){ 
.news11 ul li{ width:100%; margin-right:0}
.news11 ul li:nth-of-type(n+8){ display:none}
}

/**/
.y_c{height:550px; background: url(../images/xnjx-1_25.jpg) no-repeat center;}
.y_c .coopertion{width:55%; float: right; background:#f6f6f6}
.y_c .coopertion .coo_t{height: 35px;margin-top:10px;}
.y_c .coopertion .coo_t span a{ float: right; color: #666;  text-transform: uppercase;  margin-top: 15px; padding-right:2px}
.y_c .coopertion .coo_t h3{width: 380px;display: block; line-height: 35px;}
.y_c .coopertion .coo_t h3 span{float: right;color: #666;display: block;margin-top: 5px;}
.y_c .coopertion .coo_t h3 a{font-size: 30px; color: #B31F1F;  font-weight: bold;  padding-left: 20px;  float: left;}
.y_c .coopertion ul{ margin-top: 10px; margin-left: 10px;}
.y_c .coopertion li{  width: 28%; float: left;  margin: 1% 1.5%;text-align: center;transition: all 0.3s;}
.y_c .coopertion li img{ width: 100%;height: 110px;}
.y_c .coopertion li p{ display: block;text-overflow: ellipsis; overflow: hidden;white-space: nowrap;line-height: 35px;}
.y_c .coopertion li:hover{ background: #fff; transition: all 0.3s;transform: scale(1.05,1.05);}
.y_c .coopertion li:hover p{ color: #0f8ff8;}
.y_c .ys{padding-top:17px; width:45%}
.y_c .ys ul li{ height:160px; overflow:hidden; margin-bottom:20px}
.ys_img{ float:left; width:160px; height:160px; overflow:hidden; border-radius:90px}
.ys_img img{ width:100%}
.ys_1{ float:right; width:70%; margin-top:25px}
.ys_1 h3{font-size: 24px; color: #B31F1F; font-weight: bold;}
.ys_1 p{font-size: 16px; margin-top:20px; line-height: 25px;}
.ys_1 span{ color: #999; font-size: 10px;line-height: 20px;margin-top: 5px;display: block;}
@media screen and (max-width:1249px){ 
.ys_1{ width:63%}
}
@media screen and (max-width:1017px){ 
.y_c{ height:auto}
.y_c .ys{ display:none}
.y_c .coopertion{ width:100%}
.y_c .coopertion li img{ height:160px}
.y_c .coopertion li{ width:30%}
}
@media screen and (max-width:718px){ 
.y_c .coopertion li{ width:46%}
.y_c .coopertion li:nth-of-type(n+7){ display:none}
}
@media screen and (max-width:479px){ 
.y_c .coopertion li img{ height:110px}
.y_c .coopertion .coo_t h3 a{ font-size:25px}
.y_c .coopertion .coo_t h3 span{ font-size:15px}
}
@media screen and (max-width:401px){ 
.y_c .coopertion .coo_t h3 span{ display:none}
}


/**/
.lianxi{font-size:16px;background-size:100%;background: url(../images/lianxibj.jpg) no-repeat top center; margin-top:10px}
.lianxi .w{position: relative;}
.lianxi h3{margin:0 10px 10px;font-size:32px;font-weight: 500;color:#fff;padd/ing-top:20px;text-shadow: 0 0 5px #000}
.lianxi a{display:block;margin:10px;padding:10px 15px;font-size:20px;font-weight: 700;color:#fff;background: #f44;border-radius:5px}
.lianxi a:hover{background:#0161cf;}
.lianxiL{margin:20px 0; width:60%}
.lianxiL .digital{display:inline-block;margin:0 20px 0 0;text-align:center;}
.lianxiL .digital1 p{color:#f44;}
.lianxiL .digital2 p{color:#0161cf;}
.lianxiL .digital3 p{color:#444;}
.lianxiL p{font-size:30px;font-weight:700;}
.lianxiL small{display:block;font-size:16px;}
.lianxiL sub{display:inline-block;margin-left:-10px;font-size:14px;font-weight:500;color:#333;}
.lianxiR{position:absolute;right:0;top:50%;margin-top:-58px;}
@media screen and (max-width:896px){ 
.lianxiR{ display:none}
.lianxiL{ width:100%}
}
@media screen and (max-width:534px){ 
.lianxi h3{ margin:0 0 0 0; text-align:center}
.ml10{ text-align:center}
.lianxiL .digital{ display:none}
.lianxi h3{ padding-bottom:20px}
.ml10{ font-size:18px}
}

/*单独内页*/
.pro_info{padding:18px 5px 0;}
.rel_center11{width:35%; height:400px; margin:3% 3% 3% 0%; float:left; overflow:hidden;  position:relative; display:block; text-align:left; } 
.rel_center11 img{ width:100%; height:100%; float:left }
.pro_name1{ width:40%;float:left; margin-top:3%}
.pro_name1 h2{font-size:18px;height:26px;line-height:26px;margin-bottom:10px; overflow:hidden;font-weight:700;}
.pro-canshu{border-top:1px solid #ffcac6;background:#fff8f8;padding:6px 0 6px 16px;margin-bottom:10px; text-align:left}
.pro-canshu p{line-height:30px;font-size:20px;padding:12px 0;}
.pro-canshu p span{color:#999;font-size:14px;}
.info_title h3{padding:48px 0 24px 0;}
.nylx a{display:block;width:calc(97% / 3);height:46px;margin:8px 1% 0 0;font-size:16px;font-weight:700;padding:0 8px;line-height:46px;color:#fff;text-align:center;border-radius:8px;float:left;box-sizing:border-box;}
.nylx a.nm{background-color:#ef1f1f;border-color:#ef1f1f;}
.nylx a.nm1{background-color:#d74b00;border-color:#d74b00;}
.nylx a.nm2{border:1px solid #e0e0e0;color:#333;font-weight:400;}
.xgcp_title{padding:10px;background-color:#f7f7f7;margin-bottom:15px;}
.xgcp_title h3{height:30px;line-height:30px;font-weight:bold;font-size:18px;}
#textarea img{max-width:100%}
.nyxx{padding:12px 0;line-height:24px;padding-left:16px;color:#666;}
.nyxx span{ padding-left:16px;}
.nyb{ width:20%;float:right;border:1px solid #ffedc8;padding:14px;box-sizing:border-box;background:#fffcf6; margin-top:3%}
.nyb .yby{ width:auto;}
.nyb .bt .fl{width:100%; line-height:30px} 

.ybt{width:100%;height:54px;margin-bottom:16px;}
.ybt img{display:inline-block;float:left;width:54px;height:54px;}
.ybt span{display:inline-block;float:right;padding:4px 0 8px 8px;width:100%;font-size:16px;color:#000;font-weight:700;box-sizing:border-box;}
.ybt span font{font-size:14px;line-height:14px;color:#666;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-weight:normal;padding-top:10px;display:block;}
.yby{display:block;width:275px;height:28px;font-size:12px;line-height:28px;padding:3px 8px;margin-bottom:16px;background:rgba(30,152,255,0.08);border-radius:2px;color:#249afe;}
.lj1,.lj2{ width:calc( (100% - 15px) / 2);font-weight:700;padding:0;float:left;background:#ef1f1f;color:#fff;height:40px;line-height:40px;border-radius:4px;text-align:center;box-sizing:border-box;}
.lj1{margin-right:15px;}

.yxw{ list-style:none;}
.yxw li{ height:30px;line-height:30px;overflow:hidden;margin-bottom:8px;}
.ymm{width:100%;height:44px;line-height:44px;font-size:16px;color:#fff;background-color:#ef1f1f;border-color:#ef1f1f;font-weight:400;text-align:center;margin-top:15px;}


@media screen and (max-width:1280px){
.nyb{ padding:10px;}
.nyb .ybt span font{ display:none;}
.pro_name1 h2{font-size:16px;}
.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (max-width:1024px){ 
.nyb{ display:none}
.rel_center11{width:48%;}
.pro_name1{ width:46%;}
.nrz{ display:none;}
.nry{ width:100%;}
}
@media screen and (max-width:768px){ 
.rel_center11{width:100%; margin-right:0; height:auto}
.pro_name{ width:100%; margin-top:20px;}
.pro_name1 h2{ display:none;}
.nyn li span{width:50px;padding-right:10px;}
.pro_name1{ width:100%}
}
@media screen and (max-width:640px){ 
.nyn li{ width:50%;}
.nbb{ padding:10px;}
}


.npro{margin-top:18px;}
.npro li{text-align:center;list-style:none; float:left; margin:0% 2% 15px 0%; width:18%}
.npro li a{display:block;}
.npro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a span:before{ content:"";background:url(../images/cpt.png) no-repeat center;background-size:cover;position:absolute;width:100%;height:100%;left:0;top:0;z-index:9;}
.npro li a span img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.npro li a span img:hover {transform:scale(1.2);} 
.npro li a em{display:block;width:100%;height:0;position:relative;padding-bottom:100%;overflow:hidden}
.npro li a em img{width:100%;position:absolute;top:0;left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.npro li a em img:hover {transform:scale(1.2);} 
.npro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.npro li a:hover p{color:#000;}
.npro li:nth-child(n+6){ display:none;}
@media screen and (max-width:1280px){
.npro li:nth-child(4){margin-right:0}
}
@media screen and (min-width:992px){
.npro li a p{height:36px;line-height:36px;}
} 
@media screen and (max-width:768px){
.npro li{overflow:hidden;width:48%; margin:0% 1% 1% 1%;} 
.npro li:nth-child(n+5){ display:none;}
} 

.nrz{ width:240px;float:left;border:1px solid #eee;}
.nrtt{color:#000;height:48px;padding:0 16px;font-size:16px;font-weight:700;line-height:48px;border:1px solid #eee;background-color:#f7f7f7;}
.nrz ul{padding:16px 16px 0;}
.nrz ul li{text-align:center;list-style:none;}
.nrz ul li a{display:block;}
.nrz ul li a span{display:block;width:100%;}
.nrz ul li a span img{width:100%;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.nrz ul li a span img:hover {transform:scale(1.2);} 
.nrz ul li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.nrz ul li a:hover p{color:#000;}

.nry{ width:calc(100% - 270px);float:right;border:1px solid #eee;}
.nbb{ padding:20px;}
.nyn{margin-bottom:32px;border-bottom:1px solid #eee;padding-bottom:20px;}
.nyn li{ width:calc(100% / 3);float:left;box-sizing:border-box;padding-right:16px;margin-bottom:16px;line-height:22px;vertical-align:top;}
.nyn li span{width:100px;padding-right:16px;color:#999;float:left;box-sizing:border-box;word-break:break-all;}
@media screen and (max-width:1024px){
.nry{ width:100%}
}
@media screen and (max-width:850px){
.nyn li{ width:100%}
}

.nyecptu{ width:500px; margin:0 auto}
.nyecptu img{ width:100%}
@media (max-width:568px){
.nyecptu{ width:95%}
}

.nyecptu h1{ text-align:center; line-height:44px; font-size:18px}
#textarea{ padding-bottom:20px}
#textarea p{ line-height:25px; font-size:15px; padding-top:20px}

.keys{ line-height:27px}
.tc{ line-height:27px}
.xiangxi{ line-height:27px}

.txtW {font-size:17px;height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;} 
.txtH {word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:25px;}
.inewslist ul li{ width:100%; height:35px; border-bottom:1px #DCDCDC dashed; line-height:35px; float:left; overflow:hidden}
.inewslist ul li a{ float:left; height:35px;}
.inewslist ul li span{ float:right}

/*内页*/
.cpfl1{ width:100%; margin-bottom:15px}
.cpfl1 li{height:46px;line-height:46px;background:#EAEAEA; float:left; margin-left:0.5%; margin-right:0.5%; width:15.6%; margin-bottom:0.5%; text-align:center}
.cpfl1 li a{ text-align: center}
.cpfl1 li:last-child{ display:none}
@media (max-width:802px){
.cpfl1 li{ width:24%}
}
@media (max-width:520px){
.cpfl1 li{ width:32.3%}
}
@media (max-width:420px){
.cpfl1 li{ width:49%}
}


.ny_bb{ height:100px; width:100%; background:#f5f5f5}
.ny_cc{ max-width:1500px; margin:0 auto}
.ny_bt{}
.ny_bt_l {float: left;margin-right: 2%;width:38%;transition: .2s width ease; height:100px}
.title-a {padding: 20px 0 0;position: relative;}
.title-a:before { content: "";display: inline-block; width:5px; height: 50px; vertical-align: top; margin: 0 1rem;}
.title-a span {font-weight: bold;font-size:24px;color: #1C58A1; line-height:47px}
.title-a i {float: right;font-size:29px;text-transform: uppercase;line-height: 47px;font-weight: bold;}
.title-a:after {content: "";width: 1px; height: 100px; background: #1C58A1;display: block; position: absolute; left: 0; top:0}
.ny_bt_r{ float:right; width:55%}
.title-b {color: #fff; background: #ccc;height:100px;line-height: 100px; padding-left: 2%; font-size:16px }
.title-b i {font-size: 2rem; margin-right: 1rem;}
.title-b a {color: #fff;}
@media screen and (max-width:1410px){
.ny_cc{ width:95%}
}
@media screen and (max-width:750px){
.ny_bt_l{ display:none}
.ny_bt_r{ width:100%}
.ny_bb{ height:100px; background: none}
}
@media screen and (max-width:680px){
.ny_cc{ width:100%}
}

.nr {margin: 0 auto; max-width:1500px; margin-top:1%; margin-bottom:1%; background:#FCFCFC;}

.content1{ line-height:37px; font-size:15px;width:100%; margin:0 auto; }
.content{  line-height:37px; font-size:15px; width:100%; margin:0 auto;}
@media screen and (max-width:1400px){
.content{ width:95%; padding-top:2%}	
.content1{width:95%; padding-top:2%}
}
@media screen and (max-width:1250px){
	.content img{ width:95%; margin:0 auto}
}
@media screen and (max-width:600px){
	.content1 img{ width:90%; height:auto}
}

.cpfl{ width:100%; margin:0 auto}
.cpfl ul{}
.cpfl ul li{ width:16%; margin-left:0.2%; margin-right:0.5%; background:#333; text-align: center; float:left; margin-bottom:0.5%; height:50px; line-height:50px }
.cpfl ul li:last-child{ margin-right:0}
.cpfl ul li a{ color:#FFF }
@media screen and (max-width:950px){
.cpfl{ width:100%}
}
@media screen and (max-width:730px){
.cpfl{ width:100%}
.cpfl ul li{ width:32.5%; overflow:hidden}
}

.productlist dl{ width:24.2%; float:left; margin-right:1%; margin-bottom:1%;}
.productlist dl:nth-child(4n){ margin-right:0}
.productlist dl:hover{ background:#fff}
.productlist dl dt{ height: auto; overflow:hidden;}
.productlist dl dt a{ width:100%}
.productlist dl dt a img{ width:100%; height: auto; vertical-align:middle;transition: all .4s ease-in-out;}
.productlist dl dt a:hover img {transform: translateZ(0) scale(1.12);}
.productlist dl dd{ height:26px; line-height:26px; text-align:center; overflow:hidden}
.productlist dl dd a{ height:26px; line-height:26px}
@media screen and (max-width:1194px){
.productlist dl dt{ }
.productlist dl { width:32.6%}
.productlist dl:nth-child(4n){ margin-right:1%}
.productlist dl:nth-child(3n){ margin-right:0}
}
@media screen and (max-width:680px){
	.productlist dl{ width:49.5%}
	.productlist dl:nth-child(3n){ margin-right:1%}
	.productlist dl:nth-child(2n){ margin-right:0; float:right}
}
@media screen and (max-width:523px){
.productlist dl{ width:100%; margin-right:0}
.productlist dl dt{ height:auto}
}

.page { margin:0px auto; width:1500px; padding-top:10px; padding-bottom:8px}
.page ul li{float:left; border:1px solid #e5e5e5; padding:0 5px; height:20px; line-height:20px; overflow:hidden; color:#000; margin:0 3px 3px;}
.page ul li a{color:#666;}
.page ul li a:hover{color:#588b00;}
.page ul li a.on{color:#333; font-weight:bold;}
.page ul li.last{color:#7b7b7b;}
@media screen and (max-width:1510px){
.page { width:95%}	

}

.rel_center0{ text-align:center}
.pro_name{ text-align:center; margin-top:1%}
.pro_name h2{ font-size:24px; font-weight:normal}
@media only screen and (max-width:550px) {
.rel_center0 img{ width:80% }	
.pro_name h2{ font-size:18px}
}
.info_title{width:100%;text-transform:uppercase;margin-bottom:20px;}
.info_title h3{font-size:18px;text-align:left;padding:36px 0 10px 0;border-bottom:1px solid #ddd;}
.info_title h3 span{font-family:'Arial';font-size:15px;}
.info_title hr{width:44px;height:2px;background:#5F5F5F;border:none;margin:-11px auto 0 auto;}

.title{ text-align:center; font-size:19px; font-weight:bold; margin-bottom:1%}
.info{ text-align:center; width:40%; border-bottom:1px #A5A2A2 solid; border-top:1px #A5A2A2 solid; margin:0 auto; margin-bottom:20px}
@media only screen and (max-width:680px) {
.info{ width:100%}
}

.xwzx{}
.xwzx ul{ list-style-type:none}
.xwzx ul li{ border-bottom:1px dotted #ccc; height:35px; line-height:35px}
.xwzx ul li span{ float:right; font-size:12px}
@media only screen and (max-width:680px) {
	.xwzx ul li a{ width:70%; float:left; height:35px; overflow:hidden}
	.xwzx ul li span{ width:25%; text-align:right}
}
@media only screen and (max-width:430px) {
}
.ipro{}
.ipro dl{ width:24%; float:left; margin-right:0.5%; margin-left:0.5%}
.ipro dl dt{ width:100%}
.ipro dl dt a{ width:100%}
.ipro dl dt a img{ width:100%; height: auto; vertical-align:middle; }
.ipro dl dd{ height:35px; line-height:35px; text-align:center; width:100%; overflow:hidden}
.ipro dl dd a{ height:35px; line-height:35px}
@media only screen and (max-width:500px) {
.ipro dl{ width:49%}
}
.newslist{}
.newslist dl{ list-style-type:none; border-bottom:1px dotted #ccc; }
.newslist dl dd {}
.newslist dl dd a{ font-size:14px; color:#000; font-family:"微软雅黑"; float:left; font-weight:bold}
.newslist dl dd span{ float:right;}
.newslist dl dt{line-height:28px; margin-bottom:5px; display:block}

/*联系我们*/
.yunu-section {padding-top: 60px;} 
.yunu-contact {background-color: #F7F7F7;padding: 25px;} 
.yunu-contact h4 {margin: 0;font-size: 24px;border-bottom: 1px solid #ddd;padding-bottom: 15px;} 
.yunu-contact dl {margin: 0;padding: 20px 0;border-bottom: 1px dashed #ccc;overflow: hidden;} 
.yunu-contact dt {float: left;} 
.yunu-contact dd {margin-left: 55px;font-size: 16px;padding-top: 16px;} 
.yunu-contact dd span {padding-left: 50px;} 
@media only screen and (max-width:480px){
.yunu-contact dd span {padding-left:10px;} 
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{ display:block;} 
}
/*联系我们end*/

/**/
.footWrap {background: #282828;color: #a1a1a1;position: relative; z-index: 1;line-height: 24px;font-size: 14px; overflow: hidden; padding:10px 0 ; height: auto; margin-top:2px;}  
em,i {font-style: normal;}
.footWrap a {color: #a1a1a1;}
.footer {width:1500px;margin: 0 auto;}
.footer h3 {height:44px;font-size: 16px;position: relative;color: #fff;line-height: 43px;}
.footer h3:after {content: "";position: absolute;width: 20px; height: 3px;top:37px;left: 0; background: #FFD600;}
.footer h3:before {content: "";position: absolute;width: 140px; height: 1px;top:38px;left: 0; background: #454545;}
.f_logo {width: 25.3%;font-size: 16px;}
.f_logo h2 {}
.f_logo span { display: block;}
.f_text {width: 22.5%;}
.f_pho {height:75px;line-height: 30px;color: #fff;}
.f_pho b {display: block;font-family: Times New Roman, Arial;font-size: 40px;line-height: 44px;}
.f_code p {width: 116px;float: left;text-align: center;padding:10px 20px 0 0;}      
.f_code p img {display: block;width: 100px;height: 100px;background: #fff;padding: 8px;}      
.f_nav {width: 14%;}
.f_nav1{ width:22%}
.f_nav1 p a{ float:left; width:50%}
.f_nav a {display: block;line-height:29px;}
.f_nav a:hover {color: #fff;}
@media only screen and (max-width:1510px){
.footer {width:95%}
}
@media only screen and (max-width:1228px){
.f_nav1{ width:29%}
.f_nav{ width:19%}
.f_nav:nth-child(4){ display:none}
}
@media only screen and (max-width:1132px){
.f_logo{ width:35%}
.f_nav:nth-child(3){ display:none}
.f_nav{ width:35%}
}
@media only screen and (max-width:893px){
.f_nav{ display:none}
.f_logo{ width:55%}
.f_text{ width:45%}
}
@media only screen and (max-width:589px){
.footWrap{ height:auto}
.f_logo{ width:100%}
.f_logo h2{ text-align:center}
.f_logo span{ text-align:center}
.f_code{ width:275px; margin:0 auto}
.f_text{ width:100%}
.footer h3{ display:none}
.f_pho{ text-align:center}
.f_code p{ margin:0 auto; float:none} 
}
@media only screen and (max-width:307px){
	.f_code p:nth-child(1){ display:none}
	.f_code p{ padding:0 0 0 0; float:none; margin:0 auto; width:90%}
	.f_code{ width:100%; text-align: center}
	.f_code p img{ height:94%; width:94%}
}
.fl{ float: left}
.fr{ float:right}

.link{line-height:26px;font-size: 14px;color: #7c7c7c;background: #1a1a1a;}
.link p{ float:left}
.link a{display: inline-block;padding:0 3px;color: #7c7c7c;}
.link_c a:hover{text-decoration: underline;color: #fff;}
@media only screen and (max-width:595px){
.link p:nth-child(1){ display:none}	
}

.vipb{ bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right #000; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right;}
.vipb a{ color:#e7b144}

.header1{ display:none}
.header1 h2{ display:none}
@media only screen and (max-width:768px) {   
.vipb{ margin-bottom:60px}
.header1{ height:60px; position:fixed; bottom:0px; left:0px; z-index:99999; width:100%; line-height:45px; display:block; clear:both; background:#f68600; }
.header1 h2{ width:100%; height:45px; text-align:center; background:url(../images/header1.png) no-repeat center top ; display: block}
.header1 h2 a{ color:#FFFFFF; font:24px/60px ""; margin: 0 auto; width:100%; display: block; font-variant:small-caps; height:60px;}
.header1 li{ width:50%; float:left; height:90px; } 
.header1 li a{ width:100%; text-align:center; display:block}
.header1 a p{ line-height:60px; color:#FFFFFF; display:inline; font-size:18px}
.header1 a img{ margin-bottom:-7px; margin-right:10px; margin-top:15px} 
.header1 li:nth-child(1){background:url(../images/n3.png) repeat-y right top; }
}