@import "index-form-customer.css";
@keyframes scaleAnim{
    0%{
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

li{ list-style:none;}
html{--wrap-1600-width:1600px;}
/*社会责任*/
.website_title{ text-align:center; overflow:hidden; margin-top:6%;}
.website_title .en{ font-family: DIN;font-weight:bold;overflow:hidden; text-transform:uppercase; line-height:62px; }
.website_title .en span{display:inline-block;vertical-align: top;background: var(--linear-color);-webkit-background-clip: text;color:transparent;}
.website_title .h4{ font-weight:bold; overflow:hidden; line-height:70px; color:#222222;}


.website_ul{padding-top: 3%;overflow: hidden;margin-bottom: 7%;}
.website_ul .zeren {
  margin: calc(var(--lpd)*-1) calc(var(--lpd)*-1);
  padding-bottom: 22px;
  margin: -26px;
}
.website_ul .zeren .img-box::before {
  padding-top: 53.442%;
}
.website_ul .zeren .img-box::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: #000000;
  transition: opacity 0.3s;
}
.website_ul .zeren .zeren-li {
  padding: calc(var(--lpd)*1);
  padding:26px;
}
.website_ul .zeren .zeren-box {
  display: block;
}
.website_ul .zeren .zeren-box:hover .img-box::after {
  opacity: 0.3;
}

.website_ul .zeren .zeren-box .zeren-cont{background-color: #f5f5f5;}

.website_ul .zeren .zeren-box:hover .zeren-cont {
  background-image: linear-gradient(-34deg, #5e51a3 0%, #9c8dca 100%), linear-gradient(#ffffff, #ffffff);
  background-blend-mode: normal, normal;
}
.website_ul .zeren .zeren-box:hover .zeren-title,
.website_ul .zeren .zeren-box:hover .zeren-des {
  color: #ffffff;
}
.website_ul .zeren .zeren-box:hover .zeren-more .self-svg {
  --fill: #ffffff;
  left: 100%;
}
.website_ul .zeren .zeren-cont {
  background: #ffffff;
  padding: 30px 40px 20px 30px;
  transition: background 0.3s ease-in;
}
.website_ul .zeren .zeren-title {
  font-size: 18px;
  line-height: 1.4em;
  color: #333333;
  overflow: hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.website_ul .zeren .zeren-des {
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.33em;
  color: #333333;
}
.website_ul .zeren .zeren-more {
  margin-top: 18px;
}
.website_ul .zeren .zeren-more .more-box {
  position: relative;
  font-size: 15px;
  line-height: 2em;
  color: #ffffff;
}
.website_ul .zeren .zeren-more .more-word {
  padding-right: 0.6em;
}
.website_ul .zeren .zeren-more .self-svg {
  --size: 0.7em;
  --fill: #666666;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: all 0.12s ease-in;
}

 /*社会责任-公益项目*/
.o_g {
    display: block;
    width: 100%;
    vertical-align: top;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0 !important;
    line-height: auto;
}
.website_ul2 {
    height: 550px;
    background: url(../picture/social_environment_gongyi_bg.jpg);
    background-size: contain;
}
.w1440 {
    width: 100%;
    margin: 0 auto;
	height: 100%;
}

.website_ul2 .w1440{
  position: relative;
  z-index: 4;
}


.website_ul2 .w1440 .public_interest{
	width: 100%;
	height: 100%;
}

.website_ul2 .li {
  width: 24.625%;
  height: 100%;
  display: block;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  background-size: cover !important;
  float: left;
  margin-right: 0.5%;
  position: relative;
}
.website_ul2 .li:nth-child(4) {
  margin-right: 0;
}

.website_ul2 .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 1;
  transition: all .8s ease;
  background-image: -webkit-linear-gradient(left, #9c8dca, #5e51a3);
  background-image: -o-linear-gradient(left,#9c8dca, #5e51a3);
  background-image: linear-gradient(to right, #9c8dca, #5e51a3);
}
.website_ul2 .text {
  position: absolute;
  text-align: center;
  top: 60px;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 3;
}


.project_text_content .title{
	font-weight: bold;
    overflow: hidden;
    line-height: 70px;
	color: #222222;
}


.project_text_content .intro{
	
	color: #666666;
    line-height: 36px;
    margin: 0 auto;
    margin-top: 17px;
    text-align: center;
}



.zeren_biaoti{
	
	display: inline-block;
    text-rendering: auto;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.public_interest .zeren_biaoti{
	
	height: 100%;
    position: relative;
    background-size: auto 100%;
	display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
}




.website_ul2 .li:hover .bg {
  opacity: .5;
}


.js-m {
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.8s cubic-bezier(0, 0.35, 0.14, 1.1);
}
.js-m.animate {
    opacity: 1;
    transform: translate(0, 0);
}

.imgbg-tong:before {
    content: "";
    margin: 0 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #111;
    z-index: 5;
    opacity: 1;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.js-m.animate.imgbg-tong:before, .js-m.animate.imgbg-tong:after {
    margin-right: 0;
    right: 0;
    bottom: 0;
    left: 100%;
}

.h-tit {
    font-size: 22px;
    line-height: 1;
}

.col-ff {
    color: #fff !important;
}

.zeren-fd:after {
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    content: ".";
}

.text .zeren-icon{
    display: inline-block;
    height: 48px;
    width: 48px;
    cursor: pointer;
	margin-top: 13px;
}

 /*社会责任-报告下载*/
.zhuanti2_five{ overflow:hidden; background:#f7f7f7;}
.zhuanti2_five .zhuanti2_five_con{  overflow:hidden; margin-top:60px; margin-bottom:100px;}
.zhuanti2_five .zhuanti2_five_con ul li{
	float:left;width:calc(50% - 10px);
	width:-webkit-calc(50% - 10px);
	width:-moz-calc(50% - 10px);
	margin-bottom:20px;
	background-color: #5e51a3;
	border-radius: 0px;
	overflow: hidden;
	position: relative;
}








.zhuanti2_five .zhuanti2_five_con ul li:nth-child(2n){ float:right;}
.zhuanti2_five .zhuanti2_five_con ul li .boxs{width: 90%;margin: 0 auto;max-width: 680px;overflow: hidden;color: #ffffff;}
.zhuanti2_five .zhuanti2_five_con ul li .boxs .cons{max-width: 245px;width: 50%;}
.zhuanti2_five .zhuanti2_five_con ul li .h2{font-weight: bold;line-height: 1.1;}
.zhuanti2_five .zhuanti2_five_con ul li .p{overflow: hidden;line-height: 1.7;margin-top: 12%;}

.zhuanti2_five .zhuanti2_five_con ul li .imgs {
    overflow: hidden;
    position: relative;
    padding-top: 53.876%;
}

.zhuanti2_five .zhuanti2_five_con ul li .imgs img{
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.zhuanti2_five .zhuanti2_five_con ul li .bgs {
    background: url(../picture/i_bg1.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.zhuanti2_five .zhuanti2_five_con ul li .boxs .cons .imore {
    display: inline-block;
    height: 44px;
    overflow: hidden;
    line-height: 44px;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    -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;
    position: relative;
    z-index: 0;
    margin-top: 15%;
    z-index: 0;
}
.zhuanti2_five .zhuanti2_five_con ul li .boxs .cons .imore:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #fff;
    border-radius: 25px 25px 25px 0px;
    z-index: -2;
}
.imore .span {font-size: 15px;}
/*社会责任-报告下载结束*/
/*社会责任-最新新闻开始*/
.i_news{ overflow:hidden; margin-top:3.8%;}
.i_news .i_news_l{ float:left; width:780px; margin-right:40px;  overflow:hidden;}
.i_news .i_news_l .imgs{ overflow:hidden; position:relative; padding-top:450px;}
.i_news .i_news_l .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_news .i_news_l:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_l .imgs i{position: absolute; content: ""; right: 0;  top: 0;  height: 60px; width: 60px;  background: url(../images/i_pic3.png) no-repeat;  background-size: 100% 100%;transition:all 0.3s;}
/*.i_news .i_news_l:hover .imgs i{opacity:0;filter:Alpha(opacity=0);}*/
.i_news .i_news_l .bgs{ background:#f7f7f7; overflow:hidden; position:relative;width:100%; height:267px;}
.i_news .i_news_l .bgs:after{ content:""; position:absolute;  height:3px; width:0; bottom:0; left:0; background:#9c8dca;transition:all 0.3s;}
.i_news .i_news_l:hover .bgs:after{ width:100%;}
.i_news .i_news_l .bgs .boxs{width:96%; max-width:700px; margin:0 auto; }
.i_news .i_news_l .bgs .boxs .label{ height:30px; line-height:30px; font-size:16px; overflow:hidden; margin-top:18px; color:#666666;}
.i_news .i_news_l .bgs .boxs .label span{ font-family:"宋体"; font-size:14px; font-weight:bold; margin-left:12px;}
.i_news .i_news_l:hover .bgs .boxs .label{ color:#9c8dca;}
.i_news .i_news_l .bgs .boxs .h3{ font-weight:normal; height:34px; line-height:34px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333333; margin-top:8px;}
.i_news .i_news_l .bgs .boxs .p{ line-height:30px; height:60px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:16px;color:#666666; margin-top:12px;}
.i_news .i_news_l .bgs .boxs .date{ height:22px; line-height:22px; font-size:14px; overflow:hidden; margin-top:34px; color:#999999;}
.i_news .i_news_r{ overflow:hidden;}
.i_news .i_news_r .i_news_ul{ overflow:hidden;}
.i_news .i_news_r .i_news_ul .inr-list{display: block; padding-bottom:33px; padding-top:33px; padding-left:30px; padding-right:30px; overflow:hidden; margin-bottom:40px;text-align:left; transition:all 0.3s; position:relative; background:#f7f7f7;}
.i_news .i_news_r .i_news_ul .inr-list:last-child{ margin-bottom:0;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{ overflow:hidden; float:left; width:250px; height:145px; margin-right:45px; position:relative;}
.i_news .i_news_r .i_news_ul .inr-list .imgs img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_news .i_news_r .i_news_ul .inr-list:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_news .i_news_r .i_news_ul .inr-list .imgs i{position: absolute; content: ""; right: 0;  top: 0;  height: 30px; width: 30px;  background: url(../images/i_pic4.png) no-repeat;  background-size: 100% 100%;}
.i_news .i_news_r .i_news_ul .inr-list .txts{ overflow:hidden;}
.i_news .i_news_r .i_news_ul .inr-list .date{height:22px; line-height:22px; font-size:14px; overflow:hidden; margin-top:24px; color:#999999;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ color: #333333;line-height: 33px; height:66px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;transition:all 0.3s; font-weight:normal; margin-top:16px; overflow:hidden;}
.i_news .i_news_r .i_news_ul .inr-list:hover .h3{color:#9c8dca;}
.i_news .i_news_r .i_news_ul .inr-list:after{ content:""; position:absolute;  height:3px; width:0; bottom:0; left:0; background:#9c8dca;transition:all 0.3s;}
.i_news .i_news_r .i_news_ul .inr-list:hover:after{ width:100%;}
.zx_news .wrap3 .more-box-a{margin-top: 3%;margin-bottom: 6%;}



.website_two{background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex; align-items: center; justify-content: left;background-attachment: fixed;}
.website_two.bgs2{ background-attachment:inherit;position: relative; overflow:hidden; background-image:url(../picture/website2_bg4_2.jpg);width:100%;height:961px;background-position: 40% center;}
.website_two .position-award-box{position:absolute;top:0;right:0;width:50%;height:100%;z-index:0;display: none;}
.website_two .position-award-box .award-image{position:absolute;top:calc(50% - 781px);left:calc(50% - 700px);width:1399px;height:1562px;background-size:cover;background-position:center center;background-repeat:no-repeat;background-image:url(../picture/award-image.png)}
.website_two .position-award-box .award-image img{display: block;width: 100%;opacity:0;filter:Alpha(opacity=0);}
.website_two .wrap3{position:relative; max-width:1600px;}
.website_two .website_two_box{float:left; width:48%;position: sticky; top: 0; overflow:hidden;}
.website_two .website_two_l{  padding-top:147px; max-width:582px; padding-bottom:147px; overflow:hidden;}
.website_two.bgs2 .website_two_l{ padding-top:24%; padding-bottom:50%;}
.website_two .website_two_l .website_title{ text-align:left;}
.website_two .website_two_l .website_title .h4{ margin-top:13px;}
.website_two .website_two_l .desc{ overflow:hidden; line-height:38px; margin-top:42px; color:#555555;}
.website_two .website_two_l .more-box-a{ float:left; margin-top:92px;}
.website_two .website_two_r{ overflow:hidden; width:48%; float:right;max-width:699px; margin-top:162px; margin-bottom:162px;}
.website_two .website_two_r ul li{ display:block; overflow:hidden; background:#fff; margin-bottom:40px;}
.website_two .website_two_r ul li:last-child{ margin-bottom:0;}
.website_two .website_two_r ul li .divs{ width:94%; margin:0 auto; max-width:566px; overflow:hidden; padding-top:47px; padding-bottom:80px; position:relative;}
.website_two .website_two_r ul li .h2{ font-weight:normal; height:52px; line-height:52px;white-space:nowrap;text-overflow:ellipsis;}
.website_two .website_two_r ul li .p{ margin-top:20px; line-height:27px; height:81px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color:#666666;}
.website_two .website_two_r ul li .nums{ position:absolute; left:0; bottom:-20px; line-height:78px; color:#e5e5e5; font-weight:bold;}
.qiye_three{ overflow:hidden; background:#06091a; }
.qiye_three .wrap3{max-width:1600px;}
.qiye_four{ overflow:hidden; background:#f7f7f7;}
.qiye_four .wrap3{max-width:1600px;}
.website_title_p{color: #666666; line-height: 36px;margin:0 auto; margin-top: 17px;  text-align: center;}
.website_title_p.bgs2{ max-width:1330px; margin-top:2%; }
.website_con{font-size: 14px; line-height: 26px; overflow: hidden; padding-bottom: 8%; margin-top:3.8%;}
.website_con.bgs2{ margin-top:2.5%; padding-bottom:5%;}
.website_con img{display: block; margin: 0 auto; max-width: 100%;}
.case_bg{ overflow:hidden; background:#f7f7f7;}
.case_bg .wrap3{max-width:1600px;}
.case_bg .list2{--p: 26px;margin:-26px; margin-top:18px;}
.case_bg .list2 .list2-li{padding: 26px;}
.case_bg .list2 .list2-box{display: block;overflow: hidden; background: transparent; transform: translateY(0); border-radius: 0px;transition: all 0.3s;}
.case_bg .list2 .list2-box:hover{transform: translateY(-15px);background: #ffffff;box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11); border-radius: 10px;}
.case_bg .list2 .img-box::before{padding-top: 63.58%;}
.case_bg .list2 .cont{ padding: 27px 40px;transition: padding 0.3s;}
.case_bg .list2 .cont .list2-title{line-height: 1.4em; color: #222222;}
.case_bg .list2 .cont .list2-type{margin-top: 6px; font-size: 15px;line-height: 1.4em; color: #888888;}
.case_bg .more-box-a{ margin-top:3%; margin-bottom:6%;}
/*品质管理*/
.mobile_ul{ max-width:var(--wrap-1600-width); margin:0 auto; overflow:hidden; margin-top:50px; margin-bottom:130px;}
.mobile_ul ul li{ float:left; width:24%; margin-right:1.25%; position: relative; background:#f7f7f7; cursor:pointer; height:385px;transition:all 0.3s;}
.mobile_ul ul li:nth-child(3n+0){ margin-right:0;}
.mobile_ul ul li.actives{ width:49.5%;}
.mobile_ul ul li .img1{ width:100px; height:100px;  margin:0 auto; margin-top:115px;background: var(--linear-color);border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.mobile_ul ul li .img1 img{display:block; width:100%; height:100%;}
.mobile_ul ul li .h2{ font-weight:normal; line-height:36px; height:72px; color:#555555; text-align:center; margin-top:24px; }
.mobile_ul ul li .divs{ width:100%;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1; color:#fff; background:linear-gradient(124deg, #9c8dce, #5e51a3);}
.mobile_ul ul li.actives .divs{opacity:1.0;filter:Alpha(opacity=100);}
.mobile_ul ul li .divs .img2{  width:100px; height:100px;  margin-top:60px;background:#fff;border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.mobile_ul ul li .divs .img2 img{ width:100%; height:100%; display:block;}
.mobile_ul ul li .divs .cons{  max-width:620px; margin:0 auto; width:90%;overflow:hidden;}
.mobile_ul ul li .divs .cons .h3{ font-weight:bold; margin-top:5px;line-height:50px; height:50px;}
.mobile_ul ul li .divs .cons .p{ line-height:30px; margin-top:9px; overflow:hidden;  color:#fefefe;}
.mobile_three{background-repeat:no-repeat; background-position:center center; background-size:cover;display: flex; align-items: center; justify-content: left;background-attachment: fixed;}
.mobile_three .wrap3{position:relative; max-width:1600px;}
.mobile_three .mobile_three_l{ float:right; width:49%; max-width:660px; /* padding-top:15.8%; padding-bottom:21.6%;*/ padding-top:9%; padding-bottom:8%; overflow:hidden;}
.mobile_three .mobile_three_l .website_title{ text-align:right;}
.mobile_three .mobile_three_l .desc{ overflow:hidden; line-height:38px; margin-top:42px; color:#555555;text-align:right;}
.mobile_three .mobile_three_l .more-box-a{ float:right; margin-top:92px;}
/*品质管理*/
.xcx_one{overflow: hidden;padding-bottom: 95px;}
.xcx_one .wrap3{max-width:1600px;}
.xcx_ul{ max-width:1600px; margin:0 auto; padding-top:3%; overflow:hidden; margin-bottom:4%;}
.xcx_ul ul li{ width:24.0625%; margin-right:1.25%; float:left; text-align:center; overflow:hidden;position:relative;}
.xcx_ul ul li:nth-child(4n){ margin-right:0;}
.xcx_ul ul li .imgs{ overflow:hidden; border-radius:10px;}
.xcx_ul ul li .imgs img{ display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.xcx_ul ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.xcx_ul ul li .h2{ width:90%; max-width:320px; margin:0 auto;font-weight:normal; line-height:30px; height:60px; overflow:hidden; color:#666666; margin-top:6%;}
.xcx_bg{background-color: #f7f7f7; overflow: hidden; padding-bottom: 120px;}
.xcx_bg .wrap3{max-width:1600px;}
.xcx_bg .xcx_ul2{  margin-top:60px; margin-bottom:100px;}
.xcx_bg .xcx_ul2 ul li{ float:left;width:calc(33.33% - 8px);width:-webkit-calc(33.33% - 8px);width:-moz-calc(33.33% - 8px);  margin-bottom:12px; background:#fff; border-radius:6px; margin-right:12px;}
.xcx_bg .xcx_ul2 ul li:nth-child(3n){ margin-right:0;}
.xcx_bg .xcx_ul2 ul li .boxs{ position:relative; overflow:hidden; max-width:410px; width:94%; margin:0 auto; margin-top:38px; margin-bottom:15px;}
.xcx_bg .xcx_ul2 ul li .imgs{ width:60px; height:60px; display:block; background: var(--linear-color); border-radius:0px 30px 30px 30px; position:relative;transition:all 0.6s; margin-top:13px; float:left; margin-right:36px;}
.xcx_bg .xcx_ul2 ul li .imgs img{ width:60px; height:60px;transition:all 0.6s;}
/*.xcx_bg .xcx_ul2 ul li:hover .imgs{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg); background: var(--linear-color-h);}
.xcx_bg .xcx_ul2 ul li:hover .imgs img{transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-webkit-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);}*/
.xcx_bg .xcx_ul2 ul li .h2{ font-weight:normal; height:48px; line-height:48px; overflow:hidden; color:#333333; }
.xcx_bg .xcx_ul2 ul li .p{ overflow:hidden; line-height:30px; height:60px; color:#666666;}
.xcx_bg .xcx_ul2 ul li .cons{ overflow:hidden;}
.xcx_bg .xcx_ul2 ul li:hover{ box-shadow: 0px 4px 18px 0px rgba(26, 71, 106, 0.1);}
.main .xcx_bg2{background-image:url(../picture/website2_bg1.jpg);}
.xcx_bg2{background-repeat: no-repeat;background-position: center center;background-size: cover;overflow: hidden;}
.xcx_bg2 .wrap3{max-width:1600px;}
.xcx_bg2 .website_title .h4{ color:#fff;}
.xcx_bg2 .wrap3 .website_title .en span{background: none;color: #fff;}
.website_title .en span{display: inline-block;vertical-align: top;background: var(--linear-color);-webkit-background-clip: text;color: transparent;}
.website_con {font-size: 14px;line-height: 26px;overflow: hidden;padding-bottom: 8%;margin-top: 3.8%;}
.website_con img {display: block;margin: 0 auto;max-width: 100%;}
.xcx_bg4{
	background-image:url(../picture/website2_bg2.jpg);
	background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    overflow: hidden;
}
.xcx_bg3{background: url(../picture/xcx_bg2.jpg) center center no-repeat;background-size: cover; overflow:hidden; }
.xcx_bg3 .wrap3{max-width:1600px;}
.xcx_bg4 .wrap3{max-width:1600px;}
.website2_three_ul{ overflow:hidden; margin-top:60px; margin-bottom:178px;}
.website2_three_ul ul li{ float:left; width:24.25%; margin-right:1%; position: relative; background:#fff; cursor:pointer; height:310px;}
.website2_three_ul.bgs2 ul li{ height:340px;}
.website2_three_ul ul li:nth-child(4n+0){ margin-right:0;}
.website2_three_ul ul li .img1{ width:100px; height:100px;  margin:0 auto; margin-top:75px;background: var(--linear-color);border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.website2_three_ul ul li .img1 img{display:block; width:100%; height:100%;}
.website2_three_ul ul li .h2{ font-weight:normal; line-height:36px; height:72px; color:#555555; text-align:center; margin-top:25px; }
.website2_three_ul ul li .divs{ width:100%;/* width:570px;*/opacity:0;filter:Alpha(opacity=0); overflow:hidden; height:100%; position:absolute; left:0; top:0; z-index:1;transition:all 0.3s; color:#fff; background:linear-gradient(124deg, #9c8dce, #5e51a3);}
.website2_three_ul ul li:nth-child(4) .divs{ background:#a698d5; right:0; left:auto;}
.website2_three_ul ul li:hover .divs{width:calc(var(--wrap-1600-width)/5*2);opacity:1.0;filter:Alpha(opacity=100);}
.website2_three_ul ul li .divs .img2{  width:100px; height:100px; float:left; margin-left:55px;margin-top:105px;background:#fff;border-radius: 0px 50% 50% 50%; position: relative; transition: all 0.6s;}
.website2_three_ul ul li .divs .img2 img{ width:100%; height:100%; display:block;}
.website2_three_ul ul li .divs .cons{  position:absolute; left:149px; top:0; width:366px; margin-left:28px; overflow:hidden;}
.website2_three_ul.bgs2 ul li .divs .cons{ width:400px;}
.website2_three_ul ul li .divs .cons .h3{ font-weight:normal; margin-top:60px;line-height:50px; height:50px;}
.website2_three_ul.bgs2 ul li .divs .cons .h3{ margin-top:50px;}
.website2_three_ul.bgs2 ul li:nth-child(2) .divs .cons .h3{ margin-top:10px;}
.website2_three_ul ul li .divs .cons .p{ line-height:24px; overflow:hidden; font-size:16px; color:#fefefe;}
.website2_three_ul.bgs2 ul li .divs .cons .p{ font-size:14px;}
.website2_three_ul ul li .divs .cons .p p{ margin-bottom:14px;}
@media (max-width: 1660px) {
/*品质管理*/
.website_title .en{ line-height:50px;}
.case_bg .list2{--p: 24px;margin: -24px;margin-top: 18px;}
.case_bg .list2 .list2-li{padding: 24px;}
.case_bg .list2 .list2-box:hover .cont{ transform: translateY(-10px);}
.case_bg .list2 .cont{padding: 24px 35px; }
.case_bg .list2 .cont .list2-type{ margin-top: 5px;}
/*社会责任*/
  .website_ul .zeren {
    padding-bottom: 12px;
  }
  .website_ul .zeren .zeren-cont {
    padding: 30px 30px 20px;
  }
  .website_ul .zeren .zeren-des {
    margin-top: 15px;
  }
  .website_ul .zeren .zeren-more {
    margin-top: 15px;
  }
}

@media (max-width: 1550px) {
  /*社会责任*/
  .website_ul .zeren {
    padding-bottom: 0;
  }
  .website_ul .zeren .zeren-cont {
    padding: 25px 25px 15px;
  }
  .website_ul .zeren .zeren-title {
    font-size: 17px;
  }
  .website_ul .zeren .zeren-des {
    margin-top: 10px;
    font-size: 16px;
  }
  .website_ul .zeren .zeren-more {
    margin-top: 10px;
  }
  .website_ul .zeren .zeren-more .more-box {
    font-size: 14px;
  }
/*品质管理*/
.mobile_ul ul li{ height:320px;}
.mobile_ul ul li .img1{ margin-top:80px;}
.mobile_ul ul li .divs .img2{ margin-top:50px;}
.mobile_ul ul li .divs .cons .p{ margin-top:0;}
/*创新研发*/
.xcx_bg4{overflow:hidden; padding-bottom:0px;}
/*社会责任*/
.website_two .website_two_r{ margin-top:140px; margin-bottom:140px;}
.website_two .website_two_l{ padding-top:125px;}
.website_two .position-award-box{width:35%;}
.website_two .position-award-box .award-image{top:calc(50% - 781px);left:calc(50% - 700px);}
.case_bg .list2{ --p: 15px;margin: -15px;margin-top: 18px;}
.case_bg .list2 .list2-li{padding: 15px;}
.case_bg .list2 .list2-box:hover .cont{ transform: translateY(-5px);}
.case_bg .list2 .cont{ padding: 22px 25px;}
.case_bg .list2 .cont .list2-type{ font-size: 14px;}
}


@media (max-width: 1400px) {
/*社会责任*/
.website_title .h4{ line-height:56px;}
.website_two .website_two_l .website_title .h4{ margin-top:0;}
.website_two .website_two_l .more-box-a{ margin-top:70px;}
.case_bg .list2{ --p: 13px;margin: -13px; margin-top: 18px;}
.case_bg .list2 .list2-li{padding: 13px;}
.case_bg .list2 .list2-box:hover .cont{ transform: translateY(-3px); }
.case_bg .list2 .cont{ padding: 18px 20px;}
.case_bg .list2 .cont .list2-type{ margin-top: 3px;}
	
  .website_ul .zeren .zeren-cont {
    padding: 20px 20px 15px;
  }
  .website_ul .zeren .zeren-title {
    font-size: 16px;
  }
  .website_ul .zeren .zeren-des {
    font-size: 15px;
  }
  .website_ul .zeren .zeren-more {
    margin-top: 6px;
  }

/*社会责任-最新新闻*/
.i_news .i_news_l{ margin-right:2%; width:700px;}
.i_news .i_news_l .imgs{ padding-top:404px;}
.i_news .i_news_l .bgs{ height:222px;}
.i_news .i_news_l .bgs .boxs .date{ margin-top:24px;}
.i_news .i_news_l .bgs .boxs .p{ margin-top:10px;}
.i_news .i_news_l .bgs .boxs .label{ margin-top:15px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{ margin-right:3%; width:220px; height:128px;}
.i_news .i_news_r .i_news_ul .inr-list{ padding:30px; margin-bottom:30px;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ margin-top:10px;}
.i_news .i_news_r .i_news_ul .inr-list .date{ margin-top:20px;}	
	
	
	
	
}
@media (max-width: 1200px) {
    /*创新研发*/
    .xcx_bg .xcx_ul2 ul li .imgs {margin-right: 26px;}
    /*社会责任*/
    .website_ul .zeren { margin: -20px;}
    .website_ul .zeren .zeren-li {padding:20px;}
    .website2_three_ul ul li:hover .divs{width:100%;opacity:0;filter:Alpha(opacity=0);}
	/*社会责任-报告下载*/
	.zhuanti2_five .zhuanti2_five_con ul li .p {margin-top: 8%;}
	.zhuanti2_five .zhuanti2_five_con ul li .boxs .cons .imore {margin-top: 10%;height: 40px;line-height: 40px;}
	/*社会责任-最新新闻*/
	.i_news .i_news_l{  width:600px;}
    .i_news .i_news_l .imgs{ padding-top:346px;}
    .i_news .i_news_l .bgs{ height:190px;}
    .i_news .i_news_l .bgs .boxs .date{ margin-top:20px; font-size:13px;}
    .i_news .i_news_l .bgs .boxs .p{ margin-top:6px; line-height:24px; height:48px; font-size:14px;}
    .i_news .i_news_l .bgs .boxs .label{ margin-top:12px; height:26px; line-height:26px; font-size:14px;}
    .i_news .i_news_l .bgs .boxs .h3{ height:30px; line-height:30px;}
    .i_news .i_news_r .i_news_ul .inr-list .imgs{  width:200px; height:116px;}
    .i_news .i_news_r .i_news_ul .inr-list{ padding:24px; margin-bottom:23px;}
    .i_news .i_news_r .i_news_ul .inr-list .h3{ line-height:30px; height:60px;}
    .i_news .i_news_r .i_news_ul .inr-list .date{ margin-top:15px;}  
	
}


@media screen and (max-width: 1100px) {
/*社会责任-最新新闻*/
.i_news .i_news_l{  width:500px;}
.i_news .i_news_l .imgs{ padding-top:288px;}
.i_news .i_news_l .bgs{ height:190px;}
.i_news .i_news_r .i_news_ul .inr-list .imgs{  width:180px; height:104px;}
.i_news .i_news_r .i_news_ul .inr-list{ padding:21px; margin-bottom:20px;}
.i_news .i_news_r .i_news_ul .inr-list .h3{ line-height:26px; height:52px; margin-top:8px;}
.i_news .i_news_r .i_news_ul .inr-list .date{ margin-top:10px;}
}





@media (max-width: 992px) {
    .website_title .en{line-height: 1.8;}
    .website_title_pn{line-height: 1.6;} 
	.website_ul .zeren { margin: -16px;}
    .website_ul .zeren .zeren-li {padding:16px;}
}
@media (max-width: 960px) {
    /*创新研发*/
    .xcx_one{padding-bottom: 8%;}
    .xcx_bg{padding-bottom: 8%;}
    .xcx_ul ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;}
    .xcx_ul ul li:nth-child(2n){margin-right: 0;}
    .xcx_bg .xcx_ul2{margin-top: 4%}
    .xcx_bg .xcx_ul2 ul li{
        width: calc(49% - 0px);margin-right: 2%;margin-bottom: 2%;
        width: -webkit-calc(49% - 0px);
        width: -moz-calc(49% - 0px);
    }
    .xcx_bg .xcx_ul2 ul li:nth-child(3n){margin-right: 2%;}
    .xcx_bg .xcx_ul2 ul li:nth-child(2n){margin-right: 0;}
    .xcx_bg .xcx_ul2 ul li .boxs{margin-top: 5%;margin-bottom: 3%;}
    .xcx_bg .xcx_ul2 ul li .p{line-height: 24px;height: 48px;}
    .xcx_bg .xcx_ul2 ul li .h2{height: 40px;line-height: 40px;}
    .xcx_bg .xcx_ul2 ul li .imgs{margin-top: 10px;}
    .xcx_bg2{padding-bottom: 8%;}
    .xcx_bg4{padding-bottom: 8%;}
    /*社会责任*/
    .website_ul .zeren { margin: -15px;}
    .website_ul .zeren .zeren-li {padding:15px;}
    .website_title{margin-top: 8%;}
    .case_bg .list2{ margin: -10px; margin-top: 12px;}
    .case_bg .list2 .list2-li{width: 50%;padding: 10px;}
    .case_bg .list2 .list2-li:nth-child(3){display: none;}
    .website_title_p{line-height: 1.8;margin-top: 12px;}
    .website_title .h4{line-height: 1.2;margin-top: 1%;}
    .website_two{display: block;}
    .website_two.bgs2{ height: auto;display: block;background-image:url(../picture/website2_bg4.jpg);}
    .website_two .website_two_box{float: none;width: 100%;position: unset;}
    .website_two .position-award-box{position: static;width: 100%;height: auto;display: block;}
    .website_two .position-award-box .award-image{position: static;width: 100%;height: auto;background: none;}
    .website_two .position-award-box .award-image img{opacity:1.0;filter:Alpha(opacity=100);}
    .website_two.bgs2 .website_two_l{padding-top: 5%;padding-bottom: 12%;}
    .website_two .website_two_l .desc{margin-top: 4%;line-height: 30px;}
    .website_two .website_two_l .more-box-a{margin-top: 7%;}
    .website_two .website_two_l{padding-top: 5%;padding-bottom: 0%;}
    .website_two .website_two_r{float: none;width: 100%;max-width: none;margin-top: 8%;margin-bottom: 0; padding-bottom: 8%;}
    .website_two .website_two_r ul li .divs{max-width: 750px;}
    .website_two .website_two_r ul li{margin-bottom: 3%;}
    .website_two .website_two_r ul li .p{height: auto;margin-bottom: 3%;}
    .website_two .website_two_r ul li .h2{height: 40px;line-height: 40px;}
    .website_two .website_two_r ul li .divs{padding-top: 5%;}
    .website_two .website_two_r ul li .p{margin-top: 2%;}    
    .website2_three_ul ul li .img1{width: 90px;height: 90px;margin-top: 50px;}
    .website2_three_ul ul li .h2{line-height: 30px;height: auto;}
    .website2_three_ul{margin-bottom: 9%;margin-top: 4%;}
    .website2_three_ul ul li{height: 250px;}
    .website2_three_ul.bgs2 ul li{height: 280px;}
	.wrap3 .website_ul2 .w1440 {width: 100%;}
	.website_ul2 .li {width: 49.75%; height: 550px;margin-bottom: 0.5%;}
	.website_ul2 .li:nth-child(2n) {margin-right: 0;}
	.website_ul2 .li:nth-child(3n), .website_ul2 .li:nth-child(4n){margin-bottom: 0%;}
	.website_ul2{height: auto;}
	.project_text_content .title{line-height: 1.2;margin-top: 1%;}
	.project_text_content .intro {line-height: 1.8;margin-top: 12px;}
	/*社会责任-报告下载*/
	.zhuanti2_five .zhuanti2_five_con ul li .imgs {padding-top: 74%;}
	.zhuanti2_five .zhuanti2_five_con ul li .boxs .cons .imore {line-height: 36px;height: 36px;padding-left: 30px;padding-right: 30px;}
	/*社会责任-最新新闻*/
    .i_news{ margin-top:4%;}
    .i_news .i_news_l{  width:100%; float:none; margin-right:0;}
    .i_news .i_news_l .imgs{ padding-top:57.7%;}
    .i_news .i_news_l .bgs .boxs{ max-width:none;}
    .i_news .i_news_r{ width:100%; float:none; margin-top:2%;}
    .i_news .i_news_r .i_news_ul .inr-list{ margin-bottom:2%; padding:2%;}
    .i_news .i_news_r .i_news_ul .inr-list .h3{ margin-top:10px;}
}
@media (max-width: 780px) {
      /*创新研发*/
      .website2_three_ul ul li .img1{width: 80px;height: 80px;}
      .website2_three_ul ul li{margin-right: 2%;width: 32%;margin-bottom: 2%;}
      .website2_three_ul ul li{width: 49%;}
	  .website2_three_ul ul li:nth-child(2n+0),.website2_three_ul ul li:nth-child(4n+0){ margin-right:0;}
	  .website_ul2 .li {height: 450px;}
	  /*社会责任-报告下载*/
	  .zhuanti2_five .zhuanti2_five_con ul li .imgs {padding-top: 72%;}
}
@media (max-width: 640px) {
    /*创新研发*/
    .xcx_ul ul li .h2{line-height: 24px;height: 48px;margin-top: 4%;}
    .xcx_bg .xcx_ul2 ul li .imgs{margin-right: 4%;width: 50px;height: 50px;margin-top: 6px;}
    .xcx_bg .xcx_ul2 ul li .imgs img{width: 50px;height: 50px;}
    .xcx_bg .xcx_ul2 ul li .h2{height: 38px;line-height: 38px;}
    .xcx_bg .xcx_ul2 ul li .p{line-height: 22px;height: 44px;}
    .website_ul2 .li {height: 350px;}
    /*社会责任*/
	.website_ul .zeren { margin: -8px;}
    .website_ul .zeren .zeren-li {padding: 8px;}
    .website_ul .zeren .zeren-cont {padding: 15px 15px 10px;}
    .website_ul .zeren .zeren-title {font-size: 14px;}
    .website_ul .zeren .zeren-des {font-size: 14px;}
    .case_bg .list2 .cont{padding: 18px 10px;}
    .case_bg .more-box-a{margin-bottom: 8%;}
    .website_two .website_two_l .desc{line-height: 26px;}
    .website_two .website_two_r{margin-top: 10%;padding-bottom: 10%;}
    .website_two .website_two_r ul li .divs{padding-bottom: 50px;}
     .website2_three_ul ul li{height: 220px;}
     .website2_three_ul.bgs2 ul li{height: 240px;}
     .website2_three_ul ul li .img1{height: 70px;width: 70px;}
     .website2_three_ul ul li .h2{margin-top: 25px;line-height: 26px;}
     /*品质管理*/
     .mobile_ul{margin-bottom: 10%;margin-top: 5%;}
     .mobile_ul ul li{width: 32%;margin-right: 2%;height: auto;padding-bottom: 50px;}
     .mobile_ul ul li.actives{ width:32%;}
     .mobile_ul ul li.actives .divs{opacity:0;filter:Alpha(opacity=0);display: none;}
     .mobile_ul ul li .h2{line-height: 30px;height: 60px;margin-top: 10%;margin-left: 2%;margin-right: 2%;}
     .mobile_ul ul li .img1{margin-top: 50px;width: 80px;height: 80px;}
     .mobile_three .mobile_three_l{margin-bottom: 10%;width: 80%;}
     .mobile_three .mobile_three_l .desc{margin-top: 8%;}
     .mobile_three .mobile_three_l .more-box-a{margin-top: 15%;}
	 /*社会责任-报告下载*/
	 .zhuanti2_five .zhuanti2_five_con ul li {width: calc(100% - 0px);width: -webkit-calc(100% - 0px);width: -moz-calc(100% - 0px);}
	 .zhuanti2_five .zhuanti2_five_con ul li .imgs {padding-top: 54%;}
	 .zhuanti2_five .zhuanti2_five_con ul li .boxs .cons .imore {padding-left: 20px;padding-right: 20px;line-height: 32px;height: 32px;}
	 /*社会责任-最新新闻*/
	 .i_news .i_news_l .imgs i{ height:50px; width:50px;}
     .i_news .i_news_r .i_news_ul .inr-list .imgs i{ width:25px; height:25px;}
     .i_news .i_news_r .i_news_ul .inr-list .imgs{ margin-right:2%;}
      }
@media (max-width: 480px) {
     /*创新研发*/
    .xcx_bg .xcx_ul2 ul li{width: calc(100% - 0px);margin-right: 0%;
        width: -webkit-calc(100% - 0px);
        width: -moz-calc(100% - 0px);}
    .xcx_bg .xcx_ul2 ul li .p{height: auto;}
    .xcx_bg .xcx_ul2 ul li .boxs{margin-bottom: 5%;}
     /*社会责任*/
	 .website_ul .zeren { margin: -5px;}
     .website_ul .zeren .zeren-li {width: 50%; padding: 5px;}
	 .website_ul .zeren .zeren-li:nth-child(3) {width: 100%;}
     .website_ul .zeren .zeren-cont {padding: 12px 10px 10px;}
     .website_ul .zeren .zeren-title {font-size: 13px;}
     .website_ul .zeren .zeren-des {font-size: 14px;}
     .case_bg .list2 .cont{padding: 18px 6px;}
     .case_bg .list2 .cont .list2-type{font-size: 13px;}
     .case_bg .list2{margin: -5px;margin-top: 12px;}
     .case_bg .list2 .list2-li{padding: 5px;}
     .website_title_p.bgs2{margin-top: 3%;}
     .website_con{margin-top: 5%;}
     .website2_three_ul ul li .img1{margin-top: 50px;}
	 .website_ul2 .li {height: 300px;}
      /*品质管理*/
      .mobile_ul ul li{padding-bottom: 30px;}
      .mobile_ul ul li .img1{margin-top: 30px;width: 60px;height: 60px;}
      .mobile_ul ul li .h2{line-height: 26px;height: 52px;}
      .mobile_three .mobile_three_l .desc{line-height: 30px;}
	  .h-tit {font-size: 18px;}
	  .text .zeren-icon {height: 38px;width: 38px;}
	  /*社会责任-最新新闻*/
      .i_news .i_news_l .bgs .boxs .p{ font-size:13px; line-height:22px; height:44px;}
      .i_news .i_news_l .bgs .boxs .label{ font-size:13px;}
      .i_news .i_news_l .bgs .boxs .label span{ font-size:12px; margin-left:10px;}
      .i_news .i_news_r .i_news_ul .inr-list .h3{ line-height:24px; height:48px; margin-top:8px;}
      .i_news .i_news_r .i_news_ul .inr-list .date{ font-size:13px; margin-top:6px;}
      .i_news .i_news_r .i_news_ul .inr-list .imgs{ width:150px; height:87px;}
}
@media (max-width: 420px) {
/*社会责任*/
.gaiban_three_ul ul li .txts .p{font-size: 12px;line-height: 20px;height: 40px;}
/*品质管理*/
.mobile_ul ul li .h2{line-height: 22px;height: 44px;font-size: 14px;}
.website_ul2 .li {height: 240px;}
/*社会责任-最新新闻*/
.i_news .i_news_l .bgs .boxs .p{ font-size:12px; line-height:20px; height:40px;}
.i_news .i_news_l .bgs .boxs .h3{ height:26px; line-height:26px;}
.i_news .i_news_l .bgs .boxs .label{ font-size:12px;}	
	
	
}