.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:HelveticaNeueCE; font-size:40px; color:#212121; line-height:38px; margin-bottom:10px;font-weight: bold;}
.titles h5{font-size:18px; line-height:38px;margin-bottom:25px;color:#212121;font-weight: 300;}
/*.titles:before {
    content: "";
    position: absolute;
    left: 47%;
    bottom: 25px;
    width: 60px;
    height: 2px;
    background: #e70012;
}*/

.titles1{ text-align:center; padding:20px 0px;position: relative;}
.titles1 h3{ font-family:HelveticaNeueCE; font-size:30px; color:#212121; line-height:45px; margin-bottom:20px; font-weight: bold;}
.titles1 h3 span{color:#df131e;}
.titles1 h3 strong{font-size:40px; padding: 0px 5px; color:#c9000b; text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 5px white, 2px 2px 4px rgb(0 0 0 / 0.5); /*text-shadow: 2px 2px 5px rgba(0,0,0,0.2);*/}
.titles1 h4{font-size:18px;margin-bottom:25px;color:#212121;font-weight: 400;}
.titles1 h5{font-size:20px;margin-bottom:25px;color:#212121;font-weight: 300;}
.titles1 .line{ background:#b1b1b1; height:1px; width:160px; margin:0 auto; position:relative}


.titles2{ text-align:center; padding:20px 0px;position: relative;}
.titles2 h3{ /*font-family:HelveticaNeueCE; */font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; font-weight: 500;display: inline-block; padding:0px 50px;}
.titles2 h3 b{ color:#e50112;font-weight:bold;}
.titles2 h5{font-size:18px;margin-bottom:25px;color:#212121;font-weight: 300;max-width: 900px;
    margin: auto;
    line-height: 30px;margin-top: 10px;}

.titles2 h3:before {
	content: url("/images/bg/title_bg_left.png");
    width: 77px;
    height: 20px;
	padding-right: 50px;
	overflow: hidden;
	/*display: inline-block;*/
    /*position: absolute;
    top: 45px;
    left: 33%;*/
}
.titles2 h3:after {
    content: url("/images/bg/title_bg_right.png");
    width: 77px;
    height: 8px;padding-left: 50px;
	/*display: inline-block;*/
    /*position: absolute;
    top: 45px;
    right: 33%;*/
}
@media screen and (max-width: 1023px){
	.titles h3{font-size: 24px;}
	.titles h5{font-size: 16px;line-height: 28px;}
	.titles1 h3 {font-size: 24px;}
	.titles1 h5 {font-size: 16px;}
	.titles1:before{left: 15%;}
	.titles1:after{right: 15%;}
}
.w1600{width:1600px; margin: auto;}

.titles3{ text-align:left; padding:20px 0px;position: relative;}
.titles3 h3{ font-family:HelveticaNeueCE; font-size:30px; color:#212121; line-height:38px; font-weight: bold;}
.titles3 h5{font-size:20px;color:#212121;font-weight: 300;text-transform: uppercase;}




/*============================================
main-section 公司简介
===========================================*/
.main-index{width:100%; overflow: hidden; position: relative;}
.main-index ul{margin:auto; padding: 0px;}
.main-index img{max-width:100%;}
.main-index ul .owl-controls{position: absolute; bottom:100px;  left: 0;right: 0;}
.main-index ul.owl-carousel .owl-dots .owl-dot span{width: 80px; border-radius: 0px;border:0px;background: #fff;}
.main-index ul.owl-carousel .owl-dots .owl-dot.active span, .main-index ul.owl-carousel .owl-dots .owl-dot:hover span{background: #fea84b;}

.main-index-m{display:none;}


/*============================================
company-section 公司简介
===========================================*/
.company-section{padding:80px 0px 80px 0px;overflow: hidden; background:url("/images/bg/bg-gsjj.jpg") left bottom;}
.company-section .company-c{padding:0px 100px;text-align: center;    color: #fff;}
.company-c h3{font-size:40px; color:#fff; font-weight: bold;}
.company-c h5{font-size:18px; color:#fff;}
.company-c p{padding:40px; line-height: 30px;}
.company-col {}
.company-col a{background: #0071bd; color:#fff;padding: 10px 30px;margin: auto 10px;}


/*============================================
ad01-section start
===========================================*/
.ad01{padding:0px 0px 50px 0px;overflow: hidden;position: relative;}

.ad02{padding:50px 0px 50px 0px;overflow: hidden;position: relative;}


/*============================================
list-section start
===========================================*/
.list-section{padding:20px 0px 20px 0px;overflow: hidden;position: relative;}
.list-section .wrap{display: flex; justify-content:space-between; }
.list-item{width:31%; }
.list-item:nth-child(1){margin-left:0px;}
.list-item:nth-child(3){margin-right:0px;}

.list-item .list-t{width:100%; border-bottom:1px solid #dcebfe;margin-bottom: 20px;}
.list-item .list-t h3{font-size:18px; font-weight: bold; margin: auto; padding: 5px 0px; position: relative;border-bottom:3px solid #315aaa;display: inline-block;
    margin-bottom: -1px;}
.list-item .list-t h3 a{ color:#315aaa;}

.list-item ul{margin: auto; padding: 0px;}
.list-item ul li{float:left; width:100%; height: 50px; line-height: 50px;overflow: hidden; display: flex;border-bottom: 1px dashed #dcdcdc;}
.list-item ul li a{color:#000;}
.list-item ul li a:hover{text-decoration: underline;}
.list-item ul li span{margin-left:auto; font-size:16px; height: 50px; line-height: 50px; color:#000; width:calc(100% - 0px);}
/*.list-item .list-t h3:after{content: ""; background: #315aaa; height: 3px; display: block;}*/

/*============================================
anli-section start
===========================================*/
.anli-section{width:100%; margin: auto; padding:50px 0px 80px 0px;  overflow: hidden; /*box-shadow: 0px 10px 20px #000;*/}
.anli-section .titles1:before{left:25%;}
.anli-section .titles1:after{right:25%;}

.anli-c{overflow: hidden; max-width:1600px; margin:auto;}
.anli-section ul{ width: 100%; float: left; margin: 0px auto 20px auto;padding: 0px;}
.anli-section ul li{ width:31%; height: 340px; margin:1%; float: left; overflow: hidden; position: relative; background: #f8f8f8; box-shadow: 5px 5px 20px rgba(0,0,0,0.2);}
.anli-section ul li .Images{ width: 100%; height:230px; margin: auto; overflow: hidden;}
.anli-section ul li img{ max-width: 100%;margin: auto;height: 100%;}
.anli-section ul li .Names{width:100%; line-height: 30px; font-size: 18px; color: #333; text-align: left;margin:auto 0px;display: block;padding: 15px 25px 5px 25px;}
.anli-section ul li .Names a{color:#333; }
.anli-section ul li .Desc{padding: 0px 25px; font-size:14px;}
.anli-section ul li .btn-tl{height: 45px;
    width: 70px;
	position: absolute;
	bottom: 0px; right: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    background: #008d30;
	background: linear-gradient(135deg, transparent 10px, #008d30 0) bottom left;
	
}
.anli-c .vertical-item{position:relative; overflow: hidden;}
.anli-c .item-media img {
  width: 100%;
  -webkit-transform: scale(1.01);
  transform: scale(1.01);
  transition: all 900ms ease;
}
.anli-c .vertical-item .project-link-icon a {
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  width: 64px;
  height: 64px;
  background: #FF4800;
  text-align: center;
  line-height: 72px;
  color: #fff;
  visibility: hidden;
  opacity: 0;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
}
.anli-c .item-content{
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0;
  bottom: 0;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
  opacity: 1;
  transform-origin: bottom;
  z-index: 2;
  opacity: 0;
}
.anli-c .art_desc{color:#ffffff;}
.anli-c .vertical-item:after {
  position: absolute;
  background: rgb(0 113 189 / 90%);
  height: 100%;
  width: 100%;
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: all 500ms ease-out 0s;
  -webkit-transition: all 500ms ease-out 0s;
  -ms-transition: all 500ms ease-out 0s;
  -o-transition: all 500ms ease-out 0s;
  transition: all 500ms ease-out 0s;
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.anli-c .vertical-item:hover .item-media img {
  -moz-transform: scale(1.2) rotate(3deg);
  -o-transform: scale(1.2) rotate(3deg);
  -ms-transform: scale(1.2) rotate(3deg);
  -webkit-transform: scale(1.2) rotate(3deg);
  transform: scale(1.2) rotate(3deg);
}
.anli-c .vertical-item:hover .project-thumb .project-link-icon a {
  visibility: visible;
  opacity: 1;
  top: 5%;
  right: 5%;
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.anli-c .vertical-item:hover .item-content {
  -moz-transform: perspective(0) rotateX(0);
  -o-transform: perspective(0) rotateX(0);
  -ms-transform: perspective(0) rotateX(0);
  -webkit-transform: perspective(0) rotateX(0);
  transform: perspective(0) rotateX(0);
  opacity: 1;
  bottom: 25px;
  left: 30px;
  opacity: 1;
}
.anli-c .vertical-item:hover:after {
  opacity: 1;
  transform: scale(0.95);
}
.anli-c .vertical-item::hover:before {
  -moz-transform: perspective(0) rotateX(0);
  -o-transform: perspective(0) rotateX(0);
  -ms-transform: perspective(0) rotateX(0);
  -webkit-transform: perspective(0) rotateX(0);
  transform: perspective(0) rotateX(0);
}
.anli-c .vertical-item.content-padding .item-content{padding:20px 40px;}
.anli-section .anli-c .vertical-item.content-padding .item-content h5{margin-right: 40px;}
.anli-section .anli-c .vertical-item.content-padding .item-content p{margin-right: 40px;}
.anli-section .anli-c h5 a{ color:#fff; font-weight: bold; font-size:28px; position:relative;padding-bottom: 10px;margin-bottom: 10px;}
.anli-section .anli-c h5 a:hover{ color:#fff;}
.anli-section .anli-c h5 a:after{content:""; background:#fff; width:100px; height: 2px; position:absolute;  bottom:0px; left: 0px;}
.anli-section .anli-c .art_more{font-size:16px;color:#fff; }
.anli-section .anli-c .art_more:hover{ color:#fff;}

.anli-section ul li:hover .btn-tl{background: linear-gradient(135deg, transparent 10px, #df131e 0) bottom left;}
.anli-section li .btn-tl i{font-size: 20px;
    color: #ffffff; font-style: normal;}
.anli-section li .btn-tl i:before{
	content: "\e60d";
	font-family: "iconfont" !important;
	line-height: 45px;
	display: inline-block;
}
.anli-section .more{display: block; width:100%; text-align: center;margin: 50px auto 0px auto;}
.anli-section .more a{ padding:10px 30px; font-size:20px; color:#FFF; background: #008d30; }

/*============================================
com-section 公司简介
===========================================*/
.com-section{    background: #f6f6f6;
    height: 580px;
    overflow: hidden;
    padding: 0px 0px 0px 0px;
}

.com-c{width:100%; margin: 0 auto; padding:0px 0px;position: relative;}
.com-img{width:960px; height: 580px; overflow: hidden; position: absolute; left: 50%; top: 0px;}
.com-img img{max-width:100%; width:100%; height: 580px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.com-img img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}


.com-c .com-desc{margin: auto;width:50%;float:left;padding: 80px 50px 0px 0px; color: #333;}
.com-c .com-desc h2{font-size: 30px;color: #333;line-height: 44px;height: 110px;font-weight: bold;overflow: hidden;background: url(../images/ab_line02.gif) no-repeat 0 bottom; position: relative;}
.com-c .com-desc h2:before{width:100%; height: 2px; background: #ccc; position: absolute; bottom:0px; left:0px; content: "";}
.com-c .com-desc h2:after{width:50%; height: 2px; background: #315aaa; position: absolute; bottom:0px; left:0px; content: "";}
.com-c .com-desc h2 i{display: block;font-size: 20px;font-weight: normal;background: url(/images/bg/line-right.png) no-repeat 205px 20px;color: #333;}
.com-c .com-desc h2 a{color: #333;}
.com-c .com-desc h2 a:hover{color: #315aaa;}
.com-c .com-desc .com-cont{font-size: 14px;color: #333;line-height: 30px;height: auto;overflow: hidden;padding: 20px 0 0;}
.com-c .com-desc p{font-size:14px; text-align: left;line-height: 30px;}
.com-c .com-desc .more{margin:30px auto auto auto; text-align: left;display: block; }
.com-c .com-desc .more a{    padding: 10px 30px;background: #315aaa;color: #fff;font-size: 12px;}


/*============================================
lj-section 友情链接
===========================================*/
.lj-section{ padding: 30px 0px; overflow: hidden; background: #9e1e2b; }
.lj-section .wrap{display: flex; justify-content: space-between;}
.lj-logo{margin-left:0px;}
.lj-col{background: #801823; margin-left:50px; margin-right:auto;width: 380px; }
.lj-col ul{margin:auto; padding: 20px;}
.lj-col ul li{float:left; width:50%;text-align: center;height: 40px;line-height: 40px;}
.lj-col ul li a{color:#fff; font-size:16px;}
.lj-contact{background: #801823;  margin-right:auto; padding: 20px 50px;width: 380px;}
.lj-contact .lj-contact-item{display:block; color:#fff;height: 40px;line-height: 40px;}
.lj-ewm{margin-right:0px;width: 120px;  flex-shrink: 0;}
.lj-ewm img{max-width:100%;}


@media screen and (max-width: 1600px)
{
	
}
@media screen and (max-width: 1440px)
{

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

}
@media screen and (max-width: 1280px)
{
	.products-section .wrap{max-width: 1200px;}
	.cpjs_box .contents ul li h3 a:after{display: none;}
}
@media  (min-width: 1024px) and (max-width:1199px)
{
	.header_t{display: block;}
	.h_desc .header_logo h3{font-size:20px;}
	
	.nav .wrap{max-width:100%;}
	.products-section .wrap{max-width: 100%;}

	
	
	
	.footer .wrap{display: none;}
}
@media screen and (max-width: 1023px){
	
	
	
	
	.anli-section .titles1{    padding: 20px 5vw;}
	.anli-section .titles1:before{display: none;}
	.anli-section .titles1:after{display: none;}
	
	
	
	.search-section{display: none;}
	
	
	
	.mb_none{display: none;}
}

@media screen and (max-width: 767px)
{
	.main-index-pc{display: none;}
	.main-index-m{display:block;}
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	.prod-titles h5{font-size:14px;padding: 0px;line-height: 20px;}
}


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

@media screen and (max-width: 360px)
{
	.anli-section ul li{width:100%;}
	.anli-section .titles h5{text-align: center;}
	.cen_box_anli .titles h5{font-size: 15px;
    line-height: 28px;
    margin-bottom: 0px;
    color: #000000;
    font-weight: 300;
    border: 0px solid #01489d;
    display: inline-block;
    padding: 2px 50px;
    margin-top: 10px;}
}

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