.fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
 
.slideshow .item img { width: 100%;  -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); transition: all 1s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: scale(1.2); transform: scale(1.2);}
.slideshow .item.slick-active img { -webkit-transform: scale(1); transform: scale(1); }

.slick-dots{position: absolute;width: 100%;bottom: 10px;text-align: center; display:none !important;}
.slick-dots li{display: inline-block;}
.slick-dots li button{cursor: pointer; font-size: 0px;   margin-left: 4.5px;margin-right: 4.5px; border: none;outline: none;width: 16px;height: 16px;}
.slick-dots li.slick-active button{ }

.slick-prev,.slick-next{ width: 43px; height: 43px; border: 0px; font-size: 0px; cursor: pointer; position: absolute; top: 50%;  margin-top:-22px; z-index: 999;}
.slick-prev{ left: 70px;  background:url(/statics/img/baleft.png) no-repeat center;  }
.slick-next { right: 70px; background:url(/statics/img/baright.png) no-repeat center;  } 
.slick-prev,.slick-next{  display: block!important; }


.slick-list,.slick-slider,.slick-track{position:relative;display:block}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}/*# sourceMappingURL=slick.min.css.map */


.slideshow .item iframe,.slideshow .item video {  position: absolute; top:0; left: 0; min-width: 100%; min-height: 100%; border:none;}
.slideshow .item iframe body{ margin:0px !important;}



