.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.titles h5{font-size:20px; 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:40px; 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;    display: flex;
    justify-content: center;
    align-items: center;}
.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}
.titles1 .line:after{ display: block; height:5px; width:42px; background:#369ad6; position:absolute; left:50%; margin-left:-21px; top:-2px;
    content: " ";}
.titles1 h4:before {
    content: "";
    width: 50px;
    height: 6px;
    background: url("/images/bg/line-left.png") no-repeat;
    margin-right: 10px;
}
.titles1 h4:after {
    content: "";
    width: 50px;
    height: 6px;
    background: url("/images/bg/line-right.png") no-repeat;
    margin-left: 10px;
}

.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:36px; color:#212121; line-height:38px; font-weight: bold; margin-bottom:10px;}
.titles3 h5{font-size:14px;color:#666;font-weight: 400;text-transform: capitalize;max-width: 800px;margin: auto;}


.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #e92b29;
    color: #FFFFFF;
    padding: 15px 40px;
    z-index: 2;
    position: relative;
    display: block;
}
.btn1 a:after{content: "\e659";font-family: "iconfont" !important;text-align: center; }
.btn1 a::before {
	content: '';
	position: absolute;
	width: calc(100%);
	height: calc(100%);
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transition: -webkit-transform .24s ease-in-out;
	transition: -webkit-transform .24s ease-in-out;
	-o-transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out;
	transition: transform .24s ease-in-out, -webkit-transform .24s ease-in-out
}
.btn1 a:hover::before {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}
.btn1 a:before {background-color: #f49d0e;}
/*============================================
features-section 优势描述
===========================================*/
.features-section{background: #222;    padding: 40px 0px;}
.features-items{display: flex; flex-direction: row; align-content: center;}
.features-item{display: flex;width: 25%; }
i.features-icon{font-size: 36px; color:#e92b29;flex-shrink: 0; margin-left:0px;margin-right: 5px;    display: flex;}
i.features-icon:before{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -5px;}
i.features-icon01:before{content: "\e66a";}
i.features-icon02:before{content: "\e644"; font-size:40px;margin-top: -10px;}
i.features-icon03:before{content: "\e603";}
i.features-icon04:before{content: "\e645";}

.features-icon-info{}
.features-icon-info h3{color:#fff; font-weight: bold; font-size:28px;}
.features-icon-info p{font-size:14px; color:#aaaaaa;}



/*============================================
com-section 公司简介
===========================================*/
.com-section{background: #ffffff;
    height: auto;
    overflow: hidden;
    padding: 100px 0px 100px 0px;
}
.com-section .wrap{display:flex;}
.com-img{width:auto;overflow: hidden; flex-shrink: 0;}
.com-img img{max-width:100%; width:100%; -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-desc{margin: 10px auto;width:50%;float:left;padding: 0px 20px 0px 0px; color: #333;}
.com-desc h2{font-size: 36px;color: #333;line-height: 44px;font-weight: 500;overflow: hidden;position: relative; text-align: left;}
.com-desc h2 a{color: #333;}
.com-desc h2 a:hover{color: #3871c1;}
.com-desc p{font-size:14px; text-align: left;line-height: 24px; color:#111111; font-weight: 300;}
.com-desc ul{font-size: 18px;color: #333;line-height: 30px;height: auto;overflow: hidden;padding: 20px 0 0; margin-top:20px;}
.com-desc ul li{list-style: disc; margin-left: 20px;margin-bottom: 20px;}

.com-desc .btn1{margin-left:20px;}



/*============================================
ad-section 文字口号
===========================================*/
.ad-section{padding:50px 0px; overflow: hidden; background:#FFFFFF url(/images/bg/bg-number.jpg) center  no-repeat;margin: auto; margin-top:0px; position:relative;}
.ad-section:before{background-color:rgb(34 34 34 / 10%); content: ""; position: absolute;top: 0;left: 0;right: 0;bottom: 0; z-index: -1;}
.ad-section .wrap{max-width: 1200px; display: flex; justify-content: space-between;}
.ad-cont{margin:auto;max-width: 300px; padding-right:0px;}
.ad-cont h4{    padding: 0px;display: block;line-height: 45px; font-size:40px;color: #ffffff;}
.ad-cont h4 b{font-weight:bold;font-size:40px; padding: 0px 5px; color:#ed1960; font-weight: bold; text-shadow: 2px 0 2px white, -2px 0 2px white, 0 2px 2px white, 0 -2px 2px white;}


.counter-items{width:70%; overflow: hidden; display: flex; justify-content: space-between;padding: 50px 0px 50px 0px; margin:auto;margin-right: 0px }
.counter-items .counter-item{padding:0px 10px; width:calc(100% / 3);}
.counter-items .counter-item .inner-box{transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.counter-items .counter-item .inner-box:hover{  border-top: 2px solid transparent;
  border: 1px solid transparent;
  /*transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);*/
  border-color: #ffd322;}
.counter-items .counter-item .inner-box:after, 
.counter-items .counter-item .inner-box:before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  border-color: #ffd322;
  z-index: -1;
}
.counter-items .counter-item .inner-box:after {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  transform: scale(1, 0);
  -moz-transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  border-top: none;
  border-color: #ffd322;
  border-bottom: none;
}
.counter-items .counter-item .inner-box:hover:after,
.counter-items .counter-item .inner-box:hover:before {
  transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
}
.counter-item .inner-box{width:100%; position: relative; border:1px solid rgb(255 255 255 / 20%); padding:20px;}
.counter-item .inner-box i{width:100px; height: 100px; border-radius: 60px;display: block; background: transparent; border:0px solid #fff; font-style: normal;text-align: center; margin:auto;}
.counter-item .inner-box i:before{font-family: "iconfont" !important; color:#e92b29; font-size:70px; line-height: 100px; text-align: center;}
.counter-item:nth-of-type(1) i:before{content: "\e634";}
.counter-item:nth-of-type(2) i:before{content: "\e65b";}
.counter-item:nth-of-type(3) i:before{content: "\e67a";}
.counter-item:nth-of-type(4) i:before{content: "\e718";}
.counter-item:nth-of-type(4){border:0px;}

.counter-item .inner-box .desc-box{ color:#ffffff;}
.counter-item .inner-box .desc-box .counted{position: relative;
    line-height: 1.4em;
    font-weight: 500;
    font-size: 50px;
    color: #ffffff;text-align: center;}
.counter-item .inner-box .desc-box span{font-size:60px; }
.counter-item .inner-box .desc-box .desc-box-text{font-size:14px; color:#d0d0d0;text-align: center; font-weight: bold;text-transform: uppercase;}


/*============================================
product-section start 产品展示
===========================================*/
.product-section{padding:0px 0px 0px 0px; overflow: hidden; margin: auto;width: 100%;}
.product-conts{display:flex;flex-direction: row;}
.product-conts .product-img{width:50%; flex-shrink: 0;}
.product-conts .product-img img {max-width: 100%;width: 100%;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.product-desc{ background:#fff;display: flex; align-items: center;justify-content: center;}
.product-desc .inner-box{padding:100px;}
.product-desc .inner-box h5{font-size:2rem;}
.product-desc .inner-box ul{margin-top:20px;}
.product-desc .inner-box ul li{font-size:1rem; position: relative;display:flex;align-items: baseline; line-height: 1.2rem;margin:15px auto;}
.product-desc .inner-box ul li:before{content:"\e647";font-family: "iconfont" !important; color:#e92b29; font-size:1rem;}

.product-conts.product-reverse{flex-direction: row-reverse;}


/*============================================
contact-section 联系方式
===========================================*/
.contact-section{margin:20px 0px; height:auto;overflow: hidden; background:#ffffff url(/images/bg/bg-email.jpg) no-repeat;margin: auto; background-size: cover;height: 800px;background-attachment: fixed;background-size: cover;position: relative;}
.contact-section:before{content: '';
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 800px;}
.contact-section .wrap{width:1200px; max-width: 1200px; margin: auto;padding-top: 100px;
    padding-bottom: 100px;/* background: rgba(0,0,0,1)*/;opacity:1;}
.contact-section .row{padding:50px !important;}

.contact-section .contact-box .item-inner{display: table;
    position: relative;
    table-layout: fixed;
}
.contact-box .item-content{background-position: center;
    background-size: cover;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 45;
}
.contact-box .item-content h2{ font-size:40px;font-weight: 800;line-height: 1.3;color: #fff;margin-top:50px;font-family: "Poppins", sans-serif; margin-bottom:50px;}
.contact-box .item-content h2 span{color: #fff !important;    font-family: "Poppins", sans-serif;}
.contact-box .item-content p{
	margin-bottom: 20px;line-height: 1.8;
    color: #fff;
    font-size: 28px;;
    font-family: "Poppins", sans-serif;
    font-weight: 500;text-transform: capitalize;
}
.contact-box .item-content p:before{content: "\e607";
    font-family: "iconfont" !important;
    width: 30px;
    height: 30px;
    background: #fff;
    position: relative;
    float: left;
    border-radius: 50%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #e92b29;
	font-weight: bold;
    margin-top: 10px;
    margin-right: 15px;}

.form-box{background-color: rgba(255,255,255,0.8); padding:50px;}
.form-box h3{margin:20px auto 40px auto; font-size:40px; font-weight: 500; color:#000000; position: relative;}
.form-box h3:after {
    content: "";
    background: #e92b29;
    height: 100%;
    width: 10px;
    position: absolute;
    left: -50px;
    top: 0;
}
.form-box input[type=text], .form-box input[type=email], .form-box textarea {background: transparent;border:0;outline:none;font-size: 1.1rem;}
.form-box input[type=text], .form-box input[type=email] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 14px;
    padding-left: 0;
    margin-bottom: 28px;
    width: 100%;
}
.form-box input[type=text]:focus, .form-box input[type=email]:focus, .form-box textarea:focus{border-bottom: 1px solid #dfdce6;}
.form_item{width:100%; padding:0px;float: left;position: relative;font-size: 1.1rem;}
.InputErr {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #ffa53a;
    font-size: 20px;
}
/*.form_item label.InputErr {
    display: none;
}*/
.form_item_all{width:100%;}
.form-box .search_btn{color: #fff;
    background-color: #e92b29;
    background-image: none;border:0px;
    letter-spacing: .05rem;
    padding: 0.8rem 2.5rem;
	margin: auto;display: block;
    overflow: hidden;border-radius: 3rem;outline:none;}
.form-box .search_btn:hover {
	cursor: pointer;
    color: #212529;
    background-color: #F4BC16;
}

.form-box { }
  .form-box input[type=text],
  .form-box input[type=email],
  .form-box textarea {
    transition: all 0.3s ease; }
    @media screen and (prefers-reduced-motion: reduce) {
      .form-box input[type=text],
      .form-box input[type=email],
      .form-box textarea {
        transition: none; } }
  .form-box input[type=text],
  .form-box input[type=email] {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 14px;
    padding-left: 20px;
    margin-bottom: 28px;
    width: 100%; }
  .form-box textarea {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ddd;
    width: 100%;overflow: hidden;
    padding: 15px;
    padding-left: 20px;
    margin-bottom: 28px;
	height: 80px;}
  .form-box .form-submit-btn {
    padding: 12px 32px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: 700;
    color: #fff;
    transition: all 300ms; }
  .form-box .form-submit-btn:hover {
    border-width: 2px;
    border-style: solid;
    background: none; }
  .form-box .form-input-label {
    padding: 0;
    padding-left: 15px;
    line-height: 0;
    margin: 0; }
  .form-box input[type=submit] {
    margin-top: 15px; }
  .form-box.white-form input[type=text],
  .form-box.white-form input[type=email] {
    background: #ffffff;
    border: 1px solid #eee; }
  .form-box.white-form textarea {
    background: #ffffff;
    border: 1px solid #eee; }

/***************************首页新闻***************************/
.news-section{width:100%; margin: auto; padding: 80px 0px 50px 0px;background: #ffffff;}

.news-section .titles3{max-width:1200px; margin: auto; text-align: center;}

.news-container { width:100%; margin:0 auto; padding:0px;}
.news-container ul{width:100%; margin:50px auto 20px auto; position: relative;}
.news-container ul li {}
.news-container ul li a{}
.news-container ul li a img{ max-width:100%;}
.news-container  .owl-item{padding-bottom: 10px;}
.news-container .item-media{height:250px;}
.news-container  .owl-item h5,.news-container  .owl-item h5 a{font-size:20px; color:#333;height: 30px;line-height: 30px;overflow: hidden;}
.news-container .vertical-item.content-padding .item-content {
    padding: 20px;
}
.news-container .art_desc{height:45px; overflow: hidden;}
.news-container .vertical-item.content-padding .item-content p{font-size: 14px;}
.news-container .art_more{ color:#424242;text-decoration: underline; margin-top:20px;}

.item-content{padding:20px 20px;display: flex;flex-direction: column;flex-wrap: wrap;}
.item-content .Names a{color:#333333;font-size:20px; font-weight: bold;}
.item-content .Desc{font-size: 14px;
    color: #666;
    height: 100px;margin-top:10px;
    overflow: hidden;}
.news-container ul li:hover {
    box-shadow: 0px 9px 24px 5px rgba(0, 0, 0, 0.04);;
    transition: 0.3s ease-in-out;
}
.news-container ul li:hover .Names a{color:#e92b29;}
.news-container ul li .Images{overflow: hidden;}
.news-container ul li img {
    max-width: 100%;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.news-container ul li:hover img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);}



.item-content .Names{overflow: hidden;height: 60px;}


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

}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1366px)
{
	
}
@media screen and (max-width: 1280px)
{
	.product-desc{width: 100%;}
	.product-desc .inner-box{padding: 40px 20px;}
	.product-desc .inner-box h5{font-size: 1rem;}
	.product-desc .inner-box ul li{font-size: 0.8rem;}
}
@media  (min-width: 1024px) and (max-width:1199px)
{
	/*.wrap{width:100%;}*/
	.header_t{display: block;}
	.h_desc .header_logo h3{font-size:20px;}
	
	.products-section .wrap{max-width: 100%;}
	
	.news-section{padding:0px 0px 50px 0px;}
	
	.footer .wrap{display: none;}
}
@media screen and (max-width: 1023px){
	html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
	body {font-size: 1.4rem;/*1.4 × 10px = 14px */}
	
	.titles1 h3{font-size:2.8rem; line-height: 1rem;}
	.titles1 h4{font-size:1.4rem;}
	.titles1:before {left: 10%; top:5.5rem;}
	.titles1:after {right: 10%; top:5.5rem;}
	
	.wrap{max-width: 100%;}
	
	.search-section{display: none;}
	
	.mb_none{display: none;}
	
	.features-section{padding:20px 0px 20px 0px;}
	.features-item{width:100%; padding:0px 20vw;}
	.features-items.owl-theme .owl-dots{margin-top:10px;}
	
	
	
	
	.com-section{padding:20px 0px 0px 0px;}
	.com-section .wrap{flex-direction: column;padding: 15px;}
	.com-desc{width:100%;}
	.com-img{width:100%;}
	
	.ad-section{height:auto; background-size: cover;}
	.ad-section .wrap{flex-direction: column;}
	.ad-cont h4{font-size: 2.8rem;}
	.ad-cont h4 b{font-size: 2.8rem;float: left;}
	.counter-items{width:100%;}
	.counter-items .counter-item{width:100%;}
	
	.counter-item i.icon-count1:before{content: "\e634";}
	.counter-item i.icon-count2:before{content: "\e65b";}
	.counter-item i.icon-count3:before{content: "\e67a";}
	
	.product-section .product-conts{flex-direction: column;}
	.product-conts .product-img{width:100%;}
	.product-conts .product-desc{width:100%;}
	.product-desc .inner-box h5{font-size:2rem;}
	.product-desc .inner-box ul li{font-size:1.5rem;line-height: 2rem;}
	
	.contact-section{height:auto;}
	.contact-section:before{height:100%;}
	.contact-section .contact-box{display: none;}
	.contact-section .wrap{max-width: 100%; padding: 50px 10px;padding-top: 50px;}
	.contact-box .item-content p{font-size:26px;}
	.form-box{padding: 20px;}
	.form-box h3:after{left: -20px;}
}

@media screen and (max-width: 767px)
{
	.counter-item .inner-box .desc-box span {font-size: 8rem;}
}
@media screen and (max-width: 425px)
{
	.counter-item .inner-box .desc-box span{font-size: 4rem;}
}
@media screen and (max-width: 414px)
{
	.prod-titles h5{font-size:16px;padding: 20px;line-height: 20px;}
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 × 10px = 14px */}
	.counter-item .inner-box .desc-box span{font-size: 4rem;}
	
	
	
}

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

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