.titles{ text-align:center; padding:20px 0px;position: relative;}
.titles h2{ font-size:var(--t1); color:var(--text-dark1-color); line-height:40px; margin-bottom:10px;font-weight: bold;}
.titles h3{ font-size:40px; color:var(--text-dark1-color); line-height:40px; margin-bottom:10px;font-weight: 500;text-transform: uppercase;display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;}
.titles h3:after {
    content: "";
    width: 90px;
    height: 5px;
    background: var(--color1);
	margin:15px 0px 30px 0px;display:none;
}

.titles h5{ font-size:18px; line-height:38px;margin-bottom:25px;color:#333;font-weight: 500;}
.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: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%;
}


.btn1 {
    color: #fff;
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
	display: flex;
}
.btn1 a {
    background: var(--color1);
    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: var(--color1-h);}


.container {
    max-width: 1230px;
}

.navbar-home.navbar .logo-sm-height{/*display:none;*/}
.navbar-home.navbar .logo-w{display:block;}
.navbar-home{position:fixed; top: 0;width: 100%;z-index: 100;}
.navbar-home .navbar-nav li a{color:#FFFFFF;}
.navbar.headFlex .logo-sm-height{display:block;}
.navbar-home.navbar {background-image: linear-gradient(180deg, rgb(0 0 0 / 50%), transparent);border-bottom:0px;}
.navbar-home.headFlex.navbar{background:#FFFFFF;}
.home-wrap{width:100%; padding:0px 40px; position: relative;}
@media screen and (max-width: 1023px)
{
	.navbar-home.navbar .logo-sm-height{display:block;}
	.navbar-home.navbar .logo-w{display:none;}
	.navbar-home{position:relative; top: 0;width: 100%;z-index: 100;}
	.navbar-home.navbar{background:#ffffff;}
	.titles{padding:20px 15px;}
	.titles h3{margin-bottom: 0px;}
	.titles h5{line-height: 1.5; margin-top:1rem;}
}

@media screen and (max-width: 767px)
{
	.titles h3{font-size: 2.5rem;}
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

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


/*============================================
hot-key
===========================================*/
.hot-key{background: #FFFFFF;
    height: 82px;
    border-bottom: 1px solid #eee;
    overflow: hidden;
    font-size: 14px;
}
.hot-key .wrap{display:flex; justify-content: space-between;}

.hot-key p {color: #444;line-height: 82px;}
.hot-key a {color: #444;display: inline-block;margin-right: 15px;}
.hot-key a:hover{color:var(--color1); text-decoration: underline;}
.searchform {width: 270px;height: 30px;border-radius: 20px;background: #fff;padding-left: 10px;margin-top: 28px;display: flex;background:#f2f2f2;}
.searchform input {border: 0;background:#f2f2f2;}
.searchform__field{}
.searchform .searchform__field {width: 224px;height: 30px;line-height: 30px;color: #a9a9a9;float: left;}
.searchform__button {width: 30px;height: 30px;cursor: pointer; background: url("/template/template_cn/images/icon/ico_search2.png") no-repeat center;}

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

/*============================================
jczx-section
===========================================*/
.jczx-section{padding:100px 0 70px;}
.jczx-section .wrap{display: flex;justify-content: space-between;}
.jczx-section .jczx-l{width:250px; flex-shrink: 0;}
.jczx-l{width: 250px;}
.jczx-l a{display: block;}
.jczx-l-en{color: #c1c1c1;font-size: 38px;font-weight: bold;font-family: var(--ff5);line-height: 1.2; padding-bottom:20px; position: relative;}
.jczx-l-en:before{width:30px; height: 5px; background-color: #c1c1c1; display: block; position: absolute; right: 15px; top:15px; content:"";}
.jczx-l em{display: block;padding: 0 0 20px;}
.jczx-l em img{width: 235px;height: 80px;}
.jczx-l h5{font-size: 36px;color: var(--color1);font-weight: bold;line-height: 38px;    padding-bottom: 5px;}
.jczx-l span{display: block;font-size: 16px;font-weight: normal;color: var(--color1);}
.jczx-l i{display: block;width: 230px;text-align: center;height: 48px;line-height: 48px;background: var(--color1);font-size: 16px;color: #fff;border-radius:0 20px;margin-top: 40px;}


.jczx-section .jczx-r{width:830px; height: 267px;overflow: auto;flex-shrink: 0;}
.jczx-r ul{display: block;width: 1320px;}
.jczx-r ul li{width: auto;float: left;padding: 0 35px 0 0;}
.jczx-r ul li em{width: 180px;height: 180px;display: block;border-radius: 50%;line-height: 0;overflow: hidden;}
.jczx-r ul li em img{width: 180px;height: 180px;display: block;border-radius: 50%; transition: all 0.3s ease-in-out 0s;}
.jczx-r ul li b{display: block;font-size: 16px;color: #333;width: 180px;text-align: center;height: auto;line-height: 30px;padding: 10px 0 0;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.jczx-r ul li p{font-size: 14px;    text-align: center;}
.jczx-r ul li:hover img{ transform: rotateY(180deg);}
@media screen and (max-width: 1023px)
{
	.jczx-section{padding:3rem 0px;}
	.jczx-section .wrap{flex-direction: column;}
	.jczx-section .wrap .jczx-l{display: flex;flex-direction: column-reverse;width: 100%;align-items: center;}
	.jczx-l-en{display:none;}
	.jczx-l h5{display:none;}
	.jczx-l span{color:#333;font-size:1rem; line-height: 1;}
	.jczx-l i{display: block;width: 100%;margin: 0;text-align: center;font-size: 1rem;color: #666;position: relative;overflow: hidden;background: none;border-radius: unset; display:flex;align-items: center;justify-content: center;
	}
	.jczx-l i:before{content: "";width: 2.5rem;height: 1px;background: rgb(223 19 30 / 20%);}
	.jczx-l i:after{content: "";width: 2.5rem;height: 1px;background: rgb(223 19 30 / 20%);}
	.jczx-l i div{display: block;
        font-size: 1.5rem;
        color: #333;
        background: none;
        width: auto;
        border-radius: unset;
        height: auto;
        margin: 0; position: relative; display:flex;align-items: center;}
	.jczx-l i div:before{content: "";width: 1.5rem;height: 0.25rem;background: var(--color1);z-index: 10; margin-right:1.5rem;}
	.jczx-l i div:after{content: "";width: 1.5rem;height: 0.25rem;background: var(--color1);z-index: 10; margin-left:1.5rem;}

	.jczx-section .jczx-r{width:100%; margin-top:3rem;height: auto;overflow: hidden;}
	.jczx-section .jczx-r ul{width:100%; display:flex;justify-content: center;flex-wrap: wrap;}
	.jczx-section .jczx-r ul li{width: auto;float: left;padding: 0;width: auto;margin: 10px auto;}
	.jczx-section .jczx-r b{display: block;width: 94%;text-align: center;height: 2.5rem;line-height: 2.5rem;font-size: 1rem;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding: 0.5rem 3% 0;}
}

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

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


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

}

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



/*============================================
prod-section
===========================================*/
.prod-section{background-repeat: no-repeat;background-size:cover; background-position: center;height: auto;overflow: hidden;padding: 80px 0px 70px 0px;}
.prod-section .wrap{}
.cp_t{background-repeat: no-repeat;width: auto;height: 80px;padding: 0 0 0 80px;font-size: 40px;color: #333;overflow: hidden;line-height: 32px;margin: 0 auto;font-weight: bold;}
.cp_t a{color: #333;}
.cp_t span{display: block;font-size: 16px;color: #666;font-weight: normal;}
.cp_c{width:100%;margin-top:44px;display: flex;justify-content: space-between;}
.cp_l{width: 295px;margin: 0;background: #fff;border-radius: 30px 0 0;border-bottom: var(--color1) 2px solid;display: flex;flex-direction: column;}
.cp_h2{width: 295px;height: 100px;overflow: hidden;background: var(--color1);border-radius: 30px 0 0;margin: 0;}
.cp_h2 a{font-size: 24px;color: #fff;display: block;padding: 20px 0 0 30px;font-weight: bold;}
.cp_h2 em{display: block;width: 160px;height: 20px;/*padding: 15px 0 0;*/}
.cp_h2 em img{width: 160px;height: 20px;}
.cp_lm{width: 295px;height: auto;overflow: hidden;}
.cp_lm h3{width: 295px;height: 55px;overflow: hidden;margin-top: 1px;}
.cp_lm h3 a{font-size: 16px;color: #333;display: block;width: auto;height: 55px;line-height: 55px;background:#ececec  url(/template/template_cn/images/icon/cp_ico02.png) no-repeat 260px 20px;padding: 0 0 0 30px;}

.cp_lm h3 a:hover,.cp_lm h3.on a{background:var(--color1) url(/template/template_cn/images/icon/cp_ico01.png) no-repeat 260px 23px; color:#FFFFFF;}
.cp_lm ul li{border-bottom: #e2e2e2 1px solid;}
.cp_lm ul li a{font-size: 14px;color: #555;background:url(/template/template_cn/images/icon/cp_ico03.png) no-repeat 240px 18px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;display: block;width: 265px;height: 52px;line-height: 52px;padding: 0 0 0 30px;}
.cp_lm ul li a:hover{color: var(--color1);}
.cp_lb{font-size: 24px;color: rgb(223 19 30 / 15%);display: block;width: 295px;text-align: center;height: 106px;line-height: 106px;text-transform: uppercase;overflow: hidden;margin-top: auto;}

.cp_r{width: 880px;margin:0;}
.cp_rm{width: 880px;height: 440px;position: relative;overflow: hidden;}
.cp_r dl{width: 880px;height: 440px;position: relative;background:url(/template/template_cn/images/bg/cp_k.jpg) no-repeat;}
.cp_r dl dt{width: 880px;height: 440px;line-height: 0;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s; display:flex; align-items: center;justify-content: center;}
.cp_r dl dt img{max-width:100%; max-height: 100%; margin-right:250px;}
.cp_r dl dt:hover{-webkit-transform:translate(0,-10px);transform:translate(0,-10px);}
.cp_r dl dd{width: 250px;height: 250px;position: absolute;top: 105px;right: 55px;padding: 15px 10px 0;z-index: 20;border: #fff 7px solid;}
.cp_r dl dd h5{height: 50px;line-height: 1;overflow: hidden;background:url(/template/template_cn/images/icon/cp_line.png) no-repeat 0 65px;}
.cp_r dl dd h5 a{font-size: 26px;margin-top: 1rem;color: #fff;font-weight: normal;display: block;width: 220px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_r .cp_desc{font-size: 16px;color: #fff;line-height: 30px;height: 150px;overflow: hidden;padding: 20px 0 0;}
.cp_lico,.cp_rico{display: block;width: 41px;height: 64px;position: absolute;top: 180px;z-index: 20;}
.cp_lico{left: 0;}
.cp_rico{right: 0;}
.cp_bot{width: 120px;height: 20px;position: absolute;bottom: 35px;right: 0;z-index: 20;}
.cp_bot ul li{float: left;height: 10px;width: 10px;border-radius: 50%;background: #fff; text-indent: -9999px;margin-right: 12px;border: #23639c 2px solid;cursor: pointer;}
.cp_bot ul li.on{background: #23639c;border: #fff 2px solid;}

.cp_rm .owl-controls{position: absolute;bottom: 20px;left: 0;right: 0;}
.cp_rm .owl-controls .owl-dots .owl-dot span, .cp_rm .owl-controls .owl-dots .owl-dot span{border-color:#FFF; background: #FFF;}
.cp_rm .owl-controls .owl-dots .owl-dot.active span, .cp_rm .owl-controls .owl-dots .owl-dot:hover span{border-color:#ffff00; background: #ffff00;}
.cp_list{width: 880px;}
.cp_list ul{display: flex;flex-wrap: wrap;}
.cp_list ul li{width: 275px;height: auto;background: #fff;float: left;position: relative;border: #e2e2e2 1px solid;margin-top: 20px;margin-right: 0;}
.cp_list ul li b{width: 57px;height: 57px;display: none;line-height: 0;position: absolute;top: -3px;left: -3px;z-index: 20;}
.cp_list ul li b img{width: 57px;height: 57px;}
.cp_list ul li:first-child b{display: block;}
.cp_list ul li em{width: 275px;height: auto;display: block;line-height: 0;overflow: hidden; position: relative; width:100%; padding-top:80%;}
.cp_list ul li em img,.ys_l img,.jz_m dl dt img,.wd_m dd h5 img,.about dl dt img,.honor_t ul li img{width: 275px;height: 155px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_list ul li em img:hover,.ys_l img:hover,.jz_m dl dt img:hover,.wd_m dd h5 img:hover,.about dl dt img:hover,.honor_t ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_list ul li em img{width:100%; height: 100%; position: absolute; top: 0; left: 0px; bottom: 0px; right:0px;object-fit: cover;}
/*.cp_list ul li h4{display: block;width: 240px;height: 30px;line-height: 30px;font-size: 14px;color: var(--color1);position: absolute;bottom: 5px;left: 0;padding: 0 15px;background:url(/template/template_cn/images/icon/cp_ico04.png) no-repeat 240px 8px;font-weight: normal;}*/
.cp_list ul li h4{display: block;width: 100%;height: 30px;line-height: 30px;font-size: 14px;/*color: var(--color1);*/padding: 0 15px;background:url(/template/template_cn/images/icon/cp_ico04.png) no-repeat 240px 8px;font-weight: normal;}
.cp_list ul li.nobor{margin-right: 0;}
.cp_list ul li:hover{border: var(--color1) 1px solid;}
.cp_list ul li:hover h4{background:url(/template/template_cn/images/icon/cp_ico05.png) no-repeat 240px 8px; color:var(--color1);}


@media screen and (max-width: 1023px)
{
	.prod-section{padding:30px 0px 50px 0px;}
	.cp_c{display:flex; flex-direction: column;}
	.cp_l{background: none;width:100%; padding:0px; margin: 0px;border: 0px;}
	.cp_h2{display:none;}
	.cp_lm{width:100%; display:flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
	.cp_lm h3{width:49%; background: var(--color1); color:#FFFFFF; margin-bottom:1%;}
	.cp_lm h3 a{width:100%; padding:0px; margin: 0px; background: var(--color1); color:#FFFFFF;  display: flex; justify-content: center;}
	.cp_lb{display:none;}
	
	.cp_r{width:100%; padding:0px; margin: 0px;}
	.cp_rm{display:none;}
	.cp_list{width:100%;margin-top: 10px;}
	.cp_list ul{width:100%; overflow: hidden; display:flex; justify-content: space-between;}
	.cp_list ul li {width:49%;margin: 0px;margin-bottom:2%;}
	.cp_list ul li h4{text-align: center;}
}

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

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


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

}

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


/*============================================
four-section
===========================================*/
.four-section{padding: 100px 0;overflow: hidden;width: 100%;}
.four-section .cp_t{background:url(../images/four_tbg.png) no-repeat;}
.four-section dl{width: 285px;height: 442px;position: relative;margin: 90px 15px 0 0;float: left;overflow: hidden;-webkit-transition:transform .3s;transition:transform .3s;}
.four-section dl dt{width: 285px;line-height: 0;position: relative;border-radius: 50px 0 0;}
.four-section dl dt img{width: 285px;height: 442px;display: block;border-radius: 50px 0 0;}
.four-section dl dt h4{font-size: 24px;color: #fff;height: 123px;line-height: 32px;width: 285px;
text-align: center;
margin: 0;
position: absolute;bottom: 0;left: 0;
/*background: rgb(102 102 102 / 90%);*/
/*background: var(--color1);*/
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */
background-image: linear-gradient(178deg, var(--color1), var(--color2), var(--text-dark-color));

}
.four-section dl dt h4 em{display: block;width: 72px;height: 72px;line-height: 0;position: absolute;top: -36px;left: 105px;background: #FFFFFF;border-radius: 100%;display: flex;
    align-items: center;
    justify-content: center; color:var(--color1); font-size:2rem;}
.four-section dl dt h4 em img{width: 72px;height: 72px;border-radius:0;}
.four-section dl dt h4 b{display: block;padding: 45px 0 0;}
.four-section dl dt h4 i{display: block;font-size: 16px;color: rgb(255 255 255 / 65%);font-weight: normal;text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;}
.four-section dl dd{background: rgb(223 19 30 / 90%);position: absolute;bottom: 0;left: 0;height: 0;overflow: hidden;width: 285px;border-radius: 50px 0 0;
transition:height .5s;
-moz-transition:height .5s; /* Firefox 4 */
-webkit-transition:height .5s; /* Safari and Chrome */
-o-transition:height .5s; /* Opera */}
.four-section dl dd h5{height: 75px;overflow: hidden; font-size: 24px;color: #fff;text-align: center;margin-top: 1rem;display:flex;flex-direction: column;align-items: center;}
.four-section dl dd h5:after{width: 65px;height: 2px;background: #FFFFFF;margin-top: 15px;content: "";display: flex;}
.four-section dl dd em{display: block;width: 62px;height: 62px;line-height: 0;margin: 100px auto 0;background: #fff;border-radius: 100%;display: flex;
    align-items: center;
    justify-content: center; color:var(--color1); font-size:1.8rem;}
.four-section dl dd em img{width: 62px;height: 62px;background: #fff;border-radius: 50%;display: block;}
.four-section .zlkz-m{display: none;}
.four-section dl dd p{font-size: 16px;color: #fff;line-height: 1.6;height: 120px;overflow: hidden;width: 240px;margin: 0 auto;padding: 20px 0 0;}
.four-section dl:hover{cursor: pointer;}
.four-section dl:hover dd,.four-section dl.cur dd{height: 442px;}
.four-section dl:hover dt h4,.four-section dl.cur dt h4{height: 0;}
.four-section dl:hover dt h4 em,.four-section dl.cur dt h4 em{top: 0;}
.four-section dl:hover,.four-section dl.cur{-webkit-transform:translate(0,-34px);transform:translate(0,-34px);}
.four-section .nobor{margin-right: 0;}

@media screen and (max-width: 1023px)
{
	.four-section{padding: 30px 0px 30px 0px;}
	.four-section .zlkz-c{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap; padding-top: 1rem;;}
	.four-section dl{font-size: 1.1rem;color: #333;width: 50%;float: left;text-align: center;line-height: 1.8rem;padding: 2rem 0 2rem 0;margin: 0;height: auto;}
	.four-section dl dt{display:none;}
	.four-section dl dd{position: relative;width: 100%;height: auto;background: none;}
	.four-section dl dd em{width: 3.6rem;
        height: 3.6rem;
        display: flex;
        margin: 0 auto;
        line-height: 0;
        border-radius: 50%;
        border: var(--color2) 1px solid;}
	.four-section dl dd h5{display: block;padding: 1rem 0 0;font-size: 1.1rem;color: #333;text-align: center;line-height: 1.8rem;height: auto;margin: 0px;font-weight: bold;}
	.four-section dl dd h5:after{display:none;}
	.four-section .zlkz-pc{display:none;}
	.four-section .zlkz-m{display:flex;width: 100%;justify-content: center;}
	.four-section dl dd p{font-size: 1.1rem;
    color: #333;
    width: 50%;
    float: left;
    text-align: center;
    line-height: 1.8rem;
    padding: 2rem 0 0;}
	.four-section dl:hover,.four-section dl.cur{-webkit-transform:translate(0,-6px);transform:translate(0,-6px);}
}

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

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


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

}

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

/*============================================
adv-section
===========================================*/
.adv-section{height: auto;overflow: hidden;padding: 20px 0;background-size: cover;background-repeat: no-repeat;}
.adv-section .wrap{display:flex; justify-content: space-between;align-items: center;/*max-width: unset;    padding: 0px 15px;*/}
.adv01_l{width: auto;padding: 3px 0 0 30px;flex: 1;}
/*.adv01_l div{display: block;font-size: 22px;color: #fff;line-height: 30px;letter-spacing: 2px;}
.adv01_l div em{font-size: 16px;color: rgb(255 255 255 / 65%);text-transform: uppercase; font-family:Arial, Helvetica, sans-serif;padding-left: 10px;letter-spacing: 1px;}
.adv01_l p{font-size: 35px;color: #fff;line-height: 60px;letter-spacing: 4px;}
.adv01_l p em{display: block;}*/
.adv01_r{width: 330px;padding: 0px;}
.adv01_r em{display: block;width: 180px;float: right;height: 55px;}
.adv01_r em a{display: block;width: 180px;text-align: center;height: 38px;line-height: 38px;background: #fff;font-size: 20px;color: var(--color1);border-radius: 12px 0;letter-spacing: 2px;}
.adv01_r em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.adv01_r span{display: block;font-size: 34px;color: #fff;font-weight: bold;height: 40px;line-height: 40px;width: 330px;clear: both;text-align: right; font-family:Arial, Helvetica, sans-serif;}
.adv01_r span:before{conent:"\e679";font-size:34px; color:#FFFFFF; margin-right:1rem; font-family: "iconfont";}


.counter-items{width:100%; overflow: hidden; display: flex; justify-content: space-between;padding: 50px 0px;flex-direction: row !important;}
.counter-items .counter-item{padding:0px 20px; /*border-right:1px solid #ececec; */text-align: center;transition: 0.5s;}
.counter-item .inner-box{width:100%; position: relative; height: 60px;}
.counter-item .inner-box em{font-style: normal;text-align: center;margin-top: 0px;display: block;}
.counter-item .inner-box em:before{font-family: "iconfont" !important; color:#fff; font-size:50px; line-height: 80px; text-align: center;}
.counter-item em.counter-item-i01:before{content: "\e89d";font-size: 65px;}
.counter-item em.counter-item-i02:before{content: "\e665";}
.counter-item em.counter-item-i03:before{content: "\e62c";font-size: 60px;}
.counter-item em.counter-item-i04:before{content: "\e61d";}
.counter-item em.counter-item-i05:before{content: "\e718";}
.counter-item em.counter-item-i06:before{content: "\e61e";}
.counter-item em.counter-item-i0:before{content: "\e998";font-size: 55px;}
.counter-item:nth-last-child(1){border-right:0px solid #ececec;}
.counter-item:hover{transform: translateY(-10px); transition: 0.5s;}

.counter-item .inner-box .desc-box{ float: left; padding-left:0px; padding-top: 0px;color:#fff;text-align: center;}
.counter-item .inner-box .desc-box .counted{position: relative;
    line-height: 1.4em;
    font-weight: 500;
    font-size: 20px;
    color: #fff;text-align: center;display: flex;flex-direction: column;}
.counter-item .inner-box .desc-box .counted:after{content: ""; width:28px; height: 5px; background: #e72626; text-align: center;display: block;
    margin: 10px auto;}
.counter-item .inner-box .desc-box span{font-size:28px; font-weight: bold;}
.counter-item .inner-box .desc-box .desc-box-text{font-size:14px; color:#fff;text-align: center; font-weight: 300;}

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

/*============================================
ys-section
===========================================*/
.ys-section{padding: 90px 0;overflow: hidden; max-width:1920px; margin: auto;}
.ys-section .cp_t {padding: 0 0 0 100px;margin-bottom: 45px;}
.ys-items{}
.ys-item{}
.ys-innerbox{display:flex; justify-content: space-between;width:100%;margin: auto;position: relative;    max-width: 1200px;    min-height: 442px; align-items: center;}
.ys-item:nth-child(1) .ys-innerbox{max-width:1200px;}
.ys-item:nth-child(3) .ys-innerbox{flex-direction: row-reverse;}
.ys_l{width: 600px;line-height:0; flex-shrink: 0;}


.ys_r{width: 550px;padding: 0px 0 0;}
.ys_r dt em{width:70px; height: 70px !important; display:flex; justify-content: center; align-items: center; background:var(--color1); color:#FFFFFF; font-family: var(--ff5);font-size: 2.5rem;font-weight: 500;}
.ys-section dl{width: 550px;}
.ys-section dl dt{width: 550px;height: 70px;overflow: hidden; display:flex;}
.ys-section dl dt h5{font-size: 34px;color: #3e3e3e;float: left;line-height: 32px;padding: 0 0 0 20px;}
.ys-section dl dt h5 i{display: block;font-size: 20px;color: #666;font-weight: normal;padding: 8px 0 0;}
.ys-section dl dd{width: 550px;padding: 30px 0 0;}
.ys-section dl dd p{font-size: 16px;color: #838282;line-height: 30px;padding: 10px 0 0;}
.ys-section dl dd em{color: var(--color1);}
.ys01,.ys02,.ys03{height: 422px;overflow: hidden;}
.ys02 .ys_l{width: 960px;position: absolute;top: 0;left: 30%; overflow: hidden;}
.ys02 .ys_bot{width: 120px;height: 12px;position: absolute;bottom: 15px;right: auto;left: 30px;z-index: 20;}
.ys03 .ys_l{width: 960px;position: absolute;top: 0;right: 50%;height: 422px;overflow:hidden;}
.ys03 .ys_r{padding: 0px 0 0;}
.ys01 .ys_l{width: 600px;height: 422px;overflow:hidden;}
.ys01 .ys_l img{width: 600px;height: 422px;}
.ys02 .ys_l img,.ys03 .ys_l img{width: 960px;height: 422px;}

@media screen and (max-width: 1023px)
{
	.ys-section{padding:0px;}
	.ys01, .ys02, .ys03{height:auto;}
	.ys-item .ys-innerbox{max-width: 100% !important; diplay:flex; flex-direction: column;}
	.ys-item .ys_l{width:100%; height: auto;}
	.ys_l img{max-width:100% !important;width: 100% !important;height: auto !important;}
	.ys-item .ys_r{width:100%; height: auto; padding:15px;}
	.ys_r dl{width:100%;}
	.ys-section dl dt{width:100%;max-width:100%; margin-top:1rem;}
	.ys-section dl dd{width:100%;max-width:100%;margin: 0;}
	.ys02 .ys_l{position: relative; left:unset;width:100%;}
	.ys03 .ys_l{position: relative; right:unset;width:100%;}
}

@media screen and (max-width: 767px)
{
	.ys-section .cp_t{padding:0px;margin-bottom: 6px;}
}
@media screen and (max-width: 430px)
{
	.ys-section h2.cp_t div div{font-size:1.3rem;}
}
@media screen and (max-width: 414px)
{
		
}


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

}

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

/*============================================
pj-section
===========================================*/
.pj-section{padding: 0 0 70px;}
.pj-section .cp_t{margin-bottom: 45px;}
.jz_t{padding: 35px 0 0;height: 85px;}
.jz_t ul li{width: 171px;float: left;height: 55px;}
.jz_t ul li a{font-size: 16px;color: #000;display: block;width: 171px;text-align: center;height: 55px;float: left;overflow: hidden;background:url(../images/jz_ico01.png) no-repeat center bottom;}
.jz_t ul li a:hover,.jz_t ul li.cur a{color: var(--color1);background:url(../images/jz_ico02.png) no-repeat center bottom;}
.pj-section dl{ overflow: hidden;width: 100%;float: left;margin: 10px 18px 10px 0;border: #cfcfcf 1px solid;padding: 19px;} 
.pj-section dl dt{width: 100%;height: 345px;overflow: hidden;line-height: 0;}
.pj-section dl dt img{width: 100%;max-width:100%;}
.pj-section dl dd{width: 100%;padding: 15px 0 0;}
.pj-section dl dd h5{height: 32px;line-height: 32px;overflow: hidden;}
.pj-section dl dd h5 a{font-size: 18px;color: #000;display: block;width: 300px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-weight: normal;}
.pj-section dl dd h5 a:hover{color: var(--color1);}
.pj-section .pj_desc{font-size: 16px; color: #666; line-height: 25px; height: 60px; overflow: hidden;padding: 10px 0 0;} 
.pj-section dl:hover{box-shadow: 0 3px 10px 3px rgba(0,0,0,0.1);}


@media screen and (max-width: 1023px)
{
	.pj-section {padding: 30px 0px;}
	.pj-section .cp_t{margin-bottom:0px;}
}

@media screen and (max-width: 767px)
{
	/*.pj-section .cp_t{padding:0px;margin-bottom: 6px;}*/
}
@media screen and (max-width: 430px)
{
	/*.pj-section h2.cp_t div div{font-size:1.3rem;}*/
}
@media screen and (max-width: 414px)
{
		
}


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

}

@media screen and (max-width: 360px)
{
	
}
/*============================================
news-section
===========================================*/
.news-section{ background:#f5f5f5; padding:35px 0 60px;overflow: hidden;}
.news-section .wrap{}
.news-section .cp_t{line-height: 80px;}
.news-section .news-c{display: flex; justify-content: space-between;}
.wd{ width:325px; margin:55px 0 0;}
.wd_m dl{ width:325px;}
.wd_m dt{width: 100%;height: 115px;background: var(--color1);overflow: hidden; padding:25px 10px 0 25px;}
.wd_m dt a{display: block;width: 100%;font-size: 18px;color: #f0f0f0;font-weight: bold;height: 30px;line-height: 30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd_m dt span{display: block;font-size: 18px;color: #f0f0f0; font-family:Arial, Helvetica, sans-serif; padding:8px 0 0;}
.wd_m dd{ width:325px;}
.wd_m dd h5{width: 325px;height: 184px;overflow: hidden;}
.wd_m dd h5 img{width: 325px;height: 184px; max-width:100%;}
.wd_m .news_desc{font-size: 14px;color: #666;line-height: 24px;height: 96px;overflow: hidden; padding:20px 0 0;width: 270px; margin:0 auto;}
.news_btn{position: absolute;top: 100px;right: 10px;width: 55px;z-index: 20;}
.news_btn a{display: block;width: 10px;height: 19px;float: left; padding:0 15px 0 0;}


.news{ width:830px; padding:55px 0 0;}
.news_t{ height:40px; line-height:40px; }
.news_t ul li{float: left;}
.news_t ul li a{font-size: 18px;color: #333;display: block;height: 40px;width: 100px; padding:0 0 0 15px;float: left; background:url(/template/template_cn/images/icon/news_line01.gif) no-repeat 0 11px;}
.news_t ul li a:hover,.news_t ul li.active a{font-weight: bold;color: var(--color1); background:url(/template/template_cn/images/icon/news_line02.gif) no-repeat 0 13px;}
.news_t span{float: right;display: block;width: 150px;text-align: center;}
.news_t span a{font-size: 16px;color: #adadad;text-transform: uppercase;}
.news_m dl{ width:830px;height: 110px; border-bottom:#ddd 1px solid; padding:20px 0 0;overflow: hidden;}
.news_m dt{width: 150px;height: 90px;background: #eee;float: right; font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #5c5c5c;text-align: center;line-height: 34px; padding:20px 0 0;}
.news_m dt b{display: block;font-size: 48px;font-weight: normal;}
.news_m dd{ float:left; overflow:hidden; width:645px;}
.news_m dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news_m dd h5 a{font-size: 16px;color: #444;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dd h5 a:hover{color: var(--color1);}
.news_m .news_desc{font-size: 14px;color: #777;line-height: 22px;height: 44px;overflow: hidden; padding:5px 0 0;}
.news_m dl:hover{ border-bottom:#ccc 1px solid;}
.news_m dl:hover dt{background: #ccc;color: #fff;}
.news_qie{display:none;}
.news_qie.active{display:flex;flex-direction: column;}

@media screen and (max-width: 1023px)
{
	.news-section{display:none;}
}
/*============================================
about
===========================================*/
.about{background:url(/template/template_cn/images/bg/ab_bg.gif) no-repeat center 0;height: 710px;overflow: hidden;padding: 95px 0 0;margin-bottom: 100px;}
.about .wrap{position: relative;}
.about .cp_t{}
.about dl{margin-top: 42px;position: relative;}
.about dl dt{width: 960px;height: 440px;position: absolute;top: 0;left: 50%;line-height: 0;overflow: hidden;}
.about dl dt img{width: 960px;height: 440px;}
.about dl dd{width: 560px;float: left;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{font-size: 20px;color: #666;}
.about dl dd h5 a:hover{color: var(--color1);}
.about .ab_desc{font-size: 16px;color: #666;line-height: 32px;height: 165px;overflow: hidden;padding: 10px 0 0;}
.about dl dd span{display: block;line-height: 32px;margin-top: -32px;float: right;}
.about dl dd span a{font-size: 16px;color: var(--color1);}


/*荣誉资质*/
.honor{width: 560px;/*position: absolute;t*/op: 350px;left: 0;z-index: 20;}
.honor_t{width: 486px;overflow: hidden;}
.honor_t ul li{width: 138px;height: 182px;float: left;line-height: 0;overflow: hidden;border: #b9e1ff 2px solid;margin-right: 20px;}
.honor_t ul li img{width: 138px;height: 182px;}
.honor_b{padding: 20px 0 0;width: 474px;}
.honor_b ul li{width: 134px;float: left;margin-right: 24px;}
.honor_b ul li a{display: block;font-size: 18px;color: #808080;width: 130px;text-align: center;height: 36px;line-height: 36px;overflow: hidden;border: #666 2px solid;border-radius: 20px 0;}
.honor_b ul li a:hover{background: var(--color1);color: #fff;}


@media screen and (max-width: 1023px)
{
	.about{padding: 10px 0px 30px 0px;height: auto;background: none; margin-bottom:1rem;}
	.about dl{margin-top:10px;display: flex;flex-direction: column;}
	.about dl dt{width:100%;max-width:100%;height: auto;position: relative;left: unset;}
	.about dl dt img{width: 100%;max-width:100%; height: auto;}
	.about dl dd{width:100%;max-width:100%;padding: 1rem 0px;}
	.about .ab_desc{height: auto;}
	.honor{display:none;}
}

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

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


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

}

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

/*友情链接*/
/*.f_link{background:url(../images/link_bg.jpg) no-repeat center 0;height: 120px;overflow: hidden;line-height: 80px;overflow: hidden;}
.f_link b{display: block;float: left;font-size: 14px;color: #fff;width: 80px;}
.f_link p{font-size: 14px;color: #fff;float: left;width: 1120px;}
.f_link p a{font-size: 14px;color: #fff; padding:0 10px 0 0;}*/



@media screen and (max-width: 1023px)
{
	h2.cp_t{background:none !important;padding: 0px;width: 100%;margin: auto;display:flex; flex-direction: column-reverse;}
	h2.cp_t a{display:flex; flex-direction: column-reverse;}
	h2.cp_t div{width: 100%;margin: 0;text-align: center;font-size: 1rem;color: #666;position: relative;overflow: hidden;background: none;border-radius: unset;display: flex;align-items: center;justify-content: center;}
	h2.cp_t div:before{content: "";width: 2.5rem;height: 1px;background: rgb(223 19 30 / 20%);}
	h2.cp_t div:after{content: "";width: 2.5rem;height: 1px;background: rgb(223 19 30 / 20%);}
	h2.cp_t div div{display: block;
        font-size: 1.5rem;
        color: #333;
        background: none;
        width: auto;
        border-radius: unset;
        height: auto;
        margin: 0; position: relative; display:flex;align-items: center;}
	h2.cp_t div div:before{content: "";width: 1.5rem;height: 0.25rem;background: var(--color1);z-index: 10; margin-right:1.5rem;}
	h2.cp_t div div:after{content: "";width: 1.5rem;height: 0.25rem;background: var(--color1);z-index: 10; margin-left:1.5rem;}
	h2.cp_t span{text-align: center;}
}
@media screen and (max-width: 768px)
{
	
}
@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 430px)
{
	
}
@media screen and (max-width: 414px)
{

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

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