@charset "utf-8";
/* CSS Document */

@media screen and (min-width:2040px) {
.wind-content-b, .wind-content, .wind-content-w, .wind-content-d { width: 1728px!important }
}
.wind-title { text-align: center; margin: 70px 0 100px 0; }
.wind-title img { max-width: 100%; }
.wind-img { text-align: center; width: 80%; margin: 0 auto 40px; }
.wind-img img { text-align: center; width: 100%; margin: 0 auto; }
.wind-content-left { width: 49%; float: left; }
.wind-content-right { width: 48%; float: left; margin-left: 30px; }
.wind-content { margin-top: 100px; width: 80%; margin: 0 auto; }
.wind-content-right h2 { font-size: 45px; color: #3b3b3b; padding-top: 70px; padding-bottom: 20px; }
.wind-content-right h3 { font-size: 22px; color: #3b3b3b; }
.wind-content-right h4 { font-size: 24px; color: #a61f24; padding-top: 45px; padding-bottom: 10px; }
.wind-content-right p { font-size: 16px; color: #3b3b3b;  line-height: 26px; }
.wind-content-a { margin-top: 20px; background-color: #3b3b3b; }
.wind-content-w { width: 90%; margin: 0 auto; }
.wind-content-a-right, .wind-content-a-left { width: 50%; float: left; }
.wind-content-a-left { padding-top: 170px; padding-left: 20px; padding-right: 100px; }
.wind-content-a-left h2 { font-size: 50px; color: #fff; padding-bottom: 10px; }
.wind-content-a-left h3 { font-size: 23px; color: #a61f24; padding: 20px 0; }
.wind-content-a-left p { font-size: 16px; color: #fff; line-height: 26px; }
.wind-content-b-left, .wind-content-b-right { float: left; }

.pj-back { height: 30px; background-color: #3b3b3b; margin-top: 60px; margin-bottom: 90px; }
.pj-tet h2 { font-size: 24px; color: #a61f24; }
.pj-tet { margin-top: 80px; }
.pj-tet p { font-size: 16px; text-indent: 2em; }
#pic .pic-left{float:left;width: 80%;}
#pic .pic-left .pic-left-ys{display:block;}
#pic .pic-left .pic-left-ts{display:none;}

#pic .pic-right{float: right;width: 20%;margin-top: 350px;/* margin-left: -7%; */}
#pic .pic-right1{float:right;width: 20%;margin-top: 160px;}

#pic .pic-right .pic-right-img1{width:50%;margin: 0 auto;}
#pic .pic-right1 .pic-right-img1{width:50%;margin: 0 auto;}
#pic .pic-right .pic-right-img2{/*width:80%;*/margin: 0 auto;}
#pic .pic-right1 .pic-right-img2{/*width:80%;*/margin: 0 auto;}
#pic h3,#pic h4{font-size: 16px;text-align:center;}
#pic h3{color: #000000;}
#pic h4{color: #0CE7EB;}
#pic h2 {text-align:center;font-size:22px;color: #a0a0a0;margin-top: 20px;}
#pic ul { padding: 0; margin: 0; }
#pic li { list-style: none }
#pic { position: relative; margin: 0 auto; }
#pic .img-oth {width: 89%;/* -webkit-box-shadow: 0 0 30px #ddd; box-shadow: 0 0 30px #ddd;*/}
#pic .img1 { width: 100%;/* -webkit-box-shadow: 0 0 30px #ddd; box-shadow: 0 0 30px #ddd;*/ }
#pic ul {margin: 0 auto;height: 36px;padding: 5px 0;position: relative;width: 250px;}
#pic ul li {width: 63px;height: 10px;margin-bottom: 8.4px;background-color: #666;float: left;margin:0 10px;border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;}
#pic ul li:hover { border: 1px solid #ffffff; }
#pic p { bottom: 0; margin: -40px 0 10px 10px; font-size: 24px;color: #3b3b3b; display: none;}
.pj-tet1 h2 { font-size: 22px; }
.pj-tet1 { margin-top: 80px; width: 80%; margin: 0 auto; }
.pj-tet1 p { font-size: 16px; text-indent: 2em; }
.pj-tet1 img { display: block; margin: 5px auto }

.pj-tet1 p img { margin: 20px auto;  }
.pj-tet1 h2 { padding-bottom: 20px; text-align: center; }


.wind-content-b-left {width: 100%; }
.wind-content-b-right {width: 50%; padding-left: 5%;}
.wind-content-b-right img { width: 100%; }
.wind-content-b {width: 80%;margin: 30px auto;}
.wind-content-b-right h2 { font-size: 50px; color: #3b3b3b; padding-bottom: 40px; }
.wind-content-b-right p { font-size: 16px; color: #3b3b3b; padding-right: 10%; line-height: 26px; padding-bottom: 16px; }
.wind-content-c { width: 80%; margin: 50px auto 0; }
.wind-content-c-left a img { margin-left: 150px; margin-bottom: 80px; }
.wind-content-d { margin-top: 100px; }
.wind-content-d-content h3 { font-size: 50px; color: #3b3b3b; padding-bottom: 40px; text-align: left; }
.wind-content-d-content p { font-size: 16px; color: #3b3b3b; text-align: left; line-height: 26px; }
.wind-content-d-content { padding-left: 50px; position: absolute; top: 20px; width: 46%; }
.wind-content-d { position: relative; text-align: center; width: 80%; margin: 0 auto; }
.wind-content-d img { width: 95%; margin-bottom: 50px; }
.wind-content-left img { max-width: 100%; }
.wind-content-a-right { padding-left: 40px; }
.wind-content-right img { max-width: 100%; }

@media screen and (max-width:1855px) {
.wind-content-b-left img, .wind-content-left img { width: 95% }
}

 @media only screen and (max-width:1684px) {
.wind-content-right h4 { padding-top: 0; }
.wind-content-a-left { padding-top: 120px; }
.wind-content-b-right h2 { padding-bottom: 20px; }
.wind-content-b-right p { padding-bottom: 4px; }
#pic .pic-right{margin-top: 140px;}
#pic .pic-right1{margin-top: 140px;}
}

 @media only screen and (max-width:1440px) {
.wind-content-left { width: 53%; float: left; margin-top: 20px; }
.wind-content-right { width: 44%; float: left; margin-left: 10px; }
.wind-content-right h4 { padding-top: 5px; }
.wind-content-a-left { padding-top: 55px; padding-right: 80px; }
.wind-content-b-right img { width: 90%; }
.wind-content-b-right h2 { font-size: 40px; padding-bottom: 10px; }
.wind-content-b-right p { padding-bottom: 5px; }
#pic .pic-right{margin-top: 120px;}
#pic .pic-right1{margin-top: 120px;}
}
 @media only screen and (max-width:1370px) {
#pic .pic-right{margin-top: 90px;}
#pic .pic-right1{margin-top: 90px;}
#pic img { width: 100%; padding-bottom: 15px; }
.wind-content-left { margin-top: 0px; }
#pic h2{margin-top: 10px;}
     
}

 @media only screen and (max-width: 1366px) {
.product-ul ul li .product-ul-img video {height: 153px;}
}

 @media only screen and (max-width:1335px) {
.wind-content-a-left h3 { font-size: 20px; padding: 5px 0; }
.wind-content-a-left { padding-right: 20px; }
#pic ul {width: 100%;}
#pic ul li {width: 28%;margin: 0 2%;}
}

 @media only screen and (max-width:1100px) {
#pic .pic-left{width: 100%;margin: 30px auto;}
#pic .pic-left .pic-left-ys{display:none;}
#pic .pic-left .pic-left-ts{display:block;}
     
#pic .pic-right{width: 100%;margin-top: 20px;margin-left: 0;}
#pic .pic-right1{width: 100%;margin-top: 0px;margin-left: 0;}
#pic .pic-right .pic-right-img2 img{width: 50%;}
#pic .pic-right1 .pic-right-img2 img{width: 50%;}
.wind-content-b, .wind-content, .wind-content-w { width: 95%; }
.wind-content-a-right { padding-left: 0px; }
.wind-content-b-right { margin-top: 30px; }
.wind-content-b {margin-top:50px}
.wind-content-b-left img {width:50%}
.wind-content-b-left {width:100%;padding-left:0;text-align:center}
.ele-content-b .wind-content-b-left, .ele-content-b .wind-content-b-right {width:100%;padding-left:3%}
#pic ul { padding-top:0; height: 54px; padding: 5px 0; position: relative; width: 250px; }
#pic ul li { height: 10px;margin:5px 10px 0; width: 60px; }
.pj-tet1 img{width:100%;}
}

@media only screen and (max-width:1024px) {
.new-content-left video { background: none; width: 985px !important; height: 560px !important; object-fit: fill; }
.pts video { width: 100% !important; height: 100% !important; margin-top: 8px; margin-bottom: 8px; }
.plan-content-b-left-a-gsjs video {margin-top: 3px;}
}

@media only screen and (max-width:768px) {
.cp-titmain{height: auto !important;}

}

@media screen and (max-width:640px) {
.wind-content-b { margin-top: 10px }
.pj-title { text-align: center; margin: 10px 0 }
.wind-content-b-left { padding-left: 0; text-align: center }
.pj-tet { margin-top: 0 }
.wind-content-b-left img, .wind-content-left img { width: 100% }
}