@charset "utf-8";
/*通用样式*/
@font-face {
	font-family: 'font1';
	src: url(/Public/Home/default/css/oppo.ttf);
}
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'font1', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "font1";  }
img{ border:0;  }
a{ text-decoration:none; color:#000;  }
a:hover{ color:red;  }
.clear { clear:both;}
.clearfix { zoom:1;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both;}
div { box-sizing:border-box;}
/* CSS Document */
.swiper-button-prev,.swiper-button-next { outline: none;}
.header { position: fixed; left: 0; top: 0; transition: all .5s; z-index:20; width: 100%; padding:0 5.2vw 0 7vw; height: 100px;}
.header:hover{background: rgba(0,0,0,0.5);}
.header .logo { float: left; width: 136px; margin-top: 20px;}
.header ul { margin-left: 12vw; float: left;}
.header ul li {  display: inline-block; vertical-align: top; line-height: 100px; margin: 0 2vw;}
.header li:nth-child(2) dl,.header li:nth-child(3) dl {padding-left: calc(9vw + 9px); position: absolute;}
.header.blackBg { background: rgba(0,0,0,0.5);}
.banner{position: relative;}
.banner .swiper { width: 100%; }
.banner .swiper-slide { text-align: center; font-size: 18px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; }
.bannerPage { position: absolute;width: 100%; left: 59%; max-width:80%; transform: translateX(-50%); top: 67%; z-index: 2; color: #ffffff; font-size: 13px;}
.bannerPage i,.bannerPage span { margin: 0 5px; font-style: normal;}
.bannertext{position: absolute; width: 100%;max-width:80%;left:59%; top:46%; transform:translate(-50%,-50%);text-align: left;}
.bannertext h3{color: #fff; font-size: 15px; margin-bottom: 16px;}
.bannertext h2{color: #fff; font-size: 42px;line-height: 1.5;font-weight: 600;}
.bannertext a{display: block; text-align: center; width: 200px;line-height: 40px; color: #fff;background: #e41f17; font-size: 15px; margin-top: 80px;}

.banner .gropCont { position: absolute; z-index: 2; width: 265px; height: 4px; left: 19.3%; top: 70%; background: rgba(255,255,255,.2);} 
.banner .gropCont i{ display: block; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #ffffff;}

@keyframes linearWidth{
	from{ width: 0;}
	to{ width: 100%;}
}

/*
.banner .swiper-pagination { width: 265px; left: 10%; top: 70%; background: rgba(255,255,255,.2);} 
.banner .swiper-pagination-progressbar-fill { background:#ffffff ;}  */


/*.header li h2 a { font-size: 14px; color: #ffffff; position: relative;}*/
/*.header ul li i { margin-left: 4px; vertical-align: -2px; display: inline-block;background: url(/Public/Home/default/images/ze-arrow-down@1x.png) center no-repeat; width: 16px; height: 16px;}*/

.header li h2 a { font-size: 14px; color: #ffffff; position: relative; display:block;}
.header li h2 a:after{ content:""; display:block; position:absolute; left:51%; right:51%; bottom:0; border-bottom:2px solid #e4001c; transition:all .5s linear;}
.header ul li i { margin-left: 4px; vertical-align: -2px; display:none;background: url(/Public/Home/default/images/ze-arrow-down@1x.png) center no-repeat; width: 16px; height: 16px;}
.header ul li.cur h2 a,.header ul li.hover h2 a{ color:#e4001c!important;}
.header ul li.cur h2 a:after,.header ul li.hover h2 a:after{ left:0; right:0;}


/*
.subBox { padding:30px 40px 22px; width: 100%; position: absolute; left: 0; top: 100px; background: #ffffff;display: none;} */
 
 

/*
@media screen and (max-width: 1280px){
.subBox .subTit{display:none;}
.header ul li dl{width:80%;height:auto;}
.header li:nth-child(2) dl, .header li:nth-child(3) dl{padding-left:1% !important;}
.header li .subBox{padding-left:1% !important;}
}
*/


.header .logo img {
    width: 152px;
}

.l_m{ display:block;}
.l_h{ display:none;}

 

.header ul li.cur h2 a,.header ul li.hover h2 a{ color:#e4001c!important;}
.header ul li.cur h2 a:after,.header ul li.hover h2 a:after{ left:0; right:0;} 

.header li .subBox {
    /* padding-left: calc(28vw + 28px); */
    padding: 0!important;
    text-align: center;
    line-height: 60px;
}



.header li .subBox a{ font-size:14px; margin:0 35px;}


.subBox dl{ overflow: hidden;}
.subBox dt { line-height: 1; float: left; margin-right: 30px;}
.subBox dt p { color: #333333; display: inline-block; margin-top: 10px; font-size: 12px; line-height: 25px;}
.subBox dt :hover p{border-bottom: 2px solid rgba(227, 31, 24, 1);}



.subBox .subTit { font-size: 14px; line-height:60px; margin-right: 40px; float: left;}
.subBox { padding:30px 0 22px; width: 100%; position: absolute; left: 0; top: 100px; background: #ffffff;display: none;}
.subBox dl{ float: left; overflow: hidden;}
.subBox dt { line-height: 1; float: left; margin-right: 30px;}
.subBox dt p { color: #333333; display: inline-block; margin-top: 10px; font-size: 12px; line-height: 25px;}
.header ul li.hover .subBox{ display:block;}


/*.subBox dt p:hover {border-bottom: 2px solid rgba(227, 31, 24, 1);} */

.lang { float: right; position: relative;}
.lang span { display: block; line-height: 100px;}
.lang span { color: #ffffff; font-size: 16px;}
.lang dl {display: none; padding:5px 0; position: absolute; top:100px; width:140px; left: 50%; transform: translateX(-50%); background: #ffffff; text-align: center;}
.lang dl dt a { color: #333333; display: block; font-size: 14px; color: #333333; display: block; transition:all .5s; line-height: 2.5;}
.lang dl dt a:hover { background:#E31F18 100%; color: #ffffff;}

 
/*.header.h_hover{ background:#fff !important; border-bottom:1px solid #e5e5e5;}*/
.header.h_hover{ background:#fff; border-bottom:1px solid #e5e5e5;}
.header.h_hover .l_m{ display:none;}
.header.h_hover .l_h{ display:block;}
.header.h_hover li h2 a{ color:#000;}
.header.h_hover .lang span{ color:#000;}

.introduce { position: relative;
    width: 62%;
    padding: 25px 0 0;
    max-width: 80%;
    margin: 80px auto 100px;
    overflow: hidden;}
.introduce:after { content: ''; position: absolute; left: 0; top: 0; width: 70px; height: 4px; background: rgba(227, 31, 24, 100);}
.ingroduceLeft { float: left;}
.ingroduceLeft p { font-size: 32px; line-height: 50px; color:#212121;font-weight:800;}
.introduceRight { float: right; width: calc(100% - 287px);}
.introduceRight p {	font-size:14px; line-height: 34px; margin-bottom: 16px; color: rgba(89, 89, 87, 100);text-align: justify;text-justify:distribute-all-lines; }
.introduceRight a { margin-top: 38px; display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid rgba(227, 31, 24, 100); color: rgba(227, 31, 24, 100); transition: all .5s;}
.introduceRight span{display: inline-block;vertical-align: top; font-size: 14px;margin-top: -5px;}
.introduceRight a:hover { color: #ffffff; background: rgba(227, 31, 24, 100);}
.contInt { padding: 11.19vw 0; background:url(/Public/Home/default/images/a1.jpg) center no-repeat; background-size: cover; background-attachment: fixed; text-align: center;}
.contInt h2 { font-size: 32px; line-height: 47px; margin-bottom: 30px; color: #ffffff; font-weight: 800;}
.contInt p { font-size: 16px; line-height: 26px; color: #ffffff; margin-bottom: 80px;}
.contInt a { margin: 0 auto; display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #ffffff; color: #ffffff; transition: all .5s;}
.contInt a:hover { color: #ffffff; background: rgba(227, 31, 24, 100); border: 1px solid rgba(227, 31, 24, 100);}
.productInt { width: 1520px; margin: 0 auto; max-width:80%; padding: 5.2vw 0 4.1vw;}
.productImg {overflow: hidden; float: left; width: 50%; height: 520px;}
.productImg img { transition: all .5s; width: 100%; height: 100%; object-fit: cover;}
.productImg:hover img { transform: scale(1.1);}
.productTxt { float: right; width: 50%; padding: 116px 0 0 4.1vw;}
.productTxt h2 { font-size: 20px; line-height: 40px; margin-bottom: 30px; font-weight: 800;}
.productTxt p { font-size: 16px; line-height: 34px; color: rgba(89, 89, 87, 100); margin-bottom: 80px;}
.productTxt a { display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid rgba(227, 31, 24, 100); color: rgba(227, 31, 24, 100); transition: all .5s;}
.productTxt a:hover { background:#E31F18 100%; color: #ffffff;}
.productInt li { margin-bottom: 40px; position: relative; overflow: hidden;}
.productInt li:nth-child(2n) .productImg{ float: right;}
.productInt li:nth-child(2n) .productTxt { float: left;}
.productInt li:last-child { margin-bottom: 0;}
.productInt li:after { content: ''; position: absolute; right: 0; bottom: 0; background: url(/Public/Home/default/images/sj1.png) center no-repeat; width: 60px; height: 60px;}
.productInt li:nth-child(2n):after { content: ''; position: absolute; left: 0; bottom: 0; background: url(/Public/Home/default/images/sj2.png) center no-repeat; width: 60px; height: 60px;}
.introduceSlide img { display: block; width: 100%;}
.news { padding: 4.1vw 0 5.2vw 10vw; background: #f5f5f5;}
.news h2 { font-size: 30px; font-weight:800;line-height: 47px; color: rgba(33, 33, 33, 100); margin-bottom: 35px; padding-top: 20px; position: relative;}
.news h2:after { content: ''; position: absolute; left: 0; top: 0; width: 70px; height: 4px; background: #E31F18;}
.newsImg {height: 300px; overflow: hidden; position: relative;}
.newsImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.artTag { position: absolute; right: 0; top: 0; color: #ffffff; background: #E31F18; line-height: 36px; font-size: 16px; width: 160px; text-align: center;}
.newsDate { color: #E31F18; font-weight: 200; font-size: 14px; line-height: 18px; margin: 25px 0;}
.newsTag { font-size: 16px; line-height:26px; margin-bottom: 30px; color: #595957; font-weight:600;height: 68px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsBar i { margin-bottom: 4.2vw; font-style: normal; display: block;display: block; font-size: 16px; width: 140px; text-align: center; line-height: 46px; border:1px solid rgba(227, 31, 24, 100); color: rgba(227, 31, 24, 100); transition: all .5s;}
.newsBar i:hover { background:#E31F18 100%; color: #ffffff;}
.newsSwiper .swiper-pagination { background: #ffffff; bottom: 0; top: auto; width: 1520px; max-width: 80%;}
.newsSwiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#E31F18 ;}

.newsList li:nth-of-type(odd) .artTag{left: 0;}

.contactPart { padding: 7.3vw 0 8.95vw; text-align:center; background: url(/Public/Home/default/images/contactPart.png) center no-repeat; background-size: cover;}
.contactPart h2 { font-weight: bolder; color: #ffffff; font-size: 30px; line-height: 55px; margin-bottom: 2.6vw;}
.contactPart a { margin: 0 auto; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #fff; color:#fff; transition: all .5s;}
.contactPart a:hover { background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;}
.footer { background:#24252F; padding-top: 3.125vw;}
.footerTop { width: 1520px; margin: 0 auto; max-width:80%; overflow: hidden;}
.footerTop ul { float: left; overflow: hidden;}
.footerTop li { float: left; margin-right: 5.2vw;}
.footerTop h2 { line-height: 21px; margin-bottom: 15px;}
.footerTop li h2 a { color: #DCDCDC; font-size: 16px;}
.footerTop li p { font-size: 13px; line-height: 18px; margin-bottom: 10px;}
.footerTop li p a { transition: all .5s; color: #ffffff;}
.footerTop li p:hover a { opacity: .6;}
.focuseUs { float: right;}
.focuseUs h2{ font-size: 15px; color: #DCDCDC; line-height: 21px; padding-bottom: 16px; border-bottom: 1px solid rgb(120,120,120);}
.linkBox { margin-top: 18px;}
.linkBox a { margin-right: 32px; float: left;}
.linkBox a:last-child { margin-right: 0;}
.linkBox:after { content: '';  display: block; height: 0; clear: both;}

.wx_b{
    display: none;
}
.linkBox a:hover div.wx_b{
left: 64%;
    top: auto;
    display: block!important;
    transform: translateX(-50%);
    -webkit-transform: translateY(-160%);
}
.linkBox div.wx_b {
position: absolute;
top：-100px;
background: none;
    overflow: hidden;
    border: none;
    display:none;
}

.copyRight { width: 1520px; margin: 30px auto 0; max-width:80%; border-top: 1px solid #787878; padding: 15px 0 40px; overflow: hidden;}

.copyRight p { margin-right: 78px; float: left; font-size: 12px; line-height: 16px; color: #DCDCDC;}
.copyRight p a{ color: #DCDCDC; transition: all .5s;}
.copyRight p:hover a { color: #ffffff;}
.insideBanner img { display: block; width: 100%;}
.aboutArticle {text-align: justify; padding: 8.23vw 18.645vw 0 10.416vw; overflow: hidden;}
.aboutArticle .aboutTit { position: relative; float: left;}
.aboutTit h2 { color: #212121; font-size: 32px; line-height: 48px; padding-top: 25px;font-weight:600;}
.aboutArticle .aboutTit::after { content: ''; width: 70px; height: 4px; background: #E31F18; position: absolute; left: 0; top: 0;}
.aboutInfor { float: right; width: calc(100% - 384px);}
.aboutInfor p { font-size: 14px; line-height: 34px; color:#333333; font-weight: 200; margin-bottom: 20px;}
.aboutIntroudce>img { display: block; width: 100%;}
.mapInfor { background: #F5F5F5; padding: 7vw 0 2.86vw;}
.mapInfor h2 { font-size: 32px; line-height: 47px; text-align: center; color: #E31F18; margin-bottom: 60px;font-weight: 600;}
.mapInfor h3 { font-size: 22px; line-height:45px; text-align: center; color: #333333;font-weight: 600;}
.mapInfor>p { margin-bottom: 28px; font-size: 16px; line-height:45px; text-align: center; font-weight: 200; color: #333333;}
.mapCont { width: 1520px; position: relative; margin: 0 auto; max-width: 80%;}
.mapCont img { max-width: 100%; margin: 0 auto; display: block;}
.posCont { position: absolute; border-radius: 50%;}
.posCont.pos1 {  left: 36.64%; top: 38.56%;border: 10px solid rgba(89, 27, 183,.2);}
.posCont.pos2 {  left: 33.88%; top: 44.14%;border: 10px solid rgba(233, 157, 66, .2);}
.posCont.pos3 {  left: 35.32%; top: 43.315%;border: 10px solid rgba(227, 82, 5, .2);}
.posCont.pos4 {  left: 37.17%; top: 43.484%;border: 10px solid rgba(227, 31, 24, .2);}
.posCont.pos5 {  left: 35%; top: 49.33%;border: 10px solid rgba(15, 64, 245,.2);}
.posCont.pos6 {  left: 70.7%; top: 39.89%;border: 10px solid rgba(64, 149, 229, .2);}
.posCont.pos7 {  left: 31.58%; top: 44.14%;border: 10px solid rgba(233, 157, 66, .2);}
.posCont>span { display: block; width: 15px; border-radius: 50%; height: 15px;}
.posCont.pos1>span {animation: optAni 2s infinite linear; background: #591BB7; }
.posCont.pos2>span {animation: optAni 1.7s infinite linear; background:rgba(233, 157, 66, 1); }
.posCont.pos3>span {animation: optAni 2.2s infinite linear; background:rgba(227, 82, 5, 1); }
.posCont.pos4>span {animation: optAni 2.1s infinite linear; background: rgba(227, 31, 24, 1); }
.posCont.pos5>span {animation: optAni 1.8s infinite linear; background: rgba(15, 64, 245, 1); }
.posCont.pos6>span {animation: optAni 1.9s infinite linear; background: rgba(64, 149, 229, 100); }
.posCont.pos7>span {animation: optAni 1.7s infinite linear; background:rgb(20 181 129); }

.posCont div{position: absolute; display: none; bottom:200%; left:0; transform: translateX(-50%); border-radius: 4px; width: 200px;box-shadow: 0px 0px 10px 0px #cccccc; background: #ffffff;
    padding: 15px;}
.posCont:hover div { display: block;}
.posCont div{
    position: absolute;
    padding: 15px;
}
.posCont div b{
    position:absolute;top:100%;left:50%;
    width: 0;height: 0;border-width:15px;
    border-style: solid dashed dashed;
    border-color: #ffffff transparent transparent;
    margin-top: -2px;
    margin-left: -7px;
	
}
.posCont div p{
    display: flex;
    margin-top: 8px;
    font-size: 14px;

}
.posCont p #title {
    color: red;
    font-size: 16px;
    font-weight: 800;
}
.posCont div p i {margin-top:4px;}
.posCont div p i img{width: 14px; vertical-align: middle;
    display: block;
    max-width: none;}
.posCont div span{
    display: block;
	color: #666666; font-size: 12px;
}


.culture { padding: 2.86vw 0 3.64vw; background: #f5f5f5;}
.cultureTit { text-align: center; font-size: 30px;font-weight: 600; margin-bottom: 58px; line-height: 47px; color: rgba(227, 31, 24, 1);}
.culture ul { width: 1520px; margin: 0 auto; max-width: 80%;}
.culture li { background: #ffffff; position: relative; margin-bottom: 58px; overflow: hidden;}
.culture li .cultrueImg{ height: 452px; float: left; width: 53%;}
.culture li .cultrueImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.culture li .cultureTxt { padding: 57px 3.645vw 0 5.9vw; float: right; width: 47%;}
.culture li:nth-child(2n) .cultrueImg { float: right;}
.culture li:nth-child(2n) .cultureTxt { float: left;}
.culture li:after { content: ''; position: absolute; right: 0; bottom: 0; background: url(/Public/Home/default/images/sj1.png) center no-repeat; width: 60px; height: 60px;}
.culture li:nth-child(2n):after { content: ''; position: absolute; left: 0; bottom: 0; background: url(/Public/Home/default/images/sj2.png) center no-repeat; width: 60px; height: 60px;}
.culture li:nth-child(odd) h3,.culture li:nth-child(odd) h4,.culture li:nth-child(odd) h5{ text-align: right;}
.cultureTxt h3 { color: rgba(227, 31, 24, 100); font-size: 24px;font-weight: 600; line-height: 40px; margin-bottom: 17px;}
.cultureTxt h4 { font-size: 18px; line-height: 37px; font-weight: 200; color: #333333;}
.cultureTxt h5 { font-size: 18px; font-weight: 600;line-height: 32px; color: #333333; margin-bottom: 24px;}
.cultureTxt p {padding-left: 37px; border-left: 1px solid #BBBBBB; font-size: 14px; line-height: 28px; color: #333333; text-align: justify; font-weight: 200;}
.culture li:nth-child(3) .cultrueImg { height: 622px;}
.culture dt { margin-bottom: 26px; padding-left: 140px; position: relative; overflow: hidden;}
.culture dt span { position: absolute; font-size: 18px;font-weight: 600; color: #333333; left: 0; top: 50%; transform: translateY(-50%);}
.culture dt p { line-height:27px ; float: left;}
.core { background: #f5f5f5; padding-bottom:5.2vw ;}
.coreTit {  text-align: center; font-size: 30px;font-weight: 600; margin-bottom: 58px; line-height: 47px; color: rgba(227, 31, 24, 1);}
.corePic { width: 1520px; margin: 0 auto; max-width: 80%;}
.corePic img { display: block; width: 100%;}
.core ul { max-width: 80%; width: 1520px; margin: 48px auto 0;}
.core ul:after{ content: ''; clear: both; display: block; height: 0;}
.core li { transition: all .5s; float: left; width: 24.5%; margin-right: 0.666%;}
.core li:last-child { margin-right: 0;}
.coreImg { height: 205px;}
.coreImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.coreTxt { height: 292px; background: #ffffff; padding: 28px 5% 0;}
.coreTxt h2 { font-size: 20px; color: #4f4f4f; font-weight: bold; line-height: 35px; padding-bottom: 14px; border-bottom: 2px solid #C4C4C4;}
.coreTxt p { font-size: 14px; line-height: 24px; color:#4f4f4f; font-weight: 200; margin-top: 14px;}
.core li:hover .coreTxt h2{border-bottom: 2px solid rgba(227, 31, 24, 1);}
.core li:hover{ margin-top:-10px;}
.step { background: #F5F5F5;}
.step ul {padding-top: 50px; position: relative; overflow: hidden; width: 1520px; max-width: 80%; margin: 0 auto;}
/*.step ul {padding-top: 100px; position: relative; overflow: hidden; width: 1520px; max-width: 80%; margin: 0 auto;}*/
.step ul:after { content: ''; position: absolute; left: 50%; top: 0; width:4px; background: #CECECE; top: 0; bottom: 400px;}
.step li { background: #ffffff; margin-bottom: 108px; float: left; width: 528px;}
.dataCont:after { content: ''; background: #E31F18; height: 2px; top: 54px;left: -200%; width:200%; position: absolute;}
.step li:nth-child(2n) .dataCont:after { content: ''; background: #E31F18; height: 2px; top: 54px;left: 100%; width:200%; position: absolute;}
.step li:nth-child(2n) { float: right; width: 528px;}
.step li:nth-child(2n){ margin-top: ;}
.step li:nth-child(2) { margin-top: 296px;}
.stepTxt { padding: 40px 40px 0; height: 178px; background: #ffffff;}
.stepTxt p { line-height: 32px; font-size: 23px; font-weight: 200; color: #333333;}
.stepTxt p span{font-weight:600;}
.stepImg { position: relative; z-index: 3; background: #ffffff; height: 296px;}
.stepImg img { display: block; max-width: 90%; margin: 0 auto; height: auto;}
.dataCont { z-index: 2; width: 110px; height: 110px; margin-top: 90px; position: absolute; left: 50%; transform: translateX(-50%); background: #E31F18;}
.dataCont p { color: #ffffff; position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); font-size: 22px; font-weight: 600;line-height:20px;}
.sunPage { padding-top: 8vw; background: #f5f5f5;}
.sunEnergyArt { width: 1520px; max-width: 80%; margin: 0 auto;}
.sunTit h2 { font-size: 28px;font-weight: 600; line-height: 46px; color: #E31F18; margin-bottom: 15px;}
.sunTit p { font-size: 20px;font-weight: 600; color: #000000; line-height: 39px;}
.sunTit { position: relative; margin-bottom: 40px; padding-top: 33px;}
.sunTit::after { content: ''; width: 70px; height: 4px; position: absolute; left: 0; top: 0; background: #E31F18;}
.sunInfor p { font-size: 14px; line-height: 35px; color: #000000; font-weight: 200;}
.sunArticle { margin-bottom: 8vw;}
.sunCase ul {padding-bottom: 7vw; overflow: hidden;}
.sunCase li { width: 49%; float: left;}
.sunCase li:nth-child(2){ float: right;}
.sunImg { height: 390px;}
.sunImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.caseArt { position: relative; background: #ffffff; height: 360px; padding: 30px 30px 0;}
.caseArt h2 { font-size: 34px;font-weight: 600; color: #E31F18; line-height: 45px; margin-bottom: 27px;}
.caseArt p {padding-left: 21px; height: 136px; border-left: 3px solid #CECECE; overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; font-size:14px; line-height: 26px; font-weight: 200; color: #101010;}
.caseArt a { margin:30px 0 0; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #E31F18; color:#E31F18; transition: all .5s;}
.caseArt a:hover { background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;}
.caseArt:after {content: ''; position: absolute; right: 0; bottom: 0; background: url(/Public/Home/default/images/sj1.png) center no-repeat; width: 60px; height: 60px;}
.sunCase.semicCase li { width: 32.27%; margin-right:1.595%; float: left;}
.sunCase.semicCase li:nth-child(2) { float: left;}
.sunCase.semicCase li:last-child { margin-right: 0;}
.sunCase.semicCase li .sunImg { height: 260px;}
.sunCase.semicCase li .caseArt { position: relative; background: #ffffff; height:520px; padding: 30px 48px 0;}
.sunCase.semicCase li .caseArt a{ position: absolute; bottom: 29px; left: 48px; width: 120px; line-height: 40px;}
.sunCase.semicCase li .caseArt p { -webkit-line-clamp:9; height: auto;}
.storeInfor {padding-top: 46px; position: relative;}
.storeInfor::after { content: ''; width: 70px; height: 4px; position: absolute; left: 0; top: 0; background: #E31F18;}
.storePage { padding-top: 8.23vw;}
.storePro { padding: 54px 0 9vw; background: #f5f5f5;}
.storeproCont { width: 1520px; margin: 0 auto; max-width: 80%;}
.storeTit { margin-bottom: 34px;}
.storeTit h2 { font-size: 30px;font-weight:600; line-height: 46px; color:#E31F18 ;}
.storeTit p { font-size: 16px; line-height: 36px; color: #000000; font-weight: 200;}
.storeSwiper { position: relative;}
.storeSwiper .swiper { width: 100%; height: 100%;}
.storeSwiper .swiper-slide { text-align: center; font-size: 18px; background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.storeSwiper .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;  
   /* 
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    margin: auto;
    position: relative;
    margin-top: 30px;
    */
    
}
.storeProduct a { display: block;}
.storeProduct {overflow: hidden;}
.stroePic img{ display: block; width: 100%; height: 100%; object-fit: cover;} 
 

.stroePic {float: left; width: calc(100% - 772px);display: flex;
  align-items: center;
  justify-content: center;height: 100%;position: relative;}
  
.storeIntroduce { padding:63px 5.7vw 0 8.4vw; text-align: left; float: right; width: 772px;}
.storeIntroduce h2 { margin-bottom:8px; font-size: 22px;font-weight:800; color: #E31F18; line-height: 38px;}
.storeIntroduce li h3 { color: #000000; font-size: 18px;font-weight:600;  line-height:26px; margin-bottom: 6px;}
.storeIntroduce p { padding-left: 17px; position: relative; font-size: 14px; line-height:26px; font-weight: 200; color: #000000;}

.storeIntroduce li{padding-bottom: 17px; position: relative; margin-bottom: 18px;}
.storeIntroduce p::after{ content: ''; position: absolute; left: 0; top: 5px; bottom: 5px; width: 2px; background:#E31F18 ;}
 
/*.storeIntroduce li::before { content: ''; position: absolute; left: 0; bottom: 0; width: 136px; height: 1px; background: #BBBBBB;}*/
.storeIntroduce li::before { content: ''; position: absolute; left: 0; bottom: 0; width: 136px; height: 1px; background: #BBBBBB;}
 
.storeIntroduce li:last-child::before { display: none;}
.storeSwiper .swiper-button-next { left: auto; right: -126px; width: 80px; height: 80px; background: url(/Public/Home/default/images/next.svg) center no-repeat #E1E1E1; transform: rotate(180deg);}
.storeSwiper .swiper-button-prev { left: -126px; width: 80px; height: 80px; background: url(/Public/Home/default/images/prev.svg) center no-repeat #E1E1E1;}
.storeSwiper .swiper-button-next:after,.storeSwiper .swiper-button-prev::after { content: '';}
.noticeProduct .storeTit { text-align: right; margin-top: 6.875vw;}
.storeProduct { position: relative; background: #ffffff; display: flex;}  /*图片要垂直居中*/
/*.storeProduct::after { content: ''; position: absolute; right: 772px; top: 0; height: 100%; width: 1px;
background: #bbbbbb;}   */

.storeIntroduce ul li:nth-child(odd)::after { display: none;} 
 
.storeIntroduce li:last-child::after { display: none;}
.noticeProduct .stroePic {box-sizing: border-box; }
.noticeProduct .storeIntroduce li { margin-bottom: 10px;}
.noticeProduct .storeIntroduce h2 { margin-bottom: 17px;font-weight:600;}
.noticeProduct .storeIntroduce li { margin-bottom: 10px; padding-bottom: 10px;}
.noticeProduct .storeIntroduce {padding-top: 52px; float: right; width: 772px;}
.newPage.newPage {padding-top: 8vw; padding-bottom: 5.7vw; background: #ffffff;}
.newsList { padding: 5.2vw 0 10vw; background: #f5f5f5;}
.newsList li { position: relative; margin-bottom: 75px; background: #ffffff; overflow: hidden; position: relative;}
.newsList li:after {content: ''; position: absolute; right: 0; bottom: 0; background: url(/Public/Home/default/images/sj1.png) center no-repeat; width: 60px; height: 60px;}
.newsList li:nth-child(2n):after {content: ''; position: absolute; left: 0; bottom: 0; background: url(/Public/Home/default/images/sj2.png) center no-repeat; width: 60px; height: 60px;}
.newsPic { float: left; width: calc(100% - 854px); height: 440px; position: relative;}
.newsPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.newsList ul { width: 1520px; margin: 0 auto; max-width:80%;}
.newsInfor { padding: 39px 2.86vw; float: right; width: 854px;}
.newsInfor span { color: rgba(227, 31, 24, 100); font-size: 16px;font-weight:400; display: block; margin-bottom: 30px;}
.newsInfor h2 { font-size:20px;font-weight:600; color: #595957; line-height: 37px; height: 74px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;
/*margin-bottom: 21px;*/}
.newsInfor p { color: #595957; font-weight: 200; font-size:16px; line-height: 34px; height: 102px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newsInfor b { margin:58px 0 0; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #E31F18; color:#E31F18; transition: all .5s;}
.newsInfor b:hover { background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;}
.newsList li:nth-child(2n) .newsPic { float: right;}
.newsList li:nth-child(2n) .newsInfor { float: left;}
.fpage { text-align: center;}
.fpage a ,.current{ margin: 0 3px; transition: all .5s; font-weight: 200; color: #333333; font-size: 16px; display: inline-block; border-radius: 4px; vertical-align: top; box-sizing: border-box; line-height: 32px; width: 32px; background: #ffffff; border: 1px solid rgb(232,232,232);}
.fpage .current {border: 1px solid #E31F18; color:#E31F18;}
.fpage a:hover {border: 1px solid #E31F18; background:#E31F18; color: #ffffff;}
.articlePage {overflow: hidden; padding: 8.23vw 18.75vw 6vw 10.4vw;}
.articleBig { float: left; font-size: 30px; line-height: 48px; padding-top: 27px; position: relative; color: #E31F18;font-weight:600;}
.articleBig:after { content: ''; position: absolute; left: 0; top: 0; width: 70px; height: 4px; background:#E31F18 ;}
.articleBox { float: right; width: calc(100% - 384px);}
.articleTit h2 { font-size: 36px; font-weight:600;line-height: 56px; color:#212121 ;}
.articleTit span { font-weight: 200; line-height: 48px; font-size: 20px;     color: #343333;}
.articleTit { margin-bottom: 40px;}
.articleInfor img { max-width: 100%; display: block; margin: 0 auto 44px;}
.articleInfor p { font-size: 16px; line-height: 30px; font-weight: 200; color: #333333; *margin-bottom: 40px;}
.articleCell { display: flex;flex-direction:row; justify-content: space-around;}
.cellLeft,.cellRight { flex: 1;}
.pageControl { margin-top: 60px; text-align: right;}
.pageControl a { margin-left: 16px; font-size: 16px; width: 180px; line-height: 46px; color: #E31F18; border: 1px solid #E31F18; text-align: center; display: inline-block;vertical-align: top;}
.pageControl a img { vertical-align: -2px; margin-right: 13px;}
.pageControl a:nth-child(2) img { transform: rotate(180deg); margin-right: 0; margin-left: 13px;}


.jianli{ background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;margin: 0 auto; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #fff; color:#fff; }
.jianli:hover{color:#fff; transition: all .5s;}
.growUpIntroduce { text-align: center; font-weight: 200; font-size: 14px; line-height: 50px; padding: 50px 0; margin: 3.875vw 0;}
.jobList { width: 1520px; margin: 0 auto; max-width:80%;}
.jobList li { margin-bottom: 46px; padding: 60px 163px 55px 80px; background: #F5F5F5; position: relative;}
.jobList li:last-child {margin-bottom: 0;}
.jobList li:after { content: ''; position: absolute; right: 0; bottom: 0; background: url(/Public/Home/default/images/sj1.png) center no-repeat; width: 60px; height: 60px;}
.jobInfor h2 { margin-bottom: 10px; font-weight: bold; font-size: 18px; line-height: 26px; color: #595957;}
.jobInfor p {font-size: 14px; line-height: 26px; color: #595957; font-weight: 200;}
.jobTitle {background: url(/Public/Home/default/images/manager.svg) left center no-repeat; background-size: 70px; padding-left:90px; margin-bottom: 25px;}
.jobTitle h2 { font-weight: bold; margin-bottom: 7px; font-size: 28px; line-height: 1.5; color: #595957;}
.jobTitle p { font-size:20px; font-weight: 200; line-height: 1.5;}
.jobInfor {overflow: hidden;}
.jobIntroduce { float: left; width: 48.2%;}
.jobIntroduce.controlLength{overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 8;-webkit-box-orient: vertical; height: 218px; overflow: hidden;}
.jobNeed { float: right; width: 43.75%;}
.jobList .readMore { cursor: pointer; margin:30px 0 0; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #E31F18; color:#E31F18; transition: all .5s;}
.jobList .readMore:hover { background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;}
.jobList .fpage { margin: 6.8vw 0 0;}
.investIntroduce { width: 1520px; overflow: hidden; margin: 0 auto; max-width:80%; padding: 5.2vw 0;}
.investLeft h2 { margin-bottom: 30px; font-size: 20px;font-weight:600; line-height: 48px; margin-bottom: 31px; font-family: 'font1';/*font-family: 'OPPOSans-bold';*/}
.investNum {line-height: 1;}
.investNum a { margin-left: 58px; color: #101010; font-size: 16px;}
.investNum a img {transform: rotate(-90deg); vertical-align: -4px;}
.investNum span { font-size: 35px; color:#E31F18 ;font-weight:600;}
.investNum b { color: #101010; font-size: 16px;}
.investLeft { float: left;}
.investRight { float: right;}
.investRight h2 { margin-bottom: 32px; font-size: 16px; text-align: right; color: #9A9A9A;}
.investRight ul {overflow: hidden;}
.investRight li { float: left; margin-left: 65px;}
.investRight li p { font-size: 16px; line-height: 1; margin-bottom: 20px; color: #101010;font-weight:600;}
.investRight li span { color:#E31F18; font-size: 25px; line-height: 48px;font-weight:600;}
.invCont { background: #f5f5f5; padding: 6.8vw 0;}
.invList { width: 1520px; max-width:80%; margin: 0 auto;}
.invList li { margin-bottom: 40px; background: #ffffff; position: relative; overflow: hidden;}
.invImg { float: left; width: calc(100% - 760px); height: 520px;}
.invImg img { display: block; width: 100%; height: 100%; object-fit: cover;}
.invTxt { float: left; width: 760px; padding: 125px 180px 0 130px;}
.invTxt h2 { font-size: 24px; color: #212121; margin-bottom: 20px;font-weight:600;}
.invTxt p { height: 165px; font-weight: 200; font-size: 16px; color: #000000;}
.invList li:nth-child(2n) .invImg { float: right;}
.invList li:after {content: ''; position: absolute; right: 0; bottom: 0; background: url(/Public/Home/default/images/sj1.png) center no-repeat; width: 60px; height: 60px;}
.invList li:nth-child(2n):after {content: ''; position: absolute; left: 0; bottom: 0; background: url(/Public/Home/default/images/sj2.png) center no-repeat; width: 60px; height: 60px;}
.invList li span { cursor: pointer; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #E31F18; color:#E31F18; transition: all .5s;}
.invList li span:hover { background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;}
.trendsTit { margin-bottom: 37px; position: relative; font-size:26px;font-weight:600; line-height: 46px; padding-top: 22px;}
.trendsTit:after { content: ''; position: absolute; left: 0; top: 0; background:#E31F18 ; width: 70px; height: 4px;}
.trends { width: 1520px; max-width:80%; margin: 5.2vw auto 0;}
.trendInfor { position: relative; background:url(/Public/Home/default/images/trendImg.png) center no-repeat; background-size: cover; position: relative; padding: 210px 0 128px 124px;}
.trendInfor h2 { font-size: 26px; line-height: 46px; margin-bottom: 22px; color: #ffffff;font-weight:600;}
.trendInfor p { font-size: 16px; color: #ffffff; line-height: 34px;}
.trendInfor a { cursor: pointer; position: absolute; right: 115px; bottom: 95px; display: block;display: block; font-size: 16px; width: 180px; text-align: center; line-height: 46px; border:1px solid #fff; color:#fff; transition: all .5s;}
.trendInfor a:hover { background:#E31F18 100%; color: #fff; border: 1px solid #E31F18;}
.introduceTxt { position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%);}
.introduceTxt h2 { line-height: 1; font-weight: bold; color: #ffffff; font-size: 26px; margin-bottom: 30px;}
.introduceTxt p { color: #ffffff; font-size: 16px;line-height: 26px;}
.introduceTxt span { display: block; background:#E31F18; width: 140px; line-height: 40px; color: #ffffff; font-size: 16px; margin: 40px auto 0;}
@keyframes optAni{
	from{ opacity: 1;}
	50% {opacity: .5;}
	to{ opacity: 1;}
}




/* 自适应 + 强制 */
@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18),
  (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-ratio: 1.18),
  (min-resolution: 1.09dppx) and (max-resolution: 1.18dppx) {
  :root {
    font-size: 14px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.19) and (-moz-max-device-pixel-ratio: 1.28),
  (-webkit-min-device-pixel-ratio: 1.19) and (-webkit-max-device-pixel-ratio: 1.28),
  (min-resolution: 1.19dppx) and (max-resolution: 1.28dppx) {
  :root {
    font-size: 13px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.29) and (-moz-max-device-pixel-ratio: 1.4),
  (-webkit-min-device-pixel-ratio: 1.29) and (-webkit-max-device-pixel-ratio: 1.4),
  (min-resolution: 1.29dppx) and (max-resolution: 1.4dppx) {
  :root {
    font-size: 12px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.41) and (-moz-max-device-pixel-ratio: 1.6),
  (-webkit-min-device-pixel-ratio: 1.41) and (-webkit-max-device-pixel-ratio: 1.6),
  (min-resolution: 1.41dppx) and (max-resolution: 1.6dppx) {
  :root {
    font-size: 10px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.61) and (-moz-max-device-pixel-ratio: 1.8),
  (-webkit-min-device-pixel-ratio: 1.61) and (-webkit-max-device-pixel-ratio: 1.8),
  (min-resolution: 1.61dppx) and (max-resolution: 1.8dppx) {
  :root {
    font-size: 9px;
  }
}
@media all and (-moz-min-device-pixel-ratio: 1.81) and (-moz-max-device-pixel-ratio: 2.1),
  (-webkit-min-device-pixel-ratio: 1.81) and (-webkit-max-device-pixel-ratio: 2.1),
  (min-resolution: 1.81dppx) and (max-resolution: 2.1dppx) {
  :root {
    font-size: 8px;
  }
}

 

@media screen and (max-width: 1920px){
    
    /*顶部*/
    .header li:nth-child(2) dl, .header li:nth-child(3) dl{padding-left: calc(7.6vw + 7.6px);}
    /*顶部*/
    .aboutIntroudce>img{ margin-top: -6.4%;}
    
    .culture dt span{left: 5%;font-size: 16px;}
    .culture li .cultureTxt{padding-top: 78px;    padding-left: 55px;}
    .culture li .cultrueImg{width: 52%;}
    .culture li:nth-child(3) .cultrueImg { height: 562px;}
    .culture dt{padding-left: 110px;}
    .cultureTxt p { font-size: 14px!important;}
    
    .step li{width:540px;margin-bottom: 100px;}
    .step li:nth-child(2n){width:540px;}
  
    .stepTxt p{font-size:16px;}
    .dataCont{width:88px;height:88px;}
    .step ul:after{bottom: 430px;}
    .stepTxt{padding: 26px 40px 0;width: 87%;height: 158px;}
    .stepImg{height: 260px;}
    
    .culture li:nth-child(2n) .cultureTxt{width: 38%;}
    
    /*几处 查看更多*/
    .introduceRight a{width: 140px;font-size: 14px; line-height: 36px;}
    .productTxt a{width: 140px;font-size: 14px; line-height: 36px;}
    .contInt a{width: 140px;font-size: 14px; line-height: 36px;}
    .contactPart a{width: 140px;font-size: 14px; line-height: 36px;}
    .caseArt a{width: 140px;font-size: 14px; line-height: 36px;}
    .jobList .readMore{width: 140px;font-size: 14px; line-height: 36px;}
    /*新闻*/
    .newsImg{height: 233px; width: 350px;}
    .newsInfor{width:58%;}
    .newsPic {  width: 42%;  height: 340px;}
    .newsInfor{padding: 26px 2.86vw;}
    .newsInfor b{width: 140px;font-size: 14px; line-height: 36px;margin: 5px 0 0;}
    .newsBar i{width: 140px;font-size: 14px; line-height: 36px;}
    
    /*投资者*/
    .invTxt{width: 50%;padding: 125px 140px 0 100px;}
    .invImg{width: 50%;height: 450px;}
    .invList li span{width: 140px;font-size: 14px; line-height: 36px;}
    
    /*底部*/
    .linkBox a:hover div.wx_b{left: 67%;}
    
    /*底部*/
    
}




@media screen and (max-width: 1780px) {
	.storeSwiper .swiper-button-prev { left: 0; width: 50px; height: 50px; background-size: 70% auto;}
	.storeSwiper .swiper-button-next {right: 0; width: 50px; height: 50px; background-size: 70% auto;}
	.banner .swiper-pagination { left: 10%; background: rgba(255,255,255,.2);}
	.banner .swiper-pagination-progressbar-fill { background:#ffffff ;}
	.footerTop li{ margin-right:3vw;}
	.caseArt h2 { font-size: 20px;}
	.cultureTxt p { font-size: 16px;}
	.culture li .cultureTxt {padding-left: 40px; padding-top: 30px;}
}
@media screen and (max-width: 1400px) {
	
	.storeProduct::after { right: 600px;}
	.sunCase.semicCase li .caseArt{padding: 30px 30px 0;}
	.aboutInfor { width: calc(100% - 284px); }
	.culture dt p { line-height: 26px;}
	.culture li .cultureTxt{padding-top: 40px;}
	.coreTxt p { font-size: 13px; line-height: 20px;}
	.step li,.step li:nth-child(2n) { width: 380px;}
	.stepImg img{height:auto;}
	.stepImg{height:auto;}
	.stepTxt{height:140px;padding: 30px 40px 0;}
	
	.dataCont{    width: 70px;
    height: 70px;
    margin-top: 80px;    transform: translateX(-40%);}
    .dataCont p{font-size:18px;}
    .dataCont:after{top: 34px;}
	
	.stepTxt p { font-size: 16px; line-height: 25px;}
	.articleBox { width: calc(100% - 284px);}
	.articlePage { padding: 8vw 10vw;}
	.noticeProduct .storeIntroduce,.storeIntroduce { width: 600px; padding: 20px;}
	.storeIntroduce p { font-size: 16px; line-height: 22px;}
	.stroePic { width: calc(100% - 600px);}
	.storeIntroduce li h3 { font-size: 18px;}
	.storeSwiper .swiper-button-next,.storeSwiper .swiper-button-prev { opacity: 0; transition: all .5s;}
	.storeSwiper:hover .swiper-button-next,.storeSwiper:hover .swiper-button-prev { opacity: 1;}
	.investRight li:first-child {margin-left: 0;}
	.investLeft h2 { font-size: 26px;}
	.investNum span { font-size: 50px;}
	.investNum b { font-size: 16px;}
	.investNum a { font-size: 16px; margin-left: 30px;}
	.investRight li p { font-size: 16px;}
	.investRight li span { font-size: 30px;}
	.investRight h2 { font-size: 14px;}
	.invTxt { width: 50%; padding: 85px 60px 0;}
	.invTxt p{ height: 120px; font-size: 18px; line-height: 1.5;}
	.invImg { width: 50%; height: 420px;}
	.trendInfor { padding: 120px 40px;}
	.trendInfor a { right: 40px; width: 120px; line-height: 32px; font-size: 14px;}
	.newsPic { width: 40%;}
	.newsInfor { width: 60%;}
	
	/*顶部*/
	/*.header .logo{width:14%;}*/
	.header .logo img{width:142px;}
	.header{padding: 0 4vw 0 4vw ;}
	.header li h2 a{font-size:13px ;}
	.header li:nth-child(2) dl, .header li:nth-child(3) dl { padding-left: calc(5vw + 13px);     }
	.subBox .subTit{margin-left: -30px;}
	/*关于*/
	.culture li .cultrueImg{width:52% !important;}
	.cultureTxt p{font-size:13px !important;line-height: 24px !important;}
	.aboutIntroudce>img{margin-top: -6vw;}
	.culture li .cultrueImg{ height: 352px !important;}
	.culture li:nth-child(3) .cultrueImg { height: 500px !important;}
	.culture dt span{font-size:16px !important;top: 40%!important;}
	.culture dt{padding-left: 100px!important;}
	.cultureTxt p{padding-left: 20px;}
	.coreTxt h2{font-size:18px !important;}
	.step li{margin-bottom: 208px;}
	.step ul:after{bottom: 450px;}
	.culture li .cultureTxt{padding-left: 60px;}
	.culture li:nth-child(2n) .cultureTxt{width: 40%;}
	/*关于*/
	
	    /*新闻*/
    .newsImg{height: 180px; width: 270px;}

	
	/*底部*/	
	.focuseUs h2{font-size: 14px !important;}
	.footerTop li h2 a{font-size: 14px !important;}
	/*底部*/
	.newsInfor p { font-size: 16px;}
	.newsInfor b { width: 120px; line-height: 40px;}
}
@media screen and (max-width: 1280px) {
	
	
	.sunEnergyArt,.introduce,.productInt,.newsList ul {max-width: 90%;}
	.caseArt h2 { font-size: 26px; line-height: 1;}
	.footerTop li { margin-right: 3.2vw;}
	.header { padding: 0 4%;}
	.header ul li { margin: 0 10px;}
	.header .logo img{width:104px;height:auto;}
	.header { height: 60px;}
	.lang { margin-right: 10px;}
	.lang span{line-height: 60px;}
	
	.logo img { height: 35px; width: auto;}
	.header .logo { margin-top: 14px;}
	.header ul li {line-height: 60px;}
	.cultureTxt p { font-size: 12px; line-height: 2;}
	.culture dt p { font-size: 12px; line-height: 2;}
	.culture li .cultureTxt { padding-left: 40px;}
	.cultureTxt p {padding-left: 30px;}
}
@media screen and (max-width: 1080px) {
	.header li .subBox {padding-left: 0;height: 150px !important;overflow:hidden;}
	.subTit { display: none;}
	.header li dl {padding-left: 0!important;}
	.header ul li dl {   padding: 0;  position: static;transform: translate(0);width: 100%;background: none;}
.subBox dt {float: none;margin: 0;}

.header.h_hover{ background:none; border-bottom:none;}
.header ul li i{ display:inline-block;}
.header.h_hover .l_m{ display:block;}
.header.h_hover .l_h{ display:none;}
.header.h_hover li h2 a{ color:#fff;}

.header li .subBox a {
    display: block;
    color: #fff;
}

	.storeProduct::after { display: none;}
	.culture ul,.core ul,.step ul,.invList,.trends {max-width: 92%;}
	.culture li:after,.culture li:nth-child(2n):after,.caseArt:after,.invList li:nth-child(2n):after,.invList li:after{width: 30px; height: 30px;}
	.bannerPage { top: 80%;}
	.bannertext h2{font-size: 26px;}
	.bannertext h3{font-size: 16px;margin-bottom: 15px;}
	.bannertext a{width: 120px;line-height: 40px; margin-top: 20px;}
	.caseArt h2 { font-size: 20px;}
	.sunTit h2,.sunTit p { font-size:18px; line-height: 1;}
	.trendsTit { font-size: 20px; line-height: 1; margin-bottom: 20px;}
	.investLeft h2 { font-size: 20px; margin-bottom:10px; line-height: 1.5;}
	.investNum a { font-size: 14px; background-size: auto; }
	.investNum a img { width: 14px; vertical-align: -2px;}
	.investNum span { font-size: 30px;}
	.investLeft { float: none; width: 100%;}
	.investRight { float: none; width: 100%;}
	.investRight h2 { margin-top: 20px; margin-bottom: 20px; text-align: left;}
	.investRight li { width: 50%; margin: 0 0 10px!important; text-align: center;}
	.investRight li span { font-size: 24px;}
	.investRight li p { margin-bottom: 0; font-size: 14px;}
	.storePro { padding: 20px 0;}
	.storeTit p { font-size: 16px; line-height: 1.5;}
	.storeTit h2 { font-size: 20px;}
	.storeTit { margin-bottom: 15px;}
	.storeIntroduce h2 { font-size: 20px; margin-bottom: 10px; line-height: 1;}
	.stroePic { float: none; width: 100%; height: auto;}
	.storeIntroduce { float: none; width: 100%;}
	.noticeProduct .storeIntroduce { float: none; width: 100%;}
	.articlePage { padding: 10vw 4%;}
	.articleBig { float: none; font-size: 20px; padding-top: 0;}
	.articleBox { float: none; width: 100%;}
	.articleTit h2 { font-size: 18px; line-height: 1.5;}
	.articleTit span { font-size: 14px; line-height: 1;}
	.articleTit { margin-bottom: 20px;}
	.articleInfor img { margin: 0 auto 10px;}
	.articleInfor p { font-size: 14px; line-height: 1.5; margin-bottom: 10px;}
	.articleCell { display: block;}
	.pageControl a { width: 100px; margin: 0 10px; line-height: 32px; text-align: center;}
	.pageControl { text-align: center;}
	.step ul {padding-top: 5.2vw;}
	.step li { max-width: 100%; float: none!important; margin: 0 auto 20px!important;}
	.dataCont p { font-size: 12px; line-height: 1;}
	.stepTxt { height: auto; padding: 20px;}
	.stepTxt p { font-size: 16px;}
	.stepImg { height: auto;}
	.step ul:after { display: none;}
	.step li { position: relative;}
	.dataCont { width: 50px; height: 50px; position: absolute; z-index: 6; left: 0; top: 0; margin: 0; transform: translate(0);}
	.dataCont:after { display: none;}
	.banner .swiper { height: 300px;}
	.ingroduceLeft { float: none; margin-bottom: 20px;}
	.introduceRight { float: none; width: 100%;}
	.ingroduceLeft p { font-size: 26px; line-height: 1.2;}
	.introduceRight p { font-size: 16px; line-height: 1.5; margin-bottom: 10px;}
	.introduce{padding-top: 15px; margin: 40px auto;}
	.introduceRight a{width: 100px; line-height: 30px; font-size: 14px;}
	.contInt h2{font-size: 26px;}
	.news h2 { font-size: 26px; padding-top: 10px;}
	.culture li .cultrueImg{ float: none; margin: 0 auto; width: 100%;}
	.culture li .cultureTxt { float: none; width: 100%; padding-bottom:40px;}
	.culture li:nth-child(odd) h3, .culture li:nth-child(odd) h4, .culture li:nth-child(odd) h5 {text-align: left;}
	.cultureTxt p{ padding-left: 20px;}
	.jobList li { padding: 40px 4%;}
	.Menu {display: block;margin-top: 20px;float: right;}
	.Menu i { transition: all .5s; display: block;width: 23px;height: 2px;background: #ffffff; margin-bottom: 5px;}
	.Menu.cur i:nth-child(1) { margin-top: 7px; transform: rotate(45deg);}
	.Menu.cur i:nth-child(2) { display: none;}
	.Menu.cur i:nth-child(3) { transform: rotate(-45deg); margin-top: -7px;}
	
	.header ul { margin: 0; left: -110%; transform: translate(0); overflow-y: auto; width: 200px; padding: 10px; box-sizing: border-box; float: none; background: rgba(0,0,0,.5); bottom: 0; position: fixed; top: 60px;}
	.header ul li { line-height: 60px; text-align: center; display: block; margin: 0; float: none; }
	.header ul li dl { padding: 0; position: static; transform: translate(0); width: 100%; background: none;}
	.header ul li dl dt a { color: #ffffff;}
	.subBox { background: none; position: static; padding: 0;}
	.subBox dt { float: none; margin: 0 ;}
	.subBox dt p { color: #ffffff;}
	
}


@media screen and (max-width: 780px) {
    .header .logo img{width:100px;height:auto;}
	.storeproCont {max-width: 92%;}
	.introduceSlide img {object-fit: cover; height: 300px;}
	.introduceTxt p { font-size: 12px; padding: 0 4%;}
	.introduceTxt span { font-size: 14px;}
	.sunCase.semicCase li { float: none; width: 100%; margin-bottom: 20px;}
	.sunCase.semicCase li .sunImg { height: auto;}
	.caseArt p {padding-left: 10px; height: auto; border-width: 1px; font-size: 16px; line-height: 1.5;}
	.sunCase.semicCase li .caseArt {padding-bottom: 30px; height: auto;}
	.sunCase.semicCase li .caseArt a { position: static; width: 100px; line-height: 32px;}
	.newsPic { float: none; width: 100%; height: auto;}
	.newsInfor { width: 100%;}
	.newsInfor span { font-size: 14px; margin-bottom: 10px;}
	.newsInfor h2 { font-size: 20px; line-height: 1.5; height: auto; text-align: justify;}
	.newsInfor p {line-height: 1.5; height: auto;}
	.newsInfor b { width: 100px; line-height: 32px; margin: 20px 0 0;}
	.newsList li { margin-bottom: 20px;}
	.newsSwiper .swiper-pagination {width: 100%; max-width: none;}
	.trendInfor { padding: 40px 4%;}
	.trendInfor a { width: 100px; line-height: 32px; position: static;}
	.trendInfor h2 { font-size: 20px;}
	.trendInfor p { font-size: 14px; line-height: 1.5; margin-bottom: 10px;}
	.invImg { float: none; height: auto; width: 100%;}
	.invTxt { padding:40px 20px; width: 100%;}
	.invTxt h2 { font-size: 18px;}
	.invTxt p {height: auto; margin-bottom: 20px; font-size: 14px;}
	.invList li span { font-size: 14px; line-height: 32px; width: 100px;}
	.fpage a { font-size: 12px; width: 24px; height: 24px; line-height: 24px;}
	.growUpIntroduce{ font-size:16px; line-height: 1.5; padding: 20px 4%;}
	.jobList li { padding: 20px 4%;}
	.jobTitle { padding: 0; background: none;}
	.jobTitle h2,.jobTitle p { font-size: 16px; line-height: 1.5;}
	.jobIntroduce,.jobNeed { float: none; width: 100%; margin-bottom: 10px;}
	.jobInfor h2,.jobInfor p { font-size: 14px;}
	.jobList .readMore { width: 100px; line-height: 32px; margin: 20px auto; font-size: 14px;}
	.sunInfor p { font-size: 16px; line-height: 1.5;}
	.storeInfor{padding-top: 20px;}
	.aboutArticle .aboutTit { float: none;}
	.aboutInfor { float: none; width: 100%;}
	.aboutArticle { padding: 20px 4% 0;}
	.mapInfor h2 { font-size: 20px; margin-bottom: 20px; line-height: 1;}
	.mapInfor h3 { font-size: 18px;}
	.mapInfor p { padding: 0 4%; font-size: 14px; line-height: 1.5;}
	.core li { width: 100%; margin: 0 0 20px; height: auto;}
	.coreTxt { height: auto; padding:20px;}
	.coreTxt h2 { font-size: 20px;}
	.posCont span { width: 5px; height: 5px;}
	.posCont{ border-width: 5px!important;}
	.culture li .cultrueImg { height: auto;}
	.cultureTit { font-size: 20px; margin-bottom: 20px; line-height: 1;}
	.cultureTxt h3,.coreTit { font-size: 20px; line-height: 1; margin-bottom: 20px;}
	.cultureTxt h4 { font-size: 18px;}
	.cultureTxt h5 { font-size: 18px; margin-bottom:20px; line-height: 1;}
	.culture li:nth-child(3) .cultrueImg { height: auto;}
	.culture dt span { font-size: 18px;}
	.culture dt {padding-left: 95px;}
	.cultureTxt p { font-size: 16px; line-height: 1.5;}
	.aboutTit h2 { font-size: 20px; margin-bottom: 20px; line-height: 1;}
	.aboutInfor p { font-size: 16px; margin-bottom: 10px; line-height: 1.5;}
	.contInt h2 { font-size: 16px; margin-bottom: 0;}
	.contInt p { font-size: 14px; margin-bottom: 20px;}
	.contInt a ,.productTxt a,.newsBar i,.contactPart a{width: 100px; line-height: 30px; font-size: 14px;}
	.newsBar i { margin-bottom:40px;}
	.introduceRight p { font-size: 14px;}
	.productImg { float: none; width: 100%; height: auto;}
	.productTxt { float: none; width: 100%; padding:0 0 20px;}
	.productTxt h2 { font-size: 20px; margin-bottom: 0;}
	.productTxt p { font-size: 14px; line-height: 1.5; margin-bottom: 20px;}
	.productInt li:nth-child(2n):after {    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/Public/Home/default/images/sj1.png) center no-repeat;
    width: 30px;
    height: 30px; left: auto;}
	.news{ padding:40px 4%;}
	.newsImg { height: 200px;}
	.newsDate { margin: 15px 0;}
	.newsTag { line-height: 1.25; font-size: 15px; height: auto; margin-bottom: 20px;}
	.ingroduceLeft p,.news h2 { line-height: 1.5; margin-bottom: 20px; font-size: 20px;}
	.contactPart h2 { font-size: 20px;}
	.footerTop { display: none;}
	.copyRight { border: none; margin: 0 auto; padding: 20px 0;}
	.copyRight p { display: block; margin: 0; float: none; text-align: center; line-height: 2;}
	.footer {padding: 0;}
	.insideBanner { height: 150px;}
	.insideBanner img { height: 100%; object-fit: cover;}
	.sunCase li { margin-bottom: 20px; float: none; width: 100%;}
	.sunImg {height: auto;}
	.caseArt { height: auto; padding: 30px;}
	.caseArt a { line-height: 32px; width: 100px; font-size: 14px;}
}

/*@media screen and (max-width: 1780px) {*/
/*	.storeSwiper .swiper-button-prev { left: 0; width: 50px; height: 50px; background-size: 70% auto;}*/
/*	.storeSwiper .swiper-button-next {right: 0; width: 50px; height: 50px; background-size: 70% auto;}*/
/*	.banner .swiper-pagination { left: 10%; background: rgba(255,255,255,.2);}*/
/*	.banner .swiper-pagination-progressbar-fill { background:#ffffff ;}*/
/*	.footerTop li{ margin-right:3vw;}*/
/*	.caseArt h2 { font-size: 28px;}*/
/*	.sunTit h2 { font-size: 30px;}*/
/*}*/
/*@media screen and (max-width: 1400px) {*/
/*    .storeProduct::after {*/
/*    right: 600px;*/
/*}*/
/*	.sunCase.semicCase li .caseArt{padding: 30px 30px 0;}*/
/*	.aboutInfor { width: calc(100% - 284px); }*/
/*	.culture dt p { line-height: 24px;}*/
/*	.culture li .cultureTxt{padding-top: 40px;}*/
/*	.coreTxt p { font-size: 15px; line-height: 20px;}*/
/*	.step li,.step li:nth-child(2n) { width: 460px;}*/
/*	.stepTxt p { font-size: 18px; line-height: 26px;}*/
/*	.articleBox { width: calc(100% - 284px);}*/
/*	.articlePage { padding: 8vw 10vw;}*/
/*	.noticeProduct .storeIntroduce,.storeIntroduce { width: 600px; padding: 20px;}*/
/*	.storeIntroduce p { font-size: 14px; line-height: 22px;}*/
/*	.stroePic { width: calc(100% - 600px);}*/
/*	.storeIntroduce li h3 { font-size: 18px;font-weight: 600;}*/
/*	.storeSwiper .swiper-button-next,.storeSwiper .swiper-button-prev { opacity: 0; transition: all .5s;}*/
/*	.storeSwiper:hover .swiper-button-next,.storeSwiper:hover .swiper-button-prev { opacity: 1;}*/
/*	.investRight li:first-child {margin-left: 0;}*/
/*	.investLeft h2 { font-size: 26px;}*/
/*	.investNum span { font-size: 50px;}*/
/*	.investNum b { font-size: 16px;}*/
/*	.investNum a { font-size: 16px; margin-left: 30px;}*/
/*	.investRight li p { font-size: 16px;}*/
/*	.investRight li span { font-size: 30px;}*/
/*	.investRight h2 { font-size: 14px;}*/
/*	.invTxt { width: 50%; padding: 85px 60px 0;}*/
/*	.invTxt p{ height: 120px; font-size: 16px; line-height: 1.5;}*/
/*	.invImg { width: 50%; height: 420px;}*/
/*	.trendInfor { padding: 120px 40px;}*/
/*	.trendInfor a { right: 40px; width: 120px; line-height: 32px; font-size: 14px;}*/
/*	.newsPic { width: 40%;}*/
/*	.newsInfor { width: 60%;}*/

/*	.newsInfor p { font-size: 16px;}*/
/*	.newsInfor b { width: 120px; line-height: 40px;}*/
/*}*/
/*@media screen and (max-width: 1280px) {*/
/*	.sunEnergyArt,.introduce,.productInt,.newsList ul {max-width: 90%;}*/
/*	.caseArt h2 { font-size: 26px; line-height: 1;}*/
/*	.footerTop li { margin-right: 3.2vw;}*/
/*	.header { padding: 0 4%;}*/
/*	.header ul li { margin: 0 10px;}*/
/*	.Menu {display: block;margin-top: 20px;float: right;}*/
/*	.Menu i { transition: all .5s; display: block;width: 23px;height: 2px;background: #ffffff; margin-bottom: 5px;}*/
/*	.Menu.cur i:nth-child(1) { margin-top: 7px; transform: rotate(45deg);}*/
/*	.Menu.cur i:nth-child(2) { display: none;}*/
/*	.Menu.cur i:nth-child(3) { transform: rotate(-45deg); margin-top: -7px;}*/
/*	.header { height: 60px;}*/
/*	.lang { margin-right: 10px;}*/
/*	.lang span{line-height: 60px;}*/
/*	.header ul { margin: 0; left: -110%; transform: translate(0); overflow-y: auto; width: 200px; padding: 10px; box-sizing: border-box; float: none; background: rgba(0,0,0,.5); bottom: 0; position: fixed; top: 60px;}*/
/*	.header ul li { line-height: 60px; text-align: center; display: block; margin: 0; float: none; }*/
/*	.logo img { height: 35px; width: auto;}*/
/*	.header .logo { margin-top: 14px;}*/
/*	.header ul li dl { padding: 0; position: static; transform: translate(0); width: 80%; background: none;}*/
/*	.header ul li dl dt a { color: #ffffff;}*/
/*	.subBox { background: none; position: static; padding: 0;}*/
/*	.subBox dt { float: none; margin: 0 ;}*/
/*	.subBox dt p { color: #ffffff;}*/
/*}*/
/*@media screen and (max-width: 1080px) {*/
/*	.culture ul,.core ul,.step ul,.invList,.trends {max-width: 92%;}*/
/*	.culture li:after,.culture li:nth-child(2n):after,.caseArt:after,.invList li:nth-child(2n):after,.invList li:after{width: 30px; height: 30px;}*/
/*	.bannerPage { top: 80%;}*/
/*	.bannertext h2{font-size: 26px;}*/
/*	.bannertext h3{font-size: 16px;margin-bottom: 15px;}*/
/*	.bannertext a{width: 120px;line-height: 40px; margin-top: 20px;}*/
/*	.caseArt h2 { font-size: 20px;}*/
/*	.sunTit h2,.sunTit p { font-size:18px; line-height: 1;}*/
/*	.trendsTit { font-size: 20px; line-height: 1; margin-bottom: 20px;}*/
/*	.investLeft h2 { font-size: 20px; margin-bottom:10px; line-height: 1.5;}*/
/*	.investNum a { font-size: 14px; background-size: auto; }*/
/*	.investNum a img { width: 14px; vertical-align: -2px;}*/
/*	.investNum span { font-size: 30px;}*/
/*	.investLeft { float: none; width: 100%;}*/
/*	.investRight { float: none; width: 100%;}*/
/*	.investRight h2 { margin-top: 20px; margin-bottom: 20px; text-align: left;}*/
/*	.investRight li { width: 50%; margin: 0 0 10px!important; text-align: center;}*/
/*	.investRight li span { font-size: 24px;}*/
/*	.investRight li p { margin-bottom: 0; font-size: 14px;}*/
/*	.storePro { padding: 20px 0;}*/
/*	.storeTit p { font-size: 16px; line-height: 1.5;}*/
/*	.storeTit h2 { font-size: 20px;}*/
/*	.storeTit { margin-bottom: 15px;}*/
/*	.storeIntroduce h2 { font-size: 20px; margin-bottom: 10px; line-height: 1;}*/
/*	.stroePic { float: none; width: 100%; height: auto;}*/
/*	.storeIntroduce { float: none; width: 100%;}*/
/*	.noticeProduct .storeIntroduce { float: none; width: 100%;}*/
/*	.articlePage { padding: 10vw 4%;}*/
/*	.articleBig { float: none; font-size: 20px; padding-top: 0;}*/
/*	.articleBox { float: none; width: 100%;}*/
/*	.articleTit h2 { font-size: 18px; line-height: 1.5;}*/
/*	.articleTit span { font-size: 14px; line-height: 1;}*/
/*	.articleTit { margin-bottom: 20px;}*/
/*	.articleInfor img { margin: 0 auto 10px;}*/
/*	.articleInfor p { font-size: 14px; line-height: 1.5; margin-bottom: 10px;}*/
/*	.articleCell { display: block;}*/
/*	.pageControl a { width: 100px; margin: 0 10px; line-height: 32px; text-align: center;}*/
/*	.pageControl { text-align: center;}*/
/*	.step ul {padding-top: 5.2vw;}*/
/*	.step li { max-width: 100%; float: none!important; margin: 0 auto 20px!important;}*/
/*	.dataCont p { font-size: 12px; line-height: 1;}*/
/*	.stepTxt { height: auto; padding: 20px;}*/
/*	.stepTxt p { font-size: 16px;}*/
/*	.stepImg { height: auto;}*/
/*	.step ul:after { display: none;}*/
/*	.step li { position: relative;}*/
/*	.dataCont { width: 50px; height: 50px; position: absolute; z-index: 6; left: 0; top: 0; margin: 0; transform: translate(0);}*/
/*	.dataCont:after { display: none;}*/
/*	.banner .swiper { height: 300px;}*/
/*	.ingroduceLeft { float: none; margin-bottom: 20px;}*/
/*	.introduceRight { float: none; width: 100%;}*/
/*	.ingroduceLeft p { font-size: 26px; line-height: 1.2;}*/
/*	.introduceRight p { font-size: 16px; line-height: 1.5; margin-bottom: 10px;}*/
/*	.introduce{padding-top: 15px; margin: 40px auto;}*/
/*	.introduceRight a{width: 100px; line-height: 30px; font-size: 14px;}*/
/*	.contInt h2{font-size: 26px;}*/
/*	.news h2 { font-size: 26px; padding-top: 10px;}*/
/*	.culture li .cultrueImg{ float: none; margin: 0 auto; width: 100%;}*/
/*	.culture li .cultureTxt { float: none; width: 100%; padding-bottom:40px;}*/
/*	.culture li:nth-child(odd) h3, .culture li:nth-child(odd) h4, .culture li:nth-child(odd) h5 {text-align: left;}*/
/*	.cultureTxt p{ padding-left: 20px;}*/
/*	.jobList li { padding: 40px 4%;}*/
/*}*/
/*@media screen and (max-width: 780px) {*/
/*	.introduceSlide img {object-fit: cover; height: 300px;}*/
/*	.introduceTxt p { font-size: 12px; padding: 0 4%;}*/
/*	.introduceTxt span { font-size: 14px;}*/
/*	.sunCase.semicCase li { float: none; width: 100%; margin-bottom: 20px;}*/
/*	.sunCase.semicCase li .sunImg { height: auto;}*/
/*	.caseArt p {padding-left: 10px; height: auto; border-width: 1px; font-size: 16px; line-height: 1.5;}*/
/*	.sunCase.semicCase li .caseArt {padding-bottom: 30px; height: auto;}*/
/*	.sunCase.semicCase li .caseArt a { position: static; width: 100px; line-height: 32px;}*/
/*	.newsPic { float: none; width: 100%; height: auto;}*/
/*	.newsInfor { width: 100%;}*/
/*	.newsInfor span { font-size: 14px; margin-bottom: 10px;}*/
/*	.newsInfor h2 { font-size: 20px; line-height: 1.5; height: auto; text-align: justify;}*/
/*	.newsInfor p {line-height: 1.5; height: auto;}*/
/*	.newsInfor b { width: 100px; line-height: 32px; margin: 20px 0 0;}*/
/*	.newsList li { margin-bottom: 20px;}*/
/*	.newsSwiper .swiper-pagination {width: 100%; max-width: none;}*/
/*	.trendInfor { padding: 40px 4%;}*/
/*	.trendInfor a { width: 100px; line-height: 32px; position: static;}*/
/*	.trendInfor h2 { font-size: 20px;}*/
/*	.trendInfor p { font-size: 14px; line-height: 1.5; margin-bottom: 10px;}*/
/*	.invImg { float: none; height: auto; width: 100%;}*/
/*	.invTxt { padding:40px 20px; width: 100%;}*/
/*	.invTxt h2 { font-size: 18px;}*/
/*	.invTxt p {height: auto; margin-bottom: 20px; font-size: 14px;}*/
/*	.invList li span { font-size: 14px; line-height: 32px; width: 100px;}*/
/*	.fpage a { font-size: 12px; width: 24px; height: 24px; line-height: 24px;}*/
/*	.growUpIntroduce{ font-size:16px; line-height: 1.5; padding: 20px 4%;}*/
/*	.jobList li { padding: 20px 4%;}*/
/*	.jobTitle { padding: 0; background: none;}*/
/*	.jobTitle h2,.jobTitle p { font-size: 16px; line-height: 1.5;}*/
/*	.jobIntroduce,.jobNeed { float: none; width: 100%; margin-bottom: 10px;}*/
/*	.jobInfor h2,.jobInfor p { font-size: 14px;}*/
/*	.jobList .readMore { width: 100px; line-height: 32px; margin: 20px auto; font-size: 14px;}*/
/*	.sunInfor p { font-size: 16px; line-height: 1.5;}*/
/*	.storeInfor{padding-top: 20px;}*/
/*	.aboutArticle .aboutTit { float: none;}*/
/*	.aboutInfor { float: none; width: 100%;}*/
/*	.aboutArticle { padding: 20px 4% 0;}*/
/*	.mapInfor h2 { font-size: 20px; margin-bottom: 20px; line-height: 1;}*/
/*	.mapInfor h3 { font-size: 18px;}*/
/*	.mapInfor p { padding: 0 4%; font-size: 14px; line-height: 1.5;}*/
/*	.core li { width: 100%; margin: 0 0 20px; height: auto;}*/
/*	.coreTxt { height: auto; padding:20px;}*/
/*	.coreTxt h2 { font-size: 20px;}*/
/*	.posCont span { width: 5px; height: 5px;}*/
/*	.posCont{ border-width: 5px!important;}*/
/*	.culture li .cultrueImg { height: auto;}*/
/*	.cultureTit { font-size: 20px; margin-bottom: 20px; line-height: 1;}*/
/*	.cultureTxt h3,.coreTit { font-size: 20px; line-height: 1; margin-bottom: 20px;}*/
/*	.cultureTxt h4 { font-size: 18px;}*/
/*	.cultureTxt h5 { font-size: 18px; margin-bottom:20px; line-height: 1;}*/
/*	.culture li:nth-child(3) .cultrueImg { height: auto;}*/
/*	.culture dt span { font-size: 18px;}*/
/*	.culture dt {padding-left: 95px;}*/
/*	.cultureTxt p { font-size: 16px; line-height: 1.5;}*/
/*	.aboutTit h2 { font-size: 20px; margin-bottom: 20px; line-height: 1;}*/
/*	.aboutInfor p { font-size: 16px; margin-bottom: 10px; line-height: 1.5;}*/
/*	.contInt h2 { font-size: 16px; margin-bottom: 0;}*/
/*	.contInt p { font-size: 14px; margin-bottom: 20px;}*/
/*	.contInt a ,.productTxt a,.newsBar i,.contactPart a{width: 100px; line-height: 30px; font-size: 14px;}*/
/*	.newsBar i { margin-bottom:40px;}*/
/*	.introduceRight p { font-size: 14px;}*/
/*	.productImg { float: none; width: 100%; height: auto;}*/
/*	.productTxt { float: none; width: 100%; padding:0 0 20px;}*/
/*	.productTxt h2 { font-size: 20px; margin-bottom: 0;}*/
/*	.productTxt p { font-size: 14px; line-height: 1.5; margin-bottom: 20px;}*/
/*	.productInt li:nth-child(2n):after {    content: '';*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background: url(/Public/Home/default/images/sj1.png) center no-repeat;*/
/*    width: 30px;*/
/*    height: 30px; left: auto;}*/
/*	.news{ padding:40px 4%;}*/
/*	.newsImg { height: 200px;}*/
/*	.newsDate { margin: 15px 0;}*/
/*	.newsTag { line-height: 1.25; font-size: 15px; height: auto; margin-bottom: 20px;}*/
/*	.ingroduceLeft p,.news h2 { line-height: 1.5; margin-bottom: 20px; font-size: 20px;}*/
/*	.contactPart h2 { font-size: 20px;}*/
/*	.footerTop { display: none;}*/
/*	.copyRight { border: none; margin: 0 auto; padding: 20px 0;}*/
/*	.copyRight p { display: block; margin: 0; float: none; text-align: center; line-height: 2;}*/
/*	.footer {padding: 0;}*/
/*	.insideBanner { height: 150px;}*/
/*	.insideBanner img { height: 100%; object-fit: cover;}*/
/*	.sunCase li { margin-bottom: 20px; float: none; width: 100%;}*/
/*	.sunImg {height: auto;}*/
/*	.caseArt { height: auto; padding: 30px;}*/
/*	.caseArt a { line-height: 32px; width: 100px; font-size: 14px;}*/
/*}*/