@charset "utf-8";
@import "font-awesome.css";
/* CSS Document */
html {overflow-x:hidden;}
body {margin:0; padding:0;padding-top:115px;font-family:"微软雅黑";font-size:12px; text-align:left;background-color:#f1f1f1;}
ul,li { padding:0px; margin:0px; list-style:none;}
ul {margin-bottom:0px;}
* { margin:0; padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img { border:0;}
.fa-times {display: none;}
.fa-bars {display: none;}
a{ text-decoration:none; color:#595656;outline:none; }
a:hover{ color:#e94f03;text-decoration:none;}
.img_block {display:block;margin:0 auto;}
.clear{ clear:both}
.fl {float:left !important;}
.fr {float:right !important;}
.red {color:red;}
.green {color:green;}
.blue {color:#00458e;}
.none {display:none !important;}
/*  header start */
.header {display:flex;align-items:center;justify-content:space-between;height: 115px;position: fixed;top:0;right: 0;left: 0;z-index: 1030;background: #fff;padding: 0 15px;border: none;}
.header .logo {width:299px;}
.header .logo img {width:100%;height:auto;}


.nav-ul {flex-grow:1;justify-content:center;align-items: center;padding:0 30px;}
.nav-ul li {position:relative;width:100px;height:70px;display: flex;align-items: center;}
.nav-ul li a.nav {text-indent:10px;font-size:18px;padding:0 10px;color:#333;}
.nav-ul li div {position:absolute;display:none;width:120px;left:0px;top:60px;right:0px;background-color:#FFF;}
.nav-ul li div a {display:block;padding:0 10px;line-height:30px;}
.nav-ul li:hover div {display:block;}


.items {display: flex;align-items: flex-start;}
.website {display:flex;align-items: center;}
.website a {width: 35px;height: 35px;line-height: 35px;border: 1px solid #e8e8e8;border-radius: 17.5px;text-align: center;padding: 0;margin-right:5px;font-size: 17px;margin-left: 5px;}
.website a#wechat {position: relative;}
.weixin-qrcode {display:none;width:180px;background-color:#fff;position:absolute;right:0px;top:40px;text-align:center;color:#333 !important;}
.weixin-qrcode img {display:block;max-width:100%;height:auto;}

.website a#wechat:hover {background-color:#30ad63;border: 1px solid #30ad63;color:#fff;}
.website a#weibo:hover {background-color:#e74c3c;border: 1px solid #e74c3c;color:#fff;}

.menu-language {width:117px;border:solid 1px #f2f2f2;border-radius:18px;margin-left:10px;position:relative;}
.menu-language div {height:32px;line-height:32px;color:#7a7a7a;border-radius:16px;background-color:#fff;font-size:16px;cursor:pointer;position:relative;z-index:100;}
.menu-language div i {font-size:18px;padding:0 5px;}
.menu-language ul.ul-language {display:none;position:absolute;top:1px;left:0px;background-color:#f2f2f2;width:100%;z-index:99;border-radius:18px;}
.menu-language ul.ul-language li {heiht:40px;line-height:40px;padding:0 10px;text-align: center;}
.menu-language ul.ul-language li a {font-size:18px;color:#333;}
/*  header end */

/* video start */
.video-div {clear:both;margin:30px auto;}
.video-div li {
    margin-right:30px;
    float:left;
    width:100%;
    height: auto;
    background-color:#fff;
    display:flex;
	
    align-content: center;
    flex-direction: column;
}
.video-div li:nth-child(2n+0) {margin-right:0px;}
.video-div li div {width:100%;}
.video-div li div iframe {display: block;}
.video-div dl {padding:20px;color:#333;margin-bottom:0px;}
.video-div dl dt {font-weight:normal;font-size:18px;padding-bottom:8px;}
/* video end */

/* about start */
.about-index {width:1166px;margin:0 auto;background:url('../images/index-about-bg.png') no-repeat right top #fff;background-size:50% auto; padding:60px 135px;}
.index-banner-about {display:block;margin:0 auto;max-width:100%;}
.about-index-con {display:flex;align-content: center;justify-content:space-between; }
.about-index-left {width:400px;}
.about-index-left h2 {line-height:1.5;font-size:26px;color:#333;margin:20px 0px;color:#cf3639;}
.about-index-left div {font-size:16px;color:#666;line-height:1.8;margin-bottom:20px;}
.about-index-left img {max-width:80%;height:auto;margin-top:30px;}
.about-index-right {width:500px;display:flex;align-items:center;flex-direction: column;justify-content: space-between;}
.about-index-right img {max-width:100%;height:auto;}
/* about end */

/* product index start */
.product-index {width:1184px;margin-left:-10px;margin-top:30px;}
.product-index ul {position:relative;}
/*.product-index ul li {width:276px;height:auto;float:left;margin:0 10px;margin-bottom:20px;background-color:#fff;}*/
@media (min-width: 1166px) and (max-width: 1920px){
    .product-index ul li {
        width: 276px;
        margin: 0 10px;
    }
    .nav-ul {display:flex;}
}
.product-index ul li {
    float: left;
    background-color: #fff;
    margin-bottom: 20px;
}

.product-index ul li a {display:block;width:100%;height:100%;}
/*.product-index li:nth-child(4n+0) {margin-right:0px;}*/

.product-index li div {width:100%;height:276px;overflow:hidden;position:relative;}

.product-index li div span {position:absolute;left:10px;top:10px;right:10px;color:#333;font-size:14px;z-index:999;color:#fff;}
.product-index ul li img {display:block;width:100%;height:auto !important;}
.product-index ul li dl {padding:20px;font-size:15px;color:#333;font-weight: normal;}
.product-index ul li dl dt {padding-bottom:8px;}

.product-index li div:hover img {
    transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.product-index li div img{
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

/* product index end */

/* banner start */
.banner_sec {width:100%;margin-top:30px;}
.banner_sec img {max-width:100%;height:auto;display:block;margin:0 auto;}
/*  banner end */

/* about start */
.about-con {width:860px;margin:0 auto;}
.about-item {display:flex;justify-content:space-between;margin-bottom:30px;}

.about-l {flex-direction: row;}
.about-r {flex-direction: row-reverse;}
.about-desc {width:460px;padding:0 20px;display:flex;flex-wrap: wrap;align-items: center;align-content:center;padding-bottom:30px;}
.about-desc p {margin-bottom:10px;}

.about-item div.about-img img {max-width:100%;padding:20px;display:block;margin:0 auto;}
.about-item h2 {margin-top:0px;margin-bottom:0px;line-height:1.5;font-size:24px;color:#333;padding:20px 0px;}
.about-item div.a-con {font-size:16px;color:#262626;line-height:1.8;}
.about-desc img {max-width:100%;height:auto;}
/* about end */

/* 产品 start */
.product-header {width:1166px;margin:0 auto;padding-bottom:20px;}
.product-header h2 {padding-top:20px;color:#333;padding-bottom:10px;font-size:24px;font-weight: normal;}
.product-header p {color:#262626;font-size:16px;line-height:1.5;margin-bottom:0px;padding-bottom:10px;}
.product-header-switcher {margin-top:10px;}
.product-header-switcher a.a-cur {color:#e94f03;}
.product-header-switcher a {padding: 0 15px;height: 30px;line-height: 30px;display:inline-block;border-radius: 15px;background: #FAFAFA;border: 1px solid #ccc;font-weight: bold;margin-bottom:10px;}
.product-header-switcher a#cur {color:#e94f03 !important;}
.products-ul {display:flex;align-items:center;flex-wrap:wrap;}
.products-ul li {width:366px;margin-right:19px;margin-bottom:19px;}
.products-ul li:nth-child(3n+0) {margin-right:0px;}
.products-ul li div.pro-img {width:366px;height:353px;overflow:hidden;position: relative;}
.pro-main {position: relative;z-index:2;}

.products-ul li div.pro-img:hover img {
    transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.products-ul li div.pro-img img{
    width: 100%;
    height:auto !important;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.products-ul li div.pro-img span {z-index:9999;position:absolute;left:10px;top:10px;right:10px;color:#fff;font-size:14px;}
.products-ul li .pro-desc {width:100%;display:flex;align-items:center;height:auto;padding:20px;background-color:#fff;position: relative;}
.products-ul li .pro-desc .left {flex-grow: 1;}
.products-ul li .pro-desc .left h3 {font-size:18px;color:#333;margin-top:0px !important;margin-bottom:15px;}
.products-ul li .pro-desc .left p {font-size:16px;color:#666;height:45px;width:100%;overflow:hidden;margin-bottom:0px;}
.products-ul li .pro-desc img {width:50px;height:56px;}
/* 产品 end */

/* 案例 start */
.h2-sec {font-size:45px;color:#333;width:100%;text-align: center;padding: 30px 0;}
.main {width:100%;background-color:#f1f1f1;}
.main-con {width:1166px;margin: 0 auto;position:relative;z-index:999;}
.case-ul {display: flex;flex-wrap: wrap;}
.case-ul li {margin-right:34px;margin-bottom:34px;background: #fff;}
.case-ul li:nth-child(3n+0) {margin-right:0px;}
.case-ul li a img {display:block;width:100% !important;}
.case-ul li p {font-size:18px;color:#333;}
/* 案例 end */

/* news start */
.news-ul {}
.news-ul li {float:left;width:388px;margin-right:0px;margin-bottom:5px;padding:4px;background-color:#f1f1f1;}
.news-ul li a {display:block;width:100%;height:100%;background-color:#fff;padding:8px;}
.news-ul li div {overflow:hidden;width:100%;}
.news-ul li h2 {display: -webkit-box;font-size: 18px;line-height: 1.5;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.news-ul li p {font-size: 14px;line-height: 1.42857;color:#808080;}
.news-ul li:hover img {
    transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.news-ul li img{
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.article-body-title {color:#4d4d4d;text-align:center;margin-bottom: 15px;font-size: 22px;line-height: 1.5;font-weight: normal;}
.article-body-desc {text-align: center;font-size: 12px;padding-bottom:20px;}
.article-body-desc span {margin: 0 10px;text-align: center;font-size: 12px;}
.article-body {line-height: 1.8;font-family: 微软雅黑;color:#666 !important;font-size:16px;text-align: justify;padding:0 15px;margin-bottom:50px;}
.article-body h3 {color:#333;}
.article-body img {max-width:100% !important;height:auto !important;}
/* news end */

/* 联系 start */
.contact-body {margin:50px 0;}
.contact-body img {max-width:100%;height: auto !important;}
.map {margin-top:30px;width:100%;}
/* 联系 end */
/* footer start */
footer {z-index:1;padding:20px 0;left:0;right:0;bottom:0;background-color:#333;}
footer .bottom-logo {text-align:center;}
footer .bottom-logo img {width:220px;height:auto;}
footer .copyright {color: #666;text-align: center;margin-top:20px;}
/* footer end */


@media screen and (max-width: 392px){
    .header .logo img {max-width:156px !important;}
    .header {height:auto;}
    .video-div {padding:0 10px;}
    .video-div dl {padding:10px;margin-bottom:0px;}
    .video-div li {width:100% !important;margin-left:0px !important;margin-right:0px !important;margin-bottom:10px !important;}
    .video-div li iframe {height:120px !important;}
    .product-index ul {padding-left:10px;}
}

@media (min-width: 392px) and (max-width: 545px){
    .header {height:auto;}
    .video-div dl {padding:10px;margin-bottom:0px;}
    .video-div li {width:100% !important;}
    .video-div li iframe {height:150px !important;}
}

@media screen and (max-width: 489px) {
    .header {height:auto;}
    .bottom-logo img {width:160px !important;height:auto !important;}
    .copyright {padding: 0 15px;}
}

@media screen and (max-width: 516px) {
    .contact-body * {font-size:16px !important;}
}

@media screen and (max-width: 545px){
    .header {height:auto;}
    .about-index-con {display:block;}
    .about-index-left {width:100% !important;}
    .about-index-right {width:100% !important;}
    .about-index {padding:10px !important;text-align: justify;}
    .about-index-left h2 {margin-top:10px;}
}
@media (min-width: 545px) and (max-width: 640px){
    .header {height:auto;}
    .about-index {background-size:0% auto;}
    .about-index-left img {display:none;}
    .video-div dl {padding:10px;margin-bottom:0px;}
    .video-div li {width:100% !important;}
    .video-div li iframe {height:150px !important;}
}

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

    .about-index {background-size:0% auto;}
    .about-index-right {width:50%;}
    .header {height:auto;}
    .about-index-left {width:50%;padding-right:10px;}
    .about-index-right img {width:100%;height:auto;}
    .about-index-left img {display:none;}
    .index-banner-about {display:none;}
    .about-index-right img:nth-child(2n+0) {display:none;}
    .about-index-left h2 {font-size:18px;}
    .about-index-left div {font-size:16px;}

}

@media (min-width: 640px) and (max-width: 750px){
    body {padding-top:70px;}
    .header {height:auto;}
    .about-index {background-size:53% auto;}

    .video-div li {width:100% !important;}
    .video-div li iframe {height:180px !important;}
    .video-div dl {padding:10px;}
}

@media screen and (max-width: 682px){
    .news-ul li {width:50% !important;margin-right:10px;}
}

@media screen and (max-width: 865px){
	.banner_sec {margin-top:8px !important;}
    .about-con {width:100%;margin-top:20px;}
    .about-item div.about-img img {padding:0px;}
    .about-item h2 {font-size:20px;padding-top:0px;padding-left:0px;}
    .about-item {display: block;margin-bottom:0px;}
    .about-item .about-img {display: block;margin:0 auto;max-width:100%;padding-top:0;padding-left:10px;padding-right:10px;}
    .about-desc {width:100%;text-align:justify;padding-left:10px;padding-right:10px;padding-top:20px;}
	footer .copyright {color:#c8c8c8;}
	.product-header h2 {padding-top:0px;}
	.products-ul li .pro-desc img {width:40px;height:auto !important;}
	.products-ul li div.pro-img span {font-size:12px;}
	.grid-item {margin-bottom:10px !important;}
	.card .card-desc {padding:10px !important;}
	.card .card-desc p {display:block !important;max-height:36px;overflow:hidden;color:#666;}
}


@media (min-width: 750px) and (max-width: 960px){
    body {padding-top:70px;}
    .header {height:auto;}
    .about-index {background-size:52% auto;}
    .video-div li {width:100% !important;}
    .video-div li iframe {height:220px;}
    .video-div dl {padding:10px;}
    .products-ul li .pro-desc img {height:50%;width:auto !important;}
    .products-ul li .pro-desc img {height:50%;width:auto !important;}
	
}


@media (min-width: 960px) and (max-width:1166px) {
    body {padding-top:70px;}
    .header {height:auto;}
    .about-index {background-size:56% auto;}
    .video-div li {width:100%;}
}
@media screen and (max-width: 1007px){
    .products-ul li {width:50% !important;margin-right:0px !important;padding:10px;margin-bottom:0px !important;}
    .header {height:auto;}

    body {padding-top:57px;}
    .header {height:auto;padding:8px 0;}
	.products-ul {padding-left:4px !important;padding-right:4px !important;}
	.products-ul li {margin-bottom:8px !important;padding-top:0px;padding-bottom:0px;padding-left:4px;padding-right:4px;}
    .products-ul li .pro-desc {padding:8px;}
    .products-ul li .pro-desc .left p {margin-bottom:0px;font-size:12px;height:52px;}
    .products-ul li .pro-desc .left h3 {font-size:14px;margin-bottom:10px;}
    .products-ul li .pro-desc {height:auto;}
	
}
@media screen and (max-width:1013px) {
    .header .logo img {max-width:156px !important;}
    .news-ul {display:flex;flex-wrap: wrap;padding-left:4px;padding-right:4px;}
    .news-ul li {width:50% !important;margin-right:0px !important;padding:0 4px;margin-bottom:8px;}
    .news-ul li h2 {font-size:14px;}
    .news-ul li p {font-size:12px;}
    .products-ul li {width:31%;margin-bottom:20px;}
	.news-ul li h2 {margin-top:8px;margin-bottom:0px !important;}
	
}



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

    body {padding-top:60px;}
    .header .logo img {max-width:156px !important;}
    /*.nav-ul {display:none;}*/
	.header .logo {padding-left:8px;}
    .nav-ul {background-color:#fff;display:none;flex-direction:column;z-index:9999999;position:absolute;left:0px;top:58px;right:0px;padding-left:0px;padding-right:0px;}
    .nav-ul li {width:100%;height:100%;}
    .nav-ul li a {font-size:16px;padding:10px 0px;text-align:center;display:block;width:100%;height:100%;}
    .fa-bars {display: inline;}
    .nav-ul li a:hover {background-color:#ddd;}
    .fa-times {display:none;}
    .black {background-color:#000;z-index:9999;background:rgba(0,0,0,0.6);position:fixed;left:0px;top:0px;right:0px;bottom:0px;}
    .header {padding: 12px 0px;}
    .main-con {width:100%;}
    .about-index {width:100%;padding:20px 20px;}
    .video-div li {height:auto;margin-right:0px;margin:0 10px;margin-bottom:10px;}
    .video-div {margin:10px 0px;margin-bottom:0px;}
    .news-ul li {width:33.2%;margin-right:0px;}
    .product-header {width:100%;padding: 0 10px;}
    .product-header-desc {padding:0 10px;padding-bottom:10px;}
    .products-ul {padding:0 10px;}
    .products-ul li {width:31%;margin-bottom:20px;}
    .products-ul li div.pro-img {width:100%;height: auto;}
    .product-index {width:100%;}
    .product-index ul li dl {padding:10px;margin-bottom:0px;font-size:14px;margin:0 5px !important;margin-bottom:0px !important;}
    .product-index ul li {margin:0 10px !important;margin-bottom:10px;}
	.product-header h2 {}
	.nav-ul li div {left:-100000px;}
	
}

@media screen and (min-width:1166px) {
	.about-item .about-img {width:350px;padding-left:20px;}
	.about-index-right img:nth-child(1n+0)  {max-width:300px;}
	
}