@charset "utf-8";

* {margin: 0;padding: 0;}
body {font-family: "Arial"; font-size: 14px; overflow-x: hidden; color: #333;}
ul,ol,li {list-style: outside none none; margin:0;}
.clear{ clear:both}
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
a{text-decoration: none;!important;font-family: "Microsoft YaHei";}
a:hover{text-decoration:none;!important; color: #0055b5;}
img{ border: none; max-width:100%; display: block;}
.fl{ float:left;}
.fr{ float:right;}
a{color: #333;}
.w78{ width:78%; margin:0 auto}



.pro01{ padding:100px 0}
.pro01-le{ width: 39%; overflow: hidden; }
.pro01-le img{ width: 100%; display: block; transition-duration: .5s; }
.pro01-le:hover img{ opacity: .5; transform: scale(1.1,1.1);}
.pro01-ri{ width: 55%; }
.pro01-ri h1{ font-size:32px; }
.pro01-ri p{ font-size: 16px; line-height: 26px; padding:10px 0 20px 0; }
.pro01-ri .pro-more{ display: block; width: 148px; height: 45px; line-height: 45px; text-align: center; color: #fff; background: #333864; text-transform: uppercase; font-size: 18px; border-radius: 20px; transition-duration: .5s; margin-bottom: 15px; }
.pro01-ri .pro-more:hover{ background: #1da1f2 }
.pro01-ri ul li{ float: left; border: 1px solid #d1d1d1; background: #f6f6f6; padding:10px 0; font-size: 16px; margin-right: 18px; margin-bottom:17px; min-width:200px; text-align:center; }
.pro02{ width: 100%; background: #f6f6f6; padding:100px 0; }
.x-lx{ width: 100%; background: url(/images/product/contactbm.jpg) no-repeat; padding:100px 0; }
.lx-xi{ width: 94%; margin:0 auto; }
.lx-title {width: 100%;text-align: center;}
.lx-title p {color: #767676; font-size: 48px;}
.lx-title span {color: #777777; font-size: 30px;}
.lx-form{ padding:110px 0 20px 0; }
.lx-form li{ width: 33.33%; float: left; margin-bottom: 20px;}
.lx-form li lable{ width: 38%; float: left; text-align: right;   line-height: 36px; font-size: 18px; }
.lx-form li .input-lx{ width: 60%; float: right; }
.sk01{ width: 100%; height: 36px; line-height: 36px; border:1px solid #cccccc; background: #fff; }
.lx-form li:after{ content: ""; display: block; clear: both; }
.lx-form li:nth-child(7){ width: 100%; clear: both; }
.lx-form li:nth-child(7) lable{ width: 12.5%; }
.lx-form li:nth-child(7) .input-lx{ width: 86.5%; }
.sk02{ height: 179px; }
.lx-submit{display: block;width: 121px;height: 38px;background: #007acc;border-radius: 10px 10px;color: #fff;font-weight: bold;border: none;cursor: pointer;}
.lx-icon dl{ float: left; margin-left: 2%; }
.lx-icon dl dt{ float: left; }
.lx-icon dl dd{ font-size: 16px; color: #575757; line-height: 25px; padding-left: 10px; float: left; }
.pro-xi{ padding:50px 0; }
.nr-le{ width: 22%;float: left; }
.leftbar01{ border:1px solid #d0d0d0; margin-bottom:30px;  }
.pro-nr{ padding-top: 30px; }
.left-ti{ line-height: 57px; color: #333; font-size: 20px; font-weight: bold; padding-left:5%; border-bottom: 1px solid #d0d0d0; }

/*左侧下拉菜单样式*/
.subNavBox{background: #f3f3f3;}
.subNav{border-bottom:solid 1px #d1d1d1;cursor:pointer; font-size:14px;color:#333;line-height:50px;padding-left:20%;background:url(/images/product/jt1.jpg) no-repeat;background-position:10% center; }
.subNav:hover{color:#fff;background-image:url(/images/product/jt.jpg); background-color: #333864}
.currentDd{color:#fff}
.currentDt{background-image:url(/images/product/jt.jpg); background-color: #333864}
.navContent{display: none;}
.navContent li{border-bottom:solid 1px #e1e1e1; line-height:50px;}
/*.navContent li a{display:block;font-size:14px;line-height:50px;color:#333; background:url(/images/product/jx.png) no-repeat 6% center; padding-left: 15%;font-size: 14px; }*/
/*.navContent li a:hover{color:#277fc2;background:url(/images/product/jx1.png) no-repeat 6% center;}*/
/*子菜单所进 20190622 by sunzack */
.navContent li a{display:block;font-size:14px;line-height:50px;color:#333; background:url(/images/product/jx.png) no-repeat 20% center; padding-left: 25%;font-size: 12px; }
.navContent li a:hover{color:#277fc2;background:url(/images/product/jx1.png) no-repeat 20% center;}
.se-ti{ line-height: 50px;color: #fff; background: url(/images/product/sear.png) no-repeat 95% center #333864; height: 50px; font-size: 20px; font-weight: bold; padding:0 5%; border-bottom: 1px solid #d0d0d0;  }
.sear-xi{ background: #f3f3f3;}
.sear01{border-bottom: 1px solid #d0d0d0; padding:20px 0; padding-left: 5%;}
.sear01 p{ color: #333; font-size: 14px; }

input[type="checkbox"]{appearance: none; -webkit-appearance: none;outline: none;display:none}
.sear01 label{ height:20px;display:inline-block;cursor:pointer; line-height: 20px; margin-top:14px; margin-right: 5%; padding-left: 3%;}
/*checkbox图片改变 20190622 by sunzack */
/*.sear01 label input[type="checkbox"] + span{width:20px;height:20px;display:inline-block;background:url(/images/product/checkbox_01.gif)  no-repeat;background-position:0 0; display: block; float: left;}*/
/*.sear01 label input[type="checkbox"]:checked + span{background-position:0 -21px}*/
.sear01 label input[type="checkbox"] + span{width:16px;height:16px;display:inline-block;background:url(/images/product/checkbox_unchecked.png)  no-repeat;background-position:0 0; display: block; float: left;}
.sear01 label input[type="checkbox"]:checked + span{width:16px;height:16px;display:inline-block;background:url(/images/product/checkbox_checked.png)  no-repeat;background-position:0 0; display: block; float: left;}

.sear01 label p{ float: left; padding-left: 10px; min-width: 47px; }
.sear01 label:after{ content: ""; clear: both; display: block; }
.sub01{ width: 100%; height: 50px; line-height: 50px; background: #333864; border-radius: 0; text-transform: uppercase; }
.nr-ri{ width: 76%; }


.hidden{ display: none;}
	.jq22{height: auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;padding:5px;}
	.jq22 ul.list{overflow: hidden;}
	/*20190622 by sunzack 改变为显示两列*/
	/*.jq22 ul.list li{width: 32%; float: left;overflow: hidden; border: 1px solid #ebebeb; margin:0 2% 27px 0;}*/
	/*.jq22 ul.list li:nth-child(3n){ margin-right: 0; }*/
	.jq22 ul.list li{width: 48%; float: left;overflow: hidden; border: 1px solid #ebebeb; margin:0 2% 27px 0;}
	.jq22 ul.list li:nth-child(2n){ margin-right: 0; }
	.jq22 ul.list li dl dt{ width: 100%; text-align: center; padding:15px 0; border-bottom: 1px solid #ebebeb; }
	.jq22 ul.list li dl dd{ padding:10px; }
	.jq22 ul.list li dl dd p{ background: url(/images/product/jt2.jpg) no-repeat right center; color: #007acc; font-size: 16px; text-transform: uppercase; margin-bottom: 16px; }
	.jq22 ul.list li img{ text-align: center; display: inline;}
	.jq22 .more{overflow: hidden; text-align: center;}
	.jq22 .more a{display: block;width: 100%;padding:20px 0;color:#007acc; background:#333;text-align:center;border-radius:3px; background: #f3f3f3; font-size: 18px;}
	.jq22 .more a:hover{text-decoration: none; color: #000;}

.xi02-le{ padding:30px 0; width:38%; float:left;}
.xi02-le h2{ font-size:36px; color:#333;}
.xi02-le p{ text-align:justify; font-size:14px; line-height:20px; padding-bottom:20px;}
.xi02-ri{ width:58%;}

.Menubox{ width:100%; height:40px; background:#f6f6f6; border-bottom:1px solid #d1d1d1;}
.Menubox li{float:left;display:block;cursor:pointer; font-size:18px; padding:0 7%; line-height:40px;  border-right:1px solid #d1d1d1;}
.Menubox li.hover{ color:#007acc; background:#fff;}
.Contentbox{clear:both;  padding:40px 30px; font-size:14px; line-height:2;}
.xg-pro{border: 1px solid #d0d0d0;}
.xg-ti{ padding-left:5%; background:#f6f6f6; color:#007acc; font-size:18px; line-height:40px; border-bottom: 1px solid #d0d0d0;}
.cg-zi{ width:88%; margin:0 auto; padding:30px 0;}
.cg-zi p{ background: url(/images/product/jt2.jpg) no-repeat right center;
    color: #007acc;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 16px;}


/* 本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; border-bottom: 1px solid #d0d0d0;}
		.slideBox .bd{ position:relative; z-index:0; width:70%; margin:0 auto   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:450px; height:230px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; left:2%; top:50%; margin-top:-10px; display:block; width:9px; height:20px; background:url(/images/product/pre.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .next{ position:absolute; right:2%; top:50%; margin-top:-10px; display:block; width:9px; height:20px; background:url(/images/product/next.png) no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }




.inkPhoBox { width: 100%; margin: 15px auto; }
.inkPhoBox .main{ width:732px;}
.inkPhoBox .mod18{width:677px;position:relative;}
.inkPhoBox #prev{ background: url(/images/product/prevBtn.png) no-repeat; height: 48px; width: 24px; position: absolute; z-index: 99; left: 11px; top: 37px; cursor: pointer; }
.inkPhoBox #next{ background: url(/images/product/nextBtn.png) no-repeat; height: 48px; width: 25px; position: absolute; z-index: 99; top: 37px; right: 11px; cursor: pointer; }
.inkPhoBox .mod18 #prevTop{display:none}
.inkPhoBox .mod18 #nextTop{display:none}
.inkPhoBox .mod18 li{float:left;}
.inkPhoBox .mod18 .cf li{position:relative;color:#fff;}
.inkPhoBox .mod18 .cf a{display:block;width:688px;height:414px;position:absolute;color:#fff;}

.inkPhoBox .bigImgBox{width: 688px; height: 414px;}
.inkPhoBox .mod18 .picBox{width: 688px; height: 414px; position: relative; overflow: hidden;}
.inkPhoBox .mod18 .picBox ul{height:514px;position:absolute; left:0;}
.inkPhoBox .mod18 .picBox li{ width: 688px; height: 414px;}
.inkPhoBox .mod18 .cf li img{ position:absolute; top:0; left:0; bottom:0; right:0; margin:auto}
.inkPhoBox .smImgBox{ width: 686px; height: 121px; padding: 11px; border: 1px solid #E1E1E1; margin-top: 12px; position: relative;  overflow: hidden;}
.inkPhoBox .mod18 .listBox{ width: 707px; height: 101px; margin: 0 auto; position: relative; overflow: hidden; }
.inkPhoBox .mod18 .listBox ul{height:101px;position:absolute; padding-left:0px;}
.inkPhoBox .mod18 .listBox li{ width: 134px; height: 101px; cursor: pointer; position: relative; padding: 0 9px 0 0; }
.inkPhoBox .mod18 .listBox li i{display:none;}
.inkPhoBox .mod18 .listBox li a{display:block;width:134px;height:101px;}
.inkPhoBox .mod18 .listBox .on img{border:2px solid #007acc; width:130px; height:97px;}
.inkPhoBox .mod18 .listBox .on { background:url(/images/product/img_bg.jpg) center top no-repeat;}
.inkPhoBox .mod18 .listBox .on i{display:block;}
.inkPhoBox .left_top { font-family:Arial; font-size:32px; color:#fff; text-align:center; height:30px; line-height:30px; background:#333}




/*当页面大于1400px时*/
@media (min-width: 1441px) {
.w78{ width:1440px; margin:0 auto}
.lx-xi{ width: 1440px; margin:0 auto; }


	/*20190630 by sunzack 改变显示*/
	.mystd {font-size:18px;width:30%;}
	.myimg {width: 70%}
}

@media (min-width: 1200px) and (max-width: 1440px) {
	.myimg {width: 70%}
	.mystd {font-size:18pxwidth:30%;}
}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
	.myimg {width: 77%}
	.mystd {font-size:15px;width:23%;}
}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px){
	/*20190630 by sunzack 增加显示判断*/
	.myimg {width: 80%}
	.mystd {font-size:10px;width:18%;}
}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
.pro01-le{ width: 100%;}
  .pro01-ri{ width: 100%; }
  .pro01{ padding:20px 0; }
  .pro02{ padding:20px 0; }
    .x-lx{ padding:30px 0; }
  .lx-title p { font-size: 28px;}
.lx-title span { font-size: 18px;}
.lx-form{ padding:20px 0 20px 0; }
.lx-form li{ width: 100%; clear: both; margin-bottom: 20px;}
.lx-icon dl{ width: 80%; margin: 0 auto 20px 10%; clear: both; }
.lx-form li lable{ width: 28%; font-size: 14px; }
.lx-form li .input-lx{ width: 70%; }
.lx-form li:nth-child(7){ width: 100%; clear: both; }
.lx-form li:nth-child(7) lable{ width: 28%; }
.lx-form li:nth-child(7) .input-lx{ width: 70%; }
.sk02{ height: 79px; }
.nr-le{ width: 100%; }
.nr-ri{ width: 100%; }
.jq22 ul.list li{width: 48%; float: left;overflow: hidden; border: 1px solid #ebebeb; margin:0 2% 27px 0;}
.jq22 ul.list li:nth-child(3n){ margin-right: 2%; }
.jq22 ul.list li:nth-child(2n){ margin-right: 2%; }

	/*20190630 by sunzack 增加显示判断*/
	.myimg {width: 83%}
	.mystd {font-size:6px;width:15%;}
}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 670px) {
  .pro01-le{ width: 100%;}
  .pro01-ri{ width: 100%; }
  .pro01{ padding:20px 0; }
  .pro02{ padding:20px 0; }
  .x-lx{ padding:30px 0; }
  .lx-title p { font-size: 28px;}
.lx-title span { font-size: 18px;}
.lx-form{ padding:20px 0 20px 0; }
.lx-form li{ width: 100%; clear: both; margin-bottom: 20px;}
.lx-icon dl{ width: 80%; margin: 0 auto 20px 10%; clear: both; }
.lx-form li lable{ width: 28%; font-size: 14px; }
.lx-form li .input-lx{ width: 70%; }
.lx-form li:nth-child(7){ width: 100%; clear: both; }
.lx-form li:nth-child(7) lable{ width: 28%; }
.lx-form li:nth-child(7) .input-lx{ width: 70%; }
.sk02{ height: 79px; }
.nr-le{ width: 100%; }
.nr-ri{ width: 100%; }
/*20190630 by sunzack 当屏幕变小时每行一个*/
/*.jq22 ul.list li{width: 48%; float: left;overflow: hidden; border: 1px solid #ebebeb; margin:0 2% 27px 0;}*/
.jq22 ul.list li{width: 100%; float: left;overflow: hidden; border: 1px solid #ebebeb; margin:0 0 27px 0;}
.jq22 ul.list li:nth-child(3n){ margin-right: 2%; }
.jq22 ul.list li:nth-child(2n){ margin-right: 2%; }
	.jq22 ul.list li:nth-child(n){ margin-right: 0; }
.xi02-le{ width:100%;}

.Menubox li{float:left;display:block;cursor:pointer; font-size:14px; padding:0 3%; line-height:40px;  border-right:1px solid #d1d1d1;}
.Menubox li.hover{ color:#007acc; background:#fff;}
.Contentbox{clear:both;  padding:10px; font-size:14px; line-height:2;}
.nr-le{ margin-bottom:30px}
.xi02-ri{ display:none;}

	/*20190630 by sunzack 改变显示*/
	.myimg {width: 75%}
	.mystd {font-size:18px;width:25%;}
}
.CbContainer table {
	width: 100%!important;
}

.CbContainer td {
	word-wrap: break-word;
	word-break: break-all;
	overflow: hidden;
}