.fl {
    float: left;
}

.fr {
    float: right;
}

.bianse {
    color: #212d45;
}
.font20{font-size:20px;}
.font40 {
    font-size: 40px
}

.font48 {
    font-size: 48px
}

.blue {
    color: #1763d0;
}

.gray {
    color: #4c4949;
}

.white {
    color: #fff;
}

.width20{width:20%}
.width30{width:30%}
.width33 {
    width: 33.33%
}
.width48{width:48%}
.width50{width:50%}
.width25{width: 25%;}
.width35{width:35%}
.width65{width:65%}
.width70{width:70%}
.width75{width:75%}
.width80{width:80%}

.margin60{margin:60px 0;}

.noPaddingLeft{
    padding-left:0;
}
.noPaddingRight{
    padding-right:0;
}

@media(min-width:1200px) {
    .container {
        width: 1200px;
    }
}

@media(min-width:1440px) {
    .container {
        width: 1400px;
    }
}

@media(min-width:1650px) {
    .container {
        width: 1600px;
    }
}

.banner {
    overflow: hidden;
}

.banner .swiper-button-prev,.banner .swiper-button-next{
color:#fff;
background:rgba(0,0,0,.3);
}
.banner img{width: 100%;}

.country {
    width: 60%;
    margin: 0 auto;
    padding: 60px 0;
    overflow: hidden;
}

.country-box {
    width: 16.66%;
    float: left;
    text-align: center;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s;
}

.country-box img {
    display: block;
    margin: 0 auto;
}

.contry-name {
    font-size: 20px;
    font-weight: bold;
    line-height: 40px;
    color:#333;
}
.country-box:hover{
transform: translateY(10px);
-webkit-transform: translateY(10px);
-moz-transform: translateY(10px);
-o-transform: translateY(10px);
}

.h-title {
    text-align: center;
    line-height: 60px;
    margin-bottom: 40px;
}

.h-about {
    overflow: hidden
}

.h-video {
    width: 100%;
    overflow: hidden;
}

.h-video video {
    width: 100%;
}

.h-about-title {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.h-about-title span {
    display: block;
    font-size: 48px;
    font-weight: bold;
    line-height: 50px;
    color: #1763d0;
    margin-bottom: 10px;
}

.line {
    width: 250px;
    height: 8px;
    background: #4c4949;
    border-radius: 10px;
    position: relative;
}

.line:after {
    content: "";
    display: block;
    width: 200px;
    height: 8px;
    background: #212d45;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
}

.h-about-desc {
    color: #777;
    margin-top: 30px;
    line-height: 30px;
}

.about{
padding:60px 0;
overflow:hidden;
color:#555;
line-height:30px;
}
.abPro{overflow:hidden;margin:30px 0;}
.abProBox{
border:1px solid #212d45;
background:linear-gradient(45deg, rgba(232,56,13,.5), transparent);
text-align:center;
padding:30px 20px;
overflow:hidden;
border-radius:10px;
margin-bottom:20px;
}






/* 选择 */
.h-choose {
    background: url(../../images/h-ys-bg.jpg) no-repeat;
    padding-top: 80px;
    overflow: hidden;
    color: #fff;
    margin-top: 60px;
    background-size:100%
}

.h-section-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 50px;
}

.h-choose-desc {
    width: 40%;
    text-align: center;
    margin: 40px auto 100px;
}

.h-choose-menu {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}

.h-choose-list {
    padding-left: 45px;
    padding-right: 45px;
}

.h-choose-title {
    font-size: 20px;
    line-height: 72px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.h-choose-title img {
    margin-right: 10px;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s}

.h-choose-info {
    border: 1px solid #ddd;
    line-height: 30px;
    height: 192px;
    display: table-cell;
    vertical-align: middle;
    width: 384px;
}

.h-choose-pic {
    margin-top: 120px;
    margin-bottom: 60px;
}

.h-choose-pic img {
    display: block;
    margin: 0 auto;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-o-transition:all .5s
}
.h-choose-list:hover .h-choose-title img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.h-choose-list:hover .h-choose-info{
background:rgba(255,255,255,.3);
}

.h-choose-pic:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

.h-ys {
    margin-bottom: 60px;
    position: relative;
    margin-top: 200px;
}

.h-ys img {
    display: block;
    margin: 0 auto;
    margin-top: 100px;
}

.h-cq-title {
    text-transform: uppercase;
    line-height: 60px;
}

.h-cq-pic {
    padding: 40px 0;
    overflow: hidden;
}
.h-cq-box{height:248px;width:100%;overflow:hidden}

.h-cq-box img{max-height:248px;display:block; margin:0 auto; transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;}

.h-cq-box:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);}


.h-cq-title {
    padding-left: 15px;
}

.h-cq-line {
    margin-left: 15px;
    height: 4px;
    background: #212d45;
}

.h-ys-text {
    position: absolute;
    text-align: center;
    left: 0;
    bottom: 40px;
    z-index: 1;
    width: 100%;
    font-size: 42px;
    line-height: 42px;
    text-transform: uppercase;
}

.h-ys-text span {
    display: block;
    font-size: 128px;
    line-height: 128px;
    font-weight: bold;
    margin-bottom: 40px;
}

.h-ys-icon,
.h-ys-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	z-index:5;
}

