.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h3{ font-family:"sans-serif",HelveticaNeueCE; font-size:40px; color:#000000; line-height:36px; margin-bottom:10px;font-weight: bold;}
.titles h5{font-size:1rem; line-height:38px;margin-bottom:25px;color:#000000;font-weight: 300; margin-top:0rem;}
/*.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:"sans-serif",HelveticaNeueCE; font-size:34px; color:#212121; line-height:38px; margin-bottom:10px; }
.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:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    left: 33%;
}
.titles1:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 45px;
    right: 33%;
}

.titles2{text-align: center;width: 100%;padding-top: 20px;position: relative;}
.titles2 h3{
	font-size: 36px;
    color: #222;
}
.titles2 span{
	font-size: 36px;
    color: #222;
}
.titles2 img{vertical-align: middle;}
.titles2 .titles2_line{font-size: 16px;color: #222;text-transform: uppercase;}
.titles2 .titles2_line i {
    padding: 0 20px;
}
.titles2 h5{font-size:14px; text-align: center; padding: 10px 0px;width:80%; font-weight: 500;margin: auto;}
.titles2:after{ display: block;
    height: 2px;
    width: 42px;
    background: #c9313e;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    content: " ";}

@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%;}
}

.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: #059fbf;
    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: #f8701d;}

section{padding:34px 0px; margin:auto; overflow: hidden;width:100%;}

.section-title {position: relative;}
.section-title h3{
    text-transform: uppercase;
	font-size:30px;
	padding:0 40px;
	position: absolute;
	top:0px;
	font-size: 50px;
    color: #002d4b;
    line-height: 32px;
    text-align: center;
    margin-bottom: 70px;
    font-weight: 300;
    padding-top: 50px;
}

.section-title h2{text-transform: uppercase;
    color: #fff;
    font-size: 150px;
    font-weight: bold;
    letter-spacing: -4px;
    font-family: 'Tunga Bold',Arial, Helvetica, sans-serif;
    text-shadow: #e8ebef 1px 0 0, #e8ebef 0 1px 0, #e8ebef -1px 0 0, #e8ebef 0 -1px 0;
    -webkit-text-shadow: #e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;
    -moz-text-shadow: #e8ebef 1px 0 0,#e8ebef 0 1px 0,#e8ebef -1px 0 0,#e8ebef 0 -1px 0;
    *filter: Glow(color=#e8ebef, strength=1);
    padding: 12px 0;
}



.container {
    max-width: 1230px;
}
/*============================================
fw-section
===========================================*/
.fw-section{ background: #f5f5f5;}
.fw-list{padding:10px 0px 50px 0px;}
.fw-list ul{display:flex; justify-content: space-between;}
.fw-list li{display:flex; position: relative;width:160px;height: 160px;border-radius: 100%; background:#f8701d;flex-direction: column;justify-content: center;align-items: center; color:#FFFFFF;}
.fw-list li:before{content:""; display: block; border:1px solid #ccc; padding:20px; position: absolute; top: -10px; left: -10px; right: 0; bottom:0; width:180px; height: 180px;border:1px dashed #f8701d; border-radius: 100%;}
.fw-list li i{font-size:3rem;padding-bottom: 10px;line-height: normal;}


.anli-list{overflow: hidden; margin-top:50px;}
.anli-list li{max-width:290px;overflow: hidden; background: #FFFFFF; border-radius: 5px; box-shadow: 0px 0px 10px #000;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);padding: 10px;margin-bottom: 10px;}
.anli-list li .pic{height: 175px;overflow: hidden;border-radius: 5px;}
.anli-list li .pic img{max-width:100%;}
.anli-list li .desc{padding:20px 10px 20px 10px; font-size:14px;}
.anli-list li .desc p{line-height: 1.4rem;}
.anli-list li .desc:after{content:"\e659"; font-family: "iconfont"; color:#999; border:1px solid #999; border-radius: 100%; width:20px; height: 20px; margin:10px 0px;display: flex;justify-content: center;align-items: center;font-size: 1rem;}
		

/*============================================
ad-section 
===========================================*/
.ad-section{padding:80px 0px; margin: auto; margin-top:0px; position:relative; margin-top:0px; height: auto; width:100%; background-size:cover;}
.ad-section .titles{width:100%;margin:auto; color:#FFFFFF; position: relative;display: flex;justify-content: center;align-items: baseline;padding: 40px 0px 0px 0px;}
.ad-section .titles h3{font-size:40px;font-weight: bold;color:#FFFFFF;}
.ad-section .titles h5{font-size:1rem;font-weight: 500;text-transform: uppercase;color:#FFFFFF;max-width: 800px;line-height: 1.65;margin-top: 2rem;}
.ad-section .titles .line{width:10px;height:10px; background:#ffffff; margin-right:3rem; position: relative;border-radius: 100px;}
.ad-section .titles .line:nth-last-child(1){margin-left:3rem;margin-right:0px;}
.ad-section .titles .line:nth-child(1):before{width:300px;height:1px; background:#ffffff; content:"";position: absolute;right:0px; top:5px;}
.ad-section .titles .line:nth-last-child(1):after{width:300px;height:1px; background:#ffffff; content:"";position: absolute;left: 0px; top:5px;}


.ad-cont{width:100%;}
.ad-cont ul{display:flex;flex-wrap: wrap; justify-content: space-between;}
.ad-cont ul li{width:calc((100% / 5) - 20px);margin:10px auto;transition: 0.3s;}
.ad-cont ul li .innerbox{padding:3rem 2rem; color:#ffffff;text-align: center;}
.ad-cont ul li .innerbox em{font-family:"iconfont";font-size:50px;width: 130px;
    height: 130px;
    display: flex;
    background: rgba(255,255,255,0.3);
    border-radius: 100px;margin: auto auto 2rem auto;
    align-items: center;
    justify-content: center;}
.ad-cont ul li .innerbox h5{font-size: 28px;padding-bottom:5px;font-weight: bold;}
.ad-cont ul li .innerbox p{font-size: 16px;}
.ad-cont ul li:hover{box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);-webkit-transform:translate(0,-3px);transform:translate(0,-3px); background:#FFFFFF;     border-radius: 10px;}
.ad-cont ul li:hover .innerbox{color:var(--color1);}
.ad-cont ul li:hover  .innerbox em{background-color:transparent;border:1px solid var(--color1);}

@media screen and (max-width: 1440px)
{
	.ad-section{padding: 50px 0px 0px 0px;}
	.ad-cont ul li .innerbox{padding: 1rem 3rem 3rem 3rem;}
	.ad-cont ul li .innerbox p{display: none;}
}


@media screen and (max-width: 1023px)
{
	.ad-section{padding:20px 0px;}
	.ad-cont ul li{width:100%;}
	.ad-cont ul li .innerbox p{display:block;}
	.ad-cont .owl-theme .owl-dots{margin:auto; padding:0px 0px 15px 0px;}
}

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

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


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

}

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

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

/*============================================
case-section
===========================================*/
.case-section{ padding:120px 0px 60px 0px;}
.case-cont{max-width:1600px;}
.case-cont ul{width:100%;display: flex;justify-content: space-between;}
.case-cont ul li{float:left;width: 24%;margin: 0px;}

.case-cont li:nth-child(1) {
    width: 24%;height: 540px;
}

.case-cont a{color:#fff;}
.case-cont .pal {
    position: relative;
    overflow: hidden;
    height: 100%;
    padding: 2rem;
    box-sizing: border-box;
    color: #fff;
}

.case-cont .pal img {
    position: absolute;
    bottom: 0;
    left: 0;
    righ: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
}

.case-cont .pal strong {
    display: block;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.2;
}

.case-cont .pal span {
    display: block;
    font-size: 1.34rem;
    font-weight: 500;
}

.hideItem {
    background: rgba(6, 160, 58, .9);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    padding: 2rem;
    transition: all .6s;
    transform: translateY(540px);
    font-size: 1rem;
}

.hideItem h3 {
    font-size: 1.2rem;
}
.hideItem p{font-size:14px;}

.case-cont .pal:hover .hideItem {
    transform: translateY(0);
    top: 0;
}

.case-cont li:nth-child(2) {
    width: 24%;
	display: flex;
	flex-direction: column;
	height: 540px;justify-content: space-between;
}

.case-cont li:nth-child(2) .pal {
    height: 265px;
}
.case-cont li:nth-child(2) .pal .hideItem {
    transform: translateY(265px);
}
.case-cont li:nth-child(2) .pal:hover .hideItem {
    transform: translateY(0px);
}

.case-cont li:nth-child(3) {
    width: 50%;justify-content:space-between;display: flex;
    flex-wrap: wrap;
}

.case-cont li:nth-child(3) .pal {
	width:49%;
    height: 265px;
}
.case-cont li:nth-child(3) .pal:nth-child(1) {
    width:100%;
}
.case-cont li:nth-child(3) .pal:nth-child(n+2) {
    margin-top: auto;
}
/*.case-cont li:nth-child(2) .pal:nth-child(2) .hideItem {
    transform: translateY(0);
    top: 0;
}*/

/*============================================
com-section
===========================================*/
.com-section{ padding:120px 0px 60px 0px;}
.com-section .wrap{display:flex; justify-content: space-between;max-width:unset; width:85.8%; margin: auto;}
.com-section .com-cont{display:flex; flex-direction: column; flex: 1; padding-right:80px;align-items: flex-start;}
.com-cont .titles{text-align: left;padding-top: 0px;}
.com-cont .titles h2{font-size:40px; font-weight: bold;}
.com-cont .titles h3{font-size:34px; font-weight: 300;display: flex; flex-direction: column; margin-top: 20px;}
.com-cont .titles h3:after{width:60px; height: 2px; content: ""; margin-top:20px; background:#059fbf;display: block;}
.com-cont .desc{font-size:14px; font-weight: 300;color:#000; line-height: 2rem;}
.com-cont .btn1{margin-top:50px;}
.com-cont .btn1 a{background:#059fbf; padding:15px 60px; border-radius: 50px; color:#FFFFFF; font-size:16px;}
.com-cont .btn1 a:before{border-radius: 50px;}
.com-section .com-img{max-width:800px;width: 50%;position: relative;}
.com-img img{max-width:100%;transition: 0.3s;}
.com-img:hover img{scale:1.03;}

.com-img:hover{cursor: pointer;}
.com-img:hover .img-dask:before{background: #059fbf;color: #FFF;}
.com-img a{width:100%; height: 100%; position: relative; display: flex; color:#FFFFFF;z-index: 10;align-items: center;justify-content: center;}
.com-img .img-dask{position: absolute; z-index: 100;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.com-img .img-dask:before{width:80px; height: 80px; display: flex; border-radius: 100px; content: "\e63e"; background: rgb(255 255 255 / 80%); font-family: "iconfont"; color:#000000;z-index: 20;align-items: center;justify-content: center;font-size: 1.5rem;}
.com-img:hover a:before{transform: translateY(-20px);width:80px; height: 80px; transition: 0.5s;background: rgb(0 0 0 / 80%); color:#FFFFFF;}

.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;margin-top: 50px;*/ 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: 500;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: 300; margin-top: 20px;}

.counter-item:hover{background:#059fbf;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;}
@media screen and (max-width: 1600px)
{
	.com-section .wrap{width:100%; max-width:1400px;}
}
@media screen and (max-width: 1440px)
{
	.com-section .wrap{width:100%; max-width:1280px;}
}
@media screen and (max-width: 1280px)
{
	.com-section .wrap{width:100%; max-width:1200px;}
}

@media screen and (max-width: 1023px)
{
	.com-section{padding:0px;}
	.com-section .wrap{flex-direction: column;}
	.com-section .com-cont{padding: 2rem 15px;align-items: center;}
	.com-cont .titles{width:100%;}
	.com-section .com-img{margin-bottom: 2rem;width: 100%;}
	.com-cont .btn1{margin-bottom:50px;}
	.counter-items{padding-top: 30px;}
	.counter-items .counter-item{width:100%;}
	.counter-items.owl-theme .owl-dots{padding:2rem 0px; margin:auto;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


@media screen and (max-width: 375px)
{
	.com-cont .titles{width: 100%;}
	.com-cont .titles h3{font-size: 1.4rem;}
}

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

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

/*============================================
prod-section 产品展示
===========================================*/
.prod-section{width:100%;height:auto; overflow: hidden; margin-top: 0px; padding: 80px 0px 100px 0px; background-size: cover; position: relative;}
.prod-section .titles{}
.prod-section .titles h5{max-width: 500px;line-height: 1.65rem;text-align: center;margin: auto;margin-top:2rem;}
.prod-section .wrap{max-width:unset; width: 100%; padding:0px 5vw;}
.prod-section .showbox {width:100%; margin-top:3rem;}
.prod-section .showbox ul{width:100%;display:flex;justify-content: space-between;}
.prod-section .showbox ul li{width:47%; min-height:30vw; padding:3rem;background:#FFFFFF;box-shadow: 0px 0px 20px rgba(0,0,0,0.1); position: relative;display: flex; flex-direction: column;}
.prod-section .showbox ul li .t{display: flex;    align-items: center;}
.prod-section .showbox ul li .t em{font-size:3rem; color:var(--color3);margin-right:0.65rem;}
.prod-section .showbox ul li .t .t-name{display: flex;flex-direction: column;}
.t-name h3{font-size:1.45rem;}
.t-name p{font-size:12px; font-weight: 300; text-transform: uppercase;}
.prod-section .showbox ul li .c{display: flex;max-width:100%; margin-top:2rem;}
.prod-section .showbox ul li .desc{position: relative; z-index: 10; margin-left:0;flex:2;}
.prod-section .showbox ul li .desc ul{flex-direction: column;}
.prod-section .showbox ul li .desc ul li{width:100%; height: auto;min-height:unset;padding:0px; box-shadow: none;font-size: 14px;line-height: 2;background-color: transparent; display:flex;flex-direction: row;align-items: center;}
.prod-section .showbox ul li .desc ul li:before{content:"";width:6px; height: 6px; background: #000000; border-radius: 100%; flex-shrink: 0; margin-right:10px;}
.prod-section .showbox ul li .img{flex: 2;}
.prod-section .showbox ul li .img img{max-width:100%;}
.prod-section .showbox ul li:hover .img img{transform: scale(1.065); transition: 0.5s;}
.prod-section .showbox ul li:hover a{text-decoration: underline; color:var(--color1);transition: 0.5s;}
.prod-section .showbox ul li .t{}

.prod-section .case{margin-top:2rem;}
.prod-section .case ul{width:100%; display:flex; justify-content: space-between;}
.prod-section .case ul li{width:calc((100% / 3) - 5px);min-height: unset; box-shadow: unset; padding:0px; margin: 0; overflow: hidden;}
.prod-section .case ul li img{max-width:100%;}
.prod-section .case ul li:hover img{transform: scale(1.065); transition: 0.5s;}

.p-video{position: relative;}
.p-video a{position: absolute;top: 0;left: 0;bottom: 0;right: 0; display: flex;display: flex;align-items: center;justify-content: center;}
.p-video a:before{width: 45px;
    height: 45px;
    display: flex;
    border-radius: 100px;
    content: "\e63e";
    background: rgb(255 255 255 / 80%);
    font-family: "iconfont";
    color: #000000;
    z-index: 20;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;position: absolute;
}
.p-video:hover a:before{transform: translateY(-10px);width:45px; height: 45px; transition: 0.5s;background: rgb(0 0 0 / 80%); color:#FFFFFF;}
.p-video .img-dask:before{    background: rgb(0 0 0 / 50%);
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    border: 0;
    z-index: 15;}

.p-video:hover .img-dask:before{background: none;}

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

}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

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

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

/*============================================
case-section
===========================================*/
.case-section{width:100%;height:auto; overflow: hidden; margin-top: 0px; padding: 80px 0px 100px 0px; background-size: cover; position: relative;}


/*============================================
ly-section
===========================================*/
.ly-section{ margin-top:2rem;}
.ly-section .titles{}
.cpjs_box .titles img{margin:15px 0px;}
.ly-section .titles h5{vertical-align: top;
    font-size: 70px;
    height: 60px;
    line-height: 60px;
    color: rgba(0,0,0,0.1);
    font-family: Times New Roman;
    font-weight: bold;
    text-transform: uppercase;}
.ly-section .titles h3{
    line-height: 60px;
    color: #333;
    height: 60px;
    position: relative;
    z-index: 1;
    margin-top: -60px;}


dl.lydl{ width:100%;max-width:1200px; height:auto;display: flex; border-bottom:1px solid #ededed; padding-bottom:25px;margin:auto;margin-bottom:25px;margin-top: 50px;align-items: center;
    justify-content: center;
    flex-direction: row;}
.ly-section .lydl:nth-child(2){flex-direction: row-reverse;}
.ly-section .lydl:nth-child(2) dt{}
dl.lydl dd{ width:50%; height:auto; float:left; padding:0 75px 0 65px; box-sizing:border-box; position:relative;}
dl.lydl dd em{ width:50px; height:50px; line-height:50px; border-radius:50px; position:absolute; left:0; top:0; color:#fff; background:#059fbf; font-size:22px; font-weight:bold; float:left; text-align:center;}
dl.lydl dd h3{ width:100%; height:auto; float:left; padding:5px 0; box-sizing:border-box; border-bottom:1px solid #ededed; margin-bottom:1rem; font-size:20px; font-weight:600;}
dl.lydl dd h3 p:before{display:none;}
dl.lydl dd h3 span{ width:100%; height:auto; float:left; font-size:14px; line-height:20px; color:#bebebe; font-weight:normal;}
dl.lydl s{color:#059fbf;text-decoration:none;}
dl.lydl dd p{ width:100%; height:auto; float:left; font-size:16px; line-height:24px; color:#666; background:url(../images/lydian.png) left 10px no-repeat; padding-left:8px; margin-bottom:10px; box-sizing:border-box;text-align: justify;display:flex;}
dl.lydl dd p:before{font-family:"iconfont";content:"\e646"; margin-right:5px;}
dl.lydl dt{ width:50%; height:auto;}
dl.lydl dt img{ width:auto; height:auto; display:block; max-width:100%;}
dl.lydls{ border-bottom:none; margin:0; padding:0; }
dl.lydls dd{ margin-top:30px;}
dl.lydls dt img{ margin:0 auto;}




@media screen and (max-width: 1023px)
{
	.ly-section{padding-bottom:0px;}
	dl.lydl{flex-direction: column;justify-content: center;}
	.ly-section .lydl:nth-child(2){flex-direction: column;justify-content: center;}
	.ly-section .lydl:nth-child(2) dt{padding-left: 0px;}
	dl.lydl dd{width: 100%;padding: 1rem 15px;}
	dl.lydl dd em{left: 15px;top: 20px;}
	dl.lydl dd h3{margin-left: 60px;}
	dl.lydl dt{width: 100%;}
	.ly-cont dl.lydl:nth-child(1){margin-top:0px;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		.ly-section .titles h5{font-size:50px;}
}


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

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

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

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


@media screen and (max-width: 1023px)
{
	.ad2-section{display:none;}
}

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

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


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

}

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

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


/*============================================
adv02-section
===========================================*/
.adv02-section{width:100%; padding:50px 0px 80px 0px;}
.adv02-section .wrap{max-width:1200px;}
.adv02-section .adv02-cont{box-shadow: 5px 5px 20px rgba(0,0,0,0.165);position: relative;}
.adv02-cont ul{}
.adv02-cont ul li{}
.adv02-cont ul li .img{}
.adv02-cont ul li .img img{max-width:100%;}
.adv02-cont ul li .text{padding:3rem; display: flex;align-items: flex-end;}
.adv02-cont ul li .text .desc{margin-right:3rem; font-size:16px; line-height: 2;}
.adv02-cont ul li .text .desc h5{font-size:1.34rem; font-weight: bold;}
.adv02-cont ul li .text .icons{display: flex; width:260px;flex-shrink: 0;justify-content: space-between;}
.adv02-cont ul li .text .icons span{display: none;}
.adv02-cont ul li .text .icons em{font-family: "iconfont"; width:80px; height: 80px; display: flex; justify-content: center; align-items: center; font-size:2rem; color:var(--color1); border:2px solid var(--color1); }
.adv02-cont .owl-carousel .owl-dots{bottom: -65px;position: absolute;left: 0px;right: 0px;z-index: 100;}
/*============================================
news-section
===========================================*/
/***************************棣栭〉鏂伴椈***************************/
.news-section{width:100%; overflow: hidden; padding: 50px 0px 80px 0px;margin-top: 50px; position: relative;background-image: linear-gradient(0,#FFFFFF,#f5f5f5);}

.news-section .titles{max-width: 1000px;margin: auto;}
.news-section .titles:before{width:100px; height: 5px; content: ""; display: block; position: absolute;left:0px; top:50px; background:#008bed;}
.news-section .titles:after{width:100px; height: 5px; content: ""; display: block;position: absolute; right:0px; top:50px; background:#008bed;}

.news-section .news-titles{display: flex; flex-direction: row; justify-content: space-between;align-items: center;}
.news-section .news-titles h5{font-size:1.25rem;margin:0px; padding:0px;}
.news-section .news-titles .more a{margin-left:auto;display: flex; wdith:auto;margin-right:0px;align-items: center;justify-content: center; color:#666666; text-transform: uppercase;}
.news-section .news-titles .more:hover a{color:#2e357e; transition: 0.5s;}
.news-section .news-titles .more i{width:18px; height:18px; background-color: #0060ab;color:#FFFFFF;border-radius: 50px; margin-left:5px;display: flex;align-items: center;justify-content: center;padding-bottom: 3px;}
.news-section .news-titles .more:hover i{background:#2e357e;transition: 0.5s;}

.news-wrapper{width:100%;display: flex;flex-direction: column;flex-direction: row; justify-content: space-between;margin-top: 0px;}
.news-wrapper .news-dt{background:#f5f5f5; width:calc(70% - 20px); flex-shrink: 0;display: flex;flex-direction: column; padding:40px;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}
.news-wrapper .news-wt{background:#f5f5f5;margin-left:20px;display: flex;flex-direction: column;padding:40px;flex-grow: 1;overflow: hidden;box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);}

.news-cont{margin-top:0px;display: flex;margin-top: 30px;}
.news-img{flex-shrink: 0; margin-right:34px;}


.news-cont .news-c.active{display:flex;}
.news-cont .news-c ul li{margin:5px;}
.news-cont .news-c ul li .item-content{margin:0px; padding:0px;}
.news-cont .news-c ul li:nth-of-type(1) .item-content {padding: 0px 0px 20px 0px;}
.news-cont .news-c ul li:nth-of-type(1) {margin-bottom:30px; border-bottom:1px dashed #ccc;}
.news-cont .news-c ul li .Images{display: none;}
.news-cont .news-c ul li .Names{font-size:14px; color:#333; line-height: 1.9rem;}
.news-cont .news-c ul li:nth-of-type(1) .Names{font-size:1rem; color:#333; height:100%;width:100%; overflow: hidden; display: block;}
.news-cont .news-c ul li:nth-of-type(1) .Names a{/*white-space:nowrap;*/overflow:hidden;text-overflow:ellipsis;}
.news-cont .news-c ul li .Names a{color:#333;}
.news-cont .news-c ul li:hover .Names a{color:#0060ab;}
.news-cont .news-c ul li .Desc{display:none;}
.news-cont .news-c ul li:nth-of-type(1) .Desc{padding:20px 0px 0px 0px; font-size:14px; color:#666;display: block;height: 85px;overflow: hidden;}
.news-cont .news-c ul li .art_more{display: none;}
.news-cont .news-c ul li:nth-last-of-type(1){margin-bottom:auto;}

.cjwt-wrapper{width:100%; overflow: hidden;margin-top:2rem;display: flex;}
.cjwt-img{flex-shrink: 0; margin-right:50px;z-index: 1; position: relative;}
.cjwt-img .titles{position:absolute; left: 0px; right: 0px; top:1rem;}
.cjwt-img .titles:before{display: none;}
.cjwt-img .titles a{font-size:1.6rem; color:#000;}
.cjwt-img .titles a:hover{color:#d02d30;}
.cjwt-img .titles a:after{content: "\e659";font-family: "iconfont" !important;margin-left:10px; font-size:1.6rem;}
.cjwt-cont{}
.cjwt-cont ul{display: flex; flex-direction: row; flex-wrap: wrap;align-content: space-between;height: 100%;}
.cjwt-cont ul li{width:calc((100% / 2) - 20px);}
.cjwt-cont ul li .time{display:none;}
.cjwt-cont ul li a{color:#333;display: flex;align-items: center;}
.cjwt-cont ul li a:before{content: "";margin-right: 5px;width:2px;height: 2px;background: #666666;}

/*.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:0px 0px 20px 0px;display: flex;flex-direction: column;flex-wrap: wrap;}
/*.item-content .Names a{color:#333333;}
.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;}

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

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

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


@media screen and (max-width: 1023px)
{
	.footer .foot-cols{display: block;width: 100%;margin: 0;padding: 0;}
	.foot-cols dl{display: none;}
	.footer dl.foot-qr{display: block; padding-top:1rem;}
	.footer dl.foot-qr dt{display: none;}
	.col-bottom{margin-bottom: 25px;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px){}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{

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