.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ /*font-family:HelveticaNeueCE; */font-size:2rem; color:#00396f; line-height:2rem; margin-bottom:10px; text-transform: uppercase;}
.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;}
.wrap{max-width:1400px;}
.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: #3674db;
    color: #FFFFFF;
    padding: 15px 50px 15px 56px;
    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: #e70012;}


.btn2 a{display:flex;}
.btn2 span{color: #ffffff;border-color: #124575;background: #124575; font-size:14px;}
.btn2 span {
    display: inline-flex;
    align-items: center;
    height: 3rem;
    border: 1px solid transparent;
    transition: color 0.2s ease, border 0.2s ease, background 0.2s ease;
}
.btn2 .btn-text {
    padding: 0.9rem 1.6rem;
}
.btn2:hover .btn-text{color: #124575;border-color: #124575;background: transparent;}
.btn2 .btn-addon {
    padding: 0.9rem 1.3rem;
    margin-left: 2px;
    font-size: 1.2rem;
}

.btn3 em{width:40px;height: 40px; border:1px solid #3674db; color:#3674db;border-radius: 100%;display: flex;justify-content: center;align-items: center; margin-right:10px;}
.btn3 em:before{content:"\e60d";font-family: "iconfont";color:#3674db;}
.btn3 a{color:#333333; display:flex; flex-direction: row;align-items: center;}
.btn3:hover a{color:#3674db; }

/*============================================
company1-section 公司简介1
===========================================*/
.company1-section{background: #ffffff;padding: 60px 0px 60px 0px;width:100%; overflow: hidden;background-size: cover !important;}
.company1-section .company1-c{color:#000000;}
.company1-c h3{font-size:38px; font-weight: 300;}
.company1-c h5{font-size:12px;text-transform: uppercase; font-weight: 500;margin-bottom:26px;}
.company1-c p{font-size:16px; line-height: 2rem; margin-bottom:10px;}

/*============================================
ad-section 
===========================================*/
.ad-section{padding:0px 0px; margin: auto; margin-top:0px; position:relative; margin-top:30px; height: 200px; width:100%;}
.ad-section .ad-img{position: absolute; left:5vw;flex-direction: row;align-items: flex-end;display: flex;top: -90px;}
.ad-section .ad-img img:nth-child(2){margin-left: -50px;}
.ad-section .wrap{display: flex; justify-content: center;align-items: center;height: 100%; /*max-width:1280px;*/}
.ad-section .ad-c{width:auto;display: flex; flex-direction: column; justify-content: space-around;justify-content: center;align-items: center;color:#ffffff; max-width:auto;margin-left:500px;}
.ad-section .ad-c h3{font-size:26px; font-weight: 500; line-height: 40px;}
.ad-section .ad-c h5{font-size:16px;margin-top:10px;}
.ad-section .ad-tel{margin-left:auto; margin-right:0px; display: flex; flex-direction: column;}
.ad-section .ad-tel h5{font-size:28px; font-weight: bold;color:#ffffff; }
.ad-tel a{border:1px solid #ffffff;padding:5px; font-size:18px; color:#FFFFFF; border-radius: 100px;text-align: center; margin-top: 18px;}
.ad-tel a:hover{background:#e60012;transition: 0.5s; border:1px solid #e60012;}

/*============================================
company-section 公司简介
===========================================*/
.company-section{position: relative;
  display: block;
  padding: 0px 0px 50px 0px;
  overflow: hidden;
  background: url("../images/bg/bg-home-com.png") bottom center no-repeat;
}
.company-section .wrap{}

.company-c{display:flex;position:relative;margin-top: 1rem;padding-bottom: 40px;flex-direction: row;}
.company-img{flex-shrink: 0;}
.company-cont{margin-left:50px; flex: 1;}
.company-cont h3{font-size:38px; font-weight: 300;margin-bottom:26px;}
.company-cont h5{font-size:12px;text-transform: uppercase; font-weight: 500;margin-bottom:26px;}
.company-cont p{font-size:16px; line-height: 2rem; margin-bottom:10px;}
.company-cont img{max-width:100%;    max-width: 60px; padding-top:10px;margin-right: 50px;}
.company-cont img:hover{transition: 0.6s;    transform: translate(10px, 0px);}
.company-cont .more{margin-top:50px;position: absolute;
    right: 10px;
    bottom: 60px;}
.company-cont .more a{    display: flex;
    flex-direction: row;
    align-items: center;
    background: #f56d20;
    padding: 10px 40px;
    color: #FFFFFF;}
.company-cont .more a:hover{background: #3674db;}
.company-cont .more.btn3 em{display: none;}

.counter-items{width:100%; overflow: hidden;
    display: flex;
    justify-content: space-between;
	height: auto;
    /*box-shadow: 0px 4px 51px 0px rgb(7 0 2 / 18%);*/
	align-items: center;z-index: 10;
	border-top:1px solid #eee; padding-top:50px;
}
.counter-items .counter-item{padding:20px 0px;position: relative;width: 20%;}
.counter-item .inner-box{width:100%; /*position: relative;*/ height: auto;}
.counter-item .inner-box .desc-box{ width: 100%; padding-top: 0px;color:#fff;text-align: center;/*border-right: 1px solid rgb(0 0 0 / 10%);*/}
.counter-item:nth-last-child(1) .inner-box .desc-box{border-right:0px;}
.counter-item .inner-box .desc-box .counted{position: relative;text-align: center;display: flex; justify-content: center; align-items: center;}
.counter-item .inner-box .desc-box span{font-size: 3.4rem;color: #000000;font-weight: bold;line-height: 3rem;}
.counter-item .inner-box .desc-box em{color:#000;border-radius: 50px;line-height: 35px;font-size: 1.2rem;
display:flex; align-items: center;justify-content: center;padding-bottom: 5px;    margin-left: 5px;}
.counter-item .inner-box .desc-box .desc-box-text{font-size:1.2rem;color: #343434;text-align: center; font-weight: 500; margin-top: 20px;}

.counter-item:hover{background:#234ea3;transition: 0.5s; cursor: pointer;border-radius: 20px;}
.counter-item:hover .inner-box .desc-box em{color: #ffffff;}
.counter-item:hover .inner-box .desc-box span{color:#FFF;}
.counter-item:hover .inner-box .desc-box .counted{color:#FFF;}
.counter-item:hover .inner-box .desc-box .desc-box-text{color:#FFF;}


/*============================================
prod-section 产品展示
===========================================*/
.prod-section{width:100%; overflow: hidden; padding: 50px 0px 0px 0px; margin: auto;position: relative;/*background: #f5f5f7;*/}
.prod-section-bg{z-index: 0;width:100%; max-height:455px;    width: 100%;
    height: 455px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.prod-section .titles{max-width: 1000px;margin: auto;}
.prod-section .titles h3{color: #000;}
.prod-section .titles h5{font-size:20px; color:#333; font-weight: 300;}

.prod-col{display: flex;width:100%;position: relative;}
.prod-col ul{width:auto; margin: auto;display: flex;justify-content: space-between; padding:0px;}
.prod-col li{margin: 0px;}
.prod-col li a{ display: block; text-align: center; color:#333;font-size:2rem; font-weight: 400; padding:0px;}
.prod-col li p{display: block; text-align: center; color:#FFFFFF;font-size:1rem; font-weight: 400; width:100%; padding: 15px 30px; margin-top:15px;}
.prod-col li p:before{content:"\e659";font-family: "iconfont";padding-right:5px;}
.prod-col li:hover p,.prod-col li.active p{background: #FFFFFF;color:#333333; border-radius: 30px;}
.prod-col li img{transition: 1s;display: none;}
.prod-col li:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}

.prod-c{background: #f5f5f5 url("/images/Tube/bg.jpg") center no-repeat; background-size: cover;    padding: 0px 0px; height:470px;}
.prod-cont{width:100%; /*overflow: hidden;*/padding:0px; position: relative; padding: 20px 0vw 0px 0vw; margin:auto;height: 100%; display:flex;justify-content: space-between; flex-wrap: wrap;}

.prod-cont li .Images img{width:100%; text-align: center;height: auto;
    width: auto;
    max-width: 100%;max-height: 300px;transition: 1s;}
.prod-cont li:hover .Images img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.prod-cont li .item-content{padding:0px; border-top: 1px solid #eee;}
.prod-cont li .Names{width:100%; text-align: center;}
.prod-cont li .Desc{padding: 0px 30px 10px 30px;
    width: 100%;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
	display:none;
}
.prod-cont li .art_more{display: none;}
.col-prod-cont .showbox ul{margin:auto; padding:0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.prod-cont li{width:calc((100% - 60px) / 4);margin:20px 0px;margin-right: 20px;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
	
    /*background: #fff;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.2);*/}
.prod-cont li:nth-of-type(4n){margin-right:0px;}
.prod-cont li:last-child:nth-child(4n+1){margin-right: calc((((100% - 60px) / 4) * 3) + 60px);}
.prod-cont li:last-child:nth-child(4n+2){margin-right: calc((((100% - 60px) / 4) * 2) + 40px);}
.prod-cont li:last-child:nth-child(4n+2){margin-right: calc((((100% - 60px) / 4) * 1) + 20px);}
.prod-cont li:hover{cursor:pointer;/*box-shadow: 0px 0px 20px rgba(0,0,0,0.2);*/
	transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s;
}
.prod-cont li img{width:100%;}
.prod-cont li img:hover{webkit-animation: sy-animation-bottom-right1 1s ease-in-out both;
    animation: sy-animation-bottom-right1 1s ease-in-out both;}
.prod-cont li .Images {
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;background: none;
	text-align: center;padding: 15px;
}
.prod-cont li .Images a{display: flex;justify-content: center;height: 100%;}
.prod-cont li .Names {
    width: 100%;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    text-align: center;
    margin: auto 0px;
    display: block;
    padding: 0px 30px 0px 60px;
	font-weight: 500;
	text-align: left;
	position: relative;height: 80px; line-height: 80px;
}
.prod-cont li .Names:after{width:30px;  height: 30px; position:absolute; background: #fff; border:1px solid #ccc; font-size:24px; line-height: 30px; font-family: "iconfont" !important; content: "\e659";border-radius: 30px; text-align: center; right:50px; color:#ccc;font-weight: 500;top:calc((100% / 2) - 15px);}
.prod-cont li:hover .item-content{background:#3674db;transition: 0.3s;}
.prod-cont li:hover .Names:after{ color:#fff;background:#3674db;transition: 0.3s;}
.prod-cont li:hover a{ color:#fff;}
.prod-cont li .Names a{color:#333; text-overflow: ellipsis;display: block;width: 100%;overflow: hidden;white-space: nowrap;}
.prod-cont li:hover .Names a{ color:#fff; }
.prod-cont li:hover .Desc{color:#fff;}
.prod-cont li .btn-tl {
    height: 45px;
    width: 70px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    background: #000;
    background: linear-gradient(135deg, transparent 10px, #000 0) bottom left;
	display: none;
}
.prod-cont li .btn-tl:hover {background: linear-gradient(135deg, transparent 10px, #00aa55 0) bottom left;}
.prod-cont li .btn-tl i {
    font-size: 20px;
    color: #ffffff;
    font-style: normal;
}

.prod-cont li .btn-tl i:before {
    content: "\e60d";
    font-family: "iconfont" !important;
    line-height: 45px;
    display: inline-block;
}

.prod-cont .more{position: absolute;right: 20px;bottom: 0px;}
.prod-cont .more a{font-size:35px;}
.prod-section .more.btn1{justify-content: center; margin:60px 0px 20px 0px;}

.solution-section{padding:10px 0px; width:100%;}
.solution-section ul{width: 100%;overflow: hidden;display: flex;flex-wrap: wrap;}
.solution-section li{width:50%; padding:5px;margin: 0px;overflow: hidden; display: flex; position: relative;}
.solution-section li .Images{position: relative;display: flex;}
.solution-section li .Images img{max-width:100%;}
.solution-section li .Names{position:absolute; bottom:50px; left: 50px;}
.solution-section li .inner-box {
    position: relative;
    margin-bottom: 0px;
}

.solution-section li .inner-box:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 60%, rgb(0,0,0,0.6) 100%);
    opacity: .8;
}
.solution-section li .inner-box:hover:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    opacity: .8;
}

.solution-section li .image img {
    width: 100%;
}

.solution-section li .content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 30px;
    text-align: center;
}
.solution-section li a{text-decoration:none;}
.solution-section li .top-content {
    position: relative;
    transition: .5s;
	text-align: left;
}

.solution-section li .inner-box:hover .top-content {
    transform: translateY(-90px);
}

.solution-section li h5 {
    position: relative;
    font-size: 34px;
    color: #fff;
    text-transform: uppercase; margin-bottom:5px;
}

.solution-section li h3 {
    position: relative;
    font-size: 18px;
    font-weight: 500;
    color: #fff;line-height: 1.6em;
}

.solution-section li h3:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 2px;
    height: 80px;
    transform: translate(-50%, 97px);
    transition: .5s;
}

.solution-section li .inner-box:hover h3:before {
    height: 40px;
    transform: translate(-50%, 65px);
}

.solution-section li .text {
    color: #fff;
    position: relative;
    transition: .5s;
    opacity: 0;
	display: flex;
	text-align: left;
    transform: translateY(10px);
}
.solution-section li .text:after{content: "\e659";
	font-family: "iconfont" !important;
    color: #ffffff;
	background: #e70012;
    font-size: 15px;
    padding: 1px 5px 0px 5px;
	margin-left:20px;
    z-index: 10;
    text-align: left;
}

.solution-section li .inner-box:hover .text {
    opacity: 1;
    transform: translateY(0);
}
/*============================================
anli-section 案例
===========================================*/
.anli-section{padding:80px 0px; width:100%;}
.anli-c{margin-top:0rem; display: flex; position: relative;}
.anli-desc{flex: 1; margin-right:5rem;display: flex;flex-direction: column;}
.anli-desc h3{color:#333; font-size:38px; font-weight: 500;}
.anli-desc h5{color:#000000; font-size:16px;font-weight: 500; margin-bottom:20px;}
.anli-desc p{color:#000000; font-size:14px;font-weight: 300; margin-bottom:10px;line-height: 2rem;}
.anli-desc .more{margin-top:0px; margin-left: auto;}
.anli-img{flex-shrink: 0;}
.anli-img img{box-shadow: 5px 5px 20px rgba(0,0,0,0.5);}

.anli-adv{display: flex;flex-wrap: wrap;margin-bottom: 0px;margin-top: 10px;width: 100%;}
.case-item{display: flex;width: calc(100% / 3);align-items: center; margin: 10px auto;align-items: flex-start;}
em.case-icon{font-size: 2rem; color:#ffc246;flex-shrink: 0; margin-left:0px;margin-right: 5px;display: flex;}
em.case-icon:before{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -5px;}
em.case-icon01:before{content: "\e6a1";}
em.case-icon02:before{content: "\e645";}
em.case-icon03:before{content: "\e654";}
em.case-icon04:before{content: "\e721";}
em.case-icon05:before{content: "\e654";}
em.case-icon06:before{content: "\e721";}
.case-icon-info{}
.case-icon-info h3{color:#333; font-weight: 400; font-size:1.1rem;margin: auto;}
.case-icon-info h3 span{font-size:1.1rem;}
.case-icon-info p{font-size:0.8rem; color:#333; margin:auto;line-height: normal;}

.anli-section .titles{margin-top: 80px;margin-bottom: 0px;}
.anli-section .titles h3 {
    color: #000;
}
.anli-section .titles h5 {
    font-size: 20px;
    color: #333;
    font-weight: 300;
}


ul.anli-cont{width:100%;display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;margin-top: 0px;}
.anli-cont li{ width:calc((100% / 3) - 1%); height: auto;margin-left: 0px;margin-right:1.5%; margin-bottom:2.5%; float: left; overflow: hidden; position: relative; background: #f8f8f8; /*box-shadow: 5px 5px 20px rgba(0,0,0,0.2);*/ max-width:470px;}
.anli-cont li:nth-of-type(3n){margin-right:0px;}
.anli-cont li .Images{ width: 100%; height:auto;max-height:315px; margin: auto; overflow: hidden;}
.anli-cont li img{ max-width: 100%;margin: auto;
	transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s;
}
.anli-cont li:hover img{	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.anli-cont li .Names{height: auto; line-height: normal; text-align: center; background: #f5f5f5; padding:15px 30px;}
.anli-cont li .Names a{font-size:20px; color:#333333; transition: 0.5s;display: flex; margin-top:10px;}
.anli-cont li:hover .Names{background:#3674db;}
.anli-cont li:hover .Names a,.anli-cont li:hover p{color:#FFFFFF;}
.anli-cont li p{width:100%; line-height: 30px; font-size: 14px; color: #333; text-align: left;margin:auto 0px;display: block;padding: 10px 0px; transition: 0.5s;}
.anli-cont li .btn-tl{height: 45px;
    width: 70px;
	position: absolute;
	bottom: 0px; right: 0px;
    text-align: center;
    font-size: 18px;
    line-height: 45px;
    background: #01005c;
	background: linear-gradient(135deg, transparent 10px, #01005c 0) bottom left;
	
}

.anli-section .more{width:100%; display:flex;justify-content: flex-start;margin-top: auto;}
.anli-section .more em{display:none;}
.anli-section .more a{display: flex;flex-direction: row;align-items: center;background: #f56d20;padding: 10px 40px;color: #FFFFFF;}
.anli-section .more a:hover{background:#3674db;}


.anli-section .btn1{justify-content: center; margin-top:26px;}
.anli-section .btn1 a{padding: 15px 50px;border-radius: 0px;}




/*============================================
com-section 公司简介
===========================================*/
.com-section{background: #e9ecf3 url("/images/bg/bg-gsjj.jpg") no-repeat center top;
    height: auto;
    overflow: hidden;
    padding: 100px 0px 100px 0px;
}
.com-section .wrap{max-width:1280px; background:#FFFFFF;margin-top: 10rem; padding:80px;}
.com-section .wrap .com-titles{text-align: center;}
.com-titles h3{font-size:2.8rem; font-weight: bold; margin-bottom:1rem; display: flex;align-items: center;justify-content: center;}
.com-titles h3:before{content:"";width:50px; height: 3px; background:#d02d30; margin-right:1rem;}
.com-titles h3:after{content:"";width:50px; height: 3px; background:#d02d30; margin-left:1rem;}
.com-titles h5{font-size:1.2rem; }
.com-cols{    text-align: center;
    width: 300px;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    margin: 50px auto auto auto;}
.com-cols a{width:50%; color:#666;display: block;
    font-size: 1.1rem;
    height: 40px;
    line-height: 40px;}
.com-cols a:nth-last-child(1){background: #d02d30;color:#FFFFFF;background: linear-gradient(108deg, transparent 15px, #d02d30 0);}


.com-section .com-box{display:flex;}
.com-img{width:auto; max-width:100%;overflow: hidden; flex-shrink: 0; margin: 50px auto auto auto;}
.com-img ul{ display: flex; flex-wrap: wrap;}
.com-img ul li{width:auto;overflow: hidden; border-radius: 10px;}
.com-img ul li:nth-child(2n+1){margin-right:15px;}
.com-img ul li:nth-child(2n){margin-top:15px;}
.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:20px auto auto auto;width:100%; max-width:1000px; overflow: hidden;padding: 0px 20px 0px 0px; color: #333;}
.com-desc h5{color:#ffc246;}
.com-desc h2{font-size: 2.8rem;color: #333;line-height: 2.8rem;font-weight: 500;position: relative; text-align: left;}
.com-desc h2 a{color: #333;}
.com-desc h2 a:hover{color: #3871c1;}
.com-desc p{font-size:0.9rem; text-align: left;line-height: 2rem; color:#111111; font-weight: 300; margin-top:20px;}
.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;}


.com-desc .com-items{}

.com-desc .com-items{display: flex;flex-wrap: wrap;}
.com-item{display: flex;width: 50%;align-items: center; margin: 10px auto;}
i.com-icon{font-size: 2rem; color:#ffc246;flex-shrink: 0; margin-left:0px;margin-right: 5px;display: flex;}
i.com-icon:before{font-family: "iconfont" !important;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-top: -5px;}
i.com-icon01:before{content: "\e6a1";}
i.com-icon02:before{content: "\e645";}
i.com-icon03:before{content: "\e654";}
i.com-icon04:before{content: "\e721";}
i.com-icon05:before{content: "\e654";}
i.com-icon06:before{content: "\e721";}

.com-icon-info{}
.com-icon-info h3{color:#333; font-weight: 400; font-size:1.2rem;margin: auto;}
.com-icon-info h3 span{font-size:1.5rem;}
.com-icon-info p{font-size:0.8rem; color:#333; margin:auto;}








/*============================================
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;}



/*============================================
Capabilities-section 栏目
===========================================*/
.Capabilities-section{position:relative; background:url("../images/bg/col-bg.svg") no-repeat top center; padding:100px 0px;}
.Capabilities-cont{width:100%; margin:auto;max-width:1400px; display: flex;flex-direction: row;}
.Capabilities-desc{width:350px; margin-right:10px;text-align: left;}
.Capabilities-desc h3{font-size:40px; color:#333;}
.Capabilities-desc h5{font-size:34px; color:#333;}
.Capabilities-cont ul{display:flex;flex-direction: row;flex-wrap: wrap; flex: 1;justify-content: flex-end;}
.Capabilities-cont ul li{width:calc((100% / 3) - 20px); margin:10px 10px;position: relative;}
.Capabilities-cont ul li:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 50%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 50%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 50%, rgb(0,0,0) 100%);
    opacity: .8;z-index: 1;
}
.Capabilities-cont ul li:hover:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: -moz-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    background-image: -ms-linear-gradient( -90deg, rgba(0,0,0,0) 0%, rgb(0,0,0) 100%);
    opacity: .8;z-index: 1;
}
/*.Capabilities-cont ul li:nth-child(1){width:calc(((100% / 4)*2) - 20px); margin-left:0px;}*/
.Capabilities-cont ul li:nth-child(3n+1){margin-left:0px;}
.Capabilities-cont ul li:nth-child(3){marign-right:0px;}
.Capabilities-cont ul li:nth-last-child(1){marign-right:0px;}

.Capabilities-cont ul li  .image{overflow: hidden;}
.Capabilities-cont ul li  .image img {
    width: 100%;
	max-width:100%;
	transition: 1s;
}
.Capabilities-cont ul li:hover .image img{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.Capabilities-cont ul li  .content {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 30px 30px 10px 30px;
    text-align: center;
}
.Capabilities-cont ul li  a{text-decoration:none;}
.Capabilities-cont ul li  .top-content {
    position: relative;
    transition: .5s;
	text-align: left;z-index: 5;
}
.Capabilities-cont ul li:hover .content{padding: 30px 30px;}
.Capabilities-cont ul li:hover .top-content {
    transform: translateY(-50px);
}

.Capabilities-cont ul li:hover .top-content {
    transform: translateY(-30px);
}
.Capabilities-cont ul li .sj-sect h3 {
    position: relative;
    font-size: 2.2rem;font-weight: 700;
    color: #000;
    text-transform: uppercase;
	line-height: normal;
}
.Capabilities-cont ul li .sj-sect p {
    position: relative;
    font-size: 1rem;
    font-weight: 400;
	margin-top:20px;
    line-height: 1.8rem;
	
}
.Capabilities-cont ul li  h3 {
    position: relative;
    font-size: 14px;
    color: #fff;line-height: 20px;
    text-transform: uppercase;
}

.Capabilities-cont ul li h5 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #fff;line-height: 1.6em;
}

.Capabilities-cont ul li h3:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 2px;
    height: 80px;
    transform: translate(-50%, 97px);
    transition: .5s;
}

.Capabilities-cont ul li:hover h3:before {
    height: 40px;
    transform: translate(-50%, 65px);
}

.Capabilities-cont ul li .text {
    color: #fff;
    position: relative;
    transition: .5s;
    opacity: 0;
	display: flex;
	text-align: left;
    transform: translateY(0px); align-items: center;
}
.Capabilities-cont ul li .text:after{content: "\e659";
	font-family: "iconfont" !important;
    color: #ffffff;
	background: #e70012;
    font-size: 15px;
    padding: 1px 5px 0px 5px;
	margin-left:20px;
    z-index: 10;
    text-align: left;
}

.Capabilities-cont ul li:hover .text {
    opacity: 1;
    transform: translateY(10px);
}


/*============================================
yj-section 栏目
===========================================*/
.yj-section{position:relative; background-attachment: fixed; overflow: hidden;}
.yj-section:before{content:""; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color:rgba(0,0,0,0.2); z-index: 1;}
.yj-section .wrap{display:flex; flex-direction: row;align-items: flex-end;justify-content: flex-end;padding:0px 0px; height:700px; z-index: 10;position: relative;}
.yj-section .yj-c{max-width:940px; height:auto; padding:50px;background:rgba(255,255,255,0.85) }
.yj-c h3{font-size: 28px;color: #000;line-height: 2rem;margin-bottom: 10px;text-transform: uppercase;}
.yj-c p{color: #333333;font-size: 16px; line-height: 2rem;}


/***************************首页新闻***************************/
.news-section{width:100%; margin: auto; padding: 50px 0px 50px 0px;background: #ffffff url(/images/bg/bg-news.jpg) bottom center no-repeat; background-size:cover;}

.news-section .titles3{max-width:1200px;}

.news-container { width:100%; margin:0 auto; padding:0px;    margin-top: 20px;}
.news-container ul{width:100%; margin:0 auto; position: relative;}
.news-container ul li {display: flex; flex-direction: column; align-items: center;    max-width: 380px;background-color: #ffffff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);}
.news-container ul li a{}
.news-container ul li .Images{width:100%; overflow: hidden;transition: 1s;}
.news-container ul li .Images img{ max-width:100%;transition: 1s;}
.news-container ul li:hover .Images img{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.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 .item-content{
    padding: 20px;    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-container .item-content .Names a{color:#333; font-size:1.4rem;}
.news-container .item-content .Desc{font-size:0.8rem; line-height: 1.1rem;
    height: 70px;
    overflow: hidden;
    margin: 10px 0px;}
.news-container .art_more{ color:#424242; margin-top:10px;text-decoration: underline;font-weight: bold;}
.news-container ul li:hover{box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%); cursor: pointer;}
.news-container li:hover .art_more{color:#af263c;}

.news-container .owl-carousel .owl-nav .owl-prev{left:-50px; opacity: 0.8;}
.news-container .owl-carousel .owl-nav .owl-next{right:-50px; opacity: 0.8;}

.item-content .Names{overflow: hidden;}


@media screen and (max-width: 1920px){}
@media screen and (max-width: 1600px)
{
	.wrap{max-width:1400px;}
	.prod-cont li .col-c h3{font-size:24px;}
	.col-c ul li{width:calc((100% / 2) - 10px); box-shadow:none;}
}
@media screen and (max-width: 1440px)
{
	.wrap{max-width:1280px;}	
}
@media screen and (max-width: 1366px)
{
	.wrap{max-width:1200px;}	
}
@media screen and (max-width: 1280px)
{
	.wrap{max-width:1200px;}
	.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;}
	
	.wrap{max-width:100%;}
	
	.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%; padding:0px 15px;}
	
	.search-section{display: none;}
	
	.mb_none{display: none;}
	
	/*公司简介*/
	.company-section{padding:20px 0px 0px 0px;}
	.company-section-bg{display: none;}
	.company-c{flex-direction: column;padding-bottom: 0px;}
	.company-section-desc{margin:auto; padding:0px 2rem;}
	.company-section-img{width:100%; padding:0px 2rem;max-width: none;}
	.company-section-desc .counter-items{bottom: 0px;width:100%;}
	.counter-item .inner-box .desc-box{display: flex;align-items: baseline;justify-content: center;}
	.counter-item .inner-box .desc-box .desc-box-text{font-size:2rem;}
	.company-section-desc .more.btn1{font-size:1.5rem;}
	.company-section-desc .more.btn1 a{flex:auto;}
	
	.company1-section{padding:40px 0px 0px 0px;}
	.company1-c h3,.company-cont h3{font-size:3rem;}
	.company1-c p,.company-c p{font-size:1.2rem;line-height: 2.8rem;}
	.company-img{width:100%;}
	.company-img img{max-width:100%;}
	
	.company-cont .more {
		margin-top: 40px;
		position: absolute;
		left: 0px;
		bottom: auto;
		right: 0px;
		width: auto;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.company-cont {width:100%;margin: 2rem auto auto auto;}
	.counter-items{padding-bottom: 50px;margin-top: 40px;    border-top: 0px;}
	.counter-items .counter-item{width:100%;border-top: 1px solid #eee;margin-top: 30px;}
	.counter-items .owl-controls .owl-dots{margin-top: 10px;}
	
	.solution-section li{width:100%;}
	.solution-section li h5{font-size: 2rem;}
	.solution-section li h3{font-size: 1.2rem; margin-top:10px;}
	.solution-section li .inner-box:hover .top-content{transform: translateY(-30px);}
	
	/*产品展示*/
	.prod-section{padding: 20px 0px 0px 0px;}
	.prod-col ul{flex-wrap: wrap; width: 100%;}
	.prod-col li{margin: 0px 0px;    width:calc(100% / 2);}
	.prod-col li p{font-size: 1.6rem;margin-bottom: 0px; padding:5px 0px; margin-top:0px;text-align: left;}
	.prod-col li a{font-size:1.4rem;}
	
	.prod-cont{padding-top:0px;}
	.prod-cont li{width: calc((100% - 20px) / 2);margin-right:auto;}
	.prod-cont li .Images{padding: 2px;}
	.prod-cont li .Names:after{display:none;}
	.prod-cont li .Names{height:40px; line-height: 40px; overflow: hidden; padding:0px; text-align: center;font-size:1.6rem;}
	
	.tab-content>div.active{align-items: center; padding:0px 5rem;}
	.Dbeauty{justify-content: center;}
	.Dbeauty img{width: calc((100% / 3) - 0px);}
	
	.ad-section .ad-img{display:none;}
	.ad-section .wrap{flex-direction: column;}
	.ad-section .ad-c{margin:auto;}
	.ad-section .ad-tel{margin:auto;}
	
	.anli-section{padding:50px 0px;}
	.anli-c{flex-direction: column;}
	.anli-desc{width:100%; margin:auto;}
	.anli-desc h3{font-size: 2rem;}
	.anli-desc h5{font-size: 1.2rem;line-height: 2rem;}
	.anli-adv{margin-top:20px; padding-top:20px;margin-bottom:20px;  border-top:1px solid #eee;}
	.case-item{width: calc(100% / 2);}
	em.case-icon{font-size: 3rem;}
	.case-icon-info h3{font-size:1.5rem;}
	.case-icon-info p{font-size: 1rem;}
	
	.anli-section .more{justify-content: center;margin-bottom:50px;}
	
	.anli-section .titles{margin-top: 30px;}
	
	.anli-img{width:100%; margin:auto;}
	.anli-img img{max-width:100%;}
	
	/*案例展示*/
	.form-section{padding-top: 3rem;padding-bottom: 1rem;}
	.form-wrapper{padding: 0px 2rem;}
	.form-box ul li img{max-width:100%;}
	
	.yj-c h3{font-size: 3rem;line-height: 2rem;margin-bottom: 40px;}
	.yj-c p{font-size: 2rem;line-height: 3rem;}
	
	.news-section{padding: 50px 0px;}
	
}

@media screen and (max-width: 767px)
{
	.prod-c{height:500px;}
	.col-prod-cont .tab-content{justify-content: center;}
	.active .Dbeauty{justify-content: center;flex-direction: column;align-items: center;}
	.Dbeauty img{width: auto;max-width: 100%;height: calc(400px / 3);}
	#Section3 .Dbeauty img{     width: auto;}
	
	.tab-content>div.active{padding:0px;margin:0px;}
	
	.form-wrapper{padding: 0px; flex-direction: column;}
	.form-wrapper .form-box{width:100%;}
	.form-wrapper .quote-box{width:100%; margin-top:5rem;}
	.form-wrapper .form-title{padding: 0px 2rem;}
	
	.anli-section .anli-top{padding: 1.2rem;}
	ul.anli-cont li{width:99% !important; margin:0.5% !important;}
	
	

}
@media screen and (max-width: 425px)
{
	.titles1 h3{font-size:2rem;}
	.anli-c-list .anli-c-item h5{font-size:1.8rem;}
	.ys-c dt .title h3{font-size:3.2rem;}
	.ys-c dt .title h5{font-size:2.2rem;}
	
	.company1-c h3,.company-cont h3{font-size:2rem;}
	
}
@media screen and (max-width: 414px)
{
	
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 × 10px = 14px */}
	.titles1 h3{font-size: 2.2rem;}
	.counter-item .inner-box .desc-box span{font-size: 6rem;}
	.anli-c-list .anli-c-item h5{font-size:1.6rem;}
	.anli-c .anli-c-list{padding-bottom: 10px;}
	.anli-c-list ul li {width: calc(50% - 15px);margin: 10px 10px 0 10px;}
	
}

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

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