/*showpro*/
.showpro{padding:20px 0 60px 0;}
.showpro .txt{font-size: 18px;color: #666;line-height: 30px; text-align: center;margin: 0 0 30px 0;}
.showpro .showpro-img{width: 100%;margin: 0 auto;}
.showpro .showpro-img li{}
.showpro .showpro-img li a{width: 90%;margin: 30px auto;display: block;
background-color: #fff;
-webkit-box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.03);
box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.03);}
.showpro .showpro-img li a .img{min-height: 190px;overflow: hidden;background-color: #000;overflow: hidden;position: relative;}
.showpro .showpro-img li a .img img{width: 100%;}
.showpro .showpro-img li a i{position: absolute;display: block; width: 50px;height: 50px;left:50%;margin-left: -25px;top:50%;margin-top: -220px;
font-size:2.5em;color: #fff;text-align: center;line-height: 50px; opacity:0; }
.showpro .showpro-img li a h4{text-align: center;line-height: 50px;color: #666;}
.showpro .showpro-img li a:hover{text-decoration: none;
-webkit-box-shadow: 0 12px 40px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 12px 40px 6px rgba(0, 0, 0, 0.1);	}
.showpro .showpro-img li a:hover .img img{
transform: scale(1.2);-webkit-transform: scale(1.2);filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5; }
.showpro .showpro-img li a:hover i{margin-top: -25px; opacity:1; }
.showpro .showpro-img li a:hover h4{text-decoration: none;color: #3fb560;}


.showpro.showprotwo{ background: #f5f5f5; }
.proshow{ width:100%; margin:0 auto;     position: relative;}
.proshow .proshowa{ background:#fff; padding:50px; overflow:hidden; position:relative; min-height:500px; }
.proshow .proshowa .pic{     float: left;
    margin-right: 3%;
    width:43%;}
.proshow .proshowa .pic img{ width:100%; }

.proshow svg{  width: 50px;
    height: 50px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -25px;
} 
.proshow .proshowa .text{ float:left; width:54%; }
.proshow .proshowa .text .proshowb{     padding-left: 0;
    line-height: 280%;
    padding-top: 0;  }
.share{      margin: 20px 0; }

.tags a {
    color: #4F4F4F;
    margin-right: 10px;
    background: #f5f5f5;
    display: inline-block;
    padding: 4px 7px;
    font-size: 14px;
}

.proshow .button {
    margin-top: 30px;
}
.proshow h1{ margin-top: 0px;
    max-width: 830px;
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;
    border-bottom: 1px solid #f1f1f1;
    line-height: 20px;
    padding-bottom: 30px; display:none; }
.proshow .button a {
      width: 160px;
       height: 45px;
       line-height: 45px;
       color: #fff;
       text-align: center;
       background: #e55e12;
       font-size: 16px;
       text-decoration: none;
       border-radius: 26px;
       display: inline-block;
}


.proshowa ul{}
.proshowa ul li{ line-height: 25px; padding-left: 20px;}

.proshowa ul li.materials{ background: #f9f9f9; }

.proshowa ul li span{ padding: 8px 15px;
    padding-left: 0;
    color: #666;
    width: 12%;
    min-width: 88px;
    display: inline-block;
    vertical-align: middle;}
.proshowa ul li span:nth-child(2){ width: 200px;
    color: #666;}

.proshowa ul li:nth-child(1) span:nth-child(1){ vertical-align: middle; }
.proshowa ul li:nth-child(1)  span:nth-child(2) { font-size: 40px;     line-height: 40px;
    color: #ef361f;
    vertical-align: middle; }
	
.proshowa ul li span svg{ width: 27px;  height: 20px;   vertical-align: inherit;}
.proshowa ul li span i{ font-style: inherit;
    font-size: 14px;
    color: #666;}
.proshowa ul li span:nth-child(2){ width:63%;
    color: #666;}
	
.proshowa ul li span:last-child{ vertical-align: middle; }	

.proshowa ul li img.country { display: inline-block;
    width: 20px;
    vertical-align: middle; }

.proshow .button a:hover{ background:#e2010f; }

.proshow .proshowa .button{ position: absolute;
    bottom: 10px;
    left: calc(44% + 36px);
    text-align: left;}

.proshow .miao{ line-height:23px; max-width: 600px; }

.pro-title {
   font-size: 16px;
       text-transform: uppercase;
       font-weight: bold;
       
       border-top: 1px solid #efefef;
       background: #fff;
       margin-top: 0; padding-top:10px;
}
.pro-title .text {
 
 
      display: block;
          width: 100%;
          text-align: center;
              text-transform: uppercase;
          font-size: 36px;
          color: #000;
          font-weight: 500;
          padding: 30px 48px;
          padding-bottom: 0px;
}

.proshowb{ background:#fff; padding:30px 50px;}

.proshowb ul{  overflow:hidden; }
.proshowb.proshowb_b ul li{ width: 18.4%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;      height: 170px;}

.proshowb.proshowb_b ul li:nth-child(5n){ margin-right:0; }

.proshowb .img-thumbnail{ width: 100%;
    height: 100%; }


.proshowb table{ word-wrap: break-word !important; border-collapse: collapse !important; }
.proshowb table td {
    border: #ccc solid 1px !important;
    padding: 5px;
    text-align: center;
}

.proshowb table th{ border: #ccc solid 1px !important; padding: 5px; }

#showimgs{width: 660px;height: 420px;overflow:hidden;display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap}
#showimgs .showimg-img{width:660px;position: relative;}
#showimgs .showimg-img img{width:100%;}
#showimgs .showimg-txt{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);
left:0;top:0;font-size:14px;color: #fff;line-height:22px;padding: 20px; }
.showimgs{}


/* REQUIRED for core functionality */

.responsive-tabs__heading { display: none;}
.responsive-tabs__list__item { display: inline; cursor:pointer;}

@media (max-width: 767px) {
	.responsive-tabs__list { display: none;}
	.responsive-tabs__heading { display: block; cursor: pointer; }
	.responsive-tabs__panel--closed-accordion-only { display: none;}
}

@media (min-width: 768px) {
	.responsive-tabs__panel--closed-accordion-only { display: block !important;}
}

.responsive-tabs-wrapper { 
	clear: both;
	zoom: 1; 
}
.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
    content: "";
    display: table;
} 
.responsive-tabs-wrapper:after {
    clear: both;
}

.responsive-tabs__heading:focus,
.responsive-tabs__list__item:focus {  }

.responsive-tabs__heading--active:focus,
.responsive-tabs__list__item--active:focus { outline: none !important;}

.responsive-tabs__list { font-size: 1.2em; margin: 0px 0 50px 0; padding: 0; padding-bottom:13px; line-height: 1em;border-bottom: none;}
.responsive-tabs__list__item { background: #f0f0f0; padding: 10px 20px;  margin-right: 2.8em; margin-bottom: 30px;}
.responsive-tabs__list__item:hover {background: #f0f0f0 }
.responsive-tabs__list__item--active, 
.responsive-tabs__list__item--active:hover {  background: #3fb560;color: #fff;}

.responsive-tabs__panel { margin-bottom: 50px;}

@media (max-width: 767px) {
	.responsive-tabs__heading { 
		padding: 0.5em; border-radius: 5px;  box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
		background: #ddd;
		position: relative;
	}

	.responsive-tabs__heading:after {
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 40%;
		width: 0; 
		height: 0; 
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 10px solid #000;
	}
	.responsive-tabs__heading:hover,
	.responsive-tabs__heading--active:hover { background-color: #efefef}
	.responsive-tabs__heading--active { background: #fff;}
	.responsive-tabs__heading--active:after {
		border-bottom: 10px solid #000;
		border-top:0;
	 }
}

.gylc{width: 100%;}

.gylc h2{width: 100%;position: relative;font-size:26px;color: #333;margin: 0 0 30px 0;padding:0 0 10px 15px;
border-bottom: 1px solid #eee;}
.gylc h2:after{
	content: '';
	position: absolute;
	width: 5px;
	height: 20px;
	background-color: #015eab;
	left:0;top:6px;
}
.gylc .lclist{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.gylc .lclist li{width: 32%;margin:0 2% 3% 0; position: relative;}
.gylc .lclist li:nth-child(3n){margin:0 0 3% 0;} 
.gylc .lclist li i{font-size: 4rem;color: #015eab; position: absolute;top:45%;right:-10%;}
.gylc .lclist li .img{border-radius: 50%;margin: 10px auto;width: 250px;height: 250px;text-align: center;overflow: hidden;position: relative;
-webkit-box-shadow: 0 1px 30px rgba(1, 94, 171, 0.1);
box-shadow: 0 1px 30px rgba(1, 94, 171, 0.1);}
.gylc .lclist li .img span{
	    display: block;
		line-height: 30px;width: 100%;padding: 5px 0 10px 0;
		text-align: center;
		font-size:16px;
		color: #fff;
		position: absolute;left:0;bottom:0;
		background-color: #015eab;
}
.gylc .lclist li .img img{padding-top: 30px;}
.gylc .lclist li b{
	display:inline-block;text-align: center;
	width:30px;height: 30px;line-height: 30px;font-size: 18px;
	border-radius: 50%;
	background-color: #015eab!important;color:#fff!important;position: relative;top:60px;z-index: 9;left: 50%;margin-left: 80px;
}
.gylc .cclist{text-align:left;}
.gylc .cclist img{margin-right: 40px;}
.gylc .cclist img:last-child{margin-right: 0;}


.qxlist{width: 100%;}
.qxlist ul{
	display:-ms-flexbox;
    display:flex;
	flex-wrap: wrap;
    align-items:flex-start;
    justify-content:flex-start;
}
.qxlist ul li{width:31.33%;margin:0 3% 3% 0; }
.qxlist ul li:nth-child(3n){margin: 0 0 3% 0;}
.qxlist ul li{display: block;background-color: #fff;height: 220px;position:relative;padding:20px 0 10px 0;overflow: hidden;
-webkit-box-shadow: 0 1px 40px rgba(1, 94, 171, 0.1);
box-shadow: 0 1px 40px rgba(1, 94, 171, 0.1);}
.qxlist ul li:after{
	content: '';
	position: absolute;
	left:0;top:0;
	height: 100%;width: 100%;
	background-color: rgba(0, 0, 0, 0);
}
.qxlist ul li img{width: 100%;}
.qxlist ul li i{position: absolute;font-size:5rem;color: #fff;width: 50px;height: 50px;line-height: 50px;left:50%;margin-left: -25px;top:-10%;margin-top: -25px;text-align:center;z-index: 10}
.qxlist ul li span{display: block;width: 110px;line-height: 30px;color: #fff; background-color:rgba(1, 94, 171, 1);position: absolute;font-size: 14px;letter-spacing: 1px; text-align: center;
transform:rotate(-45deg);top:10px;left:-30px;}
.qxlist ul li:hover{
-webkit-box-shadow: 0 1px 30px rgba(1, 94, 171, 0.3);
box-shadow: 0 1px 30px rgba(1, 94, 171, 0.3);
transform:translate3d(0, -10px, 0);
-moz-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
-o-transform:translate3d(0, -10px, 0);}
.qxlist ul li:hover:after{background-color: rgba(0, 0, 0, 0.6);}
.qxlist ul li:hover i{top:50%;}

.zoomify{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}.zoomify.zoomed{cursor:-webkit-zoom-out;cursor:zoom-out;padding:0;margin:0;border:none;border-radius:0;box-shadow:none;position:relative;z-index:1501}.zoomify-shadow{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1500;background:rgba(0,0,0 ,.3);opacity:0}.zoomify-shadow.zoomed{opacity:1;cursor:pointer;cursor:-webkit-zoom-out;cursor:zoom-out}



.xn{width: 100%;}
.xn table{
	border: solid #ccc 1px;
	margin: 0 auto;
}
.xn table thead{background-color: #015eab;font-size: 22px;letter-spacing: 1px; font-weight: 800;color: #fff;line-height: 35px;}
.xn table thead th{padding: 5px 20px;}
.xn table tbody{}
.xn table tbody td{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 6px 20px;}
.xn table tbody th{
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding: 6px 20px;
	
}

.xn table tbody th{font-weight: 800;background-color: rgba(1, 94, 171, 0.05);font-size:18px;width: 20%;  }	


.applist{width: 100%;padding: 10px 0;display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.app-txt p{width: 80%;margin: 0 auto 50px auto;text-align: center;
font-size: 18px;line-height: 35px;letter-spacing:1px;color: #666;
}

.applist .appitem{width: 46%;margin: 0 4% 4% 0;padding: 20px;}
.applist .appitem:nth-child(2n){margin:  0 0 4% 0;}
.applist .appitem:nth-child(1){background-color: rgba(0,0,0,0.02);}
.applist .appitem:nth-child(2){background-color: rgba(0,0,0,0.03);}
.applist .appitem:nth-child(3){background-color: rgba(0,0,0,0.03);}
.applist .appitem:nth-child(4){background-color: rgba(0,0,0,0.02);}
.applist .appitem:nth-child(5){background-color: rgba(0,0,0,0.02);}
.applist .appitem:nth-child(6){background-color: rgba(0,0,0,0.03);}
.applist .appitem .title{font-size: 28px;color: #679f32;font-weight: 300;letter-spacing: 1px;margin: 0 0 5% 0;}
.applist .appitem .title i{display: inline-block;width: 40px;height: 40px; background-color: #679f32;padding: 5px;line-height: 30px; font-size:30px;font-family:"Arial Black";color: #fff;border-radius: 50%;margin-right: 10px;}
.applist .appitem .info{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;height: 226px;margin:0 0 15px 0;  position: relative;padding-left: 166px;padding-right: 236px;}
.applist .appitem .info .s-img{width: 166px;height: 166px;overflow: hidden;background-color: #fff;border-radius:50%;position: absolute;top:50%;margin-top:-83px;left: 20px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.applist .appitem .info .s-img img{width: 100%;}
.applist .appitem .info .ico{width: 150px;height: 166px;text-align: center}
.applist .appitem .info .ico i{font-size: 5rem;color: #679f32;line-height: 220px;}
.applist .appitem .info .b-img{width: 236px;height: 236px;text-align: center; overflow: hidden;padding: 10px;background-color: #fff;border-radius:50%;position: absolute;top:50%;margin-top:-118px;
	right: 20px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.applist .appitem .info .b-img img{width: 100%;}



.bmdc{width: 100%;}
.bmdc h2{font-size: 26px;color: #015eab;position: relative;padding-left: 20px;margin: 0 0 20px 0;}
.bmdc h2:after{
	content: '';
	width: 4px;height: 22px;position: absolute;left: 0;top:50%;margin-top: -11px;
	background-color: #015eab;}
.bmdc h3{font-size: 20px;color: #3fb560;font-weight: 300;}
.bmdc p{font-size: 14px;line-height: 25px;color: #888;}

 #demoTable{
 	border-top:3px solid #015eab;
 }
#demoTable td,#demoTable th{
 	padding: 5px 0;
 }
 #demoTable th{
 	background: #f8f8f8;font-size: 14px;text-align: center;
 }
 #demoTable td{
 	background:#fff;font-size: 13px;text-align: center;
 }
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 99%;} 

#demoTable td:first-child{position: relative;}
#demoTable td:first-child:after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width:6px;
	background-color: #3fb560;
	
}
#demoTable .c1 td:first-child:after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width:6px;
	background-color: #f5a526;
	
}
#demoTable .c2 td:first-child:after{
	content: '';
	position: absolute;
	left:0;
	top:0;
	height: 100%;
	width:6px;
	background-color: #1399da;
	
}

 .fakeContainer {  
     margin:0;  
     border: none;                        
     overflow: hidden;  
 } 
 .my_width{
 	/*width:100%;*/
 	overflow:hidden;
 	padding:0;
 }
 .first_div{
 	display:block;
 	margin:0 auto;
 }

.pro-beizhu{padding-top:30px;}
.pro-beizhu div{width: 50%;position: relative;padding-left: 30px;margin: 15px 0;font-size:16px; }
.pro-beizhu div:after{
	content: '';
	position: absolute;
	width: 15px;height: 15px;left:0px;top:4px;border-radius: 50%;
}
.pro-beizhu .pro-c1:after{background-color:#3fb560; }
.pro-beizhu .pro-c2:after{background-color:#f5a526; }
.pro-beizhu .pro-c3:after{background-color:#1399da; }
.t-fixed{
	position: absolute;
	z-index: 999;
	background-color: #fff;
	top:120px;
}

.dclist{padding: 30px 0;width: 100%;}
.dclist h3{font-size: 26px;color: #015eab;position: relative;padding-left: 20px;margin: 0 0 20px 0;}
.dclist h3:after{
	content: '';
	width: 4px;height: 22px;position: absolute;left: 0;top:50%;margin-top: -11px;
	background-color: #015eab;}
.dclist ul{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;padding: 10px 0;}
.dclist ul li{width: 25%;padding: 20px;}
.dclist ul li img{width: 100%;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}
.dclist ul li span{display: block;font-size: 18px;text-align: center;color: #666;line-height: 50px;}



.jgjd{padding: 30px 0;width: 100%;}
.jgjd h3{font-size: 22px;color: #3fb560;position: relative;padding-left: 20px;margin: 30px 0 30px 0;}
.jgjd h3:after{
	content: '';
	width: 4px;height: 22px;position: absolute;left: 0;top:50%;margin-top: -11px;
	background-color: #3fb560;}
.jgjd .jditem{padding: 10px;display: flex;display:-webkit-flex;justify-content:center;margin: 0 0 50px 0;}
.jgjd .jditem .img{width: 20%;}
.jgjd .jditem .img img{width:120px;height: 120px;border-radius: 50%;
border: 1px solid #eee;
}
.jgjd .jditem .table{width: 80%;}
.jgjd .jditem .table table{width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
-webkit-box-shadow: 8px 8px 1px rgba(0, 0, 0, 0.05);
box-shadow: 8px 8px 1px rgba(0, 0, 0, 0.05);
}
.jgjd .jditem th, .jgjd .jditem td { 
border: 1px solid #cccccc; padding: 5px 10px;
white-space: nowrap; 
} 
.jgjd .jditem th{background-color: #f6f6f6;}




/*产品优势*/
.showpro .pro-ys{width: 100%;}
.showpro .pro-ys .ys-list{
	margin: 0 0 50px 0;
border: 1px solid #eee;
-webkit-box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.03);
box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.03);}
.showpro .pro-ys .ys-list h2{padding: 0;margin: 0;position: relative;background-color: #f9f9f9; text-indent:20px; font-size:22px;color: #015dab;letter-spacing: 2px;line-height: 50px;}
.showpro .pro-ys .ys-list h2:after{
	content: '';
	position: absolute;
	background-color: #015dab;height: 22px;width: 4px;left: 0;top:50%;margin-top: -11px;
}
.showpro .pro-ys .ys-list h2:before{
	position: absolute;
	content: '';
	background-color: #eee;
	width: 100%;height: 1px;left: 0;bottom: 0;
}

.showpro .pro-ys .ys-list .cont{}
.showpro .pro-ys .ys-list .cont .img{}
.showpro .pro-ys .ys-list .cont .img span{}
.showpro .pro-ys .ys-list .cont .img img{width: 100%;

}
.showpro .pro-ys .ys-list .cont .imgdiv{
	padding: 0 0 30px 0 ;
	display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;
}
.showpro .pro-ys .ys-list .cont .imgdiv div{width: 50%; text-align: center;}
.showpro .pro-ys .ys-list .cont .imgdiv div span{display: block;line-height: 35px;font-size: 16px;color: #888;letter-spacing: 1px;}
.showpro .pro-ys .ys-list .cont .imgdiv img{width: auto;}

.showpro .pro-ys .ys-list .cont .imglist{
	padding: 0 0 30px 0 ;
	display: flex;display:-webkit-flex;justify-content:center;
}
.showpro .pro-ys .ys-list .cont .imglist div{text-align: center;margin: 0 2%}
.showpro .pro-ys .ys-list .cont .imglist div img{width: auto;
border: 1px solid #f2f2f2;
padding: 10px;

}
.showpro .pro-ys .ys-list .cont .imglist div span{display: block;line-height: 35px;font-size: 16px;color: #888;letter-spacing: 1px;}
.showpro .pro-ys .ys-list .cont .text{padding: 30px;}
.showpro .pro-ys .ys-list .cont .text p{line-height: 30px;font-size: 16px;letter-spacing: 2px;color: #666;}
.showpro .pro-ys .ys-list .cont .text .beizhu{
	width: 100%;margin: 20px 0 0 0;
	background-color:#f9f9f9;
	padding:10px;line-height: 22px;font-size: 14px;color: #888;}
.showpro .pro-ys .ys-list .cont .text ul{padding:0;background-color: #fff;list-style:inherit;}
.showpro .pro-ys .ys-list .cont .text ul li{font-size: 16px;line-height: 30px; letter-spacing: 2px;color: #666;position: relative; text-indent: 15px;}
.showpro .pro-ys .ys-list .cont .text ul li:after{
	content: '';
	position: absolute;left: 0;top:50%;margin-top: -2px;
	width: 6px;height: 6px;border-radius:50%;background-color: #999; 
	
}
.showpro .pro-ys .ys-list .flex-cont{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.showpro .pro-ys .ys-list .flex-cont .img{width: 30%;padding: 30px;}
.showpro .pro-ys .ys-list .flex-cont .text{width: 70%;padding:30px;}


.demoTable{
 	border-top:3px solid #015eab;margin: 0 0 50px 0;border-left: 1px solid #ddd;
	border-collapse: collapse;
	border-spacing: 0;
-webkit-box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.03);
box-shadow: 6px 6px 1px rgba(0, 0, 0, 0.03);
 }
.demoTable td,.demoTable th{
 	padding: 5px 0;
 }
.demoTable th{
 	font-size: 15px;text-align: center;padding: 8px 0;
	border-right: 1px solid rgba(1,94,171,0.1);border-bottom: 1px solid rgba(1,94,171,0.1);
	background-color: rgba(1,94,171,0.06);
 }
.demoTable tbody tr:hover{background-color: #f9f9f9!important;}
.demoTable h3{font-size: 22px;padding: 10px 0;color: #015eab;letter-spacing: 2px;}
 .demoTable td{
 	background:#fff;font-size: 13px;text-align: center;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 8px 0;
 }

.demoTable td:first-child{position: relative;}

.dz{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;width: 100%;padding: 20px 0;}
.dz .img{width: 30%;}
.dz .img img{width:100%;
-webkit-box-shadow: 0 0 30px rgba(0, 74, 155, 0.1);
box-shadow: 0 0 30px rgba(0, 74, 155, 0.1);
}
.dz .text{width: 66%;padding: 5% 0 0 4%;}
.dz .text h3{font-size: 22px;letter-spacing: 2px; color: #004a9b;font-weight: 800;margin: 0 0 30px 0;padding: 0 0 0 20px;position:relative;}
.dz .text h3:after{
	content: '';
	position: absolute;
	height: 20px;width: 4px;background-color: #004a9b;
	left: 0;top:50%;margin-top: -10px;
}
.dz .text h3:before{
	content: '';
	position: absolute;
	height: 1px;width: 100%;background-color: #eee;
	left: 0;bottom: -10px;
}
.dz .text p{font-size: 16px;line-height: 28px;letter-spacing: 1px;color: #666;}





.zj{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;width: 100%;padding: 20px 0;}
.zj .img{width: 30%;}
.zj .img img{width:100%;
-webkit-box-shadow: 0 0 30px rgba(0, 74, 155, 0.1);
box-shadow: 0 0 30px rgba(0, 74, 155, 0.1);
}
.zj .text{width: 66%;padding: 5% 0 0 4%;}
.zj .text h3{font-size: 22px;letter-spacing: 2px; color: #004a9b;font-weight: 800;margin: 0 0 30px 0;padding: 0 0 0 20px;position:relative;}
.zj .text h3:after{
	content: '';
	position: absolute;
	height: 20px;width: 4px;background-color: #004a9b;
	left: 0;top:50%;margin-top: -10px;
}
.zj .text h3:before{
	content: '';
	position: absolute;
	height: 1px;width: 100%;background-color: #eee;
	left: 0;bottom: -10px;
}
.zj .text p{font-size: 16px;line-height: 28px;letter-spacing: 1px;color: #666;}

.zj .text ul{}
.zj .text ul li{line-height: 40px;text-indent: 20px; font-size: 18px;font-weight: 800;color: #333;position: relative;}
.zj .text ul li:after{
	content: '';
	position: absolute;
	background-color: #004a9b;width: 6px;height: 6px;border-radius: 50%;
	left: 0;top:50%;margin-top: -3px;
}

.zjlist{width: 100%;padding: 20px 0;border-top: 1px solid #eee;margin: 20px 0 0 0;}
.zjlist ul{display: flex;display:-webkit-flex;justify-content:center;flex-wrap: wrap;}
.zjlist ul li{width: 25%;padding:20px; }
.zjlist ul li img{width: 100%;border: 1px solid #eee;
-webkit-box-shadow: 0 0 30px rgba(0, 74, 155, 0.1);
box-shadow: 0 0 30px rgba(0, 74, 155, 0.1);
}





@media screen and (max-width: 640px){

	
	.showpro .txt {
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: center;
    margin: 0 0 10px 0;}
	.showpro .showpro-img li a{ width:100%; }
	
	.proshow .proshowa{ padding:2%; padding-bottom:50px; }
	.proshow .proshowa .pic{ width:100%; }
	
	.proshow .proshowa .text { float: left; margin-top:10px;}
	.proshow h1{ font-size:20px; } 
	.proshow .miao{ display:none; }
	.proshow .proshowa .button {
    position: absolute;
    top: auto;
    right: auto;
    width: 360px;
    bottom: 15px;
}
	.proshowb{ padding: 0; }
	.proshow .button a{ margin-left: 0px; margin-right:10px;  }
	.pro-title .text {width: 145px;}

	.proshowb table td {
    font-size: 12px;
    border: #ccc solid 1px !important;
    padding: 0px;
}
	.proshowb table th{ border: #ccc solid 1px !important; padding:0px; }
	.showpro.showprotwo{ background:#fff; }
	
	.gundon{ width:100%; overflow-x:scroll; }
	.gundon table{ width:800px; }
}