.h-ys-icon .hIconOne {
    position: absolute;
    left: 25%;
    bottom: 23%;
    z-index: 1;
}

.h-ys-icon .hIconTwo {
    position: absolute;
    left: 33%;
    bottom: 57%;
    z-index: 1;
}

.h-ys-icon .hIconThree {
    position: absolute;
    left: 47%;
    top: -14%;
    z-index: 1;
}

.h-ys-icon .hIconFour {
    position: absolute;
    right: 33%;
    bottom: 57%;
    z-index: 1;
}

.h-ys-icon .hIconFive {
    position: absolute;
    right: 25%;
    bottom: 23%;
    z-index: 1;
}


.h-ys-content .hContentOne {
    position: absolute;
    left: 8%;
    bottom: 27%;
}

.h-ys-content .hContentTwo {
    position: absolute;
    left: 13%;
    bottom: 62%;
}

.h-ys-content .hContentThree {
    position: absolute;
    left: 0;
    top: -15%;
    text-align: center;
    width: 100%;
}

.h-ys-content .hContentFour {
    position: absolute;
    right: 10%;
    bottom: 62%;
    width: 20%;
}

.h-ys-content .hContentFive {
    position: absolute;
    right: 3%;
    bottom: 25%;
    width: 20%;
}

.h-ys-content span {
    display: block;
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 60px;
    text-transform: uppercase;
}

.h-ys-content {
    color: #777;
}

/* 产品 */
.h-product {
    padding: 60px 0;
    overflow: hidden;
    background: #f4f4f4;
	width:100%;
}

.h-product-desc {
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 60px;
    position: relative;
}

.h-product-title {
    color: #212d45;
    font-weight: bold;
    line-height: 48px;
    margin-bottom: 40px;
}

.h-product-info {
    width: 40%;
}

.h-product-info ul li {
    color: #fff;
    line-height: 50px;
    font-size: 24px;
    overflow: hidden;
}

.h-product-info ul li img {
    display: block;
    float: left;
    margin-right: 10px;
    padding-top: 12px;
}

.h-product-info ul li span {
    display: block;
    float: left;
    width: 80%;
}

.h-product-pic {
    width: 100%;
    position: absolute;
    top: 40%;
    left: 0;
	overflow:hidden;
}

.h-product-pic img {
    display: block;
    margin: 0 auto;
	transition:all .8s;
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-o-transition:all .8s;
}
.h-product-pic:hover img{
transform:translateY(-10px);
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-o-transform:translateY(-10px);
}


.h-product-list {
    overflow: hidden;
    margin: 130px 0 60px;
}

.h-product-list .hProductBox {
    width: calc((100% - 90px) / 4);
    width: -webkit-calc((100% - 90px) / 4);
    width: -moz-calc((100% - 90px) / 4);
    margin-right: 30px;
    float: left;
}

.h-product-list .hProductBox:last-child {
    margin-right: 0;
}

.hProductThumb {
    width: 100%;
    overflow: hidden;
}

.hProductThumb img {
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.h-product-list .hProductName {
    font-size: 20px;
    text-align: center;
    line-height: 60px;
    color: #4c4949;
}

.hProductBox:hover .hProductThumb img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.marginBtn{
    margin-bottom:0;
}


.product{
    padding:60px 0;
    overflow: hidden;
}
.productBox{
    overflow: hidden;
    margin-bottom:30px;
	transition:all .8s;
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-o-transition:all .8s;
}
.productPic{
    background:#f4f4f4;
    padding:5px;
	overflow:hidden;
    height: 389px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productPic img{
    width: 100%;
    object-fit: cover;
	transition:all .8s;
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-o-transition:all .8s;
}
.productDesc{
    background:#f4f4f4;
}
.productDesc h3{
    line-height: 60px;
    height:60px;
    overflow:hidden;
	color:#333;
    padding:0 20px;
}
/* .productChara{
    color:#777;
}
.productChara span{
    display: block;
    font-weight: bold;
    color:#333;
} */
.productBox:hover{
box-shadow: 0px 2px 3px rgba(0,0,0,.3);
-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,.3);
}
.productBox:hover .productPic img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}
.pro-c-top-pic{
    overflow: hidden;
}
.pro-c-top-pic img{
    display: block;
    margin: 0 auto;
}

