@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0; }
body, button, input, select, textarea { font: 14px/1.5 微软雅黑, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
p[style='color:red;font-weight:600'] { display:none!important; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/
html {
  scroll-behavior: smooth;
}
/*Body*/
body {  margin: 0 auto; overflow-x: hidden;  background: #fff; color:#000; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #000; }
a:hover { color: rgb(0, 64, 152); }

.wrapper { position:relative; width:100%; margin:0 auto;overflow: hidden; }
.wrap { width:1600px; margin:0 auto; }

@media all and (max-width:1680px){
	.wrap { width:1200px; margin:0 auto; }
}
@media all and (max-width:1280px){
	.wrap { width:92%; }
}



.nr {width: 1600px; margin: 0 auto; }
@media (max-width: 1680px){
	.nr { width:1200px}
}
@media (max-width: 1280px){
    .nr { width:92%}
}
.top{ height: 30px; background: rgb(0, 64, 152); position: relative; }

 
.topArea {position: fixed;width: 100%;background: rgb(255 255 255 / 0%);z-index: 999 !important;}
.topArea .wrap { position:relative; }
.topArea01 {position:fixed!important;top:0;left:0;right:0;box-shadow: -3px 7px 13px -3px rgba(0,0,0,.2);background: #fff;}

.logo { position:relative; float:left; }
.logo img{height: 88px;}
.logo .img02,.logo .img03 { display:none; }
.topArea01 .logo img{display:none;}
.topArea01 .logo .img03{display:block;}

.telArea { float:right; line-height:1; padding-top:20px; }
.telArea .p1 {font-size:14px;color:#000;margin-bottom:10px;color: #fff;}
.telArea .p2 {font-size:24px;color:rgb(0, 64, 152);font-weight: bold;color: #fff;}


.topArea01 .p1 {color:#000;}
.topArea01 .p2 {color:rgb(0, 64, 152);}
 
.nav { float:right; margin-right:55px; }
.nav ul li { position:relative; float:left; font-size:0; margin:0 25px; }
.nav ul li .a1 {position:relative;display:inline-block;font-size:16px;height:88px;line-height:88px;color:#000;color: #fff;}
.nav ul li .a1:after{position: absolute;width: 100%;height: 2px;background: rgb(0, 64, 152);bottom: 0;left: 0;content: ''; display:none; }
.nav ul li:hover .a1,.nav ul li.current .a1{color: rgb(0, 64, 152);/* font-weight: bold; */}
.nav ul li:hover .a1:after,.nav ul li.current .a1:after { display:block; }

.topArea01 .nav ul li .a1{color:#000}
.nav .sub {position:absolute;top:88px;width: 210px;left:50%;margin-left:-83px;display:none;z-index:999;border-radius: 8px;overflow: hidden;}
.nav .sub dt {margin-bottom: 0px;background: #ffffff;position: relative;text-align:center;}
.nav .sub dt a {display:block;color:#333;/* line-height: 35px; */font-size:15px;padding: 10px 5px;border-bottom: 1px solid #eaeaea;}
.nav .sub dt a:hover{ color:#fff;background:rgb(0, 64, 152);border-color: rgb(0, 64, 152);}
  
/* 菜单显示 */
.u-menu2 { position:absolute; right:6px; top:10px; display:none; width:50px; height:42px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu2 div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu2 div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#fff;}
.u-menu2 .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu2 .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu2 .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
/* body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);} */
body.z-open .u-menu2 {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu2  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu2  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu2 .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu2 .u-menu-middle { display:none; }

.app-top-nav{background: rgb(0, 64, 152);height: 100%;position: fixed;top: 0;left: 0;width: 102%;overflow-y: scroll;z-index: 99;display: none;padding-bottom: .72rem;}
.sideMenu h3{ font-size: 14px; border-top: 1px solid rgba(255,255,255,0.2);padding: .24rem 0;width: 86%;margin-left: 6%;display: flex;justify-content: space-between;color: #fff;}
.sideMenu h3 em{width: 16px;height: 16px;background: url(../images/section-jian.png) no-repeat center;}
.smul{margin-top: 60px}
.sideMenu h3.on em{background: url(../images/section-jian2.png) no-repeat center;}
.sideMenu ul{display: none;padding: 0 7% 4%;}
.sideMenu ul li a{font-size: 14px;font-weight:normal;font-style: normal;font-stretch: normal; line-height: 1;letter-spacing: normal;color: #ffffff;display: block;margin-top: .24rem;}


@media all and (max-width:1680px){
	.nav { margin-right:50px; }
	.nav ul li { margin:0 15px; }
	.nav ul li .a1 { font-size:14px; }
}
@media all and (max-width:1280px){
	.logo .img01 { display:none; }
	.logo .img02 { display:block; height:60px; }

		.topArea01 .logo img,.topArea01 .logo .img03{display:none;}
.topArea01 .logo .img02{display:block;}

	
	.top { display:none; }
	.nav { display:none; }
	.telArea  { display:none; }

	.topArea {background-color: rgb(0, 64, 152);display: flex;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0;transition: top 0.5s;}
	.topArea .wrap { width:100%; }
	.u-menu2 { display:block; }
}

.footer {background: rgb(0, 64, 152);background: url(../images/bg6.jpg) center no-repeat;background-size: cover;}
.footArea { padding:70px 0 45px; }
.foot01 {float: right;width: 64%;}
.foot01 dl {float: left;margin-right: 3%;font-size: 14px;width: 17%;}
.foot01 dl:last-child { margin-right:0; }
.foot01 dl dt { margin-bottom: 25px; color: rgba(255,255,255,0.5); }
.foot01 dl dt a{color: #fff;font-size: 18px;}
.foot01 dl dt a:hover{color: rgba(255,255,255,1);}
.foot01 dl dd a { display:block; margin-bottom: 10px; color: rgba(255,255,255,0.7);font-size:14px;}
.foot01 dl dd a:hover{color: rgba(255,255,255,1);}
.foot02 { float:right; margin-right:80px; }
.foot02 a { font-size: 12px;width: 115px;height:25px;background: #b81c22;border-radius: 5px;display: block;text-align: center;color: #fff;line-height: 25px; }
 
.foot03 {float: left;width: 29%;border-right: 1px solid #e4e4e4;position:relative}
.foot03:after {
    position: absolute;
    content: "";
    top: 0;
    right: -0.03rem;
    height: 0.83rem;
    width: 0.03rem;
    background: #ffffff;
}
.foot03 ul{margin:20px auto}
.foot03 ul li {float: left;width:95px;margin-left: 35px;text-align: center;}
.foot03 ul li img{padding:5px;background:#fff; border-radius:4px}
.foot03 ul li:last-child { margin-right:0; }
.foot03 ul li .p1 { font-size: 14px; color: rgba(255,255,255,0.8); margin-bottom:10px; }

.tail { text-align:center; padding:15px 0; font-size:14px; color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.2); }
.tail a { color:rgba(255,255,255,0.5); }
.tail a:hover { color:#fff; }

@media all and (max-width:1680px){
	.footArea { padding:50px 0 45px; }
 .foot01{width: 56%;}
	.foot01 dl {margin-right: 3%;margin-bottom: 20px;}
	.foot01 dl:last-child { margin-right:0; }
	.foot01 dl dt { margin-bottom:20px; }
	.foot01 dl dd a{ font-size:14px; margin-bottom: 10px; }

	.foot02 { float:right; margin-right:40px; }
 
	.foot03 {width: 38%;}
	.foot03 ul li {margin-right: 1%;width: 24%;}
	.foot03 ul li:last-child { margin-right:0; }
}
@media all and (max-width:1280px){
	.footArea { padding:40px 0; }
 
	.foot01 dl { margin-right:20px; }
	.foot01 dl:last-child { margin-right:0; }
	.foot01 dl dt { margin-bottom:15px; }
	.foot01 dl dd a{ font-size:12px; margin-bottom: 10px; }
 
}
@media all and (max-width:1200px){
	.footArea { padding:30px 0; }
	
	.foot01 {float:none;width:100%;border-bottom: 1px solid rgba(255,255,255,0.5);}
	.foot01 dl { float:none; width:100%; }
	.foot01 dl dt {font-weight:bold;border-top: 1px solid rgba(255,255,255,0.5);padding: .24rem 0;margin: 0 auto;display: flex;justify-content: space-between;color: #fff;background: url(../images/section-jia.png) no-repeat center right;}
	.foot01 dl dd { display: none; padding: 0 7% 4%;}
	.foot01 dl dd a { font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal; line-height: 1;letter-spacing: normal; display: block;margin-top: .24rem; margin-bottom:0; }
	
	.foot01 dl dt.on { background: url(../images/section-cheng.png) no-repeat center right; }
	
	.foot02 { display:none; }
	
	.foot03 {float:none;margin:0 auto;padding-top:25px;width: 100%;}
	.foot03 ul li {
    margin-right: 1%;
    width: 24%;
}
	
	.tail { font-size:12px; }

	.col-fixed {display: none;}
}

.sjArea { display:none; }
@media all and (max-width:1200px){
	.pcArea { display:none; }
	.sjArea { display:block; }
}
@media all and (max-width:750px){
.foot03 ul li img{
    width: 100%; height: auto;
}
.foot01{display:none;}
.foot03 {
    margin: 0 auto 0 0;
    padding-top: 0px;
    width: 100%;
    border-right: 0px solid #e4e4e4;
}.foot03 img{width:90%;display: none;}
.foot03:after {
    position: absolute;
    content: "";
    top: 0;
    right: -0.03rem;
    height: 0.83rem;
    width: 0.0rem;
    background: #ffffff;
}
.footArea {
    padding: 10px 0;
}
	.syr li img{width: 20px !important;margin-right: 0.1rem !important;}
	.syr li{margin-right:0 !important;margin-left:0px !important;}

}
/*广告*/
.ad_closed{width:16px;height:16px;line-height:16px;text-align:center;background:#f00;color:#fff;position:absolute;top:0;right:0;cursor:pointer;}

/*弹出广告*/
#popup{position:fixed;top:50%;left:50%;z-index:9999;}
#ad_shadow{width:100%;background:#000;position:fixed;top:0;left:0;z-index:9000;opacity:0.4;filter:alpha(opacity=40);}

/*漂浮广告*/
#ad1{position:absolute;z-index:9999;}

/*左侧门帘*/
#hangL{position:absolute;left:0;z-index:9999;}

/*右侧门帘*/
#hangR{position:absolute;right:0;z-index:9999;}

/*拉屏广告*/
#bigScreen{position:relative;left:50%;top:0;height:0;overflow:hidden;}
#bigScreen .ad_closed{top:10px;}
 
/* 表单 */
.col-fixed{position: fixed;/* top: 0; */right: 30px;z-index: 100;bottom: 0;margin: auto 0;height: 142px;}
.col-fixed .mege1{color: white;background-color: rgb(0, 64, 152);font-size: 14px;height: 75px; line-height: 18px;width: 70px;text-align: center;}
.col-fixed .mege1 i{display: block;padding: 9px 0 7px;}
.col-fixed .top a{/* width: 70px; *//* height: 75px; *//* display: block; *//* color: white; *//* font-size: 14px; *//* line-height: 18px; *//* background-color: #424040; *//* text-align: center; */}
.col-fixed .top a i{display: block;padding: 18px 0 7px;}

.rightlist{
    background: rgba(255,255,255,0.3);
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 8px;
    transition: all .36s ease;
}
.rightlist img{
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
     transition: all .36s ease;
     vertical-align: middle;
}
.rightlist:hover{
    background: rgba(255,255,255,1);
}
.rightlist img:hover{
     -webkit-filter: grayscale(0%);
     filter: grayscale(0%);
}

.col-forma{position: fixed;top: 250px;right: 125px;width: 246px;background: url(../images/pc12.png) no-repeat top center #f6f6f6; padding: 0 15px;box-sizing: border-box; z-index: 1000;display: none;background-size: 100%;}
.col-forma .mt{color: white;font-size: 21px;font-weight: bold;text-align: center;line-height: 31px;margin: 12px 0;}
.col-forma input[type="text"]{width: 217px;box-sizing: border-box;line-height: 30px;border:1px solid #e1dfdf;margin-top: 10px;padding: 0 20px 0 10px;background: url(../images/icon13.png) no-repeat right 10px center white;font-size: 14px;}
.col-forma input[type="text"]:nth-child(1){margin-top: 20px;}
.col-forma textarea{background-color: white;width: 217px;height: 88px;box-sizing: border-box;padding: 5px 10px;border:1px solid #e1dfdf;margin-top: 10px;outline: none;resize: none;font-size: 14px;}
.col-forma input[type="submit"]{width: 217px;height: 30px;background-color: #a72026;text-align: center;color: white;font-size: 16px;margin-top: 10px;}
.col-forma  .mege-form-ft{font-size: 12px;color: #a72026;text-align: center;line-height: 36px;}
.col-forma .t03{background: none !important;}
.col-forma .icon_a{position: relative;top: 15px; width: 20px;height: 20px;left: 200px;}

.col-forma select.text{width: 217px;box-sizing: border-box; height: 30px;border:1px solid #e1dfdf;margin-top: 10px;padding: 0 20px 0 10px; font-size: 14px; background:#fff}
.col-forma .a6 {display:flex;justify-content: space-between;}
.col-forma .a6 select.text{ width:48%}

.col-forma select.text option[value=""] {
    color: #666;
}

.col-forma select.text option {
    color: #000;
}


.cx p{color: #fff;}
.cx .factory-form{
  margin: 0px auto 20px 35px;
  width: 72%;
  height:56px;
  position: relative;
  border: 1px solid #1662cb;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background: #ffffff;
  padding:7px;
  display: flex;
  align-items: center;
  justify-content: space-around;
}
@media (max-width:1351px) {
  .cx .factory-form{
    /* margin-top:40px; */
    /* width:50%; */
    /* height:40px; */
  }
}
@media (max-width:769px) {
  .cx .factory-form{
    margin: 30px 0;
    width: 100%;
    height:50px;
    padding: 0;
  }
}
.cx .factory-form button{
  width: 23%;
  height:40px;
  border-radius: 4px;
  background: rgb(0, 64, 152);
  -webkit-border-radius: 4px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  cursor: pointer;
  border:0 none;
  font-size: 17px;
  color:#ffffff;
}
@media (max-width:1351px) {
  .cx .factory-form button{
    width:120px;
    height:60px;
    font-size:16px;
  }
}
@media (max-width:769px) {
  .cx .factory-form button{
    width:80px;
    height:40px;
    font-size: 16px;
  }
}
.cx .factory-form input{
  width: 61%;
  height:90px;
  font-size: 13px;
  color:#261c19;
  border:0 none;
  /* line-height: 30px; */
  word-break: break-all;
}
@media (max-width:1351px) {
  .cx .factory-form input{
    /* width: 58%; */
    /* height:60px; */
    /* font-size:22px; */
  }
}
@media (max-width:769px) {
  .cx .factory-form input{
    /* width:calc( 100% - 120px ); */
    height:40px;
    font-size: 15px;
  }
}
@media (max-width:426px) {
      .cx .factory-form input{
    /* width:calc( 100% - 110px ); */
  }
}
.cx .factory-form input:focus{
  outline: none;
}
.cx .search_svg{
  width: 32px;
  height: 32px;
  background: url(../images/search.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 0% 0 0%;
  display: flex;
}
@media (max-width:1351px) {
 .cx .search_svg{
    width:30px;
    height:30px;
    margin:0 20px;
  }
}
@media (max-width:769px) {
.cx .search_svg{
    width:20px;
    height:20px;
    margin:0 10px;
  }
}
@media (max-width:426px) {
  .cx .search_svg{
        width:18px;
    height:18px;
    margin:0 6px;
  }
}