@charset "gb2312";
/* CSS Document */
html, body {undefinedmax-width: 100%;overflow-x: hidden;}
@font-face {
  font-family: 'iconfont';  /* project id 2233970 */
  src: url('//at.alicdn.com/t/font_2233970_wpg0jn7an3.eot');
  src: url('//at.alicdn.com/t/font_2233970_wpg0jn7an3.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2233970_wpg0jn7an3.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2233970_wpg0jn7an3.woff') format('woff'),
  url('//at.alicdn.com/t/font_2233970_wpg0jn7an3.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2233970_wpg0jn7an3.svg#iconfont') format('svg');
}

*{ margin:0px; padding:0px;}
body{ font-size:14px;}
a{ color:#333; font-family:"微软雅黑"; text-decoration: none;}
ul{list-style-type:none;}
.ysj{width:1440px; margin:0 auto; max-width:90%;}
.fl{float:left;}
.fr{float:right;}
/*手机*/
.ysj_sj{ width:94%; margin:0 3%;}

/*顶部描述*/
.dingb{ font-size:0.8rem; overflow:hidden; height:40px; line-height:40px;}
.dingb .z{ float:left;}
.dingb .y{ float:right;}

/*顶部导航*/
header{ width:100%; height:100px; background:#074e78; position:relative; display:block;}
header .logo { width:29vw; position:relative; z-index:1; float: left; min-width:26rem;}
header .logo .tu{ margin-top:32px; margin-left:-50px;}
header .logo .tu img{ max-width:82%;}
header .logo::before{ background:url(../logo_bg.png) no-repeat top center; content: ""; background-size: 100% 100%; width: 800px; height: 115px; position: absolute; top: 2px; z-index: -1; right: 0;}
header .daoh{ display:block; width: 60%; float:right; font-size:16px; height:100px; position:relative; z-index:3;}
header .daoh li{ float:left; width:14.2%; color:#FFFFFF; padding:0 0px; text-align:center; box-sizing:border-box;}
header .daoh li .dh2{ line-height:100px; height:100px; box-sizing:border-box; display:inline-grid;}
header .daoh li .dh2:hover {border-bottom:2px solid #FFFFFF; }
header .daoh li a{ color:#FFFFFF; display:block;}
header .daoh li .zdh{ background:#074e78; transition:all ease 1s; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px);  -webkit-transition: all .5s ease; transition: all .5s ease;}
header .daoh li:hover .zdh{ opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0);}
header .daoh li .zdh dd{ width:100%; height:60px; line-height:60px; border-bottom:1px solid #003a5c;}
header .daoh li .zdh dd:hover{ background:#FFFFFF; color:#074e78;}
header .daoh li .zdh dd:hover a{ color:#074e78;}
header .daoh li .zdh dd:last-child {border: none;}
/*导航结束*/

/*手机导航*/
.sj_head{ width:100%; background:#FFFFFF; border-bottom:3px solid #074e78; margin-bottom:0px; display:none;/*position: fixed;top: 0;z-index: 9;*/}
.sj_head .logo_sj{ width:100%; text-align: center;padding:0.6rem 0; line-height:0; box-sizing:border-box;}
.sj_head .logo_sj img{ max-width:100%;}
.sj_head .dh_sj{ width:16%; float:right; margin-top:0.44rem; text-align:right;}
.sj_head .dh_sj img{ max-width:100%; max-height:100%;}
/*手机导航结束*/

/*banner开始*/
.clear {clear:both;}
.swiper_Mycontainer {position:relative;margin:0 auto;}
.swiper_Mywrapper {margin:0 auto;padding:0;overflow:hidden;}
.swiper_Myslide {margin:0 auto;padding:0;position:relative;overflow:hidden;}
.swiper_Myslide li {float:left;position:relative;overflow:hidden; height: auto;/*height:760px; max-height:80vh;*/ background-size: 100% 100%;background-repeat:no-repeat; background-position:center; line-height:0;}
.swiper_Myslide li img {width:100%;}
.clear2:after {content:"";clear:both;display:block;}
.swiper_buttton {position:absolute;top:50%;margin-top:-15px;cursor:pointer;text-align:center;max-width:5%;display:none; font-family:"宋体";     width: 80px; display: block;height: 60px;line-height: 60px;background: #424246;color: #FFFFFF;}
.swiper_buttton:hover { background:#074e78;}
.swiper_but_prev {left:0%;font-size: 30px;}
.swiper_but_next {right:0%;font-size: 30px;}
.swiper_Mycontainer:hover .swiper_buttton {display:block;}
.uldian {position:absolute;left:0;width:100%;text-align:center;bottom:5%;}
.uldian li {height:12px;width:12px;border-radius:100px;background-color: rgb(255 255 255 / 50% );display:inline-block;margin:0 5px;cursor:pointer;}
.uldian li.cur {background-color:#FFF;}
/*banner结束*/

/*标题*/
.tit_kws{ overflow:hidden;}
.tit_kws .z{ float:left;}
.tit_kws .y{ float:right;}
.tit_kws .bt{ font-size:2.2rem; font-weight:bold; color:#333333;}
.tit_kws p{ font-size:1.2rem; color:#666666; margin-top:10px;}
.tit_kws .gd{ font-size:1.2rem; color:#666666; line-height:80px; padding-right:40px; background:url(../tit_gd.png) no-repeat center right; transition:all ease 0.5s;}
.tit_kws .gd:hover{ margin-right:20px;}

/*产品展示*/
.chanp img {border:0;}
.chanp .scroll {width: auto; position:relative;}/*1180px*/
.chanp .scroll_left,.scroll_right {	width:25px;height:120px;background-color:#424246;color:#fff;float:left;line-height:120px;text-align:center; margin-top:150px; position:absolute; font-family:"宋体"; cursor:pointer;}
.chanp .scroll_left:hover,.scroll_right:hover{ background:#074e78;}
.chanp .scroll_left{ left:-65px;}
.chanp .scroll_right{ right:-65px;}
.chanp .pic {width:100%!important;height: auto;float:left; margin:0 0px;}
.chanp .pic ul {display:block;}
.chanp .pic li {	float:left;	display:inline;	width:380px;text-align:center; margin-right:50px; background-color:#f7f7f7; border:1px solid #e9e9e9; box-sizing:border-box;}
.chanp .pic li img{ width:100%!important;/* height: 378px;*/}
.chanp { width:1400px; max-width:94%; margin:50px auto; overflow:hidden;}
.chanp .scroll{ width:1240px; margin:auto; max-width:100%; display:block;}
.chanp .scroll ul{}
.chanp .scroll ul li{ transition:all ease 0.5s;}
.chanp .scroll ul li .tu{ width:378px; height:378px; overflow:hidden;}
.chanp .scroll ul li .tu img{ transition:all ease 0.5s;}
.chanp .scroll ul li:hover .tu img{transform: scale(1.1);}
.chanp .scroll ul li .zi{ padding:10px 0; padding: 15px; box-sizing:border-box;}
.chanp .scroll ul li .zi .bt{ font-size:18px; font-weight:bold; color:#343434; margin:10px 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.chanp .scroll ul li .zi p{ font-size:16px; color:#666666; margin-bottom:10px;}
.chanp .scroll ul li .zi span{ background:#343434; color:#FFFFFF; width:110px; height:35px; line-height:35px; display:block; margin: auto; border-radius:5px;}
.chanp .scroll ul li:hover .zi span{ background:#074e78;}
.chanp .tit_kws{ margin:30px 0 30px 0; overflow:hidden;}
/*手机产品*/
.chanp .cp_sj{ width:100%; margin:0 auto; display:none;}
.chanp .cp_sj li{ width:49%; float:left; margin-right:2%; text-align:center; background:#f7f7f7; border:1px solid #e9e9e9; box-sizing:border-box; margin-bottom:10px; line-height:0;}
.chanp .cp_sj li:nth-child(2n) { margin-right:0;}
.chanp .cp_sj li .tu{ width:100%;}
.chanp .cp_sj li .tu img{ width:100%;}
.chanp .cp_sj li .zi{ width:100%; line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/*关于我们*/
.guany{ padding:80px 0 60px; background:#f7f7f7; overflow:hidden;}
.guany .zi { width:50%; float:left;}
.guany .zi .zbt{ font-size:2.2rem; font-weight:bold; color:#333333; margin-top:0.8rem;}
.guany .zi .fbt{ font-size:1.2rem; color:#666666; margin:10px 0 40px;}
.guany .zi .wznr{ width:100%; text-align:justify; font-size:1rem; line-height:2rem; margin-bottom:40px; color:#666666;}
.guany .zi .gd{ border:1px solid #074e78; display:block; width:180px; height:50px; line-height:48px; box-sizing:border-box; transform: skewX(-20deg); text-align:center; font-size:1.06rem; color:#074e78; transition:all ease 0.5s; margin-left:10px;}
.guany .zi .gd span{ transform:skewX(20deg); display:block;}
.guany .zi .gd:hover { background:#074e78; color:#FFFFFF;}
.guany .tu{ width:44%; float:right;}
.guany .tu ul{ float:left; width:31.5%; margin-left:1.5%; min-width:12rem;}
.guany .tu ul li{ margin-bottom:0.8rem; width:100%; position:relative; text-align:center; line-height:0;}
.guany .tu ul li .tu2{ width:100%;}
.guany .tu ul li .tu2 img{ width:100%; line-height:0;}
.guany .tu ul li .zi2{ width:100%; height:100%; position:absolute; top:0; left:0; background:rgb(30 30 30 / 80%); color:#FFFFFF; transition:all ease 0.5s; line-height: initial;}
.guany .tu ul li .zi2 .sz{ font-size:2.8rem; font-weight:bold; margin-top:2.9rem;}
.guany .tu ul li .zi2 .wz{ font-size:1rem; margin-top:0.3rem;}
.guany .tu ul:nth-child(2) { margin-top:2.8rem;}
.guany .tu ul:nth-child(3) { margin-top:9rem;}
.guany .tu ul li:hover .zi2{ background:rgb(7 78 120 / 90%);}

.tu_sj{ margin-top:30px; text-align:center; display:none;}
.tu_sj img{ max-width:100%;}

/*优势*/
.yous{ background:url(../yous_bg.jpg) no-repeat center; width:100%; height: auto; overflow:hidden; box-sizing:border-box; padding:64px 0;}
.yous ul li{ width:25%; border-right:1px solid #888888; height:284px; box-sizing:border-box; float:left;text-align:center; color:#FFFFFF; padding-top:60px;}
.yous ul li:last-child{ border:none; }
.yous ul li a{ color:#FFFFFF; font-size:1.4rem; font-weight:bold;}
.yous ul li .tu{ transition:all ease 0.5s;}
.yous ul li .zi{ margin:10px auto 15px;}
.yous ul li .gd{}
.yous ul li:hover .tu{ margin-top:-20px;}

/*车间展示*/
.chej{ margin-top:50px; overflow:hidden;}
.chej #div1 {width: 100%;height: 19rem;margin:30px auto;position:relative;overflow:hidden;}/*21.5*/
.chej #div1 ul {position:absolute;left:0;top:0;}
.chej #div1 ul li {float:left;width:28.75rem;height: auto; margin-right:35px; list-style:none; line-height:0;}
.chej #div1 ul li img{ width:100%;}

/*新闻中心 tab*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}
.show {	display:block!important;}
.box {	width:400px;margin:20px auto;}
.ul_list {	width:100%;height:35px;}
.ul_list li {	float:left;	width:50%;	line-height:50px;  font-size:1.3rem; color:#666666; text-align:center;box-sizing:border-box;	cursor:pointer;}
.ul_list li.active { border-bottom:2px solid #074e78;font-weight:bold;	color:#074e78;}
.div_box { padding:30px 0; clear:both;}
.div_box .div_list {	display:none;}

.xinw{ margin-top:30px; overflow:hidden; margin-bottom:0px;}
.xinw .tit_xw{ font-size:2.2rem; float:left; width:16rem; font-weight:bold; color:#333333;}
.xinw .ul_list{ width:16rem; float: right;}
.xinw .div_box { overflow:hidden;}
.xinw .xw01{ width:47%; float:left; position:relative;}
.xinw .xw01 a{ color:#FFFFFF;}
.xinw .xw01 .tu{ width:100%; line-height:0;}
.xinw .xw01 .tu img{ width:100%;}
.xinw .xw01 .zi{ width:100%; position:absolute; bottom:0; background:rgb(0 0 0 /20%); padding:35px 30px;box-sizing:border-box;transition:all ease 0.5s;}
.xinw .xw01 .zi .xw01_bt{ font-size:1.2rem; font-weight:bold; margin-bottom:15px; white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.xinw .xw01 .zi .xw01_nr{ font-size:1rem; line-height:1.8rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xinw .xw01:hover .zi{ background:rgb(7 78 120 / 80%);}
.xinw .xw02{ width:48%; float:right;}
.xinw .xw02 li { float:left; width:100%; margin:0px; padding:23px 0; border-bottom:1px dashed #dbdbdb;}
.xinw .xw02 li .rq{ float:left; width:8rem; width:19%; text-align:center;}
.xinw .xw02 li .rq .rq01{ font-size:1.4rem; color:#343434; width:100%; margin:15px 0 5px;}
.xinw .xw02 li .rq .rq02{ width:100%; font-size:1rem; color:#666666;}
.xinw .xw02 li .nr{ float:right; max-width:80%;}
.xinw .xw02 li .nr .xw02_bt{ font-size:1.2rem; font-weight:bold; margin-bottom:10px;white-space: nowrap; overflow:hidden;text-overflow: ellipsis;}
.xinw .xw02 li .nr .xw02_nr{ font-size:1rem; line-height:1.8rem; color:#666666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.xinw .xw02 li:hover { border-bottom:1px dashed #074e78;}
.xinw .xw02 li:hover .rq .rq01{ color:#074e78;}
.xinw .xw02 li:hover .rq .rq02{ color:#074e78;}
.xinw .xw02 li:hover .nr .xw02_bt{ color:#074e78;}
.xinw .xw02 li:hover .nr .xw02_nr{ color:#074e78;}
.xinw .xw02 li a { display:block;}

/*底部*/
footer{}
.dib_pc{ background:#1e1e1e; box-sizing:border-box; padding:50px 0 0; border-top:10px solid #074e78; width:100%; color:#FFFFFF;}
.dib_pc .dib_s{ overflow:hidden; padding-bottom:40px;}
.dib_pc a{ color:#FFFFFF;}
.dib_pc .db_dh{ width:; margin-right:130px; float:left;}
.dib_pc .db_dh li{ font-size:0.96rem; margin-bottom:20px;}
.dib_pc .db_dh li{}
.dib_pc .db_dh .db_dh01{ font-size:1.4rem; font-weight:bold; margin-bottom:30px;}
.dib_pc .db_lx{ border-left:1px solid #343434; padding-left:120px;}
.dib_pc .db_ewm{ float:left; text-align:center;}
.dib_pc .db_ewm .zi{ line-height:40px;}
.dib_pc .db_ms{ float: right; width:15%; font-size:1rem; line-height:2rem;}
.dib_pc .dib_x { border-top:1px solid #343434; padding:30px 0; overflow:hidden; line-height:40px;}
.dib_pc .db_bq{ width:48%; float:left;}
.dib_pc .db_yqlj{ width:48%; float:right; text-align: right;}
.dib_pc .db_yqlj .db_tit{ text-align:right;}
.dib_pc .db_yqlj p a{ margin-left:20px;}
.dib_pc a:hover{ color:#999999;}
.smcy_sy{ width:1440px; margin:10px auto 40px; font-size:16px;}
.smcy_sy b{ font-size:18px;}
.smcy_sy a{ margin-right:10px;}

/*手机固定导航*/
.daoh_gdsj{ width:100%; height:4rem; position:fixed; background:#074e78; bottom:0; display:none; z-index:99;}
.daoh_gdsj li{ width:25%; text-align:center; color:#FFFFFF; padding:0.5rem 0; float:left;}
.daoh_gdsj li:nth-child(2n) { background:#00395b;}
.daoh_gdsj li i{ font-size:1.6rem;}
.daoh_gdsj li a{ color:#FFFFFF;}
.daoh_gdsj li .tu{ height:30px; box-sizing:border-box;}
.daoh_gdsj li .tu img{}
.daoh_gdsj .sj_dh01{}
.daoh_gdsj .sj_dh01 i{ font-size:1.6rem;}
.daoh_gdsj li:nth-child(3) i{ font-size:1.4rem;}
.daoh_gdsj li:nth-child(3) .tu{ padding-top:0.2rem;}

/*左侧导航*/
.daoh_sj_z{ width:20rem; height:100%; padding-bottom:4rem; position:fixed; top:0; background:#333436; z-index:20; left:-20rem; padding-top:3rem; box-sizing:border-box; overflow:auto; display: none;}
.daoh_sj_z ul{ height:auto;}
.daoh_sj_z a{ color:#FFFFFF; display:block;}
.daoh_sj_z li{ border-bottom:1px solid #252629; height:4rem; line-height:4rem; text-align:center; font-size:1rem;}
.daoh_sj_z li.on{ background:#252629;}
.daoh_dbbg{ width:100%; height:3rem; background:#333436; position: sticky; bottom:0; left:0;}


/*响应式代码*/

@media (max-width: 1524px){
	/*产品*/
	.chanp .scroll_left{ left:-2.4rem;}
	.chanp .scroll_right{ right:-2.4rem;}
	/*关于我们*/
	.guany .zi{ width:40%;}
	.guany .tu{ width:56%;}
	/*新闻中心*/
	.xinw .xw02 li{ padding:15px 0;}
	/*底部*/
	.dib_pc .db_dh:nth-child(2){ display:none;}
}
@media (max-width: 1400px){
	/*产品*/
	.chanp .scroll_left{ left:1.4rem;}
	.chanp .scroll_right{ right:1.4rem;}
	/*新闻中心*/
	.xinw .xw02 li{ padding:40px 0;}
	.xinw .xw02 li:nth-child(2){ border:none;}
	.xinw .xw02 li:nth-child(3){display:none;}
}
@media (max-width: 1300px){
	/*底部*/
	.dib_pc .db_lx{ border:none; padding-left:2%;}
	.dib_pc .db_dh:nth-child(1){ display:none;}
	.dib_pc .db_ms{ width:25%;}
}
@media (max-width: 1200px){
	header .daoh{ width:57%;}
	/*关于我们*/
	.guany .zi{ width:100%;}
	.guany .tu{ width:100%; display:none;}
	.tu_sj{ display: block;}
	/*新闻中心*/
	.xinw .xw02 li{ padding:30px 0;}
	
}
@media (max-width: 1100px){
	/*顶部*/
	.dingb{ display:none;}
	header{ display: none;}
	.sj_head{ display:block;}
	.daoh_gdsj{ display:block;}
	.daoh_sj_z{ display: block;}
	/*新闻中心*/
	.xinw .xw02 li{ padding:15px 0;}
	/*底部*/
	.dib_pc .dib_x{ padding-bottom:5rem;}
}
@media (max-width: 1000px){
	.xinw .xw01{ display:none;}
	.xinw .xw02{ width:100%;}
	.xinw .xw02 li:nth-child(3){display: block;}
	/*底部*/
	.dib_pc{ padding:0;}
	.dib_pc .dib_s{ display:none;}
	.dib_pc .dib_x{ border-top:none;}
}
@media (max-width: 800px){
	/*产品*/
	.chanp{ margin-top:20px;}
	/*优势*/
	.yous ul li{ width:50%; margin-bottom:0px;}
	.yous ul li:nth-child(2n){ border:none;}
	.yous ul li:nth-child(1){ border-bottom:1px solid #888888;}
	.yous ul li:nth-child(2){ border-bottom:1px solid #888888;}
	/*底部*/
	.dib_pc .db_bq{ width:100%;}
	.dib_pc .db_yqlj{ width:100%; margin-top:20px; text-align: justify;}
	.dib_pc .db_yqlj .db_tit{ text-align:left;}
}
@media (max-width: 580px){
	.xinw .tit_xw{ display:none;}
	.xinw .ul_list{ float:left;}
	/*底部*/
	.dib_pc .db_yqlj{ display:none;}
}
@media (max-width: 414px){
	
	/*底部*/
	.chanp .scroll ul li .zi p{white-space: nowrap; overflow: hidden;text-overflow: ellipsis;  }
}
@media (max-width: 380px){
	.yous ul li a{ font-size:1.2rem;}
	.xinw .xw02 li .rq{ display:none;}
	.xinw .xw02 li .nr{ max-width:100%;}
	/*产品*/
	.pic{ margin-left:0px;}
	.chanp .scroll{ display:none;}
	.chanp .cp_sj{ display: block;}
	
}