/* 新闻 */
.h-news{
    padding:60px 0;
    overflow: hidden;
}
.h-news-title{
    text-align: center;
    text-transform: uppercase;
    color: #212d45;
}
.h-news-title:after{
    content: "";
    display: block;
    width:70px;
    height:2px;
    background:#000;
    margin:0 auto;
    margin-top:20px;
    margin-bottom:40px;
}
.h-news-item ul{overflow: hidden;}
.h-news-item ul li{
    width:calc((100% - 90px) / 4);
    width:-webkit-calc((100% - 90px) / 4);
    width:-moz-calc((100% - 90px) / 4);
    float: left;
    margin-right:30px;
    padding:30px 10px;
    overflow: hidden;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.h-news-item ul li:last-child{margin-right:0;}
.h-news-item ul li .h-news-name a{
    font-size:20px;
    color:#000;
    line-height: 30px;
}
.h-news-item ul li:hover .h-news-name a{
    color:#212d45;
}
.h-news-date{
    font-size:14px;
    color:#777;
}
.h-news-pic{overflow: hidden;height:242px;margin:10px 0 0px;}
.h-news-pic img{
    max-height:242px;
    display: block;
    margin: 0 auto;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.h-news-desc{
    height:90px;
    overflow: hidden;
    padding:20px 10px;
}
.h-news-desc a{color:#777;}
.h-news-item ul li:hover{
    box-shadow: 2px 2px 8px #ddd;
    -webkit-box-shadow: 2px 2px 8px #ddd;
    -moz-box-shadow: 2px 2px 8px #ddd;
    -o-box-shadow: 2px 2px 8px #ddd;
}
.h-news-item ul li:hover .h-news-pic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.news{
    padding:60px 0;
    overflow: hidden;
}
.newsLeft h3{
    text-align: center;
    background: #212d45;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #fff;
}

.newsLeft .sub_nav{width:100%; overflow:hidden;}
.newsLeft .sub_nav h3{
    height:60px;
    line-height: 60px;
    background:#212d45;
    color:#fff;
    text-align: center;
}
.news .sub_nav ul{font-size:0;width:100%;margin:0 auto;}
.news .sub_nav li{display:block;}
.news .sub_nav li a{display:block; text-align:left;font-size:16px; color:#777; position:relative;padding:15px 30px 15px 40px; background:#f4f4f4;border-bottom:1px dotted #ddd; transition: all .5s;}

/* .productLeft .sub_nav li.cur a{color:#fff; background:#212d45;background-image: url(../../images/jiaoqianWhite.png);background-repeat: no-repeat;background-position:20px center;}
.productLeft .sub_nav li.cur a:after{left:0; width:100%;}
.productLeft .sub_nav li:hover a{color:#fff; background:#212d45;background-image: url(../../images/jiaoqianWhite.png);background-repeat: no-repeat;background-position:20px center;}
.productLeft .sub_nav li:hover a:after{left:0; width:100%;} */
.newsContent{
    padding-left:80px;
}
.newsContent h3{
    line-height: 40px;
    border-bottom:1px solid #ddd;
}
.newsContent ul{
    padding:30px 0;
    overflow: hidden;
}
.newsContent ul li{
    padding:20px 0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    overflow: hidden;
    margin-bottom:20px;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    box-sizing: border-box;
}
.newsConPic{
    background:#fff;
    padding:5px;
    border-radius: 10px;
    height:200px;
    overflow: hidden;
    display: flex;
}
.newsConPic img{
    width: 100%;
    max-height:190px;
    object-fit: cover;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.newsDesc{
    overflow: hidden;
}
.newsDesc h4{color:#333;line-height: 24px;height:48px;overflow: hidden;}
.newsDescDate{
    font-size:14px;
    color:#777;
    margin:10px 0 20px;
}
.newsDescInfo{
    height:50px;
    overflow: hidden;
    line-height: 24px;
    color:#555;
    margin:10px 0 20px;
}
.newsDescBtn{
    line-height: 30px;
    font-size:14px;
    width:100px;
    text-align: center;
    border-top:2px solid #212d45;
    border-bottom:2px solid #212d45;
    color:#212d45;
}
.newsContent ul li:hover{
    border-bottom:4px solid #212d45;
}

.newsContent ul li:hover .newsConPic img{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}








.latestNews ul li{
    padding:10px 0;
    overflow: hidden;
    border-bottom:1px dotted #ddd;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.latestDate{
    background: #999;
    padding: 10px 10px;
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.latestDate span{
    display: block;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}
.latestName{
    padding:8px 20px;
    overflow: hidden;
    color:#777;
    height:70px;
    font-size: 14px;
}
.latestNews ul li:hover{
    background:#f4f4f4;
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
}

.newsContentTitle{
    font-size:30px;
    line-height: 40px;
    text-align: center;
}
.newsContentIcon{
    width:50%;
    margin:30px auto;
    overflow: hidden;
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    line-height: 60px;
    text-align: center;
    color:#777;
}
.newsContentC{
    padding:40px 0;
    overflow: hidden;
    color:#555;
}





.banner-c{
    position:relative
}
.banner-c img{
    display: block;
    margin: 0 auto;
    width: 100%;
}
.banner-desc{
    color:#212d45;
    width:25%;
    position:absolute;
    top:30%;
    left:8%;
    text-align: left;
}
.banner-desc .banner-name{
    font-size:60px;
    line-height: 70px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
}
.banner-desc .banner-name:after{
    content:"";
    display: block;
    width:100%;
    height:2px;
    background:#fff;
    margin:20px 0 30px;
}
.banner-desc .banner-gs{
    font-size:20px;
    line-height: 40px;
}

/* 内容 */
.aboutUs{
    padding:60px 0px;
    overflow: hidden;
}
.aboutUsIntro{
    padding:0 60px 0 0;
}
.aboutUsName{
    text-transform: uppercase;
    line-height: 40px;
}
.aboutUsName:after{
    width:80px;
    height:4px;
    content: "";
    display: block;
    margin:20px 0 30px;
    background:#212d45;
    border-radius: 5px;
}
.aboutUsDesc{
    color:#777;
    line-height: 30px;
}
.aboutUsDesc ul{
    margin:20px 0;
}
.aboutUsDesc ul li{
    width:48%;
    display: inline-block;
}
.aboutUsDesc ul li:nth-child(3n){
    margin-right:0;
}
.aboutPro{
    background:#f4f4f4;
    padding:20px;
    overflow: hidden;
    border-left:4px solid #212d45;
}
/* .aboutVideo{
    padding-right:40px;
} */
.aboutVideo video{width:100%}

.choose{overflow: hidden;}
.chooseContent{
    padding-left:80px;
    padding-right:8%;
}
.chooseBox{
    border:1px solid #ddd;
    background:#f4f4f4;
    border-radius: 10px;
    padding:20px 10px;
    border-left:8px solid #212d45;
    margin-bottom:20px;
}
.chooseBox h3:after{
    width:200px;
    height:1px;
    content: "";
    display: block;
    background: #212d45;
    margin-top:10px;
    margin-bottom:15px;
}
.chooseDesc i{
    font-size:12px;
    color:#212d45;
    line-height: 30px;
}
.chooseItem:nth-child(3) .chooseBox{
    margin-bottom:0;
}
.textCenter{
    text-align: center;
}
.honor{
    padding:60px 0;
    overflow: hidden;
}
.honorName{
    text-transform: uppercase;
    line-height: 40px;
}
.honorName:after{
    width:80px;
    height:4px;
    content: "";
    display: block;
    margin:20px auto 30px;
    background:#212d45;
    border-radius: 5px;
}
.swiperHonorName{
    line-height: 48px;
    background:#fff;
    color:#333;
    text-align: center;
}

.culture{
    background:url(../../images/culture.jpg) no-repeat;
    padding-top:80px;
    overflow: hidden;
    background-size: cover;
}
.cultureTitle{
    padding-left:30px;
    padding-right:30px;
    line-height: 60px;
    color:#fff;
    text-transform: uppercase;
}
.cultureTitle:after{
    width: 80px;
    height: 4px;
    content: "";
    display: block;
    margin: 20px 0 30px;
    background: #fff;
    border-radius: 5px;
}
.cultureContent{
    padding-left:30px;
    padding-right:30px;
    color:#fff;
    overflow: hidden;
}
.cultureYj{
    width:33.333%;
    float:left;
    border:1px solid #ddd;
    padding:30px 10px;
    overflow: hidden;
    text-align: center;
    border-bottom:0;
    border-right:0;
    text-transform: capitalize;
    height:217px;
    background:rgba(255,255,255,.1);
}
.cultureYj span{
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 60px;
}
.cultureContent .cultureYj:nth-child(3){
    border-right:1px solid #ddd;
}


/* 面包屑导航 */
.sub_nav{border-bottom:1px solid #e0e0e0;width:100%; overflow:hidden;}
.sub_nav ul{font-size:0;width:80%;margin:0 auto;}
.sub_nav li{display:inline-block;}
.sub_nav li a{display:block; text-align:center;font-size:16px; color:#777; position:relative;padding:15px 30px; }
.sub_nav li.cur a{color:#fff; background:#212d45;transition:all .5s;}
.sub_nav li.cur a:after{left:0; width:100%;}
.sub_nav li:hover a{color:#fff; background:#ffc03d;}
.sub_nav li:hover a:after{left:0; width:100%;}



.position{
    width:100%;
    border-bottom:1px solid #212d45;
    line-height: 60px;
    color:#555;
    text-align: right;
}
.position a{
    color:#555;
}


.productLeft .sub_nav{width:100%; overflow:hidden;}
.productLeft .sub_nav h3{
    height:60px;
    line-height: 60px;
    background:#212d45;
    color:#fff;
    text-align: center;
}
.productLeft .sub_nav ul{font-size:0;width:100%;margin:0 auto;}
.productLeft .sub_nav li{display:block;}
.productLeft .sub_nav li a{display:block; text-align:left;font-size:16px; color:#777; position:relative;padding:15px 30px 15px 70px; background:#f4f4f4;border-bottom:1px dotted #ddd; background-image: url(../../images/jiaoqiang.png);background-repeat: no-repeat;background-position:20px center;}
.productLeft .sub_nav li.cur a{color:#fff; background:#ffc03d;}
.productLeft .sub_nav li.cur a:after{left:0; width:100%;}
.productLeft .sub_nav li:hover a{color:#fff; background:#ffc03d;}
.productLeft .sub_nav li:hover a:after{left:0; width:100%;}

.tese{
    margin-top:30px;
    width: 100%;
    overflow: hidden;
}
.tese h3{
    height:60px;
    line-height: 60px;
    background:#212d45;
    color:#fff;
    text-align: center;

}
.featuredItem ul li{
    overflow: hidden;
    padding:20px 0;
    border-bottom:1px dotted #ddd;
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}

.featuredItem ul li .featuredPic{
    border:1px solid #ddd;
    overflow: hidden;
}
.featuredItem ul li .featuredPic img{
    transition: all .8s;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
}
.featuredItem ul li .featuredName{
    padding:20px 30px;
    overflow: hidden;
    color:#777;
}
.featuredItem ul li:hover{
    transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -o-transform: translateX(10px);
}
.featuredItem ul li:hover .featuredPic img{
    display: block;
    margin: 0 auto;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.productContent{
    padding-left:60px;
    overflow: hidden;
}
.pro-c-top{overflow:hidden}
.pro-top-top{
    border:1px solid #ddd;
    padding:10px;
    height:411px;
}
.pro-top-top .swiper-slide img{
    max-width:100%;
    max-height:389px;
    display: block;
    margin:0 auto;
}
.pro-top-thumb{
    background:#f4f4f4;
    margin-top:10px;
}
.pro-top-thumb .swiper-slide{
    border:1px solid #ddd;
    height:98px;
    padding:5px;
}
.pro-top-thumb .swiper-slide img{
    max-width:100%;
    overflow:hidden;
    max-height:88px;
    display: block;
    margin:0 auto;
}

.pro-top-top .swiper-button-prev,.pro-top-top .swiper-button-next{color:#212d45;}
.pro-c-top-c{
    background:#f4f4f4;
    overflow: hidden;
    padding:60px 40px;
    /* height:519px; */
}
.pro-c-top-tit{
    font-size:30px;
    border-bottom:2px solid #ccc;
    padding-bottom:10px;
    margin-bottom:30px;
    line-height: 30px;
}
.pro-c-top-desc{color:#777;}
.pro-c-top-desc span{
    display: block;
    margin-bottom:10px;
    font-weight: bold;
    color:#333;
}
.pro-c-top-tel{
    overflow: hidden;
    font-size:30px;
    font-weight: bold;
    margin-top:40px;
    margin-bottom:40px;
}
.pro-c-top-tel img{
    display: inline-block;
    margin-right:10px;
    width:30px;
    height:30px;
}
.pro-c-top-tel span{
    color:#212d45;
}
.pro-c-top-zixun{
    width:180px;
    height:60px;
    background:#212d45;
    line-height: 60px;
    text-align: center;
}
.pro-c-top-zixun a{
    display: block;
    color:#fff;
}
.pro-c-char{
    padding:60px 0;
    overflow: hidden;
}
.pro-char-tit{
    width:100%;
    background:#f4f4f4;
    line-height: 48px;
}
.pro-char-tit span{
    display: block;
    width:200px;
    font-size: 20px;
    background:#212d45;
    line-height: 48px;
    color:#fff;
    text-align: center;
}
.pro-char-c{
    padding-top:40px;
    color: #555;
    padding-bottom:40px;
}
.pro-char-c .proD{padding:20px 0;}
.pro-char-c .proD h3{
	border-bottom:1px solid #212d45;
	margin-bottom:20px;
	padding-bottom:5px;
}
.proD table{width:100%}
.proD table tr td{
border:1px solid #ddd;
padding:10px;
}
.proD thead td{text-align:center; background:rgba(232,56,13,.3); line-height:40px; font-weight:bold;font-size:24px;}

.f14{
    background:#f4f4f4;
    padding:20px;
    color:#777;
    line-height: 20px;
    font-size: 14px;
}
.f14 span{
    font-size: 16px;
}
.f14 a{
    color:#777;

}
.f14 a:hover{
    color:#212d45;
}

.pro-zixun{margin-top:60px;}
.zixun-tit{
    line-height: 40px;
    text-transform: uppercase;
    text-align: center;
}
.zixun-tit:after{
    width:80px;
    height:4px;
    content: "";
    display: block;
    margin:20px auto 60px;
    background:#212d45;
    border-radius: 5px;
}
.zixun-con{
    margin-top:40px;
}
.zixun-con textarea{
    width:100%;
    height:100px;
    border:1px solid #ddd;
    padding:10px;
}
.zixun-con input{
    border:1px solid #ddd;
    line-height: 48px;
    padding:0 10px;
    margin-top:20px;
    width:100%
}
.zixun-con input[type='submit']{
    width:200px;
    margin:0 auto;
    display: block;
    margin-top: 30px;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}
.zixun-con input[type='submit']:hover{
    background:#212d45;
    color:#fff;
}



.box {
    width: 100%;
    overflow: hidden;
}
.contact-box{
    display: grid;
    gap: 60px;
    grid-template-columns: repeat(2,1fr);
}
.contact{
padding-right:30px;
overflow:hidden;
line-height:40px;
background:#f4f4f4;
padding:60px;
}
.contact-c{margin-top:40px;}
.contact-title{
font-size:24px;
font-weight:bold;
text-transform: uppercase;
}
.contact-title:after{
content:"";
display:block;
width:40px;
height:2px;
background:#212d45;
margin:10px 0 30px;
}
.contact-box em{
color:#212d45;
margin-right:10px;
width:20px;
}
.contact-erweima{text-align:center;overflow:hidden;margin-top:40px;}
.contact-erweima img{
display:block;
overflow:hidden;
height:120px;
width:auto;
margin:0 auto;
}
.contact-erweima em{
font-style: normal;
display:block;
}

.message{
padding:58px 40px;
overflow:hidden;
background:#f4f4f4;
height:562px;
}
.feedback{margin-top:60px;}
.box3 input[type="text"]{
height:60px;
line-height:60px;
border:1px solid #ddd;
padding:10px;
width:48%;
margin-right:3%;
font-size:14px;
}
.box3 input[type="text"]:nth-child(2){
margin-right:0;
}
.box3 textarea{
height:120px;
border:1px solid #ddd;
padding:10px;
width:100%;
margin-top:30px;
font-size:14px;
}
.feedback input[type="submit"]{
display:block;
width:180px;
line-height:40px;
background:#212d45;
margin-top:30px;
color:#fff;
}

/* honor */
.trans {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.case-item {
  overflow: hidden;
  margin-bottom:30px;
}


.case-container {
    position: relative;
    display: table;
    overflow: hidden;
    width: 100%;
    height: 240px;
    padding: 5px;
    text-align: center;
    border: 1px #ddd solid;
}
.case-container a {
    display: table-cell;
    width: 100%;
    height: 240px;
    vertical-align: middle;
}
.case-container a img {
    max-width: 100%;
    max-height: 240px;
    margin: 0 auto;
    transition: all .5s;
}
.case-name {
text-align:center;
word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 1px solid #ddd;
    border-top: none;
    line-height: 40px;
    padding:0 10px;
}
.case-item:hover {
    box-shadow: 0 3px 5px rgba(0,0,0,.3);
}
.case-item:hover .case-container a img{
    transform: scale(1.1);
}


.text-c{
text-align:center;
}
.text-c a{
padding:5px 10px;
color:#555;
}
.text-c span{
padding:5px 10px;
background:#212d45;
color:#fff;
border-radius:20px;
}

.wh{overflow:hidden}
.wh-yj{
background:url(../../images/vision.jpg) no-repeat;
border-radius:20px;
padding:60px;
color:#fff;
}
.wh-yj h3{
margin-bottom:30px;
}
.wh-yj h3:after{
width:80px;
height:2px;
background:#fff;
content:"";
display:block;
margin-top:10px;
}

.wh-sm{
background:url(../../images/mission.jpg) no-repeat;
border-radius:20px;
padding:60px;
color:#fff;
text-align:right;
margin-top:20px;
}
.wh-sm h3{
margin-bottom:30px;
position:relative;
}
.wh-sm h3:after{
width:80px;
height:2px;
background:#fff;
content:"";
display:block;
margin-top:10px;
position:absolute;
right:0;
}

.wh-jz{
background:url(../../images/value.jpg) no-repeat;
padding:80px 40px;
color:#fff;
height:445px;
}
.wh-jz h3{margin-bottom:30px;}
.wh-jz h3:after{
width:80px;
height:2px;
background:#fff;
content:"";
display:block;
margin-top:10px;
}

.video{
padding:60px 0;
overflow:hidden;
text-align:center;
}
.video ul{overflow:hidden;}
.case-box{
overflow:hidden;
height:436px;
position:relative;
background-repeat:no-repeat;
background-position:center;
background-size:cover;
margin-bottom:30px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-o-transition:all .5s;
}
/* .case-box img{
display:block;
margin:0 auto;
max-height:436px;
transition:all .8s;
-webkit-transition:all .8s;
-moz-transition:all .8s;
-o-transition:all .8s;
} */


.case-box-title{position:absolute;width:50%;background:#212d45; line-height:60px; height:60px;overflow:hidden;color:#fff; font-size:20px;left:0; bottom:0; z-index:1;text-align:center;}

.case-box:hover img{
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
}

.video-title{
font-size:40px;
line-height:60px;
}
.video-info{
line-height:40px;
overflow:hidden;
width:18%;
margin:0 auto;
}
.video-info span{
color:#777;
display:block;
float:left;
margin-right:60px;
}
.video-info span:nth-child(2){margin-right:0;}

.video-content{
padding:40px 0;}
.fanye{overflow:hidden;line-height:40px; border-top:1px solid #ddd;color:#777;}
.fanye a{
color:#777;
}


.video li:hover .case-box{
transform:translateY(10px);
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-o-transform:translateY(10px);
}

/* FAQ */
.pos-r {
    position: relative;
}
.text-inner-banner-one {
    padding: 200px 0 150px;
    text-align: center;
    background: #fff;
    z-index: 1;
}
.shape-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.img-shape {
    position: absolute;
}
.text-inner-banner-one .shape-one {
    width: 12px;
    height: 12px;
    top: 19%;
    left: 32%;
    animation: animationFramesTwo 15s infinite linear;
}
.text-inner-banner-one .shape-two {
    width: 12px;
    height: 12px;
    top: 32%;
    right: 32%;
    animation: animationFramesOne 25s infinite linear;
}
.text-inner-banner-one .shape-three {
    width: 24px;
    height: 24px;
    top: 42%;
    right: 8%;
    animation: animationFramesTwo 20s infinite linear;
}
.text-inner-banner-one .shape-four {
    width: 15px;
    height: 15px;
    bottom: -6px;
    right: 20%;
    animation: animationFramesThree 22s infinite linear;
}
.text-inner-banner-one .shape-five {
    width: 25px;
    height: 25px;
    top: 62%;
    left: 13%;
    animation: animationFramesThree 18s infinite linear;
}

.text-inner-banner-one p {
    font-size: 24px;
}
.theme-title-one {
    position: relative;
}
.text-inner-banner-one h2 {
    font-size: 58px;
    text-transform: uppercase;
}
.text-inner-banner-one .theme-title-one h2 {
    text-transform: inherit;
    margin-top: 5px;
}
.theme-title-one .main-title i {
    font-style: normal;
}
.faq-left{padding-right:40px;}
.faq-box{
background:#f9f9f9;
margin-bottom:30px;
box-shadow: 0px 10px 14px 0px rgba(90, 111, 155, 0.05);
border-radius:10px;
padding:40px;
overflow:hidden;
transition: all .5s;
}
.faq-title{font-size:20px; margin-bottom:20px;}
.faq-title svg{
width:16px;
height:15px;
}
.faq-content{height:48px; overflow:hidden;}
.faq-item{margin-bottom:60px;}
.faq-box:hover{
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.2);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.2);
}

.question{
background:#212d45;
padding:60px 30px;
overflow:hidden;
color:#fff;
}
.question-desc{margin:20px 0 40px;}
.question form input[type='text']{width:100%;line-height:40px;border:1px solid #ddd;margin-bottom:20px;padding:0 20px;color:#777;}
.question form textarea{width:100%;border:1px solid #ddd;padding:10px 20px; color:#777;}
.question form input[type="submit"]{width:160px;background:#444;height:48px;margin-top:20px;}
.question form input[type="submit"]:hover{color:#212d45;}



@keyframes animationFramesOne{
0% {
    transform: translate(0px,0px) rotate(0deg);
}
20% {
    transform: translate(73px,-1px) rotate(36deg);
}
40% {
    transform: translate(141px,72px) rotate(72deg);
}
60% {
    transform: translate(83px,122px) rotate(108deg);
}
80% {
    transform: translate(-40px,72px) rotate(144deg);
}
100% {
    transform: translate(0px,0px) rotate(0deg);
}
}

@keyframes animationFramesTwo{
0% {
    transform: translate(0px,0px) rotate(0deg) scale(1);
}
20% {
    transform: translate(73px,-1px) rotate(36deg) scale(0.9);
}
40% {
    transform: translate(141px,72px) rotate(72deg) scale(1);
}
60% {
    transform: translate(83px,122px) rotate(108deg) scale(1.2);
}
80% {
    transform: translate(-40px,72px) rotate(144deg) scale(1.1);
}
100% {
    transform: translate(0px,0px) rotate(0deg) scale(1);
}
}

@keyframes animationFramesThree{
0% {
    transform: translate(61px,-99px) rotate(0deg);
}
21% {
    transform: translate(4px,-190px) rotate(38deg);
}
41% {
    transform: translate(-139px,-200px) rotate(74deg);
}
60% {
    transform: translate(-263px,-164px) rotate(108deg);
}
80% {
    transform: translate(-195px,-49px) rotate(144deg);
}
100% {
    transform: translate(-1px,0px) rotate(180deg);
}
}

.min{display:none;}
.h-ys-phone{display:none}


@media(max-width:1600px) and (min-width:1400px){
.h-choose-title{font-size:18px;}
.h-choose-menu{width:85%}
.h-ys-content span{font-size:20px}
.h-ys-icon .hIconOne{left:16%;}
.h-ys-icon .hIconTwo{left:27%}
.h-ys-icon .hIconThree{left:45%}
.h-ys-icon .hIconFour{right:27%}
.h-ys-icon .hIconFive{right:16%}
.h-ys-content .hContentOne{bottom:10%}
.h-ys-content .hContentTwo{bottom:50%}
.h-ys-content .hContentFour{right:5%}
.h-ys-content .hContentFive{bottom:10px;right:0;}
.productDesc{padding:20px}
.productDesc h3{line-height:30px}
.productPic{height:293px}
}

@media(max-width:1400px) and (min-width:1200px){
    .productPic{
        height:317px
    }
    .productDesc h3{font-size:18px}
    .pro-c-top-tel{font-size:24px}
}

@media(max-width:992px){
.h-ys{display:none}
.h-ys-phone{display:block}
.banner-c{margin-top:55px;}
.case-container a img{max-height: 113px;}
}


@media(min-width:767px) and (max-width:992px){
.country{width:90%}
.h-choose-desc{width:80%}
.h-choose-menu{width:90%}
.h-choose-list{padding-left:0; padding-right:0;}
.h-choose-title{font-size:18px;line-height:20px;height:72px;overflow:hidden;}
.h-choose-title img{height:52px;}
.h-choose-pic{margin-top:60px;}
.h-choose-pic img{width:80%;display:block:margin:0 auto;}
.h-cq-box{height:105px}
.font40{font-size:30px;}
.h-product-desc{padding-top:40px;padding-left:10px;padding-right:10px;padding-bottom:60px;}
.font48{font-size:36px}
.h-product-info{width:100%}
.h-product-pic{position:unset;width:60%;margin:0 auto;}
.h-product-pic img{display:block;margin:0 auto;}
.h-product-list{margin:0px 0 60px}
.h-product-list .hProductName{font-size:16px;line-height:30px;}
.h-news-name{height:90px; overflow:hidden;}
.h-news-pic{height:145px}
.ft-product ul li{width:100%}
.copyright .col-sm-5{width:100%}
.copyright .col-sm-3{width:100%;}
.copyright-yyzz{text-align:left;}
.banner-desc{display:none;}
.abProBox{height:152px;}
.case-box{height:200px}
.video-info{width:38%}
.video-content video{width:100%}
.product .col-sm-6{width:100%}
.productDesc{padding:20px;height:273px;overflow:hidden;}
.productDesc h3{line-height:30px}
.productLeft{display:none;}
.productContent{width:100%;padding-left:0;}

.zixun-con form .noPaddingLeft{padding-right:0}
.zixun-con form .noPaddingRight{padding-left:0;}
.newsLeft{display:none;}
.newsContent{width:100%;padding-left:0;}
.faq-left,.faq-right{width:100%}
.faq-left{padding-right:0;}
.faq-title{height:48px}
.text-inner-banner-one,.faq-item{width:100%;overflow:hidden;}
.box3 input[type="text"]{width:100%;margin-bottom:10px}
.box3 textarea{margin-top:0;}
.message{height:722px}
.aboutUsIntro,.aboutVideo{width:100%}
.choosePic{display:none;}
.chooseContent{width:100%;padding-left:5px; padding-right:5px;}
.cultureYj{height:241px;}
}




@media(max-width:767px){

.big{display:none}
.min{display:block;}

.country{width:100%;padding:30px 0 0;}
.country-box{width:33.333%;margin-bottom:20px;}
.country-box img{max-height:80px;}
.contry-name{font-size:16px}

.font40{font-size:24px;}
.h-title{margin-bottom:20px;}
.h-about-title span{font-size:32px;line-height:40px;}
.font48{font-size:32px}
.h-choose{padding-top:40px;margin-top:30px}
.h-choose-desc{width:90%;margin: 20px auto 40px;}
.h-choose-list{width:100%;padding-left:0;padding-right:0;margin-bottom:20px;}
.h-choose-title img{height:54px;}
.h-choose-title{margin-bottom:20px;font-size:18px}
.h-choose-info{height:auto;padding:20px 0;}
.h-choose-menu{width:90%}
.h-choose-pic{margin-top:40px;}

.h-cq-box{height:auto;margin-bottom:20px;}
.h-product{padding-top:0;}
.h-product-title{margin-bottom:20px;}
.h-product-desc{padding-top:30px;padding-left:10px; padding-right:0;padding-bottom:40px;}
.h-product-info{width:100%}
.h-product-info ul li{font-size:16px;line-height:24px;}
.h-product-info ul li img{padding-top:0;}
.h-product-pic{position:unset;margin-top:30px;}
.h-product-pic img{height:200px;}
.h-product-list{margin:0 0 60px;}
.h-product-list .hProductBox{
	width: calc((100% - 20px) / 2);
    width: -webkit-calc((100% - 20px) / 2);
    width: -moz-calc((100% - 20px) / 2);
	margin-right:20px;
}
.h-product-list .hProductBox:nth-child(2n){margin-right:0;}
.h-product-list .hProductName{font-size:14px;line-height:22px;}
.h-news{padding:30px 0;}
.h-news-item ul li{width:100%}
.ft{display:none;}
.copyright{line-height:24px}
.copyright-yyzz{text-align:left;}

.banner-desc,.sub_nav{display:none;}
.wh-jz{height:auto;margin-top:20px;}
.case-box{height:240px;}
.video-title{font-size:24px;}
.video-info{width:80%}
.video-content video{width:100%;}
.productPic,.productDesc{width:100%;height:auto;}
.productDesc h3{line-height:24px;font-size: 16px;}
.productLeft,.position{display:none;}
.productContent{width:100%;padding-left:5px;padding-right:5px;}
.pro-top-top{height:245px}
.pro-top-top .swiper-slide img{max-height:235px;}
.pro-top-thumb .swiper-slide{height:58px}
.pro-top-thumb .swiper-slide img{max-height:48px}
.pro-c-top-c{padding:30px 10px;height:auto;}
.pro-c-top-tel{font-size:20px;}
.pro-c-char{padding:30px 0;}
.pro-zixun{margin-top:0;}
.zixun-con form .noPaddingLeft{padding-right:0;}
.zixun-con form .noPaddingRight{padding-left:0;}
.news{padding:30px 10px}
.newsLeft{display:none}
.newsContent{width:100%;padding-left:0;}
.newsConPic{height:auto;}
.newsConPic img{max-height:unset;}
.newsContentTitle{font-size:20px;line-height:30px;}
.newsContentIcon{width:50%;line-height:30px;}
.text-inner-banner-one{width:100%;overflow:hidden;padding:100px 0 80px}
.faq-item{overflow:hidden;width:100%;margin-bottom:0;}
.faq-left,.faq-right{width:100%;padding-right:0}
.text-inner-banner-one h2{font-size:30px}
.faq-content{height:auto;}
.contact,.message{width:100%;}
.contact{padding:20px;}
.message{margin-top:20px;}
.feedback{margin-top:30px;}
.box3 input[type="text"]{width:100%;margin-bottom:20px;}
.box3 textarea{margin-top:0;}

.aboutUsIntro,.aboutVideo{width:100%}
.aboutUsIntro{padding:0}
.choosePic{display:none;}
.chooseContent{width:100%;padding-left:5px;padding-right:5px;}
.cultureYj{width:100%;border-right:1px solid #ddd;}


.pro-char-c .proD{
width: 100%;
    overflow-x: scroll;
	}
    .faq-box{padding:20px 10px;}
    .contact-box{display: block;}
}