.common-title{ font-size:34px; color:#333; text-align:center; position:relative; margin:60px 0;}

.common-title em.left-line{ width:40%; height:1px; border-bottom:1px solid #ddd; position:absolute; left:0px; top:25px; z-index:0;}

.common-title em.right-line{ width:40%; height:1px; border-bottom:1px solid #ddd; position:absolute; right:0px; top:25px; z-index:0;}



.commonmore{width: 173px;height: 40px;border: 1px solid #bfbfbf;margin: 0 auto;text-align: center;font-size: 15px;line-height: 40px;color: #666;position: relative;overflow: hidden;z-index: 2;transition: all 600ms; margin-top:15px;}

.commonmore:hover{border-color: #fe0000;}

.commonmore .ceng{width: 100%;height: 40px;background-color: #fe0000;position: absolute;left: 0;top: 40px;transition: top 500ms;z-index: 1;}

.commonmore:hover .ceng{top: 0;}

.commonmore a{color: #666;display: block;position: relative;z-index: 3;transition: all 100ms 100ms;}

.commonmore a:hover{color: #fff;}





.cpyjs-list img,.cpyjs-icon img{width: 100%;height: 100%;  transition: all .5s; transform: scale(1); -webkit-transform: scale(1);}

.cpyjs-list img:hover,.cpyjs-icon img:hover{transition: all .5s; transform: scale(1.1); -webkit-transform: scale(1.1);}



.cpyjs-list{ width:50%; height:359px; position:relative; overflow:hidden;}

.cpyjs-font{width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,0.4); padding:130px 60px; transition: all .5s;}

.cpyjs-font:hover{ background:rgba(254,0,0,0.8); transition: all .5s;}

.cpyjs-icon span{ border:2px solid #fff; width:110px; height:110px; line-height:110px; border-radius:200px; text-align:center; margin-right:20px; display:block;}

.cpyjs-font i{ font-size:65px;color:#fff;}

.cpyjs-wzjj{ width:70%;}

.cpyjs-wzjj h1{ font-size:30px; color:#fff;}

.cpyjs-wzjj p{ font-size:15px; color:#fff;}





.news-main{ width:100%; background:#f8f8f8; padding-bottom:60px;/* margin-top:95px;*/}

.news-list { width:1400px; overflow:hidden;}

.news-list ul{ width:1600px;}

.news-list ul li{ width:415px; margin-right:70px;}

.news-list .cpyjs-icon{ width:415px; height:197px; overflow:hidden;}

.news-list .cpyjs-icon img{ width:415px; height:197px;object-fit: cover;}

.news-list h1{ font-size:18px; color:#333; padding:5px 0;}

.news-list p{ font-size:15px; color:#666; line-height:24px;}

.news-list .cpyjs-time{ font-size:30px; color:#aaa; font-family:"Arial"; line-height:24px;  padding:25px 0px 15px 0px; transition: all .5s; margin-top:20px;}

.news-list .cpyjs-time span{ font-size:16px; padding-left:3px;}

.news-list .cpyjs-time i{ float:right; font-size:34px; line-height:50px;}

.news-list ul li:hover .cpyjs-time{ background:#e62129; padding:25px 30px 15px 30px;  color:#fff; transition: all .5s;}



.xmyy-main{ padding-bottom:0px;}

.commonmore-xmyy{  margin-bottom:60px;}

.project-list{ width:740px;}

.project-add { width:330px; height:290px; position:relative; margin:0 20px 20px 0;}

.project-add img{ width:330px; height:290px;object-fit: contain;}

.project-add p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(230,33,41,0.9);  padding:50px 30px 15px 50px; font-size:18px; color:#fff; display:none; transition: all .5s;}

.project-add:hover p{ position:absolute; left:0; top:0; display:block; transition: all .5s;}

.project-video{ width:658px; height:620px;}
.project-video img{width: 100%;height: 100%;}


.projectitem{ /*margin-bottom:40px;*/}

.projectitem .tab{ width:1032px; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:182px; height:42px; line-height:42px; float:left; text-decoration:none; font-size:16px; color:#333; margin:0px 12px 50px 12px;}

.projectitem .tab a:hover{ background:#e62129; color:#fff; }

.projectitem .tab a.on{ background:#e62129; color:#fff;}

.projectitem .content{ overflow:hidden;}

.projectitem .content li{ display:none; }





.projectitem .tab a {

  /*border: none;*/

  background: transparent;

  position:relative;

}

.projectitem .tab a span {

  position: absolute;

  background-color: #fe0000;

  display: block;

  transition: all 200ms;

}

.projectitem .tab a .line1,

.projectitem .tab a .line3 {

  height: 1px;

  width: 22px;

}

.projectitem .tab a .line2,

.projectitem .tab a .line4 {

  height: 22px;

  width: 1px;

}

.projectitem .tab a .line1,

.projectitem .tab a .line2 {

  top: -1px;

  right: -1px;

}

.projectitem .tab a .line3,

.projectitem .tab a .line4 {

  bottom: -1px;

  left: -1px;

}

.projectitem .tab a.on .line1,

.projectitem .tab a.on .line3 {

  width: 100%;

}

.projectitem .tab a.on .line2,

.projectitem .tab a.on .line4 {

  height: 100%;

}

.projectitem .tab a:hover,

.projectitem .tab a:active {

  background-color: #e62129;

  color: #fff;

  transition: all 200ms;

}

.projectitem .tab a:hover .line1,

.projectitem .tab a:active .line1,

.projectitem .tab a:hover .line3,

.projectitem .tab a:active .line3 {

  width: 100%;

}

.projectitem .tab a:hover .line2,

.projectitem .tab a:active .line2,

.projectitem .tab a:hover .line4,

.projectitem .tab a:active .line4 {

  height: 100%;

  

}
/*a*/
.projectitemb{ /*margin-bottom:40px;*/}

.projectitemb .tab{ width:1032px; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:182px; height:42px; line-height:42px; float:left; text-decoration:none; font-size:16px; color:#333; margin:0px 12px 50px 12px;}

.projectitemb .tab a:hover{ background:#e62129; color:#fff; }

.projectitemb .tab a.on{ background:#e62129; color:#fff;}

.projectitemb .content{ overflow:hidden;}

.projectitemb .content li{ display:none; }





.projectitemb .tab a {

  /*border: none;*/

  background: transparent;

  position:relative;

}

.projectitemb .tab a span {

  position: absolute;

  background-color: #fe0000;

  display: block;

  transition: all 200ms;

}

.projectitemb .tab a .line1,

.projectitemb .tab a .line3 {

  height: 1px;

  width: 22px;

}

.projectitemb .tab a .line2,

.projectitemb .tab a .line4 {

  height: 22px;

  width: 1px;

}

.projectitemb .tab a .line1,

.projectitemb .tab a .line2 {

  top: -1px;

  right: -1px;

}

.projectitemb .tab a .line3,

.projectitemb .tab a .line4 {

  bottom: -1px;

  left: -1px;

}

.projectitemb .tab a.on .line1,

.projectitemb .tab a.on .line3 {

  width: 100%;

}

.projectitemb .tab a.on .line2,

.projectitemb .tab a.on .line4 {

  height: 100%;

}

.projectitemb .tab a:hover,

.projectitemb .tab a:active {

  background-color: #e62129;

  color: #fff;

  transition: all 200ms;

}

.projectitemb .tab a:hover .line1,

.projectitemb .tab a:active .line1,

.projectitemb .tab a:hover .line3,

.projectitemb .tab a:active .line3 {

  width: 100%;

}

.projectitemb .tab a:hover .line2,

.projectitemb .tab a:active .line2,

.projectitemb .tab a:hover .line4,

.projectitemb .tab a:active .line4 {

  height: 100%;

  

}
/*b*/
.projectitemc{ /*margin-bottom:40px;*/}

.projectitemc .tab{ width:1032px; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:182px; height:42px; line-height:42px; float:left; text-decoration:none; font-size:16px; color:#333; margin:0px 12px 50px 12px;}

.projectitemc .tab a:hover{ background:#e62129; color:#fff; }

.projectitemc .tab a.on{ background:#e62129; color:#fff;}

.projectitemc .content{ overflow:hidden;}

.projectitemc .content li{ display:none; }





.projectitemc .tab a {

  /*border: none;*/

  background: transparent;

  position:relative;

}

.projectitemc .tab a span {

  position: absolute;

  background-color: #fe0000;

  display: block;

  transition: all 200ms;

}

.projectitemc .tab a .line1,

.projectitemc .tab a .line3 {

  height: 1px;

  width: 22px;

}

.projectitemc .tab a .line2,

.projectitemc .tab a .line4 {

  height: 22px;

  width: 1px;

}

.projectitemc .tab a .line1,

.projectitemc .tab a .line2 {

  top: -1px;

  right: -1px;

}

.projectitemc .tab a .line3,

.projectitemc .tab a .line4 {

  bottom: -1px;

  left: -1px;

}

.projectitemc .tab a.on .line1,

.projectitemc .tab a.on .line3 {

  width: 100%;

}

.projectitemc .tab a.on .line2,

.projectitemc .tab a.on .line4 {

  height: 100%;

}

.projectitemc .tab a:hover,

.projectitemc .tab a:active {

  background-color: #e62129;

  color: #fff;

  transition: all 200ms;

}

.projectitemc .tab a:hover .line1,

.projectitemc .tab a:active .line1,

.projectitemc .tab a:hover .line3,

.projectitemc .tab a:active .line3 {

  width: 100%;

}

.projectitemc .tab a:hover .line2,

.projectitemc .tab a:active .line2,

.projectitemc .tab a:hover .line4,

.projectitemc .tab a:active .line4 {

  height: 100%;

  

}
/*c*/

@media only screen and (min-width:1024px) and (max-width:1416px) {

.slideshow .item iframe,.slideshow .item video {  position: absolute; top:0; left: 0; min-width: 100%; min-height: 100%; border:none;}
.slideshow .item iframe body{ margin:0px !important;}
.slick-prev,.slick-next{ width: 30px; height: 30px;  margin-top:-15px; z-index: 999; background-size:cover !important}
.slick-prev{ left: 10px; }
.slick-next { right: 10px; } 

	.common-width{ width:1000px; margin:0 auto; transition: all .5s;}

	

	.common-title{ font-size:22px; margin:45px 0; transition: all .5s;}

	.common-title em.left-line{ width:40%; height:1px; border-bottom:1px solid #ddd; position:absolute; left:0px; top:20px; z-index:0;}

    .common-title em.right-line{ width:40%; height:1px; border-bottom:1px solid #ddd; position:absolute; right:0px; top:20px; z-index:0;}

	

	/*产品与质量*/

	.cpyjs-list{ height:250px;}

	.cpyjs-font{padding:70px 40px; transition: all .5s;}

	.cpyjs-icon{ margin-top:10px;}

	.cpyjs-icon span{ width:90px; height:90px; line-height:90px;}

	.cpyjs-font i{ font-size:50px;color:#fff;}

	.cpyjs-wzjj{ width:70%; }

	.cpyjs-wzjj h1{ font-size:18px; color:#fff;}

	.cpyjs-wzjj p{ font-size:13px; color:#fff;}

	.news-main{ margin-bottom:70px;}

	



	/*新闻中心*/

	.news-list{ width:100%;}

	.news-list ul{ width:100%;}

	.news-list ul li{ width:316px; margin:0 8px;}

	.news-list .cpyjs-icon{ width:316px; height:150px; overflow:hidden;}

	.news-list .cpyjs-icon img{ width:316px; height:150px; object-fit: cover;}

	.news-list h1{ font-size:15px; color:#333; padding:5px 0;}

	.news-list p{ font-size:13px; color:#666; line-height:24px;}

	.news-list .cpyjs-time{ font-size:22px; color:#aaa; font-family:"Arial"; line-height:24px;  padding:18px 0px 10px 0px; transition: all .5s; margin-top:15px;}

	.news-list .cpyjs-time span{ font-size:14px;}

	.news-list .cpyjs-time i{ float:right; font-size:30px; line-height:50px;}

	.news-list ul li:hover .cpyjs-time{ background:#e62129; padding:18px 30px 10px 30px;  color:#fff; transition: all .5s;}

	

	

	/*项目应用*/

	.xmyy-main{ width:100%;}

	.project-list{ width:50%;}

	.project-add { width:48%; height:240px; position:relative; margin:0 2% 2% 0;}

	.project-add img{ width:100%; height:240px;object-fit: contain;}

	.project-add p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(230,33,41,0.9);  padding:50px 30px 15px 50px; font-size:15px; color:#fff; display:none; transition: all .5s;}

	.project-add:hover p{ position:absolute; left:0; top:0; display:block; transition: all .5s;}

	.project-video{ width:50%; height:490px;}

	.project-video img{width:100%; height:490px;}

	.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

	.projectitem .tab a{ border:1px solid #ddd; display:block; width:17.6%; height:42px; line-height:42px; float:left; text-decoration:none; font-size:15px; color:#333; margin:0px 12px 50px 12px;}
	.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

	.projectitemb .tab a{ border:1px solid #ddd; display:block; width:17.6%; height:42px; line-height:42px; float:left; text-decoration:none; font-size:15px; color:#333; margin:0px 12px 50px 12px;}
	.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

	.projectitemc .tab a{ border:1px solid #ddd; display:block; width:17.6%; height:42px; line-height:42px; float:left; text-decoration:none; font-size:15px; color:#333; margin:0px 12px 50px 12px;}
	.commonmore-xmyy{  margin-bottom:50px;}

	

}







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

.slideshow .item iframe,.slideshow .item video {display:none;}
/*.slideshow .item iframe,.slideshow .item video {  position: absolute; top:0; left: 0; min-width: 100%; min-height: 100%; border:none;}*/
.slideshow .item iframe body{ margin:0px !important;}
.slick-prev,.slick-next{ width: 30px; height: 30px;  margin-top:-15px; z-index: 999; background-size:cover !important}
.slick-prev{ left: 10px; }
.slick-next { right: 10px; } 

	.common-width{ width:94%; margin:0 auto; transition: all .5s;}

	.common-title{ font-size:22px; margin:50px 0; transition: all .5s;}

	.common-title em.left-line{ width:40%; height:1px; border-bottom:1px solid #ddd; position:absolute; left:0px; top:17px; z-index:0;}

    .common-title em.right-line{ width:40%; height:1px; border-bottom:1px solid #ddd; position:absolute; right:0px; top:17px; z-index:0;}

	

	/*产品与质量*/

	.cpyjs-list{ height:280px;}

	.cpyjs-font{padding:50px 40px; transition: all .5s; text-align:center;}

	.cpyjs-icon{ width:100%;}

	.cpyjs-icon span{ width:90px; height:90px; line-height:90px; margin:0 auto;}

	.cpyjs-font i{ font-size:50px;color:#fff;}

	.cpyjs-wzjj{ width:100%; margin:0 auto; text-align:center;}

	.cpyjs-wzjj h1{ font-size:16px; color:#fff;}

	.cpyjs-wzjj p{ font-size:13px; color:#fff;}

	

	



	/*新闻中心*/

	.news-list{ width:100%;}

	.news-list ul{ width:100%;}

	.news-list ul li{ width:30%; margin:0 1.6%;}

	.news-list .cpyjs-icon{ width:100%; height:160px; overflow:hidden;}

	.news-list .cpyjs-icon img{ width:100%; height:160px;object-fit: cover; }

	.news-list h1{ font-size:15px; color:#333; padding:5px 0;}

	.news-list p{ font-size:13px; color:#666; line-height:24px;}

	.news-list .cpyjs-time{ font-size:20px; color:#aaa; font-family:"Arial"; line-height:24px;  padding:18px 0px 10px 0px; transition: all .5s; margin-top:15px;}

	.news-list .cpyjs-time span{ font-size:14px;}

	.news-list .cpyjs-time i{ float:right; font-size:30px; line-height:50px;}

	.news-list ul li:hover .cpyjs-time{ background:#e62129; padding:18px 30px 10px 30px;  color:#fff; transition: all .5s;}

	

	

	/*项目应用*/

	.xmyy-main{ width:100%;}

	.project-list{ width:100%;}

	.project-add { width:49%; height:350px; position:relative; margin:0 2% 2% 0;}

	.project-add:nth-child(2),.project-add:nth-child(4){ margin:0 0% 2% 0;}

	.project-add img{ width:100%; height:350px;object-fit: contain;}

	.project-add p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(230,33,41,0.9);  padding:50px 30px 15px 50px; font-size:16px; color:#fff; display:none; transition: all .5s;}

	.project-add:hover p{ position:absolute; left:0; top:0; display:block; transition: all .5s;}

	.project-video{ width:100%; height:100%;}

	.project-video img{width:100%; height:100%;}

	.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

	.projectitem .tab a{ border:1px solid #ddd; display:block; width:17.5%; height:42px; line-height:42px; float:left; text-decoration:none; font-size:15px; color:#333; margin:0px 12px 30px 12px;}
	.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

	.projectitemb .tab a{ border:1px solid #ddd; display:block; width:17.5%; height:42px; line-height:42px; float:left; text-decoration:none; font-size:15px; color:#333; margin:0px 12px 30px 12px;}
	.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

	.projectitemc .tab a{ border:1px solid #ddd; display:block; width:17.5%; height:42px; line-height:42px; float:left; text-decoration:none; font-size:15px; color:#333; margin:0px 12px 30px 12px;}
	.commonmore-xmyy{  margin-bottom:40px;}

	.news-main{ padding-bottom:40px; /*margin-top:60px;*/}

	

}



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



.common-title{ font-size:16px; margin:30px 0; transition: all .5s;}

.common-title em.left-line{ width:30%; height:1px; border-bottom:1px solid #ddd; position:absolute; left:0px; top:12px; z-index:0;}

.common-title em.right-line{ width:30%; height:1px; border-bottom:1px solid #ddd; position:absolute; right:0px; top:12px; z-index:0;}







/*产品与质量*/

.cpyjs-list{ height:300px;}

.cpyjs-font{padding:60px 20px; transition: all .5s; text-align:center;}

.cpyjs-wzjj h1{ font-size:16px; color:#fff;}

.cpyjs-wzjj p{ font-size:13px; color:#fff;}




/*新闻中心*/

.news-main{ padding-bottom:70px; /*margin-top:30px;*/}

.news-list{ width:100%;}

.news-list ul{ width:100%;}

.news-list ul li{ width:100%; margin-bottom:2%;}

.news-list .cpyjs-icon{ width:100%; height:180px; overflow:hidden;}

.news-list .cpyjs-icon img{ width:100%; height:180px;object-fit: cover;}

.news-list h1{ font-size:14px; color:#333; padding:0px 0;}

.news-list p{ font-size:13px; color:#666; line-height:24px;}

.news-list .cpyjs-time{ font-size:18px; color:#aaa; font-family:"Arial"; line-height:24px;  padding:15px 0px 10px 0px; transition: all .5s; margin-top:12px;}

.news-list .cpyjs-time span{ font-size:13px;}

.news-list .cpyjs-time i{ float:right; margin-right:2%; font-size:26px; line-height:50px;}

.news-list ul li:hover .cpyjs-time{ background:#e62129; padding:15px 30px 10px 30px;  color:#fff; transition: all .5s;}



}



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





/*产品与质量*/

.cpyjs-list{ width:100%; height:300px; margin-bottom:12px;}

.cpyjs-font{padding:50px 40px; transition: all .5s; text-align:center;}

.cpyjs-icon{ width:100%;}

.cpyjs-icon span{ width:80px; height:80px; line-height:80px; margin:0 auto;}

.cpyjs-font i{ font-size:40px;color:#fff;}

.cpyjs-wzjj{ width:100%; margin:0 auto; text-align:center;}

.cpyjs-wzjj h1{ font-size:16px; color:#fff;}

.cpyjs-wzjj p{ font-size:12px; color:#fff;}





/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.project-list{ width:100%;}

.project-add { width:49%; height:200px; position:relative; margin:0 2% 2% 0;}

.project-add:nth-child(2),.project-add:nth-child(4){ margin:0 0% 2% 0;}

.project-add img{ width:100%; height:200px;object-fit: contain;}

.project-add p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(230,33,41,0.9);  padding:50px 30px 15px 50px; font-size:13px; color:#fff; display:none; transition: all .5s;}

.project-add:hover p{ position:absolute; left:0; top:0; display:block; transition: all .5s;}

.project-video{ width:100%; height:100%;}

.project-video img{width:100%; height:100%;}







}

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

	

.cpyjs-list{ height:230px;}

.cpyjs-font{padding:25px 40px; transition: all .5s; text-align:center;}



/*项目应用*/

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:27.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:13px; color:#333; margin:0px 10px 10px 10px;}
.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:27.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:13px; color:#333; margin:0px 10px 10px 10px;}
.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:27.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:13px; color:#333; margin:0px 10px 10px 10px;}
.project-add { width:49%; height:180px; position:relative; margin:0 2% 2% 0;}

.project-add:nth-child(2),.project-add:nth-child(4){ margin:0 0% 2% 0;}

.project-add img{ width:100%; height:180px;object-fit: contain;}



/*新闻中心*/



.news-list .cpyjs-icon{width:100%; height:150px; overflow:hidden;}

.news-list .cpyjs-icon img{ width:100%; height:150px;object-fit: cover;}





}

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

	



/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.project-list{ width:100%;}

.project-add { width:49%; height:150px; position:relative; margin:0 2% 2% 0;}

.project-add:nth-child(2),.project-add:nth-child(4){ margin:0 0% 2% 0;}

.project-add img{ width:100%; height:150px;object-fit: contain;}

.project-add p{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(230,33,41,0.9);  padding:30px 30px 15px 30px; font-size:13px; color:#fff; display:none; transition: all .5s;}

.project-add:hover p{ position:absolute; left:0; top:0; display:block; transition: all .5s;}

.project-video{ width:100%; height:100%;}

.project-video img{width:100%; height:100%;}

	

}



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

	

	/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:30%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:30%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:30%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

	}

@media only screen and (min-width:480px) and (max-width:654px) {

	

		/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:29.6%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:29.6%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:29.6%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
}



@media only screen and (min-width:531px) and (max-width:587px) {

	

		/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:29.2%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:29.2%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:29.2%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
}

@media only screen and (min-width:480px) and (max-width:530px) {

	

		/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:28.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:28.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:28.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
}

@media only screen and (min-width:430px) and (max-width:480px) {

	

		/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:28.2%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:28.2%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:28.2%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}


}

@media only screen and (min-width:380px) and (max-width:431px) {

	

		/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:27.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:27.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:27.5%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
}

@media only screen and (min-width:320px) and (max-width:381px) {

	

		/*项目应用*/

.commonmore-xmyy{  margin-bottom:30px;}

.projectitem .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitem .tab a{ border:1px solid #ddd; display:block; width:27.0%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}

.projectitemb .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemb .tab a{ border:1px solid #ddd; display:block; width:27.0%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
.projectitemc .tab{ width:100%; margin:0 auto; text-align:center; overflow:hidden;}

.projectitemc .tab a{ border:1px solid #ddd; display:block; width:27.0%; height:36px; line-height:36px; float:left; text-decoration:none; font-size:14px; color:#333; margin:0px 10px 10px 10px;}
}


/*lianxi.html*/
.lianxitwo{
	width: 100%;padding: 66px 0 100px;background: url(../images/lianxibg.jpg) no-repeat bottom center;
}
.lianxitwo .lxone{
	width: 100%;
}
.lianxitwo .lxone li{
	width: 30%;margin: 0 1.66%;border: 1px solid #e6e6e6;text-align: center;padding: 32px 0;
}
.lianxitwo .lxone li .tu{
	width: 100%;
}
.lianxitwo .lxone li .tu i{
	font-size: 52px;color: #ff0000;
}
.lianxitwo .lxone li .tu img{
	width: 52px;
}
.lianxitwo .lxone li .tou{
	line-height: 40px;font-size: 20px;color: #333;
}
.lianxitwo .lxone li .shen{
    width: 100%;
    line-height: 26px;
    font-size: 16px;height: 52px;
    color: #666;
}
.lianxitwo .lxtwo{
	width: 96.67%;margin: 42px auto 0;border: 1px solid #e6e6e6;
}
.lianxitwo .lxtwo .nrqu{
	width: 55%;margin: 0 auto;padding: 52px 0 80px;
}
.lianxitwo .lxtwo .nrqu .hang{
	width: 100%;margin-top: 24px;
}
.lianxitwo .lxtwo .nrqu .biaos{
	width: 18%;text-align: right;font-size: 16px;line-height: 50px;
}
.lianxitwo .lxtwo .nrqu .biaos i{
    color: #fe0000;font-style: normal;
}
.lianxitwo .lxtwo .nrqu .shrk{
	width: 82%;line-height: 50px;
}
.lianxitwo .lxtwo .nrqu .shrk input{
	width: 100%;height: 50px;border: 1px solid #e6e6e6;outline: none;padding: 0 2%;
}
.lianxitwo .lxtwo .nrqu .shrk.shrkd{
	width: 63%;
}
.lianxitwo .lxtwo .nrqu .nann{
	width: 19%;text-align: center;line-height: 50px;
}
.lianxitwo .lxtwo .nrqu .nann input{
	vertical-align: middle;margin-top: -1px;
}
.lianxitwo .lxtwo .nrqu .shrarea{
	width: 82%;
}
.lianxitwo .lxtwo .nrqu .shrarea textarea{
	width: 100%;border: 1px solid #e6e6e6;padding: 0 2%;resize: none;outline: none;height: 150px;
	line-height: 30px;font-size: 16px;
}
.lianxitwo .lxtwo .nrqu .shrk.yzm input{
	width: 30%;
}
.lianxitwo .lxtwo .nrqu .shrk.yzm img{
	height: 50px;width: 21%;
}
.butt2 {
    width: 34%;
    height: 50px;
    line-height: 50px;
    background-color: #fe0000;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: none;outline: none;margin: 50px auto 0;display: block;
}
@media only screen and (max-width:1456px) and (min-width:1025px){
	.lianxitwo{
		width: 100%;padding: 56px 0 80px;background: url(../images/lianxibg.jpg) no-repeat bottom center;
	}
	.lianxitwo .lxone{
		width: 100%;
	}
	.lianxitwo .lxone li{
		width: 30%;margin: 0 1.66%;border: 1px solid #e6e6e6;text-align: center;padding: 22px 0;
	}
	.lianxitwo .lxone li .tu{
		width: 100%;
	}
	.lianxitwo .lxone li .tu i{
		font-size: 38px;color: #ff0000;
	}
	.lianxitwo .lxone li .tu img{
		width: 38px;
	}
	.lianxitwo .lxone li .tou{
		line-height: 30px;font-size: 18px;color: #333;
	}
	.lianxitwo .lxone li .shen{
	    width: 100%;
	    line-height: 24px;
	    font-size: 14px;height: 48px;
	    color: #666;
	}
	.lianxitwo .lxtwo{
		width: 96.67%;margin: 32px auto 0;border: 1px solid #e6e6e6;
	}
	.lianxitwo .lxtwo .nrqu{
		width: 60%;margin: 0 auto;padding: 42px 0 68px;
	}
	.lianxitwo .lxtwo .nrqu .hang{
		width: 100%;margin-top: 20px;
	}
	.lianxitwo .lxtwo .nrqu .biaos{
		width: 18%;text-align: right;font-size: 14px;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .biaos i{
	    color: #fe0000;font-style: normal;
	}
	.lianxitwo .lxtwo .nrqu .shrk{
		width: 82%;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .shrk input{
		width: 100%;height: 40px;border: 1px solid #e6e6e6;outline: none;padding: 0 2%;
	}
	.lianxitwo .lxtwo .nrqu .shrk.shrkd{
		width: 63%;
	}
	.lianxitwo .lxtwo .nrqu .nann{
		width: 19%;text-align: center;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .nann input{
		vertical-align: middle;margin-top: -1px;
	}
	.lianxitwo .lxtwo .nrqu .shrarea{
		width: 82%;
	}
	.lianxitwo .lxtwo .nrqu .shrarea textarea{
		width: 100%;border: 1px solid #e6e6e6;padding: 0 2%;resize: none;outline: none;height: 150px;
		line-height: 30px;font-size: 16px;
	}
	.lianxitwo .lxtwo .nrqu .shrk.yzm input{
		width: 30%;
	}
	.lianxitwo .lxtwo .nrqu .shrk.yzm img{
		height: 40px;width: 21%;
	}
	.butt2 {
	    width: 34%;
	    height: 40px;
	    line-height: 40px;
	    background-color: #fe0000;
	    color: #fff;
	    font-size: 16px;
	    text-align: center;
	    border: none;outline: none;margin: 30px auto 0;display: block;
	}
}
@media only screen and (max-width:1024px) and (min-width:768px){
	.lianxitwo{
		width: 100%;padding: 40px 0 60px;background: url(../images/lianxibg.jpg) no-repeat bottom center;
	}
	.lianxitwo .lxone{
		width: 100%;
	}
	.lianxitwo .lxone li{
		width: 32.33%;margin: 0 0.5%;border: 1px solid #e6e6e6;text-align: center;padding: 16px 0;
	}
	.lianxitwo .lxone li .tu{
		width: 100%;
	}
	.lianxitwo .lxone li .tu i{
		font-size: 26px;color: #ff0000;
	}
	.lianxitwo .lxone li .tu img{
		width: 26px;
	}
	.lianxitwo .lxone li .tou{
		line-height: 26px;font-size: 16px;color: #333;
	}
	.lianxitwo .lxone li .shen{
	    width: 100%;
	    line-height: 24px;
	    font-size: 14px;height: 48px;
	    color: #666;
	}
	.lianxitwo .lxtwo{
		width: 99%;margin: 16px auto 0;border: 1px solid #e6e6e6;
	}
	.lianxitwo .lxtwo .nrqu{
		width: 80%;margin: 0 auto;padding: 30px 0 40px;
	}
	.lianxitwo .lxtwo .nrqu .hang{
		width: 100%;margin-top: 10px;
	}
	.lianxitwo .lxtwo .nrqu .biaos{
		width: 18%;text-align: right;font-size: 14px;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .biaos i{
	    color: #fe0000;font-style: normal;
	}
	.lianxitwo .lxtwo .nrqu .shrk{
		width: 82%;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .shrk input{
		width: 100%;height: 40px;border: 1px solid #e6e6e6;outline: none;padding: 0 2%;
	}
	.lianxitwo .lxtwo .nrqu .shrk.shrkd{
		width: 63%;
	}
	.lianxitwo .lxtwo .nrqu .nann{
		width: 19%;text-align: center;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .nann input{
		vertical-align: middle;margin-top: -1px;
	}
	.lianxitwo .lxtwo .nrqu .shrarea{
		width: 82%;
	}
	.lianxitwo .lxtwo .nrqu .shrarea textarea{
		width: 100%;border: 1px solid #e6e6e6;padding: 0 2%;resize: none;outline: none;height: 150px;
		line-height: 30px;font-size: 16px;
	}
	.lianxitwo .lxtwo .nrqu .shrk.yzm input{
		width: 30%;
	}
	.lianxitwo .lxtwo .nrqu .shrk.yzm img{
		height: 40px;width: 21%;
	}
	.butt2 {
	    width: 34%;
	    height: 40px;
	    line-height: 40px;
	    background-color: #fe0000;
	    color: #fff;
	    font-size: 16px;
	    text-align: center;
	    border: none;outline: none;margin: 20px auto 0;display: block;
	}
}
@media screen and (max-width:767px){
	.lianxitwo{
		width: 100%;padding: 40px 0 60px;background: url(../images/lianxibg.jpg) no-repeat bottom center;
	}
	.lianxitwo .lxone{
		width: 100%;
	}
	.lianxitwo .lxone li{
		width: 100%;margin: 0px 0% 5px;border: 1px solid #e6e6e6;text-align: center;padding: 10px 0;
	}
	.lianxitwo .lxone li .tu{
		width: 100%;
	}
	.lianxitwo .lxone li .tu i{
		font-size: 26px;color: #ff0000;
	}
	.lianxitwo .lxone li .tu img{
		width: 26px;
	}
	.lianxitwo .lxone li .tou{
		line-height: 26px;font-size: 16px;color: #333;
	}
	.lianxitwo .lxone li .shen{
	    width: 100%;
	    line-height: 24px;
	    font-size: 14px;height: auto;
	    color: #666;
	}
	.lianxitwo .lxtwo{
		width: 99%;margin: 16px auto 0;border: 1px solid #e6e6e6;
	}
	.lianxitwo .lxtwo .nrqu{
		width: 96%;margin: 0 auto;padding: 30px 0 40px;
	}
	.lianxitwo .lxtwo .nrqu .hang{
		width: 100%;margin-top: 10px;
	}
	.lianxitwo .lxtwo .nrqu .biaos{
		width: 100%;text-align: left;font-size: 14px;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .biaos i{
	    color: #fe0000;font-style: normal;
	}
	.lianxitwo .lxtwo .nrqu .shrk{
		width: 100%;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .shrk input{
		width: 100%;height: 40px;border: 1px solid #e6e6e6;outline: none;padding: 0 2%;
	}
	.lianxitwo .lxtwo .nrqu .shrk.shrkd{
		width: 100%;
	}
	.lianxitwo .lxtwo .nrqu .nann{
		width: 100%;text-align: left;line-height: 40px;
	}
	.lianxitwo .lxtwo .nrqu .nann input{
		vertical-align: middle;margin-top: -1px;
	}
	.lianxitwo .lxtwo .nrqu .shrarea{
		width: 100%;
	}
	.lianxitwo .lxtwo .nrqu .shrarea textarea{
		width: 100%;border: 1px solid #e6e6e6;padding: 0 2%;resize: none;outline: none;height: 150px;
		line-height: 30px;font-size: 16px;
	}
	.lianxitwo .lxtwo .nrqu .shrk.yzm input{
		width: 30%;
	}
	.lianxitwo .lxtwo .nrqu .shrk.yzm img{
		height: 40px;width: 21%;
	}
	.butt2 {
	    width: 34%;
	    height: 40px;
	    line-height: 40px;
	    background-color: #fe0000;
	    color: #fff;
	    font-size: 16px;
	    text-align: center;
	    border: none;outline: none;margin: 20px auto 0;display: block;
	}
}