@import url("header.css");
@import url("banner.css");
@import url("footer.css");
.indexaboutbox{padding:88px 0px; background:url(../images/indexaboutbg.jpg) no-repeat center top;}
.indexcontainer{width:100%; max-width:1330px; margin:0 auto;}
.indexaboutbox .indxaboutleft{width:660px;height:auto; float:left;padding-top:0px; position: relative;z-index:200;}
.indexaboutbox .indxaboutleft img{display: block; margin:0 auto;}
.indexaboutbox .indxaboutleft h2{margin-bottom:12px;font-family: "思源黑体 CN"; color:#474443; font-size:24px;}
.indexaboutbox .indxaboutleft h2 span{display: inline-block; height:56px; line-height: 56px; font-size:36px; font-family: "思源黑体 CN"; color:#474443;padding-right:0px;font-weight: bold;background:url() no-repeat right 11px;}
.indexaboutbox .indxaboutleft h2 em{display: block; height:73px; line-height: 73px;font-size: 44px;color:#f5a200; font-weight:normal;    font-family: "思源黑体 CN";}
.indexaboutbox .indxaboutleft strong{display: block; line-height: 36px; font-weight: normal;font-size:16px; color:#474443; margin-bottom: 42px;}
.indexaboutbox .indxaboutleft p{display: block; line-height: 36px; font-weight: normal;font-size:16px; color:#474443; margin-bottom:12px; text-indent:2em;}
.indexaboutbox .indxaboutright{ 
	width:600px;
	overflow: hidden;
	float:right;
}
.indexaboutbox .indxaboutright img{
    max-width:100%;
}

@media screen and  (min-width:760px) and (max-width:1680px){
    .indexcontainer{width:93.3%;}
    .indexcontainer .indxaboutleft{width:530px;height:540px;}
    .indexcontainer .indxaboutright{width:670px;}
}

@media(max-width:768px){
    .indexcontainer{width:96%; margin:0 auto;}
    .indexaboutbox{padding:24px 0px;}
    .indexaboutbox .indxaboutleft{padding-top: 0px; width:100%; text-align:left;}
    .indexaboutbox .indxaboutleft h2{margin-bottom:12px; width:100%; text-align: center;}
    .indexaboutbox .indxaboutleft h2 span{font-size:24px; padding-right:0px; line-height:36px; height:36px;}
    .indexaboutbox .indxaboutleft h2 em{font-size:32px; height:40px; line-height:40px;}
    .indexaboutbox .indxaboutleft strong{margin-bottom:20px;}
    
    .indexaboutbox .indxaboutright{width:100%; height:auto; margin-top:20px;}
}



/*product*/
.indexprobox{
	
}
.indexprobox img{
    max-width: 1903px; display: block; margin: 0 auto; width:100%;
}
.indexsolutionbox{
	min-height:720px;
	background: #f2f2f2; width:100%;
	font-size:72px; text-align: center;line-height:720px; color:#f5a200;
}



/**/
.box2{margin:88px auto;}
.bt1{text-align: center;width: 814px;margin: 0 auto;}
.bt1 dt{color: #333333;font-size: 18px;margin-top: 16px;}
.bt1 dd{font-weight: bold;color: #222222;font-size: 30px;background: url(../images/workshopbg.png) no-repeat center bottom; line-height:56px;}
.bt1 dd span{font-size: 48px;color: #f5a200;padding-left: 35px;}
.bt1 dd span:nth-child(1){padding-left:0px; padding-right: 25px;}
.bt1 dd b{color: #f5a200;font-size: 48px;padding-right: 30px;}
.sbox{margin-top: 55px;background: url(../images/icon-heng.png) repeat-x top center;}
.ysort{max-width: 1170px;padding: 0 15px;margin:0 auto;display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;margin-bottom: 5px;}
.ysort li{width: 22%;}
.ysort li a{display: block;padding-top: 30px;background:url(../images/icon-heng2.png) no-repeat top left;}
.ysort li a h3{color: #333333;font-size: 24px;line-height: 30px; background: url(../images/icon-jtdown.png) no-repeat right center;}
.ysort li p{color: #999999;font-size: 14px;margin-top: 3px;}
.ysort li.cur a h3{color: #f5a200;background: url(../images/icon-jtdown2.png) no-repeat right center;}
.ybox img{display: block; max-width: 100%;}

.workshop_list{display:flex; flex-wrap: wrap; justify-content: space-between; margin:42px 0px;}
.workshop_list img{max-width:100%;}
.workshop_list dd{width:32%; margin-bottom:20px;}
.workshop_list dd a{position: relative; display: block; width:100%; height:100%;}
.workshop_list dd a .workshop_list_con{position:absolute;bottom:4px;right:0px; padding:10px 0px; background: rgba(0, 0, 0, 0.6); color:#fff; width:100%; text-align: center; font-size:16px;}

@media(max-width: 1024px){
	.ysort li a h3{font-size: 20px;}
}
@media(max-width: 768px){
	.ysort li a h3{font-size: 18px;}
}
@media(max-width: 640px){
    .box2{margin:24px 0px;}
    .bt1{width:100%;}
    .bt1 dd{font-size: 20px;}
    .bt1 dd span{font-size:20px; padding-left: 12px;}
    .bt1 dt{font-size: 14px;}
    .sbox{margin-top: 20px;}
	.ysort li a{padding-top: 20px;}
    .ysort li{width:46%;margin-bottom: 15px;}
    .ysort li a h3{font-size: 16px;}
    .sbox{background: none;}
    .ysort li a h3{background-size: 25px 25px;}
    .ysort li.cur a h3{background-size: 25px 25px;}
    .workshop_list dd{width:100%;}
}



.indextit {color: #333333; position: relative; font: 600 40px/58px "Microsoft yahei"; margin-bottom: 40px;}
.indextit h4 {position: absolute; color: rgba(182, 182, 182, 0.14); font: 600 80px/80px "Airal"; text-transform: uppercase; text-align: center; left: 0; right: 0;}
.indextit h3 {z-index: 999; color: inherit; font: 600 40px/80px "Microsoft yahei"; text-align: center;}
.indextit h3 span {color: #ffab00;}
.indextit p {text-align: center; color: #666666; font: 400 18px/26px "Microsoft yahei";}

/*case*/
.indexcase{
	margin:88px 0px;
}

.casenav{width: 100%; height:47px; border:1px solid #e9e9e9; margin-bottom: 40px;	transform:skew(-20deg);-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform:skew(-20deg);-ms-transform:skew(-20deg); }
.casenav ul li{float:left; width:240px; height:47px;position: relative;}
.casenav ul li:last-child{width:auto;}
.casenav ul li a{display: block; height:47px; text-align: center;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg);}
.casenav ul li i{display: inline-block; width:25px; height:21px; overflow: hidden;margin: 12px 5px 0 0;}
.casenav ul li i img{width:100%; transition: .5s;}
.casenav ul li em{display: inline-block; height:47px; line-height: 47px;font-size: 20px; vertical-align: top;}
.casenav ul li:before{width:6px; height:16px;content:"/";color:#e9e9e9;position: absolute;right:0; top:15px;transform:skew(20deg);-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform:skew(20deg);-ms-transform:skew(20deg); transition: .5s;}
.casenav ul li:last-child:before{display: none;}
.casenav ul li.cur{color:#f5a200;}
.casenav ul li.cur i img{margin-top:-21px;}
.casenav ul li.cur em{color:#f5a200;}
.casenav ul li.cur:before{opacity: 0;}


.flex-sb{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
img{max-width:100%;}

.caseitem{width:341px; margin-left:24px;}
.caseitem.caseitem1{width:600px; margin-left:0px; position: relative;}
.caseitem2:nth-child(1){
	margin-bottom:24px;
}
.casetit{font-size: 16px; text-align: center; line-height:44px; background: #f2f2f2;}
.caseitem2:hover{color:#f5a200; cursor:pointer;}
.caseitem1 .casetit{position: absolute; bottom:0px; line-height:44px; left:0px; width:100%; height:44px;} 
.caseitem .caseimg{width:100%; height:0px; padding-bottom:60.84%; overflow: hidden;}
.caseitem1 .caseimg{padding-bottom:85%}
.caseitem1:hover{color:#f5a200; cursor:pointer;}
.caseitem .caseimg img{transition: 1s;}
.caseitem .caseimg:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

@media(max-width: 768px){
    .indexcase{
        margin:24px 0px;
    }
    .indextit h4{font: 600 40px / 40px "Airal";}
    .indextit h3{font: 600 24px / 40px "Microsoft yahei";}
    .indextit p{font: 400 14px / 20px "Microsoft yahei";}
    .indextit{margin-bottom:20px;}
    .casenav{display:none;}
    .flex-sb{flex-wrap: wrap;}
    .caseitem{width:100%; margin-left:0px;}
    .caseitem.caseitem1{width:100%; margin-bottom: 12px;}
    .caseitem2:nth-child(1){margin-bottom: 12px;}
}


/*hengfu*/

.indexhf{
    background: url(../images/indexhf1.jpg) no-repeat center;
    padding: 20px 0;
}
.indexhf-left{
    padding-bottom: 10px;
}
.indexhf-left-tt{
    color: rgba(255, 255, 255, 0.6);
    font: 100 24px/52px "Microsoft yahei";
    text-transform: uppercase;
    padding-top: 40px;
}
.indexhf-left h3{
    color: #fff;
    font: 600 40px/52px "Microsoft yahei";
}
.indexhf-tt{
    width: 360px;
    background-color: #fff;
    color: #000;
    font: 400 20px/44px "Microsoft yahei";
    margin: 12px auto 0px;
    text-align: center;
    border-radius:12px;
    letter-spacing:2px;
}
.indexhf-tt span{
    width: 168px;
    float: left;
    background-color: #fff;
    color: #333333;
    text-align: center;
}

.indexhf-a{
    width: 150px;
    text-align: center;
    margin-top: 38px;
    margin-left: 25px;
}
.indexhf-a a{
    display: block;
    border: 2px solid #fff;
    color: #ffffff;
    font: 600 18px/52px "Microsoft yahei";
}
.indexhf-right{
    background: url(../images/indexhftel.png) no-repeat left center;
    padding-left: 66px;
    margin-top: 30px;
}
.indexhf-right h3{
    color: #ffffff;
    font: 400 14px/30px "Microsoft yahei";
}
.indexhf-right p{
    color: #ffffff;
    font: 600 28px/36px "Airal";
    margin-bottom: 0;
}

.indexhf-right-t{
    color: #ffffff;
    font: 400 18px/26px "Microsoft yahei";
}


@media(max-width: 768px){
    .indexhf-left h3 {
        color: #fff;
        font: 600 24px / 36px "Microsoft yahei";
    }
    .indexhf .fr,.indexhf .fl{float:none}
    .indexhf-tt{font: 400 18px / 32px "Microsoft yahei";}
    .indexhf-a{ margin:0px auto;}
    .indexhf-right{margin-top:16px; width:200px; margin:16px auto 0px;}
}


.flex_a {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.xw_ll {
    width: 50.34%;
    margin-top: 24px;
}

.xw_a {
    position: relative;
    overflow: hidden;
}

.xw_a li {
    width: 100%;
    position: relative;
}

.xw_a li::after {
   /* background: url(../images/index-news-leftbg.png) no-repeat center bottom;*/
    height: 165px;
    content: "";
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
    z-index: 99;
}

.xw_a li a.img {
    display: block;
}

.xw_a li a.img img {
    width: 100%;
}

.xw_a li h2 {
    position: absolute;
    left: 35px;
    bottom: 35px;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #ffffff;
    z-index: 999;
    width: 65%;
    height: 28px;
    overflow: hidden;
}

.xw_a .swiper-pagination {
    position: absolute;
    right: 35px;
    bottom: 40px;
    left: auto;
    width: auto;
}

.xw_a .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #ffffff;
    opacity: 1
}

.xw_a .swiper-pagination-bullet-active {
    opacity: .3;
}

.xw_22 {
    width: 47.06%;
    margin-top: 24px;
}

.xw_22 li {
    background-color: #f9f9f9;
}

.xw_22 li:hover .dnn h3{
    color: #f5a200;
}

.xw_22 li .time {
    width: 108px;
    text-align: center;
    background: url(../images/index-news-line.png) no-repeat center right;
}

.xw_22 li .time p {
    font-size: 42px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0px;
    color: #444444;
}

.xw_22 li .time dt {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 28px;
    letter-spacing: 0px;
    color: #666666;
}

.xw_22 li .dnn {
    width:calc(100% - 108px);
    padding: 18px;
    box-sizing: border-box;
}

.xw_22 li .dnn h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 38px;
    letter-spacing: 0px;
    color: #333333;
    height: 38px;
    overflow: hidden;
}

.xw_22 li .dnn h5 {
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #666666;
    height: 38px;
    overflow: hidden;
}

.xw_22 li + li {
    margin-top: 10px;
}

.xw_22 li:hover .dnn h3 {
    color: #f5a200;
}

.xw_22 li:hover .dnn h5 {
    /*color: #fff*/
}

.xw_22 li:hover .time p {
    /*color: #fff*/
}

.xw_22 li:hover .time dt {
    /*color: #fff*/
}

@media (max-width: 1370px) {
    .xwbg {
        margin-top: 30px;
    }

    .xw_22 li .time p {
        font-size: 30px;
    }

    .xw_22 li .dnn {
        width: 80%;
        padding: 15px;
    }
}

@media (max-width: 1280px) {
    .xwbg {
        margin-top: 30px;
    }

    .xw_22 li .time p {
        font-size: 25px;
    }

    .xw_22 li .dnn {
        width: 80%;
        padding: 11.5px;
    }

    .xw_22 li .dnn h3 {
        font-size: 16px;
    }
}

@media (max-width: 1280px) {

    .xw_22 li .dnn {
        width: 80%;
        padding: 11.5px;
    }

    .xw_a li h2 {
        position: absolute;
        left: 15px;
        bottom: 15px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: 0px;
        color: #ffffff;
        z-index: 999;
        width: 65%;
        height: 28px;
        overflow: hidden;
    }

    .xw_a .swiper-pagination {
        position: absolute;
        right: 18px;
        bottom: 18px;
        left: auto;
        width: auto;
    }

    .xw_22 li .dnn {
        width: 80%;
        width: calc(100% - 120px);
        padding: 8.5px;
    }
}

@media (max-width: 1100px) {
    .xw_ll {
        width: 100%;
        margin-top: 0px;
    }

    .xw_22 {
        width: 100%;
        margin-top: 25px;
    }

    .xw_22 li .dnn {
        padding: 8.5px;
        width: calc(100% - 85px);
    }

    .xw_22 li .time {
        width: 85px;
        text-align: center;
        background: url(../images/index-news-line.png) no-repeat center right;
    }
}

@media (max-width: 990px) {
    .xwbg {
        margin-top: 30px;
    }
}