.page_quality2L li{ list-style:none; position:relative; display: flex; align-items: center}
.page_quality2L li:nth-child(2n+2){flex-flow: row-reverse;}
.page_quality2L li .page_quality2L_img{ float:left; width:50%;overflow: hidden;}
.page_quality2L li:nth-child(2n+2) .page_quality2L_img{ float:right}
.page_quality2L li .page_quality2L_img>div{ overflow:hidden; width:100%}
.page_quality2L li .page_quality2L_img img{max-width:100%; height:auto; width:100%;transition: all .9s;}
.page_quality2L li .page_quality2L_img:hover  img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)}
.page_quality2L li .text-detail{ float:left; width:50%; padding: 25px}
.page_quality2L li:nth-child(2n+2) .text-detail{    left: 0;}
.page_quality2L li .text-detail .title { font-weight: 700; display:block; font-size:28px; color:#222; line-height:30px}
.page_quality2L li .text-detail .text{ line-height:26px; font-size:16px; color:#666; margin-top:20px}


@media only screen and (max-width: 1024px){
.page_quality2L li .text-detail .title {
    font-size: 20px;
}}

@media only screen and (max-width: 768px){
.page_quality2L li .text-detail {
    padding: 4% 2%;
    width: 100%;
}
.page_quality2L li {display: block;}
.page_quality2L li .page_quality2L_img{  width: 100%}
.page_quality2L li:nth-child(2n+2) .page_quality2L_img {
    float: left;
    width: 100%;}
	}


ul.ul_confused01 li{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
ul.ul_confused02 li{display:flex;display: -webkit-flex;justify-content: space-between;align-items: center;flex-direction:row-reverse;flex-wrap: wrap;}
ul.ul_confused02 .text-detail,ul.ul_confused01 .text-detail{padding: 3%;box-sizing: border-box;}
.ul_confused .page_img,.ul_confused .text-detail{width: 50%;}
.ul_confused .page_img img{width:100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
.confused_div{margin: 15px 0;}
@media only screen and (max-width: 992px){
    .ul_confused .page_img,.ul_confused .text-detail{width: 100%;}
    ul.ul_confused02 .text-detail, ul.ul_confused01 .text-detail{padding:2% 0 ;}
}



.grecaptcha-badge{ display:none}
/*share*/
body{  color:#111;background:#fff; }

.fontRed{color:red;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clear{ clear:both;}

.page_spe{ margin:0px 20px;}
.page_quality2L .spe_main{ list-style:none; position:relative; display: flex; align-items: center}

.page_quality2L .spe_main .page_quality2L_img{ float:left; width:50%;overflow: hidden;}

.page_quality2L .spe_main .page_quality2L_img>div{ overflow:hidden; width:100%}
.page_quality2L .spe_main .page_quality2L_img img{max-width:100%; height:auto; width:100%;transition: all .9s;}
.page_quality2L .spe_main .page_quality2L_img:hover  img{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)}
.page_quality2L .spe_main .text-detail{ float:left; width:50%; padding: 25px; font-size:14px; line-height:26px;}
.page_quality2L li:nth-child(2n+2) .text-detail{    left: 0;}
.page_quality2L .spe_main .text-detail .title { font-weight: 700; display:block; font-size:28px; color:#222; line-height:30px}
.page_quality2L .spe_main .text-detail .text{ line-height:26px; font-size:16px; color:#666; margin-top:20px}

.page_quality2L .spe_main_2 .text-detail{    left: 0;}
.page_quality2L .spe_main_2 .page_quality2L_img{ float:right}
.spe_main_2{flex-flow: row-reverse;}

@media only screen and (max-width: 1024px){
    .page_quality2L .spe_main .text-detail .title {
        font-size: 20px;
    }}

@media only screen and (max-width: 768px){
    .page_quality2L .spe_main .text-detail {
        padding: 4% 2%;
        width: 100%;
    }}
@media only screen and (max-width: 768px){
    .page_quality2L .spe_main .page_quality2L_img { width:100%}
    .page_quality2L .spe_main {display: block;}
    .page_quality2L .spe_main:nth-child(2n+2) .page_quality2L_img {   float: left;  width: 100%;}

}


/*reset*/
:focus{outline:0;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0; line-height:normal}
body,ul,img,p,input,dl,dd,tr,th,td{margin:0;padding:0;}
em{font-style:normal;}
img{border:none; max-width:100%}
/*li,ul,ol{list-style:none;}*/
a{text-decoration:none;color:#231815;}
input{padding:0px;vertical-align: middle;line-height: normal;border:none;}
body{overflow-x:hidden;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none;padding:0;}
a:focus {outline: none;}
:focus {outline: none; box-shadow:none}
iframe {max-width: 100%; position: relative; z-index: 99}
.table-responsive ul li {list-style-position: inside !important }
.table-responsive td{ padding:0 8px}/*share*/
/*share*/
body{
    font-size: 14px;
    background:#fff;
    color: #555;
    line-height:24px;
}
.bold{font-weight:bold;}
.fontRed{color:red;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
/*ul,li{ list-style:none}*/




a:hover,img:hover{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a,img{transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all;}

/*鍥炬爣鍒楄〃*/
.det_content{ padding:2% 0px;}
.det_content .adv_title{ text-align:center; font-size:32px; font-weight:500; color:#222; line-height:40px; }
.det_content .adv_list{ margin: 40px 15px 0}
.det_content .adv_list  li{ list-style: none;  text-align:center }
.det_content .adv_list  li .column{ padding:10px 6%}

.det_content .adv_list  li .column img{max-width:100px; }

.det_content .adv_list  li .title{ display: block; font-size: 22px; font-weight: 500; color: #080808; line-height:24px; margin-bottom: 10px; margin-top: 16px}
.det_content .adv_list  li .text{ display: block; font-size: 14px; font-weight: 500;   color: #666666; line-height: 22px; margin-top: 14px; }



/*鍥剧墖鍒楄〃*/
.det_pic_content .list{ display: flex; margin:34px -10px 0;     flex-wrap: wrap;}
.det_pic_content .list li{ width: 20%; list-style: none; padding:20px 10px 0;  display: flex; }
.det_pic_content .list li .column{ background: #fff; border-radius: 5px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.08);transition: all .9s; width: 100%}
.det_pic_content .list li .column:hover{transform:translate3d(0,-5px,0);-webkit-transform:translate3d(0,-5px,0);}
.det_pic_content .list li .column .image{ display: block; overflow: hidden; width: 100%}
.det_pic_content .list li .column .image img{ width: 100%; transition: all .9s;}
.det_pic_content .list li .column:hover .image img{-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)}
.det_pic_content .list li .column .wrap{padding: 20px 20px 18px;}
.det_pic_content .list li .column .wrap .title{ font-size: 16px; color: #005bac; line-height: 24px; display: block; font-weight: 600;}
.det_pic_content .list li .column .wrap .text{ font-size:14px; color: #808080; line-height: 24px;  margin-top: 9px}
.det_pic_content .list li .column:hover .wrap .title{ color: #009944}

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

    .det_pic_content .list{ margin-top: 0px}

}
@media only screen and (max-width: 768px) {
    .det_pic_content .cat_text{ margin-top: 20px}
	.det_pic_content .list{ padding-left: 0 !important}

}

@media only screen and (max-width: 658px) {
    .det_pic_content .list li{ width: 50%}
    .det_pic_content .cat_title{ display: block; text-align: center;}
    .det_pic_content .cat_title .main_title{ display: block; text-align: center;}
    .det_pic_content .cat_title .main_title .line{ margin: 10px auto 0}

}


#list_four li{width:25%;}
@media only screen and (max-width: 658px){
    #list_four li{ width: 50%}
}

#list_three li{width:33.3%}

@media only screen and (max-width:768px){
  #list_three li{width:100%;    padding: 0 0 10px;}

}

/*鑳屾櫙鍥�*/
.page_case_content{position: relative; overflow: hidden; padding: 134px 0 140px}

.page_case_content .case_bg{background-position: center center;background-repeat: no-repeat;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-size: cover;}
.page_case_content .case_bg .ovrly{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0.6;display: block;background: #000;}
.page_case_content .container{position: relative;z-index: 5; text-align: center}
.page_case_content .main_title em{ color: #fff; font-size:40px;}
.page_case_content .main_title .text{ color: #fff; margin-top: 33px; width:80%; margin:33px auto}
.page_case_content .main_more{ margin-top: 49px}


@media only screen and (max-width:  768px) {
    .page_case_content{ padding: 80px 0}

}

@media only screen and (max-width:  478px) {
    .page_case_content{ padding: 60px 0}
    .page_case_content .main_more{ margin-top: 30px}
    .page_case_content .main_title .text{ margin-top: 23px;}
}
.pro_main .list_title{line-height: 0.3rem; font-size: 0.24rem; color: #333; font-weight: bold;}
.pro_main .list_title:after{ content: " "; width: 0.4rem; height: 0.06rem; margin: 0.1rem 0 0.2rem; display: block; background: #ef7c0b;}

/*a_down*/
.a_down{ padding: 0.8rem 0 0; overflow: hidden;}
.a_down .list_title{line-height: 0.36rem; font-size: 0.3rem; color: #333; font-family: 'Bebas-Neue';}
.a_down .list_title:after{ content: " "; width: 0.4rem; height: 0.06rem; margin: 0.1rem 0 0.2rem; display: block; background: #ef7c0b;}
.a_down ul{ padding: 0.4rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;}
.a_down ul li{ list-style: none; -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; margin-bottom: 0.4rem;}
.a_down ul li a{ color: #333; font-size: 0.18rem; font-weight: bold; text-decoration: none;}
.a_down ul li a.list_a1:after{ content: ''; padding-left: 0.32rem; background: url(../images/ad_ico1.png) no-repeat center center; background-size: 20px auto;}
.a_down ul li a.list_a2:after{ content: ''; padding-left: 0.32rem;  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.3332 8H0.666504' stroke='%23ef7c0b' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3Cpath d='M10 2.66663L15.3333 7.99996L10 13.3333' stroke='%23ef7c0b' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E %3C/svg%3E"); background-repeat: no-repeat; background-position: center center; background-size: 18px auto;}

@media only screen and (max-width:768px) {
    .a_down{ padding: 0.4rem 0 0;}
    .a_down ul{ display: block; padding: 0.1rem 0; overflow: hidden;}
    .a_down ul li{ float: left; width: 50%; margin-bottom: 0.15rem; padding: 0 0.1rem;}
}

/*list_xtit*/
.list_xtit{ margin-bottom: 0.3rem; font-size: 40px; line-height: 48px; color: #fff; font-family: 'Bebas-Neue';}
.list_xtit.list_xtit2{ color: #333;}
.list_xtit:after{ content: " "; width: 0.4rem; height: 0.06rem; margin: 0.1rem auto 0; display: block; background: #ef7c0b;}

.ny_pro4 .list_xtit:after{ display: none;}

@media only screen and (max-width:768px) {
.list_xtit{ font-size: 30px; line-height: 36px;}
}

/*ny_pro1*/
.ny_pro1{ padding: 0.2rem 0; position: relative; background-repeat: no-repeat; background-position: top right; overflow: hidden;}
.ny_pro1 ul li{ margin: 2% 0 0 2%; list-style: none; display: inline-block; width: 98%; margin: 0.2rem 0 0 0; box-sizing: border-box; vertical-align: top;}
.ny_pro1 ul li .li{ transition: 0.5s all; overflow: hidden;}
.ny_pro1 ul li .li .img{ float: left; width: 42%; padding-right: 0.3rem; overflow: hidden;}
.ny_pro1 ul li .li .img a{ display: block; width: 100%; overflow: hidden;}
.ny_pro1 ul li .li .img img{ width: 100%;}
.ny_pro1 ul li .li:hover .img img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.ny_pro1 ul li .li .text{ float: left; width: 58%;}
.ny_pro1 ul li .li .title{ margin-top: 0.2rem; margin-bottom: 0.2rem;}
.ny_pro1 ul li .li .title a{ display: block; font-size: 28px; line-height: 36px; color: #fff; font-weight: bold;}
.ny_pro1 ul li .li .title:after{ content: " "; width: 0.4rem; height: 0.06rem; margin: 0.1rem 0 0.2rem; display: block; background: #ef7c0b;}
.ny_pro1 ul li .li p{ color: #fff; line-height: 24px; overflow: hidden;}

.ny_pro1 ul li .li .title:after{ display: none;}

@media only screen and (max-width:768px) {
    .ny_pro1{ padding: 0.2rem 0;}
    .ny_pro1 ul{ margin-top:-0.2rem; overflow: hidden;}
    .ny_pro1 ul li{ width: 100%; margin: 0.2rem 0 0 0;}
    .ny_pro1 ul li .li .img{ float: inherit; width: 100%; padding: 0;}
    .ny_pro1 ul li .li .text{ float: inherit; width: 100%; margin-top: 0.3rem;}
    .ny_pro1 ul li .li .text ul li:last-child{ margin-bottom: 0;}
    .ny_pro1 ul li .li .title a{ font-size: 20px; line-height: 26px;}
}


/*ny_pro2*/
.ny_pro2{ padding: 0.6rem 0; position: relative; background-repeat: no-repeat; background-position: top right; background-size: cover; overflow: hidden;}
.ny_pro2 .main{ overflow: hidden;}
.ny_pro2 ul>li{ margin: 2% 0 0 2%; list-style: none; display: inline-block; width: 98%; margin: 0.2rem 0 0 0; box-sizing: border-box; vertical-align: top;}
.ny_pro2 ul>li .li{ transition: 0.5s all; overflow: hidden;}
.ny_pro2 ul>li .li .img{ float: left; width: 43%; padding-right: 0.5rem; overflow: hidden;}
.ny_pro2 ul>li .li .img a{ display: block; width: 100%; overflow: hidden;}
.ny_pro2 ul>li .li .img img{ width: 100%;}
.ny_pro2 ul>li .li:hover .img img{ -webkit-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.ny_pro2 ul>li .li .text{ float: left; width: 57%;}
.ny_pro2 ul>li .li .text ul{ margin-top: 0.2rem;}
.ny_pro2 ul>li .li .text ul li{ margin:0 0 0.2rem 0; position: relative; padding-left: 24px; list-style: none; width: 100%;}
.ny_pro2 ul>li .li .text ul li:before {content: ''; position: absolute; left: 0; top: 5px; width: 16px; height: 16px; background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='16' height='16' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1412 734q0-28-18-46l-91-90q-19-19-45-19t-45 19l-408 407-226-226q-19-19-45-19t-45 19l-91 90q-18 18-18 46 0 27 18 45l362 362q19 19 45 19 27 0 46-19l543-543q18-18 18-45zm252 162q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z'  fill='orange' /></svg>") no-repeat;}
.ny_pro2 ul>li .li .text ul li .t_tit{ font-size: 18px; color: #fff; font-weight: bold;}
.ny_pro2 ul>li .li .text ul li p{ color: #fff; line-height: 24px; overflow: hidden;}

@media only screen and (max-width:768px) {
    .ny_pro2{ padding: 0.4rem 0;}
    .ny_pro2 ul{ margin-top:-0.2rem; overflow: hidden;}
    .ny_pro2 ul>li{ width: 100%; margin: 0.2rem 0 0 0;}
    .ny_pro2 ul>li .li .img{ float: inherit; width: 100%; padding: 0;}
    .ny_pro2 ul>li .li .text{ float: inherit; width: 100%; margin-top: 0.3rem;}
    .ny_pro2 ul>li .li .text ul li:last-child{ margin-bottom: 0;}
    .ny_pro2 ul>li .li .text ul li .t_tit{ font-size: 16px;}
}

/*ny_pro3*/
.ny_pro3{ padding: 0.6rem 0; position: relative; overflow: hidden;}
.ny_pro3 .main{ overflow: hidden;}
.ny_pro3 ul li{ list-style: none; margin-bottom: 0.3rem;}
.ny_pro3 ul li:nth-child(3n+1) { clear: both;}
.ny_pro3 ul li .image img{ width: 100%;}
.ny_pro3 ul li .wrap{ margin-top: 0.2rem;}
.ny_pro3 ul li .wrap .title{ margin-bottom: 0.1rem; display: block; font-size: 20px; line-height:28px; color: #333; font-weight: bold; overflow: hidden;}
.ny_pro3 ul li .wrap .text{ line-height: 24px; color: #666; overflow: hidden;}

@media only screen and (max-width:768px) {
    .ny_pro3{ padding: 0.4rem 0;}
    .ny_pro3 ul li .wrap .title{ font-size: 16px; line-height:24px;}
}

/*ny_pro4*/
.ny_pro4{ padding: 0.6rem 0; position: relative; background-repeat: no-repeat; background-position: top right; overflow: hidden;}
.ny_pro4 .main{ overflow: hidden;}
.ny_pro4 ul li{ list-style: none; margin-bottom: 0.3rem;}
.ny_pro4 ul li:nth-child(4n+1) { clear: both;}
.ny_pro4 ul li .image img{ width: 100%;}
.ny_pro4 ul li .wrap{ margin-top: 0.2rem;}
.ny_pro4 ul li .wrap .title{ margin-bottom: 0.1rem; display: block;  font-size: 20px; line-height:28px; color: #fff; font-weight: bold; overflow: hidden;}
.ny_pro4 ul li .wrap .text{ font-size: 15px; line-height: 24px; color: #fff; overflow: hidden;}

@media only screen and (max-width:768px) {
    .ny_pro4{ padding: 0.4rem 0;}
    .ny_pro4 ul li{ width: 50%;}
    .ny_pro4 ul li:nth-child(2n+1) { clear: both;}
    .ny_pro4 ul li:nth-child(3n+1) { clear: none;}
    .ny_pro4 ul li .wrap .title{ font-size: 16px; line-height:24px;}
}
@media only screen and (max-width: 520px) {
    .ny_pro4 ul li{ width:100%;}
}


/*ny_pro5*/
.ny_pro5{ padding: 0 0 0.6rem; position: relative; overflow: hidden;}
.ny_pro5 .main{ overflow: hidden;}
.ny_pro5 ul li{ list-style: none; margin-bottom: 0.3rem;}
.ny_pro5 ul li:nth-child(3n+1) { clear: both;}
.ny_pro5 ul li .image img{ width: 100%;}
.ny_pro5 ul li .wrap{ margin-top: 0.2rem;}
.ny_pro5 ul li .wrap .title{ margin-bottom: 0.1rem; display: block;  font-size: 20px; line-height:28px; color: #fff; font-weight: bold; overflow: hidden;}
.ny_pro5 ul li .wrap .text{ line-height: 24px; color: #fff; overflow: hidden;}

@media only screen and (max-width:768px) {
    .ny_pro5{ padding: 0 0 0.4rem;}
    .ny_pro5 ul li .wrap .title{ font-size: 16px; line-height:24px;}
}

.project_list{list-style:none;}
.project_list{ margin: 0 -0.1rem;}
.project_list li{margin-bottom:0.2rem; padding:0 0.1rem;}
.project_list li:nth-child(3n+1){clear: both;}
.project_list li .column{ border-radius: 0px; transition:all .5s;overflow: hidden;}
.project_list li .image{display:block;overflow:hidden;position:relative;}
.project_list li .image > a{position: absolute;left:0;top:0;width:100%;height:100%;z-index: 10;display: block;}
.project_list li .image img{max-width: 100%;height: auto;width: 100%;transition: all .9s;}
.project_list li:hover .image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}