@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:12px;font-family:"微软雅黑"; background-color: #fff;}
img{border:none;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{color:#555555;font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{color:#ef8008;text-decoration:none;}
.clearfix{zoom: 1; }
.clearfix:after{display: block; clear: both; visibility: hidden; height:0; overflow: hidden; content: "."; }
.center{margin:auto;}
.moddle{width:1200px;}
.clear{clear:both;}
.w1200{ width: 1200px; margin: 0px auto;}
.tpwz{ background-color: #f6f6f6; line-height: 34px; color: #393939; font-size: 14px;}
.fl{ float: left;}
.fr{ float: right;}
.wzl{ width: 900px;  color: #393939; font-size: 14px;}
.wzr{ width: 300px;}
.wzr a{ display: block; margin: 9px 10px; width: 64px; font-size: 14px; border: 1px solid #969696; float: right; text-align: center; line-height: 16px;}
.logo{ height: 100px; width: 450px;}
.nav{ width: 650px; padding: 28px 0px 32px 0px; height: 40px; line-height: 40px; margin-left: 100px;}
.nav li{ float: left; width: 86px; padding-left: 6px; text-align: center;}
.nav a{ color: #000; font-size: 14px; display: block;}
.nav a:hover{ background: #4b80d0; color: #fff;}
.nav .current{ background: #4b80d0; color: #fff;}
.nav li dl{width:150px;background:#4b80d0;list-style-type:none;left:-999em;position:absolute;z-index:99999;float:left; color: #fff;}
.nav li dl dt{height:44px;line-height:44px; text-align: center; color: #fff;}
.nav li dl dt a{color:#fff;font-size:14px;height:44px;line-height:44px; display: block;}
.nav li dl dt:hover{ background: #edf2fa;}
.nav li:hover dl{left:auto;}
/*footer*/
.footer{ width:100%; padding:15px 0px 0px 0px;color:#fff; background: #4b80d0;}
.ftl{ width: 450px; float: left; margin-left: 40px; padding-bottom: 20px;}
.ftc{ width: 505px; float: left;}
.ftr{ width: 205px; float: right; }
.ftr img{ width: 163px; height: 163px;}
.fnav{ margin-bottom: 26px; width: 200px; float: left;}
.fnav dl{ line-height: 39px; font-size: 16px; font-weight: bold; padding-left: 25px;}
.fnav li{ line-height: 32px; font-size: 14px; font-weight: lighter; width: 50%; text-align: center; float: left;}
.fnav a{  line-height: 27px; color: #fff; font-size: 14px;}
.ftl dl{ line-height: 41px; font-size: 18px;}
.ftl dt{ line-height: 25px; padding-right: 130px}
.ftc dl{ line-height: 39px; font-size: 16px; font-weight: bold;}
.ftc dt{ line-height: 32px; font-size: 14px;}
.banquan{ height: 50px; line-height: 50px; background: #003f9e; color: #fff; text-align: center;}
.banquan a{color: #fff;}
/*index*/
.title{ padding-top: 55px; text-align: center; margin-bottom: 30px;}
.title dl{ line-height: 42px; font-size: 32px; color: #4b80d0;}
.title dl span{ padding-left: 10px; padding-top: 11px; line-height: 31px; font-size: 26px; text-transform: uppercase;}
.title dt{ line-height: 19px; color: #acacac;}
.cpfl{ width: 280px; margin-right: 24px; background: #4b80d0;}
.cpflt{ height: 96px; background: url(../images/cpflt.png) repeat-x left bottom; text-align: center; line-height: 96px; font-size: 22px; color: #fff;}
.cpflt img{ margin-right: 15px; vertical-align: middle;}
.cpflb{ padding: 20px;}
.cpflb li{ line-height: 31px; background: #fff; border-radius: 15px; margin-bottom: 20px; text-align: center;}
.cpflb li a{ font-size: 18px; color: #4b80d0; transition: all 0.6s; }
.cpflb li:hover{ background: #4b80d0; border-radius: 15px; transition: all 0.6s; }
.cpflb li:hover a{ color: #fff;}
.cplx{ background: #fff; padding: 10px; color: #4b80d0; font-size: 18px; text-align: center;}
.cplx dl{ line-height: 35px; font-size: 20px; font-weight: bold;}
.cplx dt{ line-height: 30px;}
.cpzs{ width: 896px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.cpzs li{ width: 280px; line-height: 40px; text-align: center;}
.cpzs li ol{ width: 280px; height: 210px; overflow: hidden; }
.cpzs li ol img{ width: 280px; height: 210px;}
.cpzs li:hover ol img{ transition: all 0.6s; transform: scale(1.2);}
.cpzs li p{ color: #000000; font-size: 14px;}
.why{ padding: 20px 0px;}
.ys1{ width: 580px; height: 505px;}
.ys2{ width: 620px; height: 505px;}
.ys3{ width: 560px; height: 364px;}
.ys4{ width: 640px; height: 364px;}
.nr1{ background: url(../images/01.png) no-repeat left top; margin-top: 80px; padding-left: 85px; margin-bottom: 30px;}
.nr2{ background: url(../images/02.png) no-repeat left top; margin-top: 20px; padding-left: 85px; margin-bottom: 30px;}
.nr3{ background: url(../images/03.png) no-repeat left top; margin-top: 60px; padding-left: 85px;}
.nr4{ background: url(../images/04.png) no-repeat left top; margin-top: 20px; padding-left: 85px;}
.whyb dl{ line-height: 22px; font-size: 18px; color: #4b80d0;}
.whyb dt{ line-height: 27px; height: 27px; color: #4b80d0; text-transform: uppercase; border-bottom: 1px solid #DADADA; padding-bottom: 5px;}
.whyb dd{ line-height: 31px; color: #6b6b6b;}
.fwlc{ height: 390px; background: url(../images/fwlc.jpg) no-repeat top; padding-top: 10px;}
.fwb li{ width: 16%; float: left; text-align: center;}
.fwb li p{ font-size: 20px; color: #000000; line-height: 45px;}
.gywm{ margin-bottom: 50px;}
.gywmb{ padding: 0px 10px}
.gyl{ width: 580px; margin-right: 10px; text-indent: 20px; line-height: 28px;}
.gyl dt{ width: 100px; height: 30px; float: right; text-align: center; line-height: 30px; background: #4b80d0; color: #fff; margin-top: 17px;}
.gyl dt a{ color: #fff; display: block;}
.gyr{ width: 580px; margin-left: 10px;}
.lxwm{ width: 100%; background: url(../images/lxwm.jpg) no-repeat TOP; height: 235px; padding-top: 65px; color: #fff;}
.lxl{ padding-left: 96px; width: 504px; float: left; line-height: 39px; font-size: 20px; }
.lxr{ padding-left: 140px; width: 460px; padding-top: 53px; line-height: 29px; font-size: 16px;} 
.gssj{ margin-bottom: 30px;}
.gssjb li{ width: 250px; margin: 0px 25px; float: left; text-align: center; line-height: 35px;}
.gssjb li img{ width: 250px; height: 190px;}
.xwzx{ background: url(../images/xwzx.jpg) no-repeat bottom;}
.xwzxb{}
.xwl{ width: 580px; margin-right: 20px;}
.xwr{ width: 580px; margin-left: 20px;}
.xwt{ background: #4b80d0; height: 50px; line-height: 50px; color: #fff; padding-left: 20px; font-size: 22px;}
.xwt a{ float: right; padding-right: 20px; font-size: 14px; color: #fff;}
.gsb{ background: #edf2fa; padding-bottom: 20px;}
.gsb p{ padding: 10px; line-height: 30px; font-size: 14px; color: #303030;}
.gsmore{ width: 100px; height: 30px; line-height: 30px; background: #4b80d0; float: right; margin-top: 10px; margin-right: 10px; text-align: center;}
.gsmore a{ font-size: 16px; color: #fff;}
.xwb{ background: #edf2fa; padding: 20px 15px; color: #000;}
.xwb a{ color: #000;}
.xwb dl{ height: 100px; margin-bottom: 15px;}
.xwb dl img{ width: 160px; height: 100px; float: left; margin-right: 15px;}
.xwb dt{ line-height: 20px; margin-bottom: 13px;}
.xwb dt a{ font-size: 16px; font-weight: bold; }
.xwb dt span{ float: right; padding-right: 20px; font-size: 14px;}
.xwb dd{ line-height: 25px;}
.xwb li{ line-height: 34px;}
.xwb li span{ float: right; padding-right: 15px;}
.xwb li:hover a{ padding-left: 20px;}
.nlx{ margin-top: 50px;}
.nlxt{ height: 40px; line-height: 40px; background: #4B80D0; font-size: 16px; color: #fff; padding-left: 20px;}
.nlxb{ background: #F0F0F0; padding: 10px; line-height: 30px; font-size: 14px;}

/* 厂房 */
.cfsj{padding: 0 0 80px;background: #f1f1f1;margin-top:80px}
.cfsj li{width: 290px;height: 250px;overflow: hidden;float: left;margin: 0 30px 30px 0;}
.cfsj li:nth-child(3){margin-right: 0}
.cfsj li:last-child{margin-right: 0}
.cfsj li img{width: 100%;height: 100%;object-fit: cover;transition: 1s;}
.cfsj li:first-child {width: 560px;height: 530px;}
.cfsj li:hover img{transform: scale(1.2) rotate(5deg);}
.cfsj .more{width: 200px;line-height: 45px;background: #4b80d0;margin: 40px auto 0;text-align: center;}
.cfsj  .more a{display: block;font-size: 16px;color: #fff;}

.sbj{margin-top:30px;}
.sbj1{margin-top:60px;}
.topnav{width: 100%;height: 30px;line-height: 30px;background-color: #ECECEC;color: #393939;font-size: 13px;}
.topnav span{float: right;}
.topnav span a{font-size: 13px;padding: 0px 5px;}
#nav{width:100%;height:50px;line-height: 50px;background-color: #343434;}
#nav li{float: left;text-align: center;width:133px;background: url(../images/nav.jpg) no-repeat right center;height: 50px;line-height: 50px;}
#nav li a{line-height:50px;display:block;height:50px;text-align:center;font-size:18px;color: #fff;}
#nav li:hover{text-decoration:none; height:50px;background-color: #ECECEC;}
#nav li:hover a{color:#000;}
#nav li dl{width:140px;background:#ECECEC;list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;}
#nav li dl dt{height:35px;line-height:35px; border-bottom:1px solid #000;}
#nav li dl dt a{color:#000;font-size:12px;height:35px;line-height:35px;}
#nav li dl dt a:hover{ background:none;font-weight: bold;}
#nav li:hover dl{left:auto;}
#wrap{width: 100%;background-color: #EBEBEB;padding: 35px 0px;}
.company dl{float: left;width:435px;margin-right:25px;}
.company ul{float: left;width:740px;}
.company ul li{color: #333333;font-size: 32px;margin-bottom:10px;}
.company ul li b{font-weight: normal; font-size: 18px;text-transform: uppercase;font-family: "arial"}
.company ul li span{font-size: 14px;padding-left:50px;}
.company ul p{font-size: 17px;line-height:39px;text-indent: 2em;}
.company ul ol{text-align: right;}
.company ul ol a{color: #000000;font-size: 14px;text-transform: uppercase;}
.company ul ol a:hover{color: #ef8008;}

#wrap2{width: 100%;background: url(../images/xwzx.jpg) no-repeat center center;height: 400px;}
.ititle{text-align: center;padding-top: 20px;}
.ititle li{background: url(../images/line.png) no-repeat center bottom;color: #ececec;font-size:26px;padding-bottom: 5px;}
.ititle li span{font-size: 18px;text-transform: uppercase;font-weight: bold;padding-left:30px;}
.ititle p{font-size: 14px;color: rgba(255,255,255,0.3);text-transform: uppercase;margin-top: 10px;}
.news{margin-top:50px;}
.news li{width: 46%;float: left;margin: 0 2%;line-height:48px;height: 48px;border-bottom:2px dotted #D2D2D2;}
.news li a{color: #000000;}
.news li a:hover{color: #ef8008;}
.news li span{float: right;color: #000000;}
.prott { width:1320px; height:auto; OVERFLOW: hidden; ZOOM: 1;margin-left:-60px; margin-right:-60px; margin-top:20px;}
.prott .pcontt {FLOAT: left; OVERFLOW: hidden; WIDTH:1200px;ZOOM: 1;}
.prott .ScrCont1 {WIDTH: 32733px; ZOOM: 1;}
.prott #List3_1 {FLOAT:left;}
.prott #List4_1 {FLOAT:left;}
.prott .LeftBotton1 { background: url(../images/left.png) no-repeat left top; FLOAT: left; width:57px; height:57px; margin-top:95px;}
.prott .RightBotton1 {background: url(../images/right.png) no-repeat top right; FLOAT: right; width:57px; height:57px; margin-top:95px;}
.prott .LeftBotton1:hover{background: url(../images/left.png) no-repeat left top;}
.prott .RightBotton1:hover{background: url(../images/right.png) no-repeat top right;}
.prott .pl1 {DISPLAY: block; CURSOR: pointer; float:left;}
.prott .pl1 li { width:274px;float:left; text-align:center; margin:0px 10px;border: 3px solid #ECECEC;}
.prott .pl1 li a{width:274px;display:inline-block;}
.prott .pl1 li img {width:274px; height:190px;}
.prott .pl1 li p{font-size:14px; padding:15px 0px;}
.prott .pl1 li p:hover{color: #ef8008;}
#wrap1{width: 100%;background-color:#ECECEC;padding: 25px 0px;}
.infobox1{width:910px;float: left;background-color: #fff;padding: 5px;margin-right: 20px;}
.infobox2{width: 250px;float: left;background-color: #fff;padding: 5px;}
.title1{border-bottom: 2px solid #ECECEC;font-size: 22px;}
.title1 span{float: right;padding-top: 5px;}
.title1 span a{font-size: 14px;}
.xwxz img{padding: 10px 0px;}
.xwxz li{height: 26px;line-height: 26px;}
.xwxz li span{float: right;}
.xwzx1 dl{margin:15px 0px 7px 0px;}
.xwzx1 dl img{width:230px;height: 160px;float: left;margin-right: 15px;border: 1px solid #ccc;}
.xwzx1 dl a{font-size: 16px;font-weight: bold;line-height:36px;}
.xwzx1 dl p{line-height:32px;color: #000000;font-size: 14px;}
.xwzx1 li{height:40px;line-height:40px;width: 46%;float: left;margin: 0 2%;}
.xwzx1 li a{color: #000000;}
.xwzx1 li a:hover{color: #ef8008;}
.xwzx1 li span{float: right;color: #000000;}
.contact img{margin:6px 0px 12px 0px;}
.contact p{font-size: 16px;font-weight: bold;}
.contact li{padding: 10px 0px;line-height:26px;}
.contact ol {line-height: 38px;font-size: 14px;}
.contact ol img{margin-right: 5px;}


.yqlj{ line-height:44px;text-align: center;color: #fff;}
.yq{ width: 120px;}
.yqlj dl{ font-size: 14px; font-weight: bold; color: #0da2f9; float: left;}
.yqlj dt{ color: #333333;}
.yqlj a{color: #646464; line-height: 44px; float: left; margin-right: 15px;}
/*内页样式*/
.pubdate{text-align: center;font-size: 14px;}
.ileft{ width:220px; float:left; margin-right:10px;margin-bottom: 20px;}
.iright{ width:970px; float:left;margin-bottom: 20px;}
.icpfl dt {color: #fff;font-size: 18px;font-weight: bold;padding-left: 70px;padding-top: 20px;background: url(../images/icon10.png) no-repeat 25px center #4B80D0;height: 60px;}
.icpfl dt span {font-size: 14px;font-weight: normal;}
.icpfl ul{ padding:15px 0px; background-color:#F0F0F0;}
.icpfl ul li{ background:url(../images/dot1.png) no-repeat 10px center; line-height:32px; height:32px; background-color:#fff; margin-bottom:10px;}
.icpfl ul li a{ padding-left:20px; font-size:14px; color:#000;}
.icpfl ul li a:hover{color:#ef8008;}
.icpfl ul p{ background:url(../images/dot1.png) no-repeat 20px center; line-height:32px; height:32px; background-color:#fff; margin-bottom:10px;}
.icpfl ul p a{ padding-left:30px; font-size:13px; color:#000;}
.icpfl ul p a:hover{color:#ef8008;}
.icpfl ul ol{ background:url(../images/dot1.png) no-repeat 30px center; line-height:32px; height:32px; background-color:#fff; margin-bottom:10px;}
.icpfl ul ol a{ padding-left:40px; font-size:12px; color:#000;}
.icpfl ul ol a:hover{color:#ef8008;}

.mup1{border-bottom:2px solid #333; height:39px; line-height:39px; font-size:14px; margin-bottom:15px;}
.mup{background-color: #4B80D0; height:42px;line-height: 42px;color:#fff; font-size:14px;}
.mup p{height:42px;float:left;padding-left: 15px;}
.mup span{float:right;padding-right:10px;}
.mup span a{ font-size:14px; color:#fff;}
.mup span a:hover{color:#ef8008;}
.hg{line-height:30px;}
.tp{width:950px;height:150px;border-bottom:1px #e4e4e4 solid;margin:auto;margin-top:10px;padding-bottom: 10px;}
.tp_img{width:147px;float:left;margin-right:10px;}
.tp_img a{text-align:center;width:145px;height:145px;display:table-cell;vertical-align:middle;overflow:hidden; border:1px solid #ccc;background-color: #fff;}
.tp_img a img{vertical-align:middle;cursor:pointer;transition: all 0.6s;}
.tp_img a img:hover{transform: scale(1.1);}
.tp_wz{width:793px;float: right;}
.tp_wz_bt{height:30px;line-height:30px;text-align: left;}
.tp_wz_bt a{font-size:14px;font-weight: bold;}
.tp_wz_bt span{float: right;padding: 0px 10px 0px 10px;background: #ff7519;}
.tp_wz_bt span a{font-size: 12px;font-weight: normal; color:#fff;}
.tp_wz_bt span a img{margin-right: 10px;}
.tp_wz_nr{line-height:30px;text-align: left;}
.rytp{width:227px;float:left;margin:0px 5px;}
.rytp a{width:225px;height:225px;display:table-cell;vertical-align:middle;overflow:hidden;border:1px solid #ccc;text-align:center;}
.rytp a img{vertical-align: middle;cursor:pointer;transition: all 0.6s;}
.rytp a img:hover{transform:scale(0.9);}
.rytp p{line-height:40px;height:40px;text-align:center;width:227px;margin:0px auto;}
.tittle{text-align:center;line-height:40px;height:40px;font-size: 18px;font-weight: bold;margin-top: 20px;}
.lb{text-align: left;text-indent: 2em;}
.lb a{ color:#333;}
.nyxw2{width:48%;float: left;text-align: left;height:40px;line-height:40px;border-bottom: 1px #D5D5D5 dotted;margin-right: 2%; background:url(../images/dot1.png) no-repeat left center;color:#333;}
.nyxw2 a{ padding-left:20px; color:#333;}
.nyxw2 span{float: right;height:40px;line-height:40px}
.xgcp{width:227px;float: left;margin:0px 5px;text-align: center;line-height:25px;}
.xgcp a{ height:180px; overflow:hidden; display:inline-block;width:225px;}
.xgcp a img{border: 1px solid #ccc; -webkit-transform: scale(1, 1); 
  -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
  -moz-transition: all 0.5s ease-out; 
  transition: all 0.5s ease-out;}
.xgcp a img:hover{-webkit-transform: scale(1.1, 1.1); 
  -moz-transform: scale(1.1, 1.1); 
  transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out;}
.xgcp p{ line-height:32px;}
.xgcp p a{ color:#333;}
.page{width:880px;text-align: center;margin: 0px auto;}
.page li{text-align: center;padding-right: 10px;float: left}
.page li a{ color:#333;font-size: 14px;}
.current a{color: #ef8008!important;}
.inews{padding: 10px;text-align: left;}
.inews li{height:40px;line-height:40px;text-align: left;border-bottom: 1px #D5D5D5 dotted; background:url(../images/dot1.png) no-repeat left center;}
.inews li a{ padding-left:20px; color:#333; font-size:14px;}
.inews li a:hover{color: #ef8008;}
.inews li span{float:right;}
/*内页样式*/
.nr{line-height:30px;padding:10px 9px;font-size: 14px;border: 1px solid #ccc;}