@charset "utf-8";

html{ overflow-x:hidden; overflow-y:auto;}
body{background-color:#fff;}
*{ padding:0; margin:0; outline: none;box-sizing: border-box;}
img{display: block;}
ul,ol,li,dl,dd,dt{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:14px;line-height: 1.5}
code, kbd, pre, samp { font-family:'Microsoft yahei' ,Arial;}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
a{ text-decoration:none; color:#333;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
}
a:hover{color:#333; cursor:pointer;}
img{border:0; max-width:100%;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size:36px;}
h2{font-size:24px;}
h3{font-size:22px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none; outline:0;}
input{ outline:0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
i{font-style:normal;}

.elli{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.minHeight{min-height:500px;}

/*首页 */
.top1{width:100%; position:absolute; top:0; left: 0; z-index: 9999; border-bottom:1px solid rgba(255,255,255,0.5);}
.top1 .logo{height: auto; margin:25px 0 0 0; float:left;}

.menu_box{float:right;}
.menu{float:left;}
.menu .nli{float:left; position: relative; text-align: center;margin-left:68px; }
.menu .nli:first-child{margin-left:0;}
.menu .nli span > a{font-size:18px; color:#fff;padding:42.5px 10px; display: block; position: relative;}
.menu .nli span > a .i1{display:block; line-height: 24px; font-weight: bold; }
.menu .nli:hover span > a{color:#fff;}
.menu .nli:hover span > a::after{width:100%; height: 2px; position: absolute; bottom:32px; left: 0; content: "";background-color:#fff;}
.menu .nli.on span > a{color:#fff;}
.menu .nli.on span > a::after{width:100%; height: 2px; position: absolute; bottom:32px; left: 0; content: "";background-color:#fff;}

.sub{position: absolute; top:109px; left: 50%; width:130px; background-color:#fff; border-radius:10px; text-align: center; z-index: 101; display:none; margin-left:-65px;}
.sub a{display:block; font-size:14px; line-height:2; color:#000; width:calc(100% - 20px);  margin:10px; border-bottom:1px solid rgba(255,255,255,0.1);}
.sub a:hover{background-color:#f7f7f9;}



@media screen and (max-width:1549px){
	.menu .nli{margin-left:40px;}

}
@media screen and (max-width:1199px){
	.top1 .logo{}
	.menu .nli{margin-left:30px;}

	.menu .nli span > a{font-size:16px; padding:30px 0;}
	.tPhone{margin-top:23px;}
}

/*手机头*/
.top2{width:100%; height:60px;display: none ; position: relative; z-index: 2000;padding:1px 0; border-bottom:1px solid rgba(255,255,255,0.5);background-color:#fff}
.top2.active{border-bottom:1px solid #f2f2f2;}
.top2 .logo{ height:auto; float:left; margin-top:10px;}

@media screen and (max-width:991px){
    .top2{ display:block;}
	.top1{ display:none;}
}



/*下拉*/
.menuph{
    float:right;
    margin:10px 0 0 0;
    cursor: pointer;
    width: 40px;
    height: 40px;
    text-align: center;
}
.menuph .point
{
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 10px;
    position: relative;
}

.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
    width: 28px;
}
.menuph .navbtn
{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 21px;
    height: 2px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #333;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 2px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;

    background: #333;
}
.menuph .navbtn::after
{
    top: -11px;
}
.menuph .navbtn::before
{
    top: 10px;
}
.menuph .point.active .navbtn{
    background: transparent;
}
.menuph .point.active .navbtn::after{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}
.menuph .point.active .navbtn::before
{
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}


/*手机下拉*/
.xialaph{
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    display: none;
    z-index: 1029;
background-color: rgba(255, 0, 0, 0.5);
}
.xialaph .img_d{ display:none;}
.xialaph .ul2,
.xialaph .ul3{
    display: none;
}
.xialaph h4 a{
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 50px;
    position: relative;
	font-weight: bold;
	text-transform: uppercase;
}
.xialaph h4{
    position: relative;
}
.xialaph h4 .ico{width:22px; line-height: 0; display: inline-block ; vertical-align: middle; margin-right:5px;}
.xialaph li:last-child h4::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #f2f2f2;
	display: none
}
.xialaph li:first-child h4::after{display:none;}
.xialaph h4::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color:rgba(255,255,255,0.2);
    /*opacity: 0.1;*/
}
.xialaph h4 em{ font-size: 12px; margin-left: 5px; text-transform: uppercase;}

.xialaph h5 a{
    display: block;
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    line-height: 42px; padding:0 27px;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: rgba(255,255,255,0.2);
    /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
    display: none;
}
.xialaph h4 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #fff solid 1px; border-right: #fff solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h4.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}
/*.xialaph .ul2{ padding-left: 30px;  }*/
.xialaph .ul3{
    padding-top: 12px;
    padding-bottom: 18px;
    padding-left: 15px;
    position: relative;
}
.xialaph .ul3::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
    display: none;
}
.xialaph .ul3 li a{
    color: #666;
    font-size: 14px;
    line-height: 35px;
    display: block;
}
.xialaph .ul3 li{
    padding-top: 5px;
}
.xialaph .ul3 li:first-child{
    padding-top: 0;
}

.xialaph h5 b{
    position: absolute; right: 5px; top: 50%;
    width: 9px;
    height: 9px;
    float: right;
    border-top: #999 solid 1px; border-right: #999 solid 1px;
    margin-top: -5px;
    cursor: pointer;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xialaph h5.active b{
    transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    margin-top: -7px;
}

 
.phonemeng{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 1000;
    display: none;
}
.phonemeng.active{
    display: block;
}







.containerindex {width: 92%;margin:0 auto;}
.container {max-width:1430px;margin:0 auto;padding-left:15px;padding-right:15px;}






/*banner*/
.pz_banner{clear: both;}
.c_banner{position:relative; overflow: hidden;}
.slide1 .slick-dots{width:100%; left:0; bottom:40px; line-height: 0;}
.slide1 .slick-dots li{width:10px; height: 10px;margin: 0 10px; background-color:#fff; border-radius: 30px;
-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;
}
.slide1 .slick-dots li.slick-active{width:47px;}
.slide1 .slick-dots li button:before,
.slide1 .slick-dots li button{display:none;}
	
.bannerText{width:100%; position: absolute; left: 0; wdith:100%; top:50%; font-weight: bolder;
-webkit-transform: translate(0, -40%);
    -ms-transform: translate(0, -40%);
        transform: translate(0, -40%);}
.bannerText .H3{font-size:42px; color:#fff; font-family: Arial; font-weight: bolder; text-transform: uppercase; letter-spacing: 2px;}
.bannerText .H3 .color{color:#0C7DF5;}
.bannerText .H4{font-size:55px; color:#fff; margin: 26px 0; letter-spacing: 2px;}
.bannerText .H4 .bold{font-weight: bold;}
.bannerText .H5{font-size:19px; color:#fff; line-height: 36px;letter-spacing: 2px;}
.bannerText .bannerMore{width:229px; height: 45px; line-height: 45px; background-color:#0C7DF5; border-radius: 30px; font-size:14px; color:#fff; font-family: Arial; display: block; text-align: center; font-weight: normal; text-transform: uppercase; margin-top:63px;}
.bannerText .bannerMore:hover{border:1px solid #0C7DF5; background-color:transparent; color:#0C7DF5;}

@media screen and (max-width:1199px){
	.bannerText .H3{font-size:30px;}
	.bannerText .H4{font-size:40px;}
	.bannerText .H5{font-size:14px;}
}
@media screen and (max-width:991px){
	.bannerText{display:none;}
}
@media screen and (max-width:767px){
	.slide1 .slick-dots{bottom:10px;}
	.slide1 .slick-dots li{width:8px; height: 8px;}
	
}




.clear{clear:both;}
.ch3{font-size:40px; color:#1c1c1c; font-weight: bold; text-align: center;}
.ch5{font-size:27px; color:#c2c2c2; text-align: center; margin-top:16px;text-transform: uppercase;}
.ptb50{padding-top:50px;padding-bottom:50px;}
.ptb100{padding-top:100px;padding-bottom:100px;}
.flex-between{display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.bghui{background-color: #f7f7f7}
.more a{width:150px; height: 35px; text-align: center; line-height: 33px;margin:20px auto;position: relative; border:1px solid #8c8c8c; font-size:14px; color:#666666; text-transform: uppercase;}
.more a{display:flex; align-items: center;justify-content: center;}
.more i{width: 20px;height: 15px;background: url("../images/jt_h.png") no-repeat center right; background-size: 100% auto; display:block;margin-left:5px; }


.more a:hover{ border:1px solid #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.12);}








.section1 .senav{text-align: center;font-size: 20px;}
.section1 .senav a{display: inline-block;font-size: 20px;color: #666666;padding:0 30px;cursor: pointer;}
.section1 .senav a.on{color: #3333}
.section1 .slick-prev, .section1 .slick-next{background-size: 100%}


.section1List{position: relative;padding: 0 6.57%;}
.section1List .list{overflow: hidden;position: relative;padding: 0 6.57%;}
.section1List .list .pic{width: 100%;padding-bottom:140%; position: relative;overflow:hidden; }
.section1List .list .pic img{position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;}
.section1List .list .size{position: absolute;left:10px;top:10px;border:1px solid #ccc;padding:2px 4px;color: #bbb;font-size: 12px;}
.section1List .list .text{position:absolute;width: 100%;height:100%;background:rgb(0,0,0,0.5);top:0;left:0;padding:3%;opacity: 0;transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
.section1List .list .text .nr{display: flex;justify-content: center;align-items: center; flex-direction: column;border:1px solid #fff; width: 100%;height: 100%;padding:10%;}

.section1List .list .text p{color: #fff;line-height: 2;font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.section1List .list .text span{display: block;width: 100%;text-align: right;color: #FFF;text-transform: uppercase;font-family: Ariel;padding-top: 15px;}
.section1List .list h6{font-size:22px; color:#000; font-weight: bold;line-height: 2.8;}
.section1List .list h6:after{display: block;width: 20%;content:"";border-bottom: 2px solid #000}
.section1List .list:hover .text{opacity: 1;}




@media screen and (max-width:1199px){
	.section1{padding:60px 0;}
	.section1 .H3,
	.section1List .list .H4{font-size:40px;}
}
@media screen and (max-width:767px){
	.section1{padding:30px 0;}
	.section1 .H3{font-size:18px; line-height: 24px;}
	.section1 .H5{font-size:13px; margin-top:5px;}
	.section1List{margin-top:15px;}
	.section1List .list{width:100%; height: auto; padding:0px; margin: 10px 0 0 0;}
	.section1List .list .H4{font-size:18px;}
	.section1List .list .H4 .span{width:22px; height: 22px; line-height: 22px; font-size:14px; margin-left:5px;}
	.section1List .list .p{font-size:13px; line-height: 22px; margin-top:5px;}
	.yuyue{width:240px; height: 34px; line-height: 34px; font-size:13px; padding:0; margin-top:20px;}
}






.section2{background: url("../images/index_10.jpg") no-repeat top center;}
.section2 .ch3{color:#fff;}
.section2 .ch5{color:#fff;}
.section2 .main .item{text-align: center;color: #fff;font-size: 22px;line-height: 1.5;width: 23%}
.section2 .main .item img{margin:0 auto;}
.section2 .main .item p{line-height:2.5}

.section3 .main .item{text-align: center;color: #fff;font-size: 22px;width: 31%;margin:1%;}
.section3 .main .item:hover{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.12);transition:transform 0.2s;transform:translate(0,-10px);}

.section3 .main .item .pic{padding-bottom:70%;overflow:hidden;position:relative}
.section3 .main .item .pic img{ position:absolute}
.section3 .main .item p{width: 100%;align-items: center;background-color: #f7f7f7;line-height:1.5;padding:20px;}
.section3 .main .item p span{width:calc(100% - 48px);overflow: hidden;text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}


.section3 .main .item p i{ width: 38px;height: 18px;background: url("../images/jt.png") no-repeat center center; display: inline-block; }
.section3 .main .item:hover p{width: 100%;align-items: center;background-color: #fff}
.section3 .main .item:hover p i{ width: 38px;height: 18px;background: url("../images/jt_h.png") no-repeat center center; display: inline-block; }



.section4{position: relative;}
.section4 .videoL{width:47.34%;}
.section4 .videoL .pic{height:542px;display: flex;flex-direction:column;align-items: center;justify-content: center;}
.section4 .videoL .playBtn{width:90px; height: 90px; display:block;cursor: pointer;}

.videoBox{width:100%; height: 100%; position: fixed; top:0; left: 0; z-index: 99999; background-color:rgba(0,0,0,0.4); display: none;}
.videoBox2{width:50%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{display:block; width:100%; min-height: 10px; background: #000;}
.videoBox2 .close3{width:25px; height: 25px; position: absolute; top:-15px;right:-15px;}





.section4 .text{width:48%; padding:25px 100px 35px 0;background:url(../images/index_11.png) right center no-repeat;background-size:auto 100%;}
.section4 .text h4{font-size:36px; color:#121212; font-weight: bold;padding-bottom: 10px;}
.section4 .text h5{font-size:15px; color:#c2c2c2; text-transform: uppercase;font-family: Arial;}
.section4 .text .bold{font-weight: bolder;}
.section4 .text .thin{font-weight:normal;}
.section4 .text .H5{font-size:30px; color:#313131; padding:25px 0 20px 0; position: relative;}
.section4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity: .3;}
.section4 .text .p{font-size:16px; color:#707070; line-height: 34px; height: 170px; margin: 30px 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.section4 .text .flm a{width: 130px;height: 40px;border-radius:20px;background-color: #c6c6c6;font-size: 18px;display: inline-block; margin-right: 10px;text-align: center;line-height: 40px;color: #fff;}

.section4 .text .flm a.on{background-color: #373737;}

.section4 .youshi{margin-top:55px; padding-top:45px; border-top:1px solid #e4e4e4; align-items: center; }
.section4 .youshi .list{font-weight:bolder;display: inline-block;padding:0 45px;}
.section4 .youshi .list2{font-weight: lighter;font-size: 38px;display: inline-block;color: #c3c3ce;}
.section4 .youshi .big{font-size:48px; color:#4e4e4e; line-height: 1.5;}
.section4 .youshi .small{font-size:30px; color:#4e4e4e; line-height: 20px;vertical-align: top;}
.section4 .youshi .p2{font-size:16px; color:#c3c3c3; font-weight: normal; line-height: 1.5;text-align: center; }
.section4 .text .more a{margin-right:0px;border-radius: 15px;}




.section5 .main .item{width:23%;position: relative;}
.section5 .main .item .pic{background-color: #384363;width: 116px;height: 116px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;left:50%;margin-left: -58px}
.section5 .main .item .pic img{display: block;width: 60px;height: 60px;}
.section5 .main .item .text{width: 100%;border-radius: 10px;background-color: #fff;margin-top: 58px;text-align: center;padding:80px 0px;}
.section5 .main .item .text p{color: #000000;font-size: 26px;}
.section5 .main .item .text p:nth-child(2){color: #5a5a5a;font-size: 20px;line-height: 1.5;margin-top: 25px;}



.section6 .senav{text-align: center;font-size: 20px;}
.section6 .senav a{display: inline-block;font-size: 20px;color: #3333;padding:0 30px;cursor: pointer;}
.section6 .senav a.on{color: #666}



.section6 .art{width:48%; }
.section6 .art .art1 .pic{width:50%; overflow: hidden;position: relative;}
.section6 .art .art1 .pic img{-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;}

.section6 .art .art1 .pic .zhezhao{opacity:0;position: absolute;left:0;top:0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);padding:3%;-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;}
.section6 .art .art1 .pic .zhezhao span{width:100%;height: 100%;border:1px solid #ccc;display: flex;justify-content: center;align-items: center;}
.section6 .art .art1:hover .pic .zhezhao{opacity:1;}

.section6 .art .art1 .text{width:49%;padding:0 10px;display: flex;flex-direction: column;justify-content: center;}
.section6 .art .art1 .text .H4{font-size:28px; color:#0b0b0b;margin-bottom: 20px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.section6 .art .art1 .text .p{font-size:18px; color:#8c8c8c; line-height: 1.8;opacity: 0.66;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.section6 .art .art1 .text .more{display:flex;align-self: flex-end; align-items: center; font-size:14px; color:#333333; opacity: 0.6; margin-top:8px;}

.section6 .art .art2{margin-top: 50px;}
.section6 .art .art2 ul li{border-bottom: 1px solid #eeeeee;line-height: 4;padding:0px 10px;}
.section6 .art .art2 ul li a{color: #000;font-size: 20px;display: flex;justify-content: space-between;}
.section6 .art .art2 ul li a span{width:70%;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.section6 .art .art2 ul li a span.time{width:120px}


.foot{background-color: #333333;color: #f1f1f1}
.foot .container{max-width: 78%;align-items: center;}
.foot .flx{color: #fff;font-size: 16px;height:335px;}
.foot .flx .box{margin-bottom: 15px;}
.foot .flx p{display: flex; align-items: center; line-height:1.5}
.foot .flx p svg{margin-right: 5px;}
.foot .line{height: 335px;border-left: 1px solid #7e7e7e}
.foot .fdh{color: #fff;font-size: 16px;line-height: 2}
.foot .fdh h3{font-size:38px;font-weight: 600;color: #fff}
.foot .ewm{width:150px}
.foot .ewm .box{text-align: center;}
.foot .ewm .box img{width: 100%;}
.foot .ewm .box p{line-height: 2;color:#fff;}
.flogo img{height:200px;}
.foot .ewm .box img{width:150px;}



.friendlink{width: 100%;padding:0px 0 0px 0;color: #b1b1b1;margin-top:56px;}
.friendlink a{color: #b1b1b1}
.bottom{padding:20px 0; background:#282828;color: #fff}
.bottom a{color: #fff;font-size: 14px;}








.nybanner .container{display:flex;flex-direction:column;justify-content:center;height:528px;}
.nybanner .text{position: relative}
.nybanner .text h2{font-size: 30px;color: #fff}
.nybanner .text p{font-size:40px;color: #fff}





.sonnav{width:100%;text-align: center; display: flex;justify-content: center;}
.sonnav a{width: 130px;height: 40px; border-radius:20px;background-color: #c6c6c6;font-size: 18px;display: inline-block; margin-right: 10px;text-align: center;line-height: 40px;color: #fff;margin:0 10px;}
.sonnav a.on{background-color: #373737;}




.about1{width: 30%;padding-top: 50px;}
.about1 h2{font-size: 38px;font-weight: 500;margin-bottom: 50px;}
.about1 p{font-size: 24px;font-weight: 500;line-height: 2}
.about1 img{margin-top: 50px;}

.about2{width: 60%}
.about2 p{font-size: 20px;font-weight: 500;line-height: 1.8;text-indent: 2em;margin-bottom:8px;}
.about2 .youshi{ padding-top:35px; align-items: center; }
.about2 .youshi .list{font-weight:bolder;display: inline-block;padding:0 45px;}
.about2 .youshi .big{font-size:48px; color:#4e4e4e; line-height: 1.5;}
.about2 .youshi .small{font-size:30px; color:#4e4e4e; line-height: 20px;vertical-align: top;}
.about2 .youshi .p2{font-size:16px; color:#c3c3c3; font-weight: normal; line-height: 1.5;text-align: center; }




.about3 .item{width:31%;background-color: #fff;border-radius: 15px;overflow: hidden;}
.about3 .item .pic{height: 100px;width:100%; display: flex;justify-content: center;align-items: center;font-size: 24px;color: #fff}
.about3 .item:nth-child(1) .pic{background:url("../images/about_07.png") no-repeat;background-size: cover;}
.about3 .item:nth-child(2) .pic{background:url("../images/about_09.png") no-repeat;background-size: cover;}
.about3 .item:nth-child(3) .pic{background:url("../images/about_11.png") no-repeat;background-size: cover;}
.about3 .item .text{padding:25px;font-size: 16px;line-height: 1.5;color: #666666}





.about4 .item{width:48%;border-radius: 15px;overflow: hidden;position: relative;}
.about4 .item .pic{border-radius: 15px;overflow: hidden;}
.about4 .item .pic img{width: 100%}
.about4 .item .text{width:94%;height: 88%;display: flex;justify-content: center;flex-direction: column;color: #fff;position: absolute;left:3%;top:6%;border:1px solid #acabab;border-radius: 15px;padding:0px 50px;}


.about4 .item .text h4{display: inline-block;font-size: 30px;vertical-align: bottom;margin-bottom: 20px;}
.about4 .item .text h4 img{display: inline-block;vertical-align: bottom;}
.about4 .item .text h4 span{font-size: 24px;text-transform: uppercase;padding:0 10px;}
.about4 .item .text p{line-height: 2;font-size:16px;}
.about4 .item .text p:before{content: "●";display: inline-block;width: 3px;height: 3px;border:50%;padding-right: 18px;}



.qywh .main .item{width:30%;position: relative;margin:1% 0;}
.qywh .main .item .pic{background-color: #384363;width: 116px;height: 116px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-direction: column;position: absolute;left:50%;margin-left: -58px}
.qywh .main .item .pic img{display: block;width: 60px;height: 60px;}
.qywh .main .item .text{width: 100%;border-radius: 10px;background-color: #fff;margin-top: 58px;text-align: center;padding:80px 20px;min-height: 310px;}
.qywh .main .item .text p{color: #000000;font-size: 26px;}
.qywh .main .item .text p:nth-child(2){color: #5a5a5a;font-size: 20px;line-height: 1.5;margin-top: 25px;}





.qyry .main{justify-content: start;align-items: flex-start;}
.qyry .main li{width:22.4%;position:relative;margin:1.3%;}
.qyry .main li .pic{width:100%;position:relative;padding-bottom:142%;overflow:hidden}
.qyry .main li img{width:100%;position:absolute;margin:auto}
.qyry .main li p{width:100%;position:absolute;height:50px;line-height: 50px;background-color: rgba(0,0,0,0.5);text-align: center;color: #fff;font-size: 16px;bottom:0;left:0;}




.pglist{display: flex;justify-content:center;align-items: center;font-size: 14px;}
.pglist li{display:inline-block;border:1px solid #ccc;padding:2px 6px;margin:0 2px;}






.lxwm .container{width: 92%;margin:0 auto;max-width:92%}
.lxwm1{width: 30%;margin-left: 5%;display: flex;flex-direction: column;justify-content: center;}
.lxwm1 h2{font-size: 40px;font-weight: 500;margin-bottom: 10px;}
.lxwm1 h2{font-size: 30px;color: #2b2b2b;}
.lxwm1 p{font-size: 24px;font-weight: 500;line-height:1.8}

.lxwm1 .tel{margin-top: 50px;}
.lxwm1 .tel .ico{width: 80px;}
.lxwm1 .tel .text{width: calc(100% - 80px);}
.lxwm1 .tel .c1{font-size: 30px;color: #2b2b2b;line-height: 1;margin-bottom: 10px;}
.lxwm1 .tel p{font-size: 25px;color: #727272;line-height: 1.5}
.lxwm2{width: 60%;}
.lxwm3 .item{background:#f2f2f2 url("../images/lxwm_11.png") no-repeat bottom right;margin-top:29px;margin-bottom:29px;border-radius: 15px;width: 22%;height: 220px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.lxwm3 .item .c1{font-size: 22px;color: #000}
.lxwm3 .item p{font-size: 21px;line-height: 2;color: #4f4f4f}






.listart li{border-bottom: 1px solid #ebebeb;padding:40px;}
.listart li .pic{width: 30%;padding-bottom:20%;position:relative;overflow:hidden}
.listart li .pic img{position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;}



.listart li .text{width:68%;padding:0 10px;display: flex;flex-direction: column;justify-content: center;}
.listart li .text .data{color: #b3b3b3;font-size: 20px;line-height: 3}



.listart li .text .H4{font-size:28px; color:#0b0b0b;margin-bottom: 20px;overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;}
.listart li .text .p{font-size:18px; color:#8c8c8c; line-height: 1.8;opacity: 0.66;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;}
.listart li .text .more{width:180px;height:40px;display:flex;align-self: flex-end; align-items: center; text-align: center; font-size:14px; color:#8c8c8c; opacity: 0.6; margin-top:8px;border:1px solid #8c8c8c;border-radius:20px;justify-content: center;}
.listart li .text .more i {
    width: 20px;
    height: 15px;
    background: url(../images/jt.png) no-repeat center right;
    background-size: 100% auto;
    display: block;
    margin-left: 5px;
}


.listart li:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.12);transition:transform 0.3s;}



.viewart .position{display: flex;align-items: center;font-size: 16px;color: #222222}
.viewart .position img{margin-right: 8px;}
.viewart .position a{font-size: 16px;color: #222222;padding:0 5px;}
.viewart .main h2{text-align: center;width: 100%;line-height: 1.8;margin-bottom: 20px;}
.viewart .main .time{width: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;margin-bottom: 20px;}
.viewart .main .time img{margin-right: 10px;}
.viewart .main .nr{border-top:1px solid #e0e0e0;margin-top: 20px;padding-top: 20px;color: #6c6c6c;font-size: 18px;}
.viewart .main .nr p{margin-bottom: 10px;}
.viewart .main .nr img{margin:10px auto}
.viewart .prenext{background-color: #f7f7f7;}
.viewart .prenext a{color: #7c7c7c;font-size: 16px;}
.viewart .prenext .pre{width:35%;}
.viewart .prenext .next{width:35%;text-align: right;}
.viewart .prenext .back{text-align: center}











.listcase .main{justify-content: flex-start;}
.listcase .main .item{text-align: center;color: #fff;font-size: 22px;width: 31.3333%;margin:1%;}
.listcase .main .item .pic{width: 100%;padding-bottom:60%; position: relative;overflow:hidden; }
.listcase .main .item .pic img{position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;}


.listcase .main .item:hover{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.12);transition:transform 0.2s;transform:translate(0,-10px);}
.listcase .main .item p{width: 100%;align-items: center;background-color: #f7f7f7;line-height:1.5;padding:20px;}
.listcase .main .item p span{width:calc(100% - 48px);overflow: hidden;text-align: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.listcase .main .item p i{ width: 38px;height: 18px;background: url("../images/jt.png") no-repeat center center; display: inline-block; }
.listcase .main .item:hover p{width: 100%;align-items: center;background-color: #fff}
.listcase .main .item:hover p i{ width: 38px;height: 18px;background: url("../images/jt_h.png") no-repeat center center; display: inline-block; }




.viewartcase .casebox .text{width: 53%;display: flex;flex-direction: column;justify-content: center;}
.viewartcase .casebox .text .btn{margin-top: 40px;}
.viewartcase .casebox .text .btn a{padding:10px 30px;border-radius: 8px;color: #fff;}
.viewartcase .casebox .text .btn a:nth-child(1){background-color: #f39800;margin-right: 15px;}
.viewartcase .casebox .text .btn a:nth-child(2){background-color: #7d7d7d;}





.viewartcase .casebox .pic{width: 43%;max-height:428px;overflow:hidden;}
.viewartcase .casebox .pic img{width:100%;}
.caseboxnr{margin-top:60px;}
.caseboxnr .tit{width: 100%;border-bottom: 1px solid #c9c9c9;line-height: 42px;margin-bottom: 30px;}
.caseboxnr .tit span{background:#c9c9c9;padding:10px 30px;color: #000}
.caseboxnr table{margin:10px auto;}









.listproduct{position: relative;}
.listproduct .container{width: 92%;margin:0 auto;max-width:92%}
.listproduct .main{justify-content: start;align-items: flex-start;}
.listproduct .list{overflow: hidden;position: relative;width: 25%;padding:40px 1.5%;}

.listproduct .list .pic{width: 100%;padding-bottom:140%; position: relative;overflow:hidden; }
.listproduct .list .pic img{position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;}


.listproduct .list .size{position: absolute;left:10px;top:10px;border:1px solid #ccc;padding:2px 4px;color: #bbb;font-size: 12px;}
.listproduct .list .text{position:absolute;width: 100%;height:100%;background:rgb(0,0,0,0.5);top:0;left:0;padding:3%;opacity: 0;transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
.listproduct .list .text .nr{display: flex;justify-content: center;align-items: center; flex-direction: column;border:1px solid #fff; width: 100%;height: 100%;padding:10%;}

.listproduct .list .text p{color: #fff;line-height: 2;font-size: 14px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.listproduct .list .text span{display: block;width: 100%;text-align: right;color: #FFF;text-transform: uppercase;font-family: Ariel;padding-top: 15px;}
.listproduct .list h6{font-size:22px; color:#000; font-weight: bold;line-height:2.8;text-align:center}
.listproduct .list h6:after{display: block;width: 20%;content:"";border-bottom: 2px solid #000;margin:0 auto}
.listproduct .list:hover .text{opacity: 1;}



.viewproduct .position{display: flex;align-items: center;font-size: 16px;color: #222222}
.viewproduct .position img{margin-right: 8px;}
.viewproduct .position a{font-size: 16px;color: #222222;padding:0 5px;}





.viewproduct .productbox .slider-for .picbox{width:560px;height:560px;display:flex;justify-content:center;align-items: center;overflow:hidden}
.viewproduct .productbox .slider-nav .picbox{width:118px;height:118px;display:flex;justify-content:center;align-items: center;overflow:hidden}

.viewproduct .productbox{width:100%;}
.viewproduct .productbox .text{width:calc(100% - 610px);padding-bottom:130px;display: flex;flex-direction: column;justify-content: center;}
.viewproduct .productbox .text h2{text-align: left;width: 100%;line-height: 1.8;margin-bottom: 20px;font-size: 36px;}
.viewproduct .productbox .text p{color: #444444;font-size: 20px;line-height:2}

.viewproduct .productbox .text .btn{margin-top: 40px;}
.viewproduct .productbox .text .btn a{padding:10px 30px;border-radius: 8px;color: #fff;}
.viewproduct .productbox .text .btn a:nth-child(1){background-color: #f39800;margin-right: 15px;}
.viewproduct .productbox .text .btn a:nth-child(2){background-color: #7d7d7d;}
.viewproduct .productbox .pic{width: 560px;}
.viewproduct .productbox .pic img{width:100%;}


.viewproduct .protab{text-align: center;}
.viewproduct .protab span{color:#414141;display: inline-block;font-size: 20px;padding:0 20px;cursor: pointer;}

.viewproduct .protab span.on{color:#000;font-weight: 600}
.viewproduct .protab span.on:after{content:"";display: block;width: 40px;height: 2px;background-color: #000;margin:10px auto 0px auto;}



.hide{display: none}
.viewproduct .protabmain{color: #6c6c6c;font-size: 18px;}
.viewproduct .protabmain video{width: 100%!important;height: auto!important}


.viewproduct .slider-for .slick-slide{border:1px solid #dcdcdc;}
.viewproduct .slider-nav .slick-list{overflow: hidden;width: 85%;margin:0 auto;}
.viewproduct .slider-nav .slick-slide{margin:10px 15px;border:1px solid #dcdcdc;}
.viewproduct .slider-nav .slick-slide.slick-current{border:1px solid #000;}
.viewproduct .slider-nav .slick-prev{ background: url("../images/pnav_left.png") no-repeat; background-position: center center;left:0;  }
.viewproduct .slider-nav .slick-next{ background: url("../images/pnav_right.png") no-repeat;background-position: center center;right:0; }




.viewproduct .protabmain .aboutproduct{background:#f4f4f4;border-radius: 10px;padding:10px;margin:20px 0;position: relative;line-height: 100%}
.viewproduct .protabmain .aboutproduct .pic{height:100px;width:150px;overflow:hidden;display: inline-block; margin-right:3%;vertical-align:middle}
.viewproduct .protabmain .aboutproduct img{height: 100px;margin:0 auto}
.viewproduct .protabmain .aboutproduct a{display: inline-block;}
.viewproduct .protabmain .aboutproduct .more{border:1px solid #ccc;position: absolute;right:20px;top:50%;margin-top:-22.5px;height: 45px;padding:0 20px; border-radius: 10px;display: flex;flex-direction: row;align-items: center;justify-content: center; }
.viewproduct .protabmain .aboutproduct:hover .more{background: #ccc;color: #fff}


#allmap {width: 100%;height: 884px;}
.viewproduct .protabmain .tabmain table{margin:10px auto;}

.relativeproduct h3{
    color: #414141;
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
}



.relativeproductmain{justify-content: start; align-items: flex-start;}
.relativeproductmain .product{
    
    overflow: hidden;
    position: relative;
    width: 25%;
    padding: 40px 1.5%;

}

.relativeproductmain .product .pic{border:1px solid #dcdcdc;padding-bottom:140%;position:relative;overflow:hidden}
.relativeproductmain .product .pic:hover{border:1px solid #000;}
.relativeproductmain .product .pic img{position:absolute;left:0; right:0; top:0; bottom:0;margin:auto;}
.relativeproductmain .product p{font-size:20px;line-height:2;text-align:center}



@media screen and (max-width:1440px){
.about4 .item .text h4{font-size:18px;margin-bottom: 10px;}
.about4 .item .text h4 span{font-size: 16px;}
.about4 .item .text p{font-size: 14px;}

.lxwm3 .item{width: 32%}

}


@media screen and (max-width:991px){
.top2 .logo{margin-top: 5px;float: unset;}
.top2 .logo img{ height: 50px;margin:0 auto}

.ch3 {font-size: 30px;}
.ch5 {font-size: 17px;margin-top: 8px;}
.section1 .senav a{font-size: 16px;padding: 0 15px;}
.ptb50{padding-top:25px;padding-bottom:25px;}
.ptb100{padding-top:50px;padding-bottom:50px;}
.section3 .main .item p{font-size: 16px;}
.section3 .main .item p i {
    width: 22px;
    height: 10px;
    background: url(../images/jt.png) no-repeat center right;
    display: inline-block;
    background-size: 100%;
}
.section6 .art .art1 .pic{width: 100%}
.section6 .art .art1 .text{width: 100%;margin-top:2%;}
.section6 .art .art1 .text .H4{font-size: 16px;margin-bottom: 5px;margin-top: 5px;}
.section6 .art .art1 .text .p{font-size: 12px;}
.section6 .art .art2 ul li{line-height: 3}
.section6 .art .art2 ul li a{font-size: 12px;}
.section6 .art .art2 ul li a span.time{width: 70px}
.about2 p{font-size: 16px;}
.about2 .youshi .list{padding:0 5px;}
.about2 .youshi p{padding:0 5px;text-indent:0;}
.about4 .item{width: 100%;margin-bottom:20px;}




.viewproduct .productbox .pic{width: 100%}
.viewproduct .productbox .text{width: 100%;padding-bottom:60px;}
.viewproduct .productbox .text h2{font-size: 24px;}
.viewproduct .productbox .text p{font-size: 14px;}

.viewproduct .protab span{font-size: 14px;padding:0 10px;}
.viewproduct .protabmain {
    color: #6c6c6c;
    font-size: 14px;
}






}












@media screen and (max-width:767px){
    
.nybanner .container{display:flex;flex-direction:column;justify-content:center;height:228px;}
.nybanner .text h2{font-size:24px}
.nybanner .text p{font-size:26px}
    
    
	.section2 .main .item{width: 42%;margin:1%;}
    .section2 .main .item p{font-size: 14px;}
    .section3 .main .item{width: 48%}
    .section4 .videoL{width: 100%;}
    .section4 .text{width: 100%;padding-left: 3%}
    .section5 .main .item{width: 48%;margin:2% 0%;}
.section4 .youshi .list{padding:0 15px;}
.section4 .text{padding:10px 20px;}
.section6 .art{width: 100%;margin-bottom: 50px;}
.foot .line{display: none}
.section4 .text h4{font-size: 24px;}
.section4 .text h5{font-size: 13px;}
.section1List .list h6{font-size: 16px;text-align:center}
.section1List .list h6:after {
    display: block;
    width: 20%;
    content: "";
    border-bottom: 2px solid #000;
    margin:0 auto;
}

.about1{width: 100%;}
.about1 h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 25px;
}
.about1 p{font-size: 18px;}
.about1 img{margin-top: 10px;width: 100%;margin-bottom: 10px;}
.about2{width: 100%;}
.about3 .item .pic{font-size: 18px;}
.about3 .item .text{font-size: 14px;padding:15px;}


.sonnav a{font-size: 14px;line-height: 30px;height: 30px;}
.sonnav a{margin:0 5px;}
.qyry .main li{width:48%;margin:1%}

.qywh .main .item{width:48%;}
.qywh .main .item .text{padding:80px 20px 0px 20px;}

.listart li{padding:20px 0;margin-bottom: 20px;margin-bottom:20px;}
.listart li a{width: 100%}
.listart li .pic{width: 100%;padding-bottom:60%}
.listart li .text{width: 100%}
.listart li .text .more{width: 100%}
.listart li .text .data{font-size: 16px;}
.listart li .text .H4{font-size: 18px;}
.listart li .text .p{font-size: 14px;}
.listart li .text .more{height:28px;line-height: 28px; }


.viewart .main h2{font-size: 18px;font-weight: 600;margin-bottom:0px;}
.viewart .main .time{font-size: 14px;}
.viewart .main .nr {
    border-top: 1px solid #e0e0e0;
    margin-top: 20px;
    padding-top: 20px;
    color: #6c6c6c;
    font-size: 14px;
}
.viewart .prenext a{font-size: 14px;}
.listproduct .list{width: 50%}

.listcase .main .item{width: 48%}
.listcase .main .item p{font-size: 16px;}
.listcase .main .item p i {
    width: 22px;
    height: 10px;
    background: url(../images/jt.png) no-repeat center right;
    display: inline-block;
    background-size: 100%;
}
.viewart .main .nr .casebox{flex-direction: column-reverse;}
.viewartcase .casebox .text{width: 100%}
.viewartcase .casebox .pic{width: 100%;margin-bottom: 10px;}


.lxwm1{width: 100%;margin-bottom: 20px;}
.lxwm2{width: 100%}
.lxwm3 .item{width: 48%}

.viewproduct .slider-nav .slick-prev{ background: url("../images/pnav_left.png") no-repeat;background-size:100% auto; background-position: center center;left:0;  }
.viewproduct .slider-nav .slick-next{ background: url("../images/pnav_right.png") no-repeat;background-size:100% auto;background-position: center center;right:0; }



.nybanner .list .text h2{font-size: 18px;}
.nybanner .list .text p{font-size: 12px;}
#allmap {width: 100%;height: 500px;}

.relativeproductmain .product{width:48%;margin:2% auto}
.relativeproductmain .product p{font-size: 14px;}


.videoBox2{width:94%; position:fixed; top:50%; left: 50%; z-index: 999999; display: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}

}



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

    .ptb50{padding:15px 0;}
    .ptb100{padding:25px 0;}
    .indexcontainer {width: 96%;margin:0 auto;}
    .container {width: 96%;margin:0 auto;}
    .ch3 {font-size: 22px;}
    .ch5 {font-size: 14px;margin-top: 8px;}
    .section2 .main .item{width: 44%;margin:3%}
    .section3 .main .item{width:100%}
    .section3 .main .item:nth-child(4){display:none}
    .section4 .youshi .big{font-size: 28px;}
    .section4 .youshi .p2{font-size: 12px;}
    .section4 .youshi .list{padding:0 5px;}
    .section4 .text .flm a{width: 80px;height: 32px;line-height: 32px;font-size: 16px;}
    .section5 .main .item .pic{width: 80px;height: 80px;margin-left: -40px}
    .section5 .main .item .text p{font-size: 18px;}
    .section5 .main .item .text p:nth-child(2){font-size: 14px;}
    .section5 .main .item .text{padding:40px 20px;}
    .section6 .senav a{font-size: 14px;padding:0 10px;}
    .foot .fdh h3{font-size: 28px}
    .bottom a{font-size: 12px;}
    .copyright{font-size: 12px;}
    .flogo{margin:0 auto;}
    .foot .container{max-width: 90%}
    .section3 .main .item p{padding:10px;}

.about1 p{font-size: 16px;line-height: 1.5}
.about2 p{font-size: 14px;}
    .about3 .item{width: 100%;margin-bottom: 20px;}
    .about4 .item{width: 100%;margin-bottom: 20px;}


    .about2 .youshi .big{font-size: 28px;}
    .about2 .youshi .p2{font-size: 12px;}
    .about2 .youshi .list{padding:0 5px;}

    .about4 .item .text{padding:0 10px;}
    .about4 .item{width: 100%;margin-bottom:10px;}
    .about4 .item .text p{font-size: 12px;}
    .about4 .item .text h4 img{width: 20px;}
.about4 .item .text h4{font-size:14px;margin-bottom: 10px;}
.about4 .item .text h4 span{font-size: 12px;}
.about4 .item .text p{font-size: 12px;line-height: 1.5}
.qywh .main .item{width:100%;}

.listproduct .list{width:100%}

.listcase .main .item{width: 100%}
.listcase .main .item p{padding: 10px;font-size: 14px;}
.viewart .main .time{font-size: 12px;}
.viewart .main .time img{width: 12px;}
.viewart .position{font-size: 12px;}
.viewart .position a{font-size: 12px;}
.viewart .position img{width: 15px;}

.viewproduct .position{font-size: 12px;}
.viewproduct .position a{font-size: 12px;}
.viewproduct .position img{width: 15px;}

.caseboxnr .tit span {padding: 12px 20px;}

.lxwm3 .item{width: 100%}
.lxwm1 .tel .c1{font-size: 22px;}
.lxwm1 h2{font-size: 22px;}
.lxwm1 .tel p{font-size: 14px;}
.lxwm1 .tel .ico{width: 40px}
.lxwm1 .tel .text {width: calc(100% - 50px);}
.viewproduct .protabmain .aboutproduct .more{padding:0 5px;right:5px;font-size:12px;height:35px;line-height:35px;margin-top: -17.5px; }
.viewproduct .productbox .slider-for .picbox{height:400px;}


.viewproduct .protabmain .aboutproduct .pic{height: 80px;width: 100px;}
.viewproduct .protabmain .aboutproduct .pic img{height: 80px;}
.viewproduct .protabmain .aboutproduct{padding:5px;}
}