body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;}
button,input,select,textarea{outline:0;}
textarea{resize:none;}
ul,li{list-style:none;}
img{outline:0;border:none; display: block;}
button,input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:none; }
input{border-radius: 0px; outline: none; box-shadow:none}
a{color:#333;text-decoration:none;}
a:hover{text-decoration:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin: 0; padding: 0;}
html{ overflow-x: hidden;}
body{ font-size: 12px; color:#929292; font-family: "微软雅黑",Arial, Helvetica, sans-serif; min-width: 320px;}

.top_head{ width: 15%; background: #ffffff; height: 100%; position: fixed; left: 0; top: 0; box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1); z-index: 9999; *border-right: 1px solid #eaeaea;}
.top_logo{  width: 100%; overflow: hidden;}
.top_logo img{ margin: 50px auto 0px; width: auto; max-width: 200px;}
.daohang{ width: 100%; overflow: hidden; padding: 30px 0;}
.daohang li{ padding: 0 55px 0; line-height: 58px; height: 58px; overflow: hidden; color: #666; font-size: 13px;}
.daohang li a{ color: #666666;}
.daohang li:hover{ background: #f8f8f8;}
.daohang li:hover a{ color: #000;}

.main_box{ width: 85%; margin-left: 15%; overflow: hidden;}
.dibu{width: 85%; margin-left: 15%; overflow: hidden;}
.copyright{ overflow: hidden; padding: 18px 10px; color: #8e8e8e; line-height: 20px; border-top: 1px solid #f4f4f4; background: #FFFFFF; text-align: center;}

.banner{ position:relative; width:100%; overflow:hidden; zoom:1;}
.flex-viewport{ max-height:2000px; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.banner #slides{zoom:1;}
.banner #slides li{ width:100%; min-height: 589px;}
.banner #slides li.tupian1{background: url("../images/banner.jpg") no-repeat center center; background-size: cover; background-attachment: scroll;}
.banner #slides li.tupian2{background: url("../images/banner1.jpg") no-repeat center center; background-size: cover; background-attachment: scroll;}
.banner #slides li.tupian3{background: url("../images/banner2.jpg") no-repeat center center; background-size: cover; background-attachment: scroll;}
.banner #slides li.tupian4{background: url("../images/banner3.jpg") no-repeat center center; background-size: cover; background-attachment: scroll;}
.flex-direction-nav a{ display: none;}
.flex-control-nav{ width:100%; position:absolute; bottom:20px; text-align:center; *bottom:80px;}
.flex-control-nav li{ margin:5px 11px; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a{ display:block; height: 12px; overflow:hidden; text-indent:-99em; width: 12px; cursor:pointer; background: #fff; border-radius: 6px;}
.flex-control-paging li a.flex-active{background: #008ee6;}

.cpxl{ overflow: hidden; padding: 28px 30px;}
.cpxl_tit{ overflow: hidden; padding: 0 15px;}
.cpxl_tit_left{ float: left; overflow: hidden;}
.cpxl_tit_left p{font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 20px; color: #323232; margin-bottom: 5px;}
.cpxl_tit_left span{ font-size: 15px; color: #c1c1c1; display: block; line-height: 24px;}
.cpxl_tit a{ color: #838383; display: block; float: right; line-height: 34px; margin-top: 11px; font-size: 18px;}
.cpxl_box{ overflow: hidden; padding-top: 20px;}
.cpxl_box li{ float: left; padding: 15px; width: 25%; overflow: hidden; box-sizing: border-box; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-left: -1px; *width: 342px;}
.project_img{ overflow: hidden; height: 200px;}
.project_img img{ display: block; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.project_img:hover img{transform: scale(1.2, 1.2);}
.project_info{ overflow: hidden;}
.project_info p.toptitle{ color: #333; font-size: 17px; margin-top: 10px; padding: 0 20px; text-align: center; line-height: 22px; height: 22px; overflow: hidden;}
.project_info p.subtitle{ color: #999; font-size: 13px; margin-top: 5px; text-align: center; padding: 0 20px; line-height: 22px; height: 22px; overflow: hidden;}

.ppdt_box{ overflow: hidden;}
.ppdt_box dl{ float: left; width: 33.3333%; padding: 0 20px; box-sizing: border-box; overflow: hidden; margin-top: 27px; *width: 480px;}
.ppdt_box dl dt{width: 100%; overflow: hidden; height: 220px;}
.ppdt_box dl dt img{ display: block; width: 100%; height: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ppdt_box dl:hover dt img{transform: scale(1.2, 1.2);}
.ppdt_box dl dd{ overflow: hidden; padding: 0 15px; margin-top: 10px;}
.ppdt_box dl dd a{ display: block; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #323232;}
.ppdt_box dl dd p{ font-size: 13px; color: #7A7A7A; line-height: 26px; margin-top: 6px; max-height: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ppdt_box dl dd span{ display: block; line-height: 24px; font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 16px; color: #838383; margin-top: 10px;}

.gsjs{ width: 100%; overflow: hidden; background: url("../images/about.jpg") no-repeat top center; padding-top: 300px; margin-top: 28px;}
.gsjs_box{ width: 50%; margin: 0 auto; overflow: hidden; background: #FFFFFF; padding: 60px 8%;}
.gsjs_tit{ overflow: hidden; text-align: center;}
.gsjs_tit p{font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 20px; color: #323232; margin-bottom: 5px; line-height: 24px;}
.gsjs_tit span{ display: block; font-size: 15px; line-height: 24px; color: #c1c1c1;}
.gsjs_info{ color: #848484; font-size: 13px; line-height: 26px; margin-top: 30px;}
.gsjs_more{ display: block; font-size: 17px; margin-top: 20px; line-height: 24px; color: #838383; text-align: center;}

.yqlj{ background: #f7f7f7; overflow: hidden; padding: 28px 30px;}
.yqlj_tit{ overflow: hidden; padding: 0 15px;}
.yqlj_tit p{font-family: "HELVETICANEUELTPRO-THEX", "微软雅黑"; font-size: 20px; color: #323232; margin-bottom: 5px;}
.yqlj_tit span{ font-size: 15px; color: #c1c1c1; display: block; line-height: 24px;}
.yqlj_box{ overflow: hidden; padding: 0 7.5px; font-size: 0px; margin-top: 10px;}
.yqlj_box a{ display: inline-block; color: #848484; font-size: 14px; line-height: 28px; padding: 0 7.5px;}

.weizhi{ overflow: hidden; padding: 20px 15px; border-bottom: 1px solid #eaeaea; color: #999999; line-height: 26px; font-size: 14px;}
.weizhi a{ color: #999999;}

.pro_list{ padding-bottom: 30px;}
.pro_list li{ *width: 374px;}
.fenye{ overflow: hidden; text-align: center; font-size: 0px; padding-bottom: 30px;}
.fenye li{ display: inline; margin: 0 3px; color: #666; font-size: 16px;}
.fenye li a,.fenye li strong{ display: inline-block; background: #F4F4F4; padding: 0px 10px 0 11px; color: #666; font-size: 16px; line-height: 30px; height: 30px; margin-bottom: 6px;}
.fenye li strong{ background: #484848; color: #FFFFFF; font-weight: normal;}
.fenye li a:hover{ background: #484848; color: #FFFFFF; transition: all 0.6s;}

.product_img{ width: 100%; background: #f8f8f8; overflow: hidden;}
.product_img img{ display: block; max-width: 100%; margin: 0 auto; max-height: 660px;}
.product_art{ overflow: hidden; padding: 30px 15px;}
.product_art_head{ padding-bottom: 10px; padding-top: 20px; border-bottom: 1px dotted #e5e5e5; text-align: center;}
.product_art_head h1{ font-size: 22px; font-weight: normal; color: #444; line-height: 30px; margin-bottom: 4px;}
.product_art_head span{ display: block; font-size: 13px; line-height: 24px; color: #c1c1c1;}
.product_art_head p{ margin-top: 20px; color: #929292; line-height: 24px; font-size: 13px;}
.product_art_body{ overflow: hidden; padding: 30px 0px; color: #6a6a6a; font-size: 14px; line-height: 24px;}
.product_art_body p{text-indent: 2em; margin: 7px 0px; color: #6a6a6a; font-size: 14px; line-height: 24px;}
.product_art_body h2{text-indent: 2em; margin: 7px 0px; color: #6a6a6a; font-size: 16px; line-height: 24px;font-weight: bold;}
.product_art_body h3,.product_art_body h4,.product_art_body h5{text-indent: 2em; margin: 7px 0px; color: #6a6a6a; font-size: 15px; line-height: 24px;font-weight: bold;}
.product_art_body img{ display: block; max-width: 90%; margin: 20px;}
.product_art_body iframe,.product_art_body video{width: 600px; height: 400px; margin: 10px;}
.product_art_sxp{ overflow: hidden; border-top: 1px dotted #e5e5e5; padding-top: 20px;}
.product_art_sxp li{ line-height: 30px; height: 30px; overflow: hidden; font-size: 13px;}
.product_art_sxp li a{ color: #6a6a6a;}

.news_list{ overflow: hidden; padding-bottom: 30px;}
.news_list dl{ overflow: hidden; padding: 20px 40px; border-bottom: 1px solid #e5e5e5;}
.news_list dl dt{ float: left; width: 520px; height: 237px; overflow: hidden; margin-right: 50px;}
.news_list dl dt img{ display: block; width: 100%; height: 100%;}
.news_list dl dd{ overflow: hidden;}
.news_list dl dd a{ display: block; font-size: 16px; color: #323232; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px;}
.news_list dl dd p{ font-size: 13px; color: #7A7A7A; line-height: 26px; margin-top: 6px; overflow: hidden; height: 130px; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 5; -webkit-box-orient: vertical;}
.news_list dl dd span{ display: block; color: #999; font-size: 14px; margin-top: 10px; line-height: 22px; font-family: HELVETICANEUELTPRO-THEX, 微软雅黑;}

.xgyd{ max-width: 98%; margin: 0 auto; overflow: hidden; padding: 0 10px 30px 10px;}
.xgyd_box{ overflow: hidden; border: 1px solid #dde4ec;}
.xgyd_tit{ font-size: 16px; color: #7fcd61; border-bottom: 1px solid #dde4ec; line-height: 48px; padding: 0 19px; font-weight: bold;}
.xgyd_wen{ overflow: hidden; padding: 15px 0;}
.xgyd_wen li{ float: left; height: 30px; line-height: 30px; overflow: hidden; padding: 0 20px; width: 33.3333%; box-sizing: border-box; font-size: 14px; color: #666666; background: url("../images/dian.png") no-repeat 20px 12px; *width: 485px; text-overflow: ellipsis; white-space: nowrap;}
.xgyd_wen li a{ color: #666666; padding-left: 10px; *display: block;}
.xgyd_wen li a:hover{ color: #7fcd61;}

@media (max-width: 1100px){
	.bigbanner{margin-top:30px;}
	.top_head{ width: 100%; height: 80px; box-shadow: none}
	.top_logo{ float: left; width: auto; padding: 10px 0px 10px 10px;}
	.top_logo img{ margin: 0 auto;}
	.top_nav{ padding: 15px; float: right; width: 30px; height: 30px;}
	.top_nav span{ display: block; width: 100%; height: 1px; background: #999999; margin-top: 9px;}
	.daohang{ width: 100%; padding: 10px 0; background: #FAFAFA; border-top: 1px solid #F4F4F4; border-bottom: 1px solid #F4F4F4; display: none;}
	.daohang li{ float: left; width: 25%; padding: 0px; text-align: center; line-height: 32px; height: 32px; overflow: hidden;}
	.main_box{ width: 100%; margin-left: 0%; margin-top: 60px;}
	.dibu{ width: 100%; margin-left: 0%;}
	.banner #slides li{ min-height: 400px;}
	.weizhi{border-top: 1px solid #eaeaea;}
}
@media (max-width: 991px){
	.bigbanner{margin-top:30px;}
	.cpxl_box li{ width: 33.3333%;}
	.news_list dl dt{ width: 260px; margin-right: 20px;}
}
@media (max-width: 799px){
	.bigbanner{margin-top:30px;}
	.ppdt_box dl{ width: 100%; padding: 0 10px;}
	.ppdt_box dl dt{ height: auto;}
	.gsjs_box{ width: 86%; padding: 30px 4%;}
	.gsjs_info{ margin-top: 15px;}
	.xgyd_wen li{ width: 50%;}
}
@media (max-width: 768px){
	.bigbanner{margin-top:30px;}
	.cpxl_box li{ width: 50%;}
	.product_art_body iframe,.product_art_body video{width: 90%; height: 400px; margin: 10px;}
}
@media (max-width: 599px){
	.bigbanner{margin-top:30px;}
	.banner #slides li{ min-height: 200px;}
	.cpxl{ padding: 28px 10px;}
	.cpxl_box li:nth-child(2n){ padding-right: 0px;}
	.cpxl_box li:nth-child(1),.cpxl_box li:nth-child(3),.cpxl_box li:nth-child(5),.cpxl_box li:nth-child(7),.cpxl_box li:nth-child(9),.cpxl_box li:nth-child(11),.cpxl_box li:nth-child(13),.cpxl_box li:nth-child(15),.cpxl_box li:nth-child(17),.cpxl_box li:nth-child(19){ padding-left: 0px;}
	.project_img{ height: 134px;}
	.project_info p.toptitle{ padding: 0 5px; font-size: 15px;}
	.project_info p.subtitle{ padding: 0 5px;}
	.yqlj{ padding: 28px 10px;}
	.pro_list li:nth-child(2n){ padding-right:10px;}
	.pro_list li:nth-child(1),.pro_list li:nth-child(3),.pro_list li:nth-child(5),.pro_list li:nth-child(7),.pro_list li:nth-child(9),.pro_list li:nth-child(11),.pro_list li:nth-child(13),.pro_list li:nth-child(15),.pro_list li:nth-child(17),.pro_list li:nth-child(19){ padding-left: 10px;}
	.news_list dl{ padding: 20px;}
	.news_list dl dt{ width: 100%; margin-right: 0px; float: none; height: auto;}
	.xgyd_wen li{ width: 100%;}
	.product_art_body iframe,.product_art_body video{width: 90%; height: 400px; margin: 10px;}
}

/*网站banner*/
.bigbanner{
  width:100%;
  height: auto;
}
.swiper1{
  width: 100%;
  height: 100%;
}
.swiper1 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.swiper1 .swiper-slide a{
  display:block;
  width:100%;
  height: 100%;
}
.swiper1 .swiper-slide img{
  display:block;
  width:100%;
  height: 100%;
  object-fit: cover;
}
.swiper1 .swiper1-pag{
  position: absolute;
  z-index:100;
  display:flex;
  justify-content: center;
  bottom:30px;
}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 5px;
}
.swiper1 .swiper-pagination-bullet{
  width:120px;
  height: 3px;
  position: relative;
  background-color: #FFFFFF;
  opacity: 1;
  border-radius: 0;
}
.swiper1 .swiper-pagination-bullet-active {
  background-color: #ec5300;
}
.swiper1 .swiper1-prev{
  position: absolute;
  left:10px;
  top:50%;
  transform: translateY(-50%);
  width:60px;
  height: 60px;
  background:url("../images/prev.png") no-repeat center center;
  background-size:100% 100%;
  z-index:100;
  cursor: pointer;
  opacity: 0;
  transition: all ease .3s;
}
.swiper1:hover .swiper1-prev{
  opacity: 1;
}
.swiper1 .swiper1-next{
  position: absolute;
  right:10px;
  top:50%;
  transform: translateY(-50%);
  width:60px;
  height: 60px;
  background:url("../images/next.png") no-repeat center center;
  background-size:100% 100%;
  z-index:100;
  cursor: pointer;
  opacity: 0;
  transition: all ease .3s;
}
.swiper1:hover .swiper1-next{
  opacity: 1;
}
/*网站banner*/