/*初始化样式*/
html {
	margin: 0;
	padding: 0;
	border: 0;
}
body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	background: #fff;
	color: #333;
	position: relative;
	font: 12px/1.5 Microsoft YaHei, arial, 宋体, sans-serif;
	vertical-align: baseline;
	width: 100%;
	overflow-x: hidden;
}
a {
	text-decoration: none;
	outline: none;
}
a:link {
	color: #666;
}
a:visited {
	color: #666;
}
a:hover, a:active, a:focus {
	color: #034E9D;
	text-decoration: none;
	outline: none;
}
p {
	margin: 0;
}
input {
	padding: 0;
	margin: 0;
	font-family: 'Microsoft YaHei';
}
img {
	border: none;
	background: none;
	vertical-align: middle;
}
ul, ol, li {
	list-style-type: none;
}
select, input, img, select {
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
table, th, td {
	vertical-align: middle
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}
.clearfix {
	zoom: 1
}
.clearboth {
	height: 0px;
	line-height: 0px;
	overflow: hidden;
	clear: both;
	font-size: 0px;
}
h1, h2, h3, h4 {
	font-size: 12px;
	font-weight: bold;
}
hr {
	border: 0;
	border-top: 1px solid #ccc;
	height: 0;
}
dt {
	font-weight: normal;
}
/*----- Common css ------*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.flexd {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.wh {
	width: 1200px;
	margin: 0 auto;
}
.pos {
	position: relative;
	width: 1920px;
	left: 50%;
	margin-left: -960px;
}
.com-img {
	display: inline;
	overflow: hidden;
	margin: 0 auto;
	display: table;
}
.com-img img {
	transition: all 0.8s;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
}
.com-img:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
/*内页左侧样式*/
.page-product-inquiry a {
	color: #fff;
}
.page{text-align: center;margin: 10px auto 10px auto;}
.page li{display: inline-block;line-height: 40px;border: 1px solid #cccccc;padding: 0 18px;margin: 0px 3px;border-radius: 3px;}
.page li a{color: #999999;font-size: 14px;}
.page li:hover{background-color: #004b98;border: 1px solid #004b98;}
.page li:hover a{color: #fff;}
.current{background-color: #004b98!important;border: 1px solid #004b98!important;}
.current a{color: #fff!important;}
.xypg-right-content p{line-height: 32px;}
.product {display:flex;justify-content:left;flex-wrap:wrap;}
.product dl {margin: 0px 5px;text-align: center;}
.product dt {text-align: center;border: 1px solid #CCCCCC;border-radius:10px;}
.product dt a{width: 100%;}
.product dd {text-align: center;height:46px;line-height:46px;overflow: hidden;font-size: 14px;width: 100%;}
.product_img {display: table-cell;vertical-align: middle;margin: 0px;float: none;line-height: 0px;
font-size: 0px;overflow: hidden;}
.product dt .product_img img {max-width: 100%;max-height: 100%;display: block;margin: auto;cursor:pointer;transition: all 0.6s;border-radius:10px;}
.product dl dd a {color: #333;}
.product dt:hover .product_img img{transform:scale(1.3);}
.product dl:hover dd a{color: #004b98;}
.xypg-detail-con iframe{width: 100%;height: 360px;}
/*内页产品样式*/
@media (min-width:1600px) {
.product dl{width: calc(25% - 10px);}
.product dt{width:100%;height:287px;}
.product_img{width:100%;height:285px;}
.cpzs div li a img{height: 364px;}
}
@media (min-width:1400px) and (max-width:1599px) {
.product dl{width: calc(25% - 10px);}
.product dt{width:100%;height:240px;}
.product_img{width:100%;height:238px;}
.cpzs div li a img{height:319px;}
}
@media (min-width:1200px) and (max-width:1399px) {
.product dl{width: calc(33.333% - 10px);}
.product dt{width:100%;height:260px;}
.product_img{width:100%;height:258px;}
.cpzs div li a img{height:273px;}
}
@media (min-width:992px) and (max-width:1199px) {
.product dl{width: calc(33.333% - 10px);}
.product dt{width:100%;height:194px;}
.product_img{width:100%;height:192px;}	
.cpzs div li a img{height:226px;}
}
@media (min-width:768px) and (max-width:991px){
.product dl{width: calc(33.333% - 10px);}
.product dt{width:100%;height:233px;}
.product_img{width:100%;height:231px;}	
.cpzs div li a img{height:175px;}
}
@media (min-width:591px) and (max-width:767px){
.product dl{width: calc(33.333% - 10px);}
.product dt{width:100%;height:177px;}
.product_img{width:100%;height:175px;}	
.cpzs div li a img{height:269px;}
}
@media (min-width:490px) and (max-width:590px){
.product dl{width: calc(50% - 10px);}
.product dt{width:100%;height:222px;}
.product_img{width:100%;height:220px;}	
.cpzs div li a img{height:223px;}	
}
@media (max-width:489px){
.product dl{width: 100%;}
.product dt{width:100%;height:auto;}
.product_img{width:100%;height:auto;}		
}
@media (min-width:391px) and (max-width:489px){
.cpzs div li a img{height:178px;}	
}
@font-face {
	font-family: "iconfont";
	src: url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype');
}
.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/*font*/
@font-face {
	font-family: "commonfont";
	src: url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}
.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/*电脑端头部*/
.clear{clear: both;}
.special-sticky {z-index: 1999;margin: 0px auto;width: 100%;background-color: #fff;border-bottom: 1px solid rgba(255,255,255,0.1);box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);height: 90px;}
.top{margin: 0 3%;height: 90px;}
.logo{width:310px;float: left;position: relative;display: inline;}
.tel{width: 160px;position: absolute;right: 4%;top: 0;z-index: 10;font-size:16px;border: 1px solid #004b98;border-radius: 20px;margin-top:27px;text-align:center;line-height: 36px;color: #004b98;font-weight: bold;}
.tel img{vertical-align: middle;}
#nav{height: 90px;line-height: 90px;max-width: none;width: auto;position: static;-webkit-transition: all .3s ease;transition: all .3s ease;float: right;display: inline;}
#nav li{float:left;text-align:center;padding: 0px 15px;}
#nav li a{line-height:90px;display:block;height:90px;font-size:16px;color: #333;}
#nav li:hover{text-decoration:none; height:90px;background: url(../images/nav.jpg) no-repeat center bottom;}
#nav li dl{list-style-type:none;text-align:left;left:-999em;position:absolute;z-index:99999;float:left;width: 180px;background-color: #fff;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);margin-left: -15px;}
#nav li dl dt{height:46px;line-height:46px;}
#nav li dl dt a{font-size:14px;height:46px;line-height:46px;padding-left:10px;transition:all 0.3s ease-in-out 0s;}
#nav li dl dt a:hover{background:#004b98;font-size:15px;font-weight:bold;color:#fff;padding-left:30px;transition:all 0.3s ease-in-out 0s;}
#nav li:hover dl{left:auto;}
@media (max-width:1499px){
.tel{display: none;}
.headerleft{width:100%;}
}
@media (min-width:1500px){

}
/*头部导航logo*/
@media (min-width:1025px){
.xymob-head{display: none;}
.special-sticky{display: block;}	
}
@media (max-width:1024px){
.xymob-head{display: block;}	
.special-sticky{display:none;}	
}
@media (min-width:1100px) and (max-width:1280px){
#nav li{padding: 0px 5px;}	
}
@media (min-width:1025px) and (max-width:1099px){
#nav li{padding: 0px 5px;}	
#nav li a{font-size: 14px;}
}
/*公共样式*/
.ywrapper{width: 95%;max-width: 1600px;margin: 0px auto;font-size: 16px;}
.ywrapper a{font-size: 16px;}
/*业务领域*/
.yyhy{padding: 40px 0px;}
.yyhy dl{text-align: center;}
.yyhy dl img{transition: all .8s ease 0s;}
.yyhy dl:hover img{transform: rotate(360deg);}
.yyhy dl p{line-height: 36px;font-size:0.80rem;font-weight: bold;color:#333;}
@media (max-width:767px){
.yyhy dl img{width: 50px;height: 50px;}
}
/*公司简介*/
#wrap2{width: 100%;background: url(../images/bg.jpg) no-repeat center bottom;padding:4% 0px;background-attachment: fixed;}
.company{box-shadow:0 0 5px #ddd;background-color: #fff;}
.company ul{width:50%;padding:2% 3%;}
.company ul li{font-size:0.70rem;color:#248dc7;text-transform: uppercase;}
.company ul span{font-size:2.2rem;display: block;margin-bottom:10px;font-weight: bold;background: url(../images/line.png) no-repeat left bottom;padding-bottom: 10px;color: #333;}
.company ul p{text-indent:2em;font-size:0.7rem;line-height: 28px;color: #737373;}
.company ul ol{width: 120px;line-height:40px;text-align: center;background-color: #034E9D;margin-top:20px;border-radius: 5px;}
.company ul ol a{font-size: 14px;color: #fff;}
.company ul:hover ol{background-color: #333;}	
.company dl{width:50%;overflow: hidden;}
.sl1{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top:2rem;}
.sl1 ul {width:25%;}
.sl1 ul img{float: left;margin-right: 10px;margin-top: 10px;transition: all .8s ease 0s;width: 70px;height: 70px;}
.sl1 ul:hover img{transform:rotate(360deg);}
.sl1 ul li {font-size:0.8rem;color: #262626;}
.sl1 ul li span {font-size:2.2rem;color:#004b98;font-weight: bold;}
.sl1 ul p {font-size:0.7rem;color:#737373;}
@media (min-width:1024px){
.company{display:-webkit-flex;display:flex;-webkit-justify-content: center;justify-content: center;}	
.company dl iframe{width:100%;height:100%;}
}
@media (max-width:1023px){
.company ul{width: 100%;}
.company dl{width: 100%;}
.company dl iframe{width:100%;height:360px;}
}
@media (min-width:768px) and (max-width:1023px){
.sl1 ul img{width: 60px;height: 60px;}
}
@media (max-width:767px){
.sl1 ul {width:50%;}
.sl1 ul li{margin-top: 1rem;}
.sl1 ul img{width: 60px;height: 60px;}
}
@media (max-width:389px){
.sl1 ul img{width:50px;height: 50px;}	
}
/*产品中心*/
.title{margin-top:2rem;}
.title li{float: left;font-size:2.2rem;font-weight: bold;color: #333;}
.title li p{background: url(../images/line.png) no-repeat left top;padding-top:10px;margin-top:10px;color:#737373;font-size: 16px;font-weight: normal;}
.title span{float: right;width: 140px;height: 42px;background-color: #004b98;text-align: center;line-height: 42px;border-radius: 5px;margin-top:2rem;}
.title span a{color:#fff;font-size: 14px;}
.title span:hover{background-color: #333;}
.cpzs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 2rem;}
.cpzs div{width: 24%;}
.cpzs div li{overflow: hidden;display: inline-table;box-shadow: 1px 1px 6px #ccc;width: 100%;}
.cpzs div li a{overflow: hidden;display: inline-table;width: 100%;}
.cpzs div li a img{transition: all 0.6s;width: 100%;}
.cpzs div:hover li a img{transition: all 0.6s;transform: scale(1.3);}
.cpzs div p{line-height:66px;height: 66px;text-align: center;}
.cpzs div p a{font-size:1.0rem;color: #333;font-weight: bold;}
@media (max-width:480px){
.title span{display: none;}	
}
@media (max-width:389px){
.cpzs div{width:100%;}	
}
@media (min-width:390px) and (max-width:767px){
.cpzs div{width:48%;}	
}
/*生产基地*/
.wrap{width: 100%;background-color: #FAFAFA;padding: 1% 0 3% 0;}
.n3{margin-top: 2%;}
.qdjd{width: 98%;margin: 0 1%;}
.qdjd a li{transition: all 0.6s;overflow: hidden;}
.qdjd a li img{transition: all 0.6s;}
.qdjd a li img:hover{transition: all 0.6s;transform: scale(1.3);}
.qdjd p{text-align: center;line-height: 36px;height: 36px;font-size:0.8rem;font-weight: bold;}
/*新闻动态*/
.sbj{margin-top: 3%;}
.xwzx1{float: left; width: 33%;margin-bottom: 3%;}
.xwzx1 .newBox {width:100%;height:auto;overflow: hidden;}
.xwzx1 .newContainer {width: 100%;height: auto;overflow: hidden;}
.xwzx1 .newLi {position: relative;font-size: 14px;float: none;}
.xwzx1 .porTbox {position: relative;overflow: hidden;width: 100%;height: 300px;}
.xwzx1 .newImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;transition: all .5s ease;height: 300px;}
.xwzx1 .porBbox {position: relative;overflow: hidden;width: 100%;margin-top: 5%;}
.xwzx1 .newTitle {font-size: 20px;color: #333;overflow: hidden;text-overflow: ellipsis;position: relative;font-weight: bold;white-space: nowrap;width: 100%;}
.xwzx1 .newSummry {color: #737373;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.6;font-size: 16px;margin-top: 2%;}
.xwzx1 .showBox {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0, 0, 0, .6);transition: all 0.5s ease;}
.xwzx1 .showBoxLink {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 1rem;padding: 0.5rem 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xwzx1 .showBoxLink::before {content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.xwzx1 .showBoxLink::after {content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.xwzx1 .newLi:hover .showBox {opacity: 1;}
.xwzx1 .newLi:hover .newImg {transform: translate(-50%, -50%) scale(1.1);}
.xwzx1 .newLi:hover .showBoxLink::before {width: 1rem;}
.xwzx1 .newLi:hover .showBoxLink::after {width: 1rem;}
.xwzx2{float: left;clear: none;width: 30%;margin-left: 2%;margin-right: 2%;margin-bottom: 3%;}
.xwzx2 .p_articles {width: calc((100% - 0px)/1);}
.xwzx2 .topBox {position: relative;width: 100%;height:385px;overflow: hidden;}
.xwzx2 .content {position: absolute;top: 0px;left: 0px;width:100%;height: 100%;padding: 15% 8%;background-color: #fafafa;transition: all .5s ease;}
.xwzx2 .newTimeBox {font-size: 15px;color: #737373;transition: all .5s ease;}
.xwzx2 .newTitle {font-size: 20px;color: #262626;font-weight: bold;text-overflow: ellipsis;overflow: hidden;margin: 3% 0 5% 0;white-space: nowrap;transition: all .5s ease;}
.xwzx2 .newMs {width: 100%;color: #737373;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;text-overflow: ellipsis;margin-top: 4%;line-height: 1.6;font-size: 16px;transition: all .5s ease;}
.xwzx2 .lineBox {position: relative;width: 100%;height: 2px;overflow: hidden;background-color: rgba(243,243,243,1);}
.xwzx2 .line {position: relative;width: 90%;height: 100%;display: none;margin: 0 auto;background-color: rgba(217,217,217,1);transition:all .5s ease;}
.xwzx2 .line::before {content:'';position: absolute;left: 0px;width: 0px;height: 100%;background: rgb(92,92,92);transition: all .5s ease;}
.xwzx2 .bottomBox {display: block;width: 100%;margin-top: 8%;}
.xwzx2 .bottomBox a{color: #004b98;font-size: 14px;}
.xwzx2 .p_articles:hover .line::before{width:100%;}
.xwzx2 .p_articles:hover .content{padding-top:30px;background-color: rgb(0 75 152);background-image: linear-gradient(120deg, #1a61c0, #004b98);color: #fff;}
.xwzx2 .p_articles:hover .newTimeBox{color: #fff;}
.xwzx2 .p_articles:hover .newTitle{color: #fff;}
.xwzx2 .p_articles:hover .newMs{color: #fff;}
.xwzx2 .p_articles:hover .bottomBox a{color: #fff;}
.xwzx3{float: left;width: 33%;margin-bottom: 3%;}
.xwzx3 ul{border-bottom: 1px solid #E5E5E5;padding-bottom:15px;margin-bottom: 20px;}
.xwzx3 ul img{float: left;width: 130px;height:100px;margin-right: 10px}
.xwzx3 ul li{font-size: 15px;color: #737373;padding-top: 15px;}
.xwzx3 ul li p{margin-top: 5px;}
.xwzx3 ul li p a{color: #262626;font-size: 15px;transition: all .5s ease;}
.xwzx3 ul:hover li p a{margin-left: 10px;color: #004b98;font-weight: bold;}
@media (min-width:768px) and (max-width:1023px){
.xwzx1{width: 49%;}
.xwzx2{display: none;}
.xwzx3{width: 49%;margin-left: 2%;}
}
@media (max-width:767px){
.xwzx1{width:100%;}
.xwzx2{width:100%;margin-left: 0;margin-right: 0;}
.xwzx3{width:100%;}	
}
/*网站底部*/
.footer{ background: #1F1F1F; color: #fff;width: 100%;padding: 0px 0px 30px 0px;}
.footnav a:hover{ color: #004b98;}
.wz1{font-size:2.6rem;border-bottom: 1px solid #363636;height:130px;line-height: 130px;}
.footnav ul{width:51.4%;float: left;}
.footnav ul li{font-size: 20px;font-weight: bold;}
.footnav ul p{float: left;text-align: center;line-height: 32px;width: 125px;color:#bcbcbc;font-size: 14px;margin-right: 10px;}
.footnav ul ol span{font-size: 15px;color: #bcbcbc;line-height: 30px;}
.footnav ul ol span b{color: #fff;font-size: 24px;font-weight: bold;}
.footnav dl{float: left;margin-left:3%;width:21.3%;}
.footnav dl dt{font-size: 20px;font-weight: bold;color: #fff;margin-bottom: 15px;}
.footnav dl li{line-height:42px;}
.footnav dl:nth-child(2) li,.footnav dl:nth-child(3) li{width: 50%;float: left;}
.footnav dl li a{color: #bcbcbc;font-size: 15px;}
.footnav dd{text-align: center;font-size: 14px;line-height: 32px;color: #bcbcbc;margin-top: 15px;}
.footnav dd a{color: #bcbcbc;}
.yqlj{width:100%;line-height:42px;background:#141414;text-align:center;font-size:14px;color:#bcbcbc;}
.yqlj a{color:#bcbcbc;padding-right:6px;}
.yqlj a:hover{color:#004b98;}
@media (min-width:679px) and (max-width:991px){
.footnav ul{width: 55%;}
.footnav dl:nth-child(2){width: 42%;}
.footnav dl:nth-child(3){display: none;}
}
@media (max-width:678px){
.footnav ul{width:100%;}
.footnav dl{display: none;}
}
/*在线留言*/
.message_list {padding: 20px;}
.message_add_form {margin: 0px auto;}
.form_table td {font-weight: normal;vertical-align: middle;padding-top:20px;}
.list_input{font-size: 14px;height: 32px;padding: 0 3px;line-height: 32px;border: 1px solid #ccc;width: 100%;}
.list_textarea{height: 80px;width: 100%;padding: 0 3px;line-height: 20px;border: 1px solid #ccc;}
.simple_btn{border: 0px;background-color: #004b98;width: 120px;height: 42px;line-height: 42px;text-align: center;color: #fff;}
.fz_gjcb{display: flex;justify-content: space-between;flex-wrap: wrap;}
.fz_gjcb li{padding: 0 20px;line-height: 36px;height: 36px;text-align: center;background-color: #004b98;border-radius: 20px;color: #fff;margin: 0px 10px 15px 10px;}