ul,ol,li,dl,dd,dt{ list-style-type: none; line-height: normal;}
address,caption,cite,code,dfn,i,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{ cursor: pointer; text-decoration: none; color: #b42b3e;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}
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;}
p{ margin: 0; padding: 0;}
button,table{ border: none; background: none; margin: 0; padding: 0;}
select{ margin: 0; padding: 0; outline: none;}
textarea{ border: 0; background: none; resize: none; outline: 0;}
input{ outline: 0; border: 0; background: none;}
button{ outline: none; border: 0; background: none;} 
._el{overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._el2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._el3{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
._el4{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
._el5{overflow:hidden;display: -webkit-box;word-break: break-all;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.w_1600{ max-width:1600px; margin-right: auto; margin-left: auto;}


body{ overflow-x:hidden; overflow-y:auto;}
.ctext{ float:left; width:100%; padding-left:8.3%; padding-right:8.3%;}
@media  screen and (max-width:1024px){
.ctext{ padding-left:15px; padding-right:15px;}
}
.head_T{ float:left; width:100%; background:#f8f8f8; position:relative; z-index:6; padding-top:8px; padding-bottom:8px;}
.head_T ._addr{ float:left; color:#666666; font-size:14px; line-height:24px;}
.head_T ._addr .p{ float:left;display: flex; align-items: center;}
.head_T ._addr .p img{ margin-right:7px;}
.head_T ._addr ._p{ margin:0 30px;}
.head_T .city{ float:right; height:24px; overflow:hidden;}
.head_T .city .bd{ float:left; width:100%;}
.head_T .city li{ float:left; margin-right:15px; position:relative;}
.head_T .city li:after{ float:left; width:1px; height:8px; content:''; position:absolute; right:-8px; top:8px; background:#000000; opacity:0.1;}
.head_T .city li:first-child:after{ display:none; margin-left:0;}
.head_T .city li a{ float:left; color:#666666; font-size:14px; line-height:24px; white-space:nowrap;}
.head_T .city li a:hover{ color:#f1c501;}

.head_D{ float:left; width:100%; background:#fff; border-bottom:3px solid #ffd700; position:relative; z-index:6;}
.head_D .logo{ float:left; line-height:0; margin:14px 0;}
.head_D .logo img{ max-width:none; height:64px;}

.head_D.active{ position:fixed; left:0; top:0; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
.head_D.active .logo{ margin:6px 0;}
.head_D.active .menu .nli span a{ line-height:76px; }

.menu{ float:right; width:55.125%;}
.menu ul{ float:left; width:100%; display: flex;  justify-content: space-between;}
.menu .nli{ float:left; position:relative;}
.menu .nli span a{ float:left; color:#333333; font-size:20px; line-height:92px; }
.menu ul li.active span a{ color:#f1c501; font-weight:700;}
.menu .sub{ display:none; float:left; width:120px; position:absolute; left:50%; margin-left:-60px; top:100%; z-index:6; padding-top:3px;}
.menu .sub dd{ float:left; width:100%; text-align:center; background:rgba(255,255,255,0.95); margin-bottom:1px; }
.menu .sub dd a{ float:left; width:100%; color:#333333; font-size:14px; line-height:30px; padding:4px;}
.menu .sub dd a:hover{ background:#f1c501; color:#fff;}

.xialaph{ position:absolute; left: 0; top: 0; float: left; width: 100%; padding:60px 15px;display: none; z-index:5;}
.xialaph:after{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; content:''; z-index:4; background:rgba(0,0,0,0.9);}
.xialaph .ul1{ float:left; width:100%; position:relative; z-index:5;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #fff; font-size:16px; line-height: 50px; position:relative;}
.xialaph h4 a i{ float:left; width:10px; height:10px; content:''; position:absolute; right:5px; top:20px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg);-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;   }
.xialaph h4.active a i{ transform:rotate(135deg); -ms-transform:rotate(135deg);}
.xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; opacity:0.2;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a,
.xialaph h5:hover a{ color: #f1c501; font-weight:bold;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff;opacity:0.2;}
.xialaph h5 a{ float: left; width: 100%; color: #fff; font-size: 14px; line-height: 40px; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;}
.xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;}
.xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 17px; margin-right:5px; cursor: pointer;}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{ display: none;}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{ display: block;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ float:left; width:100%; padding-top: 12px; padding-bottom: 12px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #fff;opacity:0.2;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li{ float:left; width:100%;}
.xialaph .ul3 li a{ float:left; width:100%; color: #666; font-size: 14px; line-height:24px; display: block; position:relative; padding-left:12px;}
.xialaph .ul3 li a:hover{ color:#14264e;}
.xialaph .ul3 li a:after{ float:left; width:4px; height:4px; position:absolute; left:0; top:50%; margin-top:-2px; transform:rotate(45deg); -ms-transform:rotate(45deg); content:''; background:#03a5f0;}
.xialaph .ul3 li:first-child{ padding-top: 0;}
.xialaph .phsou{ position: relative; margin-top: 34px;}
.xialaph .phsou input{ width: 100%; height: 56px; background-color: #fff; color: #aaa; font-size: 14px; padding-left: 20px; border: 1px solid #e5e5e5;}
.xialaph .phsou img{ cursor: pointer; width: 21px; height: 22px; position: absolute; top: 17px; right: 29px;}
.xialaph .img_d,
.xialaph .disno{ display: none;}

.menuph{ display:none; float: right; width:32px; height:32px; cursor: pointer; margin:13px 0;}
.menuph .point { float:left; width:32px;  height:32px; line-height:0;}


@media  screen and (max-width:1600px){
.head_T ._addr ._p{ margin:0 15px;}	
.head_T ._addr .p img{ margin-right:4px;}
.menu{ width:60%;}
.menu .nli span a{ font-size:18px;}
	
}
@media  screen and (max-width:1300px){
.menu{ width:66%;}
.menu .nli span a{ font-size:16px;}
.head_T ._addr{ font-size:12px;}
.head_T ._addr ._p{ margin:0 8px;}	
.head_T .city li{ margin-right:10px;}
.head_T .city li:after{ right:-5px;}
.head_T .city li a{ font-size:12px;}

	
}
@media  screen and (max-width:1100px){
.head_T{ display:none;}	
}
@media  screen and (max-width:1024px){
.menu{ display:none;}
.menuph{ display:block;}
.head_D{border-bottom:2px solid #ffd700;}
.head_D .logo{ margin:10px 0;}
.head_D .logo img{ height:38px;}
.head_D.active .logo{ margin:6px 0;}

}

.pf_right{ float:left; width:70px; position:fixed; z-index:14; right:1px; bottom:30%; display:none;}
.pf_right ul{ float:left; width:100%;}
.pf_right ul li{ float:left; width:100%; position:relative; margin-top:1px;}
.pf_right ul li a{ float:left; width:100%; position:relative; z-index:6; background:#58595b; padding:7px 0;}
.pf_right ul li:hover a{ background:#ee0000;}
.pf_right ul li a i{ float:left; width:100%; line-height:0; text-align:center;}
.pf_right ul li a i img{ width:32px; height:32px; margin:0 auto;}
.pf_right ul li a h5{ float:left; width:100%; color:#fff; font-size:14px; line-height:22px; margin-top:2px; text-align:center;}
.pf_right ul li:hover a h5{ color:#fff;}
.pf_right .pf_tel{ float:left; position:absolute; z-index:4; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); right:-300px; background:#ee0000; line-height:26px; color:#fff; font-size:16px; white-space:nowrap; padding:8px 17px; border-radius:3px;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.pf_right .pf_tel:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%; border-top: 6px solid transparent; border-bottom:6px solid transparent;border-left: 6px solid #ee0000; margin-top:-6px; }
.pf_right ul li:hover .pf_tel{ right:76px;}

._hei{ display:none; width:100%; float:left; height:44px;}
.kefu_D{ display:none; float:left; width:100%; background:#ffd700; position:fixed; left:0; bottom:0; z-index:4;}
.kefu_D li{ float:left; width:50%; text-align:center;}
.kefu_D li a{ float:left; width:100%; line-height:44px; color:#222222; font-size:16px;display: flex;  justify-content: center;  align-items: center;}
.kefu_D li img{ display:flex; width:18px; height:18px; margin-right:10px;}
.kefu_D li h5{ display:flex;}
.kefu_D li:first-child{ background:#f1c501;}

@media  screen and (max-width:1024px){
.pf_right{ display:none;}
._hei{ display:block;}
.kefu_D{ display:block;}

}



.Copyright{width:100%; float:left; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:26px; text-align:center; border-top:1px solid rgba(255,255,255,0.2); padding:25px 0; }
.Copyright a{ color:#fff;}
.Copyright a:hover{ color:#f1c501;}
.footer{ background:#1a1b1c;}
.footer .foot_d{ float:left; width:100%; margin:45px 0;}
.footer ._addr{ float:left; width:440px; padding-right:30px;}
.footer ._addr h4{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; }
.footer ._addr h5{ float:left; width:100%; color:#fff; font-size:28px; line-height:30px; font-family:Arial; margin:20px 0 10px 0;}
.footer ._addr h6{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; opacity:0.6; }
.footer ._nav{ float:left; width:12.187%;}
.footer ._nav h4{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; }
.footer ._nav h4 a{ color:#fff; font-size:18px; line-height:28px; }
.footer ._nav ul{ float:left; width:100%; margin-top:14px; }
.footer ._nav ul li{ float:left; width:100%;}
.footer ._nav ul li a{ float:left; color:#bbbbbb; font-size:16px; line-height:36px;}
.footer ._nav ul li a:hover{ color:#f1c501;}
.footer .weima{ float:right; margin-top:5px; }
.footer .weima .li{ float:left; width:112px; margin-left:40px;}
.footer .weima .li i{ float:left; width:100%; line-height:0; display:block;}
.footer .weima .li i img{ height:112px;}
.footer .weima .li h5{ float:left; width:100%; text-align:center; line-height:26px; font-size:18px; color:#fff; opacity:0.6; margin-top:10px; }
.footer .foot_t{ float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.2); padding:32px 0; }
.footer .logo{ float:left; line-height:0;}
.footer .logo img{ height:64px;}
.footer .renter{ float:right; line-height:0; cursor:pointer; margin:16px 0;}
.footer .renter img{ height:32px;}

.footer .nav_p{ float:left; width:100%; padding:15px 10px 10px 10px; display:none;  justify-content: space-between; }
.footer .nav_p a{ float:left; color:#fff; font-size:14px; line-height:24px;}
.footer .foot_P{ float:left; width:100%; display:none; border-top:1px solid rgba(255,255,255,0.2); padding:15px 0 15px 108px; position:relative; min-height:127px; }
.footer .foot_l{ float:left; width:100px; position:absolute; left:0; top:20px;}
.footer .foot_l .logo{ float:left; line-height:0; display:block;}
.footer .foot_l .logo img{ height:36px;}
.footer .foot_l .logo_t{ float:left; color:#fff; font-size:12px; line-height:20px; margin-top:12px; text-align:center;}
.footer .foot_r{ float:left; width:100%; padding-left:8px; border-left:1px solid rgba(255,255,255,0.2);}
.footer .foot_r h4{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px; opacity:0.6; }
.footer .foot_r h5{ float:left; width:100%; color:#fff; font-size:15px; line-height:23px; font-family:Arial; margin:2px 0 4px 0;}
.footer .foot_r h6{ float:left; width:100%; color:#fff; font-size:12px; line-height:20px; opacity:0.6; }


@media  screen and (max-width:1300px){
.footer ._addr{ width:310px; padding-right:20px;}	
.footer ._addr h4{ font-size:16px; line-height:26px;}
.footer ._addr h5{ font-size:24px; line-height:26px;}
.footer ._addr h6{ font-size:14px; line-height:24px;}
.footer ._nav{ width:15%;}
.footer ._nav h4{ font-size:16px; line-height:26px;}
.footer ._nav ul li a{ font-size:14px; line-height:30px;}
.footer .weima .li{ margin-left:20px;}
.footer .weima .li h5{ font-size:16px; line-height:24px;}
}
@media  screen and (max-width:1024px){
.Copyright{ font-size:14px; line-height:24px; padding:12px 0;}
.footer .nav_p{ display:flex;}
.footer .foot_d{ display:none;}
.footer .foot_t{ display:none;}
.footer .foot_P{ display:block;}

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

}


._kefu{ float:left; position:fixed; right:1.927%; top:50%; z-index:6; width:70px;}
._kefu .img{ float:left; width:100%; position:relative; z-index:4;}
._kefu .img i{ float:left; width:64px; height:64px; border-radius:50%; position:relative; box-shadow:0 5px 10px rgba(0,0,0,0.15);}
._kefu .img i:after,
._kefu .img i:before{ float:left; border-radius:50%; background:#ffd700; opacity:0.3; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0.6); -ms-transform:translate(-50%,-50%) scale(0.6); }
._kefu .img i:after{ width:84px; height:84px; opacity:0.3; z-index:2; -webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
._kefu .img i:before{ width:104px; height:104px; opacity:0.2; z-index:1;-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;}
._kefu .img i img{ border-radius:50%; position:relative; z-index:3;}
._kefu .img h5{ float:left; width:100%; position:relative; top:0; margin-top:-10px; text-align:center; z-index:4; color:#fff; font-size:14px; line-height:22px; border-radius:22px; background:url(../_im_g/img7.jpg) center repeat-x;}
._kefu .text{ float:left; width:260px; position:absolute; position:absolute; right:-400px; bottom:0; text-align:center; z-index:3; color:#fff; font-size:14px; line-height:22px; border-radius:8px; background:#fff; padding:30px; box-shadow:0 5px 13px rgba(0,0,0,0.15);-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  }
._kefu .text i{ float:left; width:100%; line-height:0; margin:16px 0;}
._kefu .text .tit{ float:left; width:100%; min-height:40px; position:relative; padding-left:50px; text-align:left; border-bottom:1px solid #e5e5e5; padding-bottom:16px;}
._kefu .text em{ float:left; width:40px; height:40px; border-radius:3px; overflow:hidden; line-height:0; position:absolute; left:0; top:0;}
._kefu .text h4{ float:left; width:100%; color:#333333; font-size:16px; line-height:22px;}
._kefu .text h5{ float:left; width:100%; color:#888888; font-size:14px; line-height:20px; margin-top:4px;}
._kefu .text h6{ float:left; width:100%; text-align:center; color:#888888; font-size:12px; line-height:14px;}
._kefu:hover .img i:after,
._kefu:hover .img i:before{ -ms-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1);}
._kefu:hover .text{ right:104px;}

@media  screen and (max-width:1600px){
._kefu .text{ width:224px; padding:15px;}	
._kefu .text i{ margin:12px 0;}
._kefu .text .tit{padding-left:48px; padding-bottom:12px;}
._kefu .text h4{ font-size:15px;}
._kefu .text h5{ margin-top:0; font-size:13px; }

}
@media  screen and (max-width:1024px){
._kefu{ display:none;}	
}

._Popup_h{ float:left; width:100%; height:162px;}
._Popup{ float:left; width:100%; background:rgba(255,215,0,0.94); position:fixed; left:0; bottom:0; z-index:6; padding-top:23px; padding-bottom:23px;}
._Popup .w_1600{ position:relative;display: flex; justify-content: space-between; align-items: center; }
._Popup .img{ float:left; width:9.8%; line-height:0;}
._Popup .text{ float:left;display: flex; flex-direction:column; padding:0 15px;}
._Popup .text h1{ float:left; width:100%; color:#333333; font-size:44px; line-height:54px; letter-spacing:2px;}
._Popup .text h3{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; letter-spacing:2px; margin-top:6px;}
._Popup .form{ float:left; width:51%; display: flex;  justify-content: space-between; flex-wrap:wrap; }
._Popup .lab{ float:left; width:48.34%; position:relative; margin:8px 0;}
._Popup .lab input{ float:left; width:100%; background:#fff; border:none; height:42px; line-height:24px; color:#898989; font-size:16px;  padding:8px 16px; outline:none;}
._Popup .lab .fv{ width:110px; position:absolute; right:120px; top:0; padding-left:5px !important;}
._Popup ._lab{ padding-right:235px; background:#fff;}
._Popup ._lab:after{ float:left; width:1px; height:20px; content:''; position:absolute; right:240px; top:11px; background:#ccc;}
._Popup .lab h5{ float:right; width:100%; background:#fff; border:none; height:42px; line-height:24px; color:#333333; font-size:16px;  padding:8px 16px 8px 120px; text-align:right; cursor:pointer; position:relative; z-index:2;}
._Popup .lab h5:after{ float:left; width:12px; height:12px; content:''; position:absolute; right:0; top:50%;}
._Popup .lab ul{ display:none; float:left; width:100%; position:absolute; left:0; bottom:100%;background:#f2f3f6; text-align:right; z-index:6; padding:10px 16px; box-shadow:0 -5px 10px rgba(0,0,0,0.15); overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:208px;
}
._Popup .lab ul::-webkit-scrollbar {
 width:3px
}
._Popup .lab ul::-webkit-scrollbar-track
{
background-color:#eeeeee;
 border-radius:3px;
}
._Popup .lab ul::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#ffd700;
 border-radius:3px;}
._Popup .lab ul li{ float:left; width:100%; color:#333; font-size:14px; line-height:24px; cursor:pointer;}
._Popup .lab ul li:hover{ color:#ffd700;}
._Popup .lab h6{ float:left; position:absolute; left:20px; top:0; color:#898989; font-size:16px; line-height:42px; padding-right:20px; background:url(../_im_g/img6.png) right center no-repeat; z-index:3;}
._Popup .lab a{ float:right; position:absolute; right:12px; top:7px; width:110px; height:28px; background:#eeeeee; color:#999999; font-size:16px; line-height:28px; text-align:center;}
._Popup .lab a:hover{ background: #ffdb1a; color: #fff;}
._Popup .lab button{ float:left; width:100%; background:#272727; border:none; height:42px; line-height:40px; color:#ffc425; font-size:16px; text-align:center; padding:0;display: flex;  justify-content: center;  align-items: center; appearance:none;-webkit-appearance:none;-moz-appearance:none;}
._Popup .lab button img{ width:16px; height:16px; margin-right:8px;}
._Popup .lab button:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._Popup .colse{ float:left; width:24px; height:24px; line-height:0; position:absolute; right:-40px; top:-9px; cursor:pointer;}

._Popup ::-webkit-input-placeholder{color:#898989}
._Popup :-moz-placeholder{color:#898989}
._Popup ::-moz-placeholder{color:#898989}
._Popup :-ms-input-placeholder{color:#898989}

@media  screen and (max-width:1900px){
._Popup ._lab{ width:64.68%;}
._Popup ._rab{ width:32%;}	
}

@media  screen and (max-width:1600px){
._Popup .img{ width:12%;}	
._Popup .text h1{ font-size:32px; line-height:42px; letter-spacing:1px;}
._Popup .text h3{ font-size:18px; line-height:28px; letter-spacing:1px;}


}
@media  screen and (max-width:1400px){
._Popup .lab h6{ font-size:14px;}	
._Popup .lab h5{ font-size:14px; padding:8px 16px 8px 100px;}
._Popup .lab input{ font-size:14px;}
._Popup .lab a{ font-size:14px; width:90px;}
._Popup .lab .fv{ width:90px; right:100px;}
._Popup ._lab:after{ right:195px;}
._Popup ._lab{ padding-right:195px;}
._Popup .lab button{ font-size:14px;}

}
@media  screen and (max-width:1200px){
._Popup .img{ width:12%;}	
._Popup .text h1{ font-size:24px; line-height:34px; letter-spacing:1px;}
._Popup .text h3{ font-size:16px; line-height:26px; letter-spacing:1px;}	
._Popup .form{ width:54%;}
._Popup .lab h6{ left:12px;}
}
@media  screen and (max-width:1024px){
._Popup_h{ display:none;}	
._Popup{ display:none;}	
}



.banner{ float:left; width:100%; line-height:0; position:relative;}
.slide_banner{ float:left; width:100%; position:relative; z-index:2; line-height:0;}
.slide_banner .slick-slide{ float:left; width:100%; position:relative; display:block;}
.slide_banner .slick-slide video{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:#000;}
.slide_banner .slick-slide img{ width:100%;}
.slide_banner .slick-dots{ bottom:30px; display: flex; justify-content: center;}
.slide_banner .slick-dots li{ width:10px; height:10px; border-radius:10px; background:#fff; opacity:0.6; margin:0 10px;
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  }
.slide_banner .slick-dots li.slick-active{ width:60px; opacity:1; background:url(../_im_g/ban.jpg) center repeat-x; background-size:100% 100%; }
.slide_ban .slick-slide:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#000; opacity:0.5; z-index:1;}

._slide_bg{ background:#1a1b1c;}
._slide{ float:left; width:100%; color:#fff; color:rgba(255,255,255,0.6); font-size:16px; line-height:26px; margin:15px 0;}
._slide a{ color:#fff; color:rgba(255,255,255,0.6);}
._slide i{ font-family:'宋体'; margin:0 10px;}
._slide a.on,
._slide a:hover{ color:#ffd700;}
._ban_text{ float:left; width:100%; position:absolute; left:0; top:50%; text-align:center; z-index:3; transform:translateY(-50%); -ms-transform:translateY(-50%); padding:0 20%;}
._ban_text h1{ float:left; width:100%; color:#ffd700; font-size:52px; line-height:58px; letter-spacing:2px; font-weight:bold;}
._ban_text h4{ float:left; width:100%; color:#fff; font-size:24px; line-height:30px; max-height:60px; overflow:hidden; text-transform:uppercase; opacity:0.6; margin-top:10px;}
._ban_text h5{ float:left; width:100%; color:#fff; font-size:24px; line-height:36px; margin-top:18px;}
@media  screen and (max-width:1600px){
._ban_text{ padding:0 20%;}	
._ban_text h1{ font-size:30px; line-height:36px;}
._ban_text h4{ font-size:14px; line-height:20px; max-height:40px; margin:2px 0 2px 0;}
._ban_text h5{ font-size:16px; line-height:26px;}
	
}
@media  screen and (max-width:1024px){
.slide_banner .slick-dots{ bottom:15px;}
.slide_banner .slick-dots li{ margin:0 6px;}
.slide_banner .slick-dots li.slick-active{ width:30px;}
._slide_bg{ display:none;}
._ban_text{ padding:0 15px;}
._ban_text h1{ font-size:18px; line-height:24px; letter-spacing:1px;}
._ban_text h4{ font-size:12px; line-height:18px; max-height:36px; margin-top:4px;}
._ban_text h5{ display:none; margin-top:4px;}

}

._Calcul{ display:none; background:url(../_im_g/foot5.png) center repeat #ffdf33;}
._Calcul .w_1600{ display: flex; padding-top:20px; padding-bottom:20px;}
._Calcul .img{ float:left; width:100px; line-height:0;}
._Calcul .text{ float:left; display: flex; flex-direction:column; padding-left:12px;}
._Calcul .text h1{ float:left; color:#333333; font-size:16px; line-height:26px;}
._Calcul .text a{ float:left; color:#ffd700; background:#1b1c20; font-size:14px; line-height:32px; margin-top:10px; width:110px;display: flex;  justify-content: center;  align-items: center;}
._Calcul .text a img{ height:16px; margin-right:8px;}
@media  screen and (max-width:1024px){
._Calcul{ display:block;}	
}

.ctitle{ float:left; width:100%; position:relative; z-index:3; text-align:center;}
.ctitle h1{ float:left; width:100%; color:#333333; font-size:36px; line-height:44px; letter-spacing:1px;}
.ctitle h5{ float:left; width:100%; color:#888888; font-size:12px; line-height:16px; text-transform:uppercase; margin-top:8px; }
.ctitle h6{ float:left; width:100%; margin-top:26px; }
.ctitle h6 i{ display:block; margin:0 auto; width:46px; height:4px; background:#ffd700;}
.ctitle.white h1{ color:#fff;} 
.ctitle.white h5{ color:#888888;} 

@media  screen and (max-width:1024px){
.ctitle h1{ font-size:18px; line-height:26px;}
.ctitle h5{ margin-top:5px;}
.ctitle h6{ margin-top:15px;} 
.ctitle h6 i{ width:36px; height:2px;}

}

._indust{ padding-top:76px; padding-bottom:60px;}
._indust .list{ float:left; width:100%; margin-top:30px;}
._indust .list ul{ float:left; width:100%;display: flex;  justify-content: space-between; flex-wrap:wrap;}
._indust .list li{ float:left; width:12.5%; padding:5px;}
._indust .list li a{ float:left; width:100%; line-height:0; overflow:hidden;}
._indust .list li a:hover{ transform:translateY(-10px); -ms-transform:translateY(-10px); box-shadow:0 5px 10px rgba(0,0,0,0.2); border-radius:3px;}
@media  screen and (max-width:1024px){
._indust{ display:none; padding-top:25px; padding-bottom:25px;}


}

._maint{ padding-top:80px; padding-bottom:80px; background:#f8f8f8;}
._maint .ctitle{ display:none;}
._maint .list{ float:left; width:100%; position:relative; z-index:3;}
._maint .list ul{ margin:-15px;display: flex;flex-wrap:wrap;}
._maint .list li{ float:left; width:33.33%; padding:15px;}
._maint .list li a{ float:left; width:100%; position:relative;text-align:center;}
._maint .list li i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._maint .list li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._maint .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._maint .list li .text{ float:left; width:100%; background:#efeff0; padding:22px 11% 30px 11%;}
._maint .list li h1{ float:left; width:100%; color:#333333; font-size:26px; line-height:34px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; font-weight:bold;-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  
}
._maint .list li h4{ float:left; width:100%; color:#444444; font-size:18px; line-height:28px; height:56px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:8px 0 20px 0;}
._maint .list li h5{ display:inline-table; width:154px; color:#666666; font-size:15px; line-height:43px; height:45px; border:1px solid #bababa; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
._maint .list li a:hover h1{ color:#f1c501;}
._maint .list li a:hover h5{ color:#fff; border:1px solid #f1c501; background:#f1c501;}

@media  screen and (max-width:1600px){
._maint .list li h1{ font-size:20px; line-height:28px;}
._maint .list li h4{ font-size:14px; line-height:24px; height:48px;}
._maint .list li h5{ width:120px; font-size:13px; line-height:34px; height:36px;}
}
@media  screen and (max-width:1024px){
._maint{ padding-top:25px; padding-bottom:25px;}	
._maint .ctitle{ display:block;}
._maint .list{ margin-top:20px;}
._maint .list ul{ margin:-6px;}
._maint .list li{ padding:6px;}
._maint .list li .text{ padding:7px 10px;}
._maint .list li h1{ font-size:14px; line-height:24px; font-weight:normal;}
._maint .list li h4{ display:none;}
._maint .list li h5{ display:none;}
}
@media  screen and (max-width:767px){
._maint .list li{ width:50%;}

}


._Indust{ padding-top:75px; padding-bottom:80px; background:#f8f8f8; position:relative;}
._Indust:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:170px; background:#dce1e6; z-index:2;}
._Indust .list{ float:left; width:100%; position:relative; z-index:3; margin-top:40px;}
._Indust .list ul{ margin:-15px;}
._Indust .list li{ float:left; width:33.33%; padding:15px;}
._Indust .list li a{ float:left; width:100%; position:relative;}
._Indust .list li a:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; bottom:0; z-index:1; background:url(../_im_g/main24.png) center bottom repeat-x;}
._Indust .list li i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._Indust .list li i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._Indust .list li:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._Indust .list li .text{ float:left; width:100%; position:absolute; left:0; bottom:19px; z-index:3; text-align:center;}
._Indust .list li h1{ display:inline-table; padding:0 18px; color:#fff; font-size:24px; line-height:41px; border:1px solid #f1c501; transition:background 0.5s ease; -o-transition:background 0.5s ease; -moz-transition:background 0.5s ease;  -webkit-transition:background 0.5s ease;}
._Indust .list li a:hover h1{ color:#fff; border:1px solid #f1c501; background:#f1c501;}

@media  screen and (max-width:1600px){
._Indust .list li h1{ padding:0 15px; font-size:18px; line-height:32px;}

}
@media  screen and (max-width:1024px){
._Indust{ padding-top:25px; padding-bottom:25px;}
._Indust:after{ top:88px;}
._Indust .list{ margin-top:20px;}
._Indust .list ul{ margin:-6px;}
._Indust .list li{ padding:6px;}
._Indust .list li .text{ bottom:12px;}
._Indust .list li h1{ padding:0 10px; font-size:14px; line-height:24px;}

}
@media  screen and (max-width:767px){
._Indust .list li{ width:50%;}	
._Indust .list li:last-child{ display:none;}

}



._Elect{ padding-top:75px; padding-bottom:80px; position:relative;}
._Elect:after{ float:left; width:100%; height:100%; content:''; background:#1a1b1c; position:absolute; left:0; top:0; opacity:0.7;}
._Elect .list{ float:left; width:100%; position:relative; z-index:3; margin-top:40px;}
._Elect .list ul{ margin:-15px;flex-wrap:wrap;display: flex;}
._Elect .list li{ float:left; width:33.33%; padding:15px;}
._Elect .list li a{ float:left; width:100%; position:relative; background:#fff; padding:43px 7.8%; min-height:100%;}
._Elect .list li a i{ float:left; width:106px; height:106px; border-radius:50%; background:#f1c501; line-height:0; overflow:hidden; position:absolute; left:7.8%; top:40px; display:block; display:block;}
._Elect .list li a h1{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; padding-left:128px;}
._Elect .list li a h4{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; padding-left:128px; margin-top:8px;}
._Elect .list li a:hover{ box-shadow:0 5px 10px rgba(255,255,255,0.2); border-radius:3px; transform:translateY(-10px); -ms-transform:translateY(-10px);}
._Elect .list li a:hover i{-webkit-transition: 1s ease;
   -moz-transition: 1s ease;
	-ms-transition: 1s ease;
	 -o-transition: 1s ease;
		transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg)}

@media  screen and (max-width:1600px){
._Elect .list li a i{ width:80px; height:80px;}
._Elect .list li a h1{ padding-left:95px; font-size:18px; line-height:28px;}
._Elect .list li a h4{ padding-left:95px; font-size:14px; line-height:24px;}

}

@media  screen and (max-width:1024px){
._Elect{ padding-top:25px; padding-bottom:25px;}
._Elect .list{ margin-top:20px;}
._Elect .list ul{ margin:-6px;}
._Elect .list li{ padding:6px;}
._Elect .list li a{ padding:0; background:none; text-align:center;}
._Elect .list li a i{ width:54px; height:54px; position:static; float:none; display:inline-table;}
._Elect .list li a h1{ padding-left:0; font-size:15px; line-height:20px; color:#f1c501; margin-top:6px;}
._Elect .list li a h4{ padding-left:0; font-size:12px; line-height:18px; color:#fff; margin-top:5px;}


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


}


._choose{ padding-top:75px; padding-bottom:80px; }
._choose .list{ float:left; width:100%; margin-top:40px;}
._choose .list ul{ margin:-15px;flex-wrap:wrap;display: flex;}
._choose .list li{ float:left; width:33.33%; padding:15px;}
._choose .list li a{ float:left; width:100%; position:relative;}
._choose .list li i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._choose .list li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._choose .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._choose .list li .text{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; background:rgba(0,0,0,0.5);display: flex;  justify-content: center;  align-items: center; flex-direction:column; text-align:center; padding:0 9.8%;}
._choose .list li h1{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._choose .list li h4{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; height:56px; opacity:0.8; margin-top:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
._choose .list .slick-prev{ width:20px; height:20px; background:url(../_im_g/main32.png) center no-repeat; background-size:auto 100%; left:8px; opacity:0.3;}
._choose .list .slick-next{ width:20px; height:20px; background:url(../_im_g/main33.png) center no-repeat; background-size:auto 100%; right:8px; opacity:0.3;}
._choose .list .slick-prev:hover{ opacity:1; background:url(../_im_g/main32_1.png) center no-repeat; background-size:auto 100%;}
._choose .list .slick-next:hover{ opacity:1; background:url(../_im_g/main33_1.png) center no-repeat; background-size:auto 100%;}


@media  screen and (max-width:1600px){
._choose .list li h1{ font-size:18px; line-height:28px;}
._choose .list li h4{ font-size:14px; line-height:24px; height:48px; margin-top:5px;}

}
@media  screen and (max-width:1024px){
._choose{ padding-top:25px; padding-bottom:25px;}
._choose .list{ margin-top:20px;}
._choose .list ul{ margin:-6px;}
._choose .list li{ padding:6px;}
._choose .list li h1{ font-size:16px; line-height:24px;}
._choose .list li h4{ font-size:14px; line-height:22px; height:44px;}
}
@media  screen and (max-width:767px){
._choose .list ul{ margin:-6px -15px;}	
._choose .list li h1{ display:none;}
._choose .list li h4{ display:none;}
._choose .list li.slick-current h1{ display:block;}
._choose .list li.slick-current h4{ display:block;}

}


._cust{ float:left; width:100%; padding-top:75px; padding-bottom:80px;}
._cust .list{ float:left; width:100%; position:relative; z-index:3; margin-top:40px;}
._cust .list ul{ margin:-15px;}
._cust .list li{ float:left; width:33.33%; padding:15px;}
._cust .list li a{ float:left; width:100%; background:#fff; position:relative;}
._cust .list li a:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:3; background:#000; opacity:0.4;}
._cust .list li i{ float:right; width:50%; height:100%; position:absolute; right:0; top:0;}
._cust .list li i:after{ z-index:1; float:left; width:100%; height:100%; content:''; position:absolute; right:0; top:0; background:#000000; opacity:0.2;}
._cust .list li i img{ float:left; position:relative; z-index:3; position:absolute; left:50%; top:50%; width:82px; height:82px; margin:-42px 0 0 -42px;}
._cust .list li .text{ float:left; width:50%; padding:60px 8.6%;}
._cust .list li em{ float:left; width:100%; line-height:0; display:block;}
._cust .list li em img{ height:46px;}
._cust .list li h1{ float:left; width:100%; color:#666666; font-size:18px; line-height:36px; height:144px;overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; margin:30px 0 18px 0;}
._cust .list li h4{ float:right; color:#666666; font-size:18px; line-height:36px; position:relative; padding-left:17.9%;}
._cust .list li h4:after{ float:left; width:24%; height:1px; position:absolute; left:0; top:18px; content:''; background:#cbcbcb;}
._cust .list li.slick-current a:after{ display:none;}


._cust .list .slick-prev{ width:20px; height:20px; background:url(../_im_g/main32.png) center no-repeat; background-size:auto 100%; left:7.18%;}
._cust .list .slick-next{ width:20px; height:20px; background:url(../_im_g/main33.png) center no-repeat; background-size:auto 100%; right:7.18%;}
._cust .list .slick-prev:hover{ opacity:1; background:url(../_im_g/main32_1.png) center no-repeat; background-size:auto 100%;}
._cust .list .slick-next:hover{ opacity:1; background:url(../_im_g/main33_1.png) center no-repeat; background-size:auto 100%;}

@media  screen and (max-width:1600px){
._cust .list li .text{ padding:50px 4.3%;}
._cust .list li em img{ height:30px;}
._cust .list li h1{ font-size:14px; line-height:26px; height:104px; margin:30px 0 18px 0;}
._cust .list li h4{ font-size:14px; line-height:26px; padding-left:10%;}
._cust .list li h4:after{ width:16%; top:13px;}
}
@media  screen and (max-width:1024px){
._cust{ padding-top:25px; padding-bottom:25px;}
._cust .list{ margin-top:20px;}
._cust .list ul{ margin:-6px;}
._cust .list li{ padding:6px;}
._cust .list li i img{ width:40px; height:40px; margin:-20px 0 0 -20px;}
._cust .list li em img{ height:24px;}
._cust .list li h1{ line-height:24px; min-height:96px; margin:10px 0 5px 0;}
._cust .list li h4{ line-height:26px;}
._cust .list li .text{ padding:15px 15px;}
._cust .list li h4:after{ width:14%;}
}
@media  screen and (max-width:767px){
._cust .list{ padding:0 15px;}	
._cust .list li a{ background:rgba(255,255,255,0.15);}	
._cust .list li i{ width:100%; height:200px; position:relative;}	
._cust .list li .text{ width:100%;}	
._cust .list li em{ display:none;}	
._cust .list li h1{ color:#fff; height:48px; -webkit-line-clamp:2; margin:0 0 5px 0;}
._cust .list li h4{ color:#fff;}
._cust .list li h4:after{ background:#cbcbcb;}	
._cust .list .slick-prev{left:8px; display:none !important;}
._cust .list .slick-next{right:8px; display:none !important;}


}


._solut{ float:left; width:100%; padding-top:75px; padding-bottom:80px; overflow:hidden;}
._solut .list{ float:left; width:100%; position:relative; z-index:3; margin-top:40px;}
._solut .list:after,
._solut .list:before{ float:left; width:7.6%; height:100%; content:''; position:absolute; top:0; z-index:3;}
._solut .list:after{ right:100%; 
background-image: -webkit-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background-image: -moz-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background-image: -o-linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background-image: linear-gradient(right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
}
._solut .list:before{ left:100%; 
background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%);
}
._solut .list ul{ margin:-10px -7.6%;}
._solut .list li{ float:left; width:12.5%; padding:10px;}
._solut .list li a{ float:left; width:100%; border:1px solid #ededed; border-radius:5px; overflow:hidden; line-height:0;-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray;}
._solut .list li a:hover{ transform:translateY(-5px); -ms-transform:translateY(-5px);
	-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: gray;}
._solut .list li:nth-child(15n+1){ margin-left:6.25%;}

@media  screen and (max-width:1200px){
._solut .list ul{ margin:-6px -7.6%;}
._solut .list li{ padding:6px;}

}
@media  screen and (max-width:1024px){
._solut{ display:none; padding-top:25px; padding-bottom:25px;}
._solut .list{ margin-top:20px;}

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


}

._Mark{ background:#f8f8f8; padding-top:75px; padding-bottom:60px;}
._Mark .hd{ float:left; width:100%; margin-top:5px; text-align:center;}
._Mark .hd ul{ display:inline-table;}
._Mark .hd ul li{ float:left; color:#333333; font-size:18px; line-height:38px; padding:10px 20px; cursor:pointer; border-bottom:2px solid #e7e7e7; position:relative;}
._Mark .hd ul li:after{ float:left; width:0; height:4px; content:''; background:#ffd700; position:absolute; left:0; bottom:-3px;-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;  
}
._Mark .hd ul li.on{ color:#ffd700;}
._Mark .hd ul li.on:after{ width:100%;}
._Mark .bd{ float:left; width:100%; margin-top:30px; padding:0 12.5%;}
@media  screen and (max-width:1600px){
._Mark .bd{ padding:0;}

}
@media  screen and (max-width:1024px){
._Mark{ display:none;padding-top:25px; padding-bottom:25px}

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


}

._Click{ background:url(../_im_g/foot5.png) center repeat #ffdf33; padding-top:75px; padding-bottom:80px; text-align:center;}
._Click .w_1600{ flex-direction:column; display: flex;  justify-content: center;  align-items: center;}
._Click h1{ float:left; width:100%; color:#333333; font-size:60px; line-height:70px; letter-spacing:2px;}
._Click h4{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; letter-spacing:1px; margin:15px 0 32px 0;}
._Click a{ float:left; color:#ffd700; background:#1b1c20; font-size:20px; line-height:58px; width:220px; display: flex;  justify-content: center;  align-items: center;}
._Click a img{ height:26px; margin-right:15px;}
._Click a:hover{ opacity:0.9; border-radius:3px; box-shadow:0 5px 10px rgba(0,0,0,0.2);}
@media  screen and (max-width:1600px){
._Click h1{ font-size:40px; line-height:50px;}
._Click h4{ font-size:20px; line-height:30px;}
}
@media  screen and (max-width:1024px){
._Click{ padding-top:25px; padding-bottom:25px;}	
._Click h1{ font-size:17px; line-height:24px; letter-spacing:0;}
._Click h4{ font-size:13px; line-height:20px; margin:10px 0 15px 0;}
._Click a{ font-size:14px; line-height:32px; width:110px;}
._Click a img{ height:16px; margin-right:8px;}
}

._slide_C{ float:left; width:100%; text-align:center; padding-top:60px; background:#f8f8f8;}
._slide_C ul{ float:left; width:100%;display: flex;  justify-content: center;  align-items: center;  position:relative;}
._slide_C ul:after,
._slide_C ul:before{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; z-index:1; background:#e0e0e0;}
._slide_C ul:after{ top:0;}
._slide_C ul:before{ bottom:0;}
._slide_C ul li{ float:left; margin:0 10px; position:relative; z-index:3;}
._slide_C ul li a{ float:left; color:#555555; font-size:20px; line-height:40px; padding:10px 40px;}
._slide_C ul li.on a{ background:#ffd700; color:#222222;}
._slide_C ul li:hover a{ color:#ffd700;}

._slide_C dl{ display:table; margin:0 auto; max-width:100%; text-align:center; padding:18px 0;}
._slide_C dl dd{display:inline-table; margin:0 24px;}
._slide_C dl dd a{ float:left; color:#555555; font-size:18px; line-height:32px; position:relative;}
._slide_C dl dd a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; top:100%; transform:translateX(-50%); -ms-transform:translateX(-50%); background:#f1c501;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
._slide_C dl dd.on a{color:#f1c501;}
._slide_C dl dd.on a:after{ width:100%;}
._slide_C dl dd:hover a:after{ width:100%;}

@media  screen and (max-width:1600px){
._slide_C dl dd{ margin:0 12px;}
._slide_C dl dd a{ font-size:16px; line-height:28px;}

}
@media  screen and (max-width:1024px){
._slide_C{ padding-top:25px;}
._slide_C ul li{ margin:0 2px; }
._slide_C ul li a{ font-size:15px; line-height:26px; padding:4px 12px;}
._slide_C dl{ padding:10px 0;}
._slide_C dl dd{ margin:0 8px;}
._slide_C dl dd a{ font-size:14px; line-height:26px;}
}
@media  screen and (max-width:767px){
._slide_C dl{ width:100%; float:left; text-align:left;}
._slide_C dl dd{ margin:0 6px;}

}

._tech_l{ background:#f8f8f8; padding-bottom:80px;}
._tech_l ._list_t{ float:left; width:100%; background:#fff; margin:50px 0 60px 0; padding:80px 8.5%;}
._tech_l ._list_t ul{ margin:-15px; display: flex; flex-wrap:wrap;}
._tech_l ._list_t li{ float:left; width:50%; padding:15px;}
._tech_l ._list_t li a{ float:left; width:100%;}
._tech_l ._list_t li i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._tech_l ._list_t li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._tech_l ._list_t li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._tech_l ._list_t li .text{ float:left; width:100%; text-align:center; background:#f2f2f2; padding:14px 15px;white-space: nowrap; text-overflow:ellipsis; color:#333333; font-size:20px; line-height:30px;}
._tech_l ._list_t li a:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}


._tech_l ._list_d{ float:left; width:100%; background:#fff; padding:80px 8.5%;}
._tech_l ._list_d li{ float:left; width:100%;}
._tech_l ._list_d li a{ float:left; width:100%; position:relative;}
._tech_l ._list_d li i{ float:right; width:49%; line-height:0; overflow:hidden; border:1px solid #e7e7e7; display:block;}
._tech_l ._list_d li i img{ width:100%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._tech_l ._list_d li .text{ float:left; width:41%; position:absolute; left:0; top:0; min-height:100%; display: flex;  flex-direction:column; flex-wrap:wrap; justify-content: center; }
._tech_l ._list_d li .text h1{ float:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#333333; font-size:30px; line-height:48px; }
._tech_l ._list_d li .text em{ float:left; width:100%; position:relative; height:1px; background:#e7e7e7; margin:5.5% 0;}
._tech_l ._list_d li .text em:after{ float:left; width:90px; height:3px; content:''; position:absolute; left:0; top:-1px; background:#ffd700;}
._tech_l ._list_d li .text h5{ float:left; width:100%;overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3; height:108px; color:#333333; font-size:18px; line-height:36px;}
._tech_l ._list_d li:nth-child(2n) i{ float:left;}
._tech_l ._list_d li:nth-child(2n) .text{ left:auto; right:0;}


@media  screen and (max-width:1600px){
._tech_l ._list_d li .text h1{ font-size:20px; line-height:34px;}	
._tech_l ._list_d li .text h5{ font-size:16px; line-height:30px; height:90px;}

}
@media  screen and (max-width:1024px){
._tech_l{ padding-bottom:30px;}
._tech_l ._list_t{ margin:20px 0 20px 0; padding:15px 15px;}
._tech_l ._list_t ul{ margin:-6px;}
._tech_l ._list_t li{ padding:6px;}
._tech_l ._list_t li .text{ font-size:16px; line-height:26px; padding:5px 12px;}

._tech_l ._list_d{ padding:15px 15px;}
._tech_l ._list_d li i{ width:50%;}
._tech_l ._list_d li .text{ width:47%; }
._tech_l ._list_d li .text em{ margin:6px 0;}
._tech_l ._list_d li .text em:after{ width:45px;}
._tech_l ._list_d li .text h1{ font-size:16px; line-height:24px;}	
._tech_l ._list_d li .text h5{ font-size:14px; line-height:22px; height:44px;}

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


}

._tech_l ._list_c{ float:left; width:100%; margin-top:60px;}
._tech_l ._list_c ul{ margin:-15px; display: flex; flex-wrap:wrap;}
._tech_l ._list_c li{ float:left; width:50%;position:relative; padding:15px;}
._tech_l ._list_c li a{ float:left; width:100%; position:relative; background:#fff; padding:25px 63px 25px 83px; }
._tech_l ._list_c li a:after{ float:left; width:18px; height:18px; content:''; position:absolute; right:30px; top:33px; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; transform:rotate(45deg); -ms-transform:rotate(45deg);}
._tech_l ._list_c li i{ float:right; line-height:0; position:absolute; left:30px; top:26px;}
._tech_l ._list_c li i img{ width:32px;}
._tech_l ._list_c li .text{ float:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#333333; font-size:20px; line-height:34px; }
._tech_l ._list_c li a:hover{ background:#1a1b1c;}
._tech_l ._list_c li a:hover .text{ color:#fff;}
._tech_l ._list_c li a:hover:after{ border-right:1px solid #fff; border-top:1px solid #fff; opacity:0.3;}


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

}
@media  screen and (max-width:1024px){
._tech_l ._list_c{ margin-top:20px;}	
._tech_l ._list_c ul{ margin:-6px;}
._tech_l ._list_c li{ padding:6px;}
._tech_l ._list_c li a{ padding:12px 30px 12px 45px; }
._tech_l ._list_c li a:after{ width:10px; height:10px; right:12px; top:19px;}	
._tech_l ._list_c li i{ left:15px; top:14px;}
._tech_l ._list_c li i img{ width:20px;}
._tech_l ._list_c li .text{ font-size:14px; line-height:24px; }
}
@media  screen and (max-width:767px){
._tech_l ._list_c li{ width:100%;}

}

._tech_d{ background:#f8f8f8;}
._tech_d ._det{ float:left; width:100%; background:#fff; margin:60px 0 80px 0; padding:40px 5%;}
._tech_d ._det h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; padding:35px 0;}
._tech_d ._det i{ float:left; width:100%; height:3px; background:#ffd700;}
._tech_d ._det .cont{ float:left; width:100%; color:#555555; font-size:18px; line-height:30px; margin:36px 0;}
._tech_d ._det .page{ float:left; width:100%; padding:35px 0; border-top:1px solid #ececec;}
._tech_d ._det .page a{ float:left; max-width:48%; color:#555555; font-size:18px; line-height:28px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._tech_d ._det .page a:last-child{ float:right;}
._tech_d ._det .page a:hover{ color:#ffd700;}

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


}
@media  screen and (max-width:1024px){
._tech_d ._det{ margin:20px 0 30px 0; padding:10px 15px;}
._tech_d ._det h1{ font-size:18px; line-height:28px; padding:12px 0;}
._tech_d ._det i{ height:2px;}
._tech_d ._det .cont{ font-size:14px; line-height:24px; margin:12px 0;}
._tech_d ._det .page{ padding:12px 0;}
._tech_d ._det .page a{ font-size:14px; line-height:24px;}

}
@media  screen and (max-width:767px){
._tech_d ._det .page a{ max-width:100%;}
._tech_d ._det .page a:last-child{ float:left;}

}


._case{ background:#f8f8f8; padding-bottom:80px; padding-top:22px;}
._case .list{ float:left; width:100%;}
._case .list ul{ margin:-15px; display: flex; flex-wrap:wrap;}
._case .list li{ float:left; width:33.33%; padding:15px;}
._case .list li a{ float:left; width:100%; position:relative;}
._case .list li i{ float:left; width:100%; line-height:0; overflow:hidden; display:block;}
._case .list li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._case .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._case .list li .text{ float:left; width:100%; background:rgba(0,0,0,0.6); padding:20px 24px; position:absolute; left:0; bottom:0; z-index:3;}
._case .list li .text h2{ float:left; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#fff; font-size:24px; line-height:34px; padding-right:136px;}
._case .list li .text h5{ float:left; color:#ffd700; font-size:16px; line-height:34px; position:absolute; right:24px; top:20px; text-transform:uppercase;}
._case .list li .text h5:after{ float:left; width:58px; height:1px; content:''; position:absolute; right:100%; top:50%; margin-right:20px; background:#ffd700;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
._case .list li .text h6{ float:left; width:100%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
._case .list li a:hover .text h5:after{ width:10px;}
@media  screen and (max-width:1600px){
._case .list li .text{ padding:15px 15px;}	
._case .list li .text h2{ font-size:18px; line-height:28px; padding-right:90px;}	
._case .list li .text h5{ top:15px; right:15px; font-size:15px; line-height:28px;}
._case .list li .text h5:after{ margin-right:10px; width:30px;}
._case .list li .text h6{ font-size:14px; line-height:24px; margin-top:5px;}

}
@media  screen and (max-width:1024px){
._case{ padding-bottom:30px; padding-top:10px;}
._case .list ul{ margin:-6px;}
._case .list li{ padding:6px;}
._case .list li .text{ padding:5px 10px;}	
._case .list li .text h2{font-size:16px; line-height:24px; padding-right:0;}
._case .list li .text h5{ display:none;}
._case .list li .text h6{ font-size:13px; line-height:22px; margin-top:0;}

}
@media  screen and (max-width:767px){
._case .list li{ width:50%;}
._case .list li:last-child{ display:none;}

}

._case_d{ background:#f8f8f8; padding-bottom:80px; padding-top:80px;}
._case_d ._det{ float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
._case_d ._det_l{ float:left; width:23.5%; background:#fff; padding:0 2.5%;}
._case_d ._det_l h1{ float:left; width:100%; margin:35px 0; position:relative; color:#333333; font-size:30px; line-height:40px;}
._case_d ._det_l h1 span{ display:block;}
._case_d ._det_l h1 font{ display:block; color:#888888; font-size:16px; line-height:26px; margin-top:4px;}
._case_d ._det_l h1 i{ display:block; width:34px; height:22px; position:absolute; right:0; top:50%; margin-top:-11px; background:url(../_im_g/case6.png) center right no-repeat; background-size:100% 100%; }
._case_d ._det_l ul{ float:left; width:100%; border-top:1px dashed #cccccc; margin-bottom:72px;}
._case_d ._det_l ul li{ float:left; width:100%; border-bottom:1px dashed #cccccc;}
._case_d ._det_l ul li a{ float:left; width:100%; color:#555555; font-size:18px; line-height:28px; padding:25px 30px; position:relative;}
._case_d ._det_l ul li a:after{ float:left; width:4px; height:4px; content:''; position:absolute; left:10px; top:36px; background:#ffd700;}
._case_d ._det_l ul li a:hover{ color:#ffd700;}
._case_d ._det_l ul li.on a{ color:#ffd700;}

._case_d ._det_r{ float:right; width:74.5%; background:#fff; padding:72px 5%;}
._case_d ._det_r h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px;}
._case_d ._det_r i{ float:left; width:100%; height:3px; background:#ffd700; margin:35px 0;}
._case_d ._det_r .cont{ float:left; width:100%; color:#555555; font-size:18px; line-height:30px; margin-top:5px;}
._case_d ._det_r .p{ font-size:24px; line-height:36px;}
@media  screen and (max-width:1600px){
._case_d ._det_l h1{ font-size:20px; line-height:30px;}
._case_d ._det_l h1 font{ font-size:12px; line-height:22px; margin-top:0;}
._case_d ._det_l h1 i{ width:17px; height:11px; margin-top:-5px;}
._case_d ._det_l ul li a{ padding:15px 15px; font-size:14px; line-height:24px;}
._case_d ._det_l ul li a:after{ left:4px; top:25px;}

}
@media  screen and (max-width:1024px){
._case_d{ padding-bottom:25px; padding-top:25px; }	
._case_d ._det_l{ padding:15px 15px;}
._case_d ._det_l h1{ margin:0;}
._case_d ._det_l ul{ margin-top:15px; margin-bottom:20px;}

._case_d ._det_r{ padding:20px 15px;}	
._case_d ._det_r h1{ font-size:18px; line-height:28px;}	
._case_d ._det_r i{ height:2px; margin:12px 0;}
._case_d ._det_r .cont{ font-size:14px; line-height:24px;}
._case_d ._det_r .p{ font-size:16px; line-height:26px;}

}
@media  screen and (max-width:767px){
._case_d ._det_l{ width:100%; padding:6px 15px;}
._case_d ._det_l h1{ display:none;}
._case_d ._det_l ul{ margin-bottom:0; margin-top:0; border-top:none; }
._case_d ._det_l ul li:last-child{border-bottom:none;}
._case_d ._det_l ul li a{ padding:6px 15px;}
._case_d ._det_l ul li a:after{ top:16px;}
._case_d ._det_r{ width:100%; margin-top:15px;}
}

._case_c{ background:#f8f8f8; padding-bottom:80px; padding-top:80px;}
._case_c .cont{ float:left; width:100%; text-align:center; position:relative; padding:74px 30px 85px 30px;}
._case_c .cont:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#000; opacity:0.7; z-index:1;}
._case_c .cont h3{ float:left; width:100%; position:relative; z-index:3; color:#ffffff; font-size:30px; line-height:38px; letter-spacing:1px;}
._case_c .cont h5{ float:left; width:100%; position:relative; z-index:3; color:#ffffff; font-size:16px; line-height:24px; font-family:Arial; opacity:0.4; margin:5px 0 25px 0;}
._case_c .cont i{ display:flex; margin:0 auto; width:86px; height:1px; background:#fff; opacity:0.3; position:relative; z-index:3;}
._case_c .cont h1{ float:left; width:100%; position:relative; z-index:3; color:#ffd700; font-size:40px; line-height:48px; margin-top:40px; letter-spacing:2px;}
._case_c .cont h2{ float:left; width:100%; position:relative; z-index:3; color:#ffd700; font-size:36px; line-height:44px; margin-top:16px; font-weight:bold; letter-spacing:1px;}
._case_c .cont h2 a{ display:inline-table; margin-left:20px; padding:0 10px; color:#222222; background:#ffd700;font-weight:normal;}
._case_c .cont h2 a:hover{ color:#fff; box-shadow:0 5px 10px rgba(255,255,255,0.2);}

@media  screen and (max-width:1600px){
._case_c .cont h1{ font-size:30px; line-height:38px;}
._case_c .cont h2{ font-size:26px; line-height:34px;}
}
@media  screen and (max-width:1024px){
._case_c{ padding-bottom:25px; padding-top:25px; }	
._case_c .cont{ padding:30px 15px;}
._case_c .cont h3{ font-size:18px; line-height:26px;}
._case_c .cont h5{ font-size:12px; line-height:20px; margin:2px 0 10px 0;}
._case_c .cont h1{ font-size:18px; line-height:26px; margin-top:12px;}
._case_c .cont h2{ font-size:16px; line-height:24px;margin-top:10px;}
._case_c .cont h2 a{ margin-left:10px;}

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


}


._case_c .list{ float:left; width:100%;}
._case_c .list ul{ margin:-15px; display: flex; flex-wrap:wrap;}
._case_c .list li{ float:left; width:50%; padding:15px;}
._case_c .list li a{ float:left; width:100%; position:relative;}
._case_c .list li em{ float:left; width:100%; line-height:0; overflow:hidden; position:relative; z-index:1; display:block;}
._case_c .list li em img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._case_c .list li a:hover em img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._case_c .list li h1{ float:left; width:90%; position:relative; top:0; left:5%; margin-top:-67px; z-index:3; background:#fff; color:#333333; font-size:30px; line-height:40px; padding:33px 5.7%;}
._case_c .list li h1 span{ display:block; letter-spacing:1px;}
._case_c .list li h1 font{ display:block; color:#888888; font-size:16px; line-height:26px; margin-top:2px;}
._case_c .list li h1 i{ display:block; width:34px; height:22px; position:absolute; right:5.7%; top:50%; margin-top:-11px; background:url(../_im_g/case6.png) center right no-repeat; background-size:100% 100%; }
@media  screen and (max-width:1600px){
._case_c .list li h1{ font-size:20px; line-height:30px; padding:20px 5.7%; margin-top:-46px;}
._case_c .list li h1 font{ font-size:12px; line-height:22px; margin-top:0;}
._case_c .list li h1 i{ width:17px; height:11px; margin-top:-5px;}


}
@media  screen and (max-width:1024px){
._case_c .list ul{ margin:-6px;}
._case_c .list li{ padding:6px;}
._case_c .list li h1{ font-size:16px; line-height:22px; padding:10px 10px; margin-top:-32px;}
._case_c .list li h1 i{ right:10px;}

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

}

._case_t{ padding-bottom:80px; padding-top:80px;}
._case_t ._tit{ float:left; width:100%; margin-bottom:10px; display: flex;  justify-content: space-between;  align-items: center; white-space:nowrap;}
._case_t ._tit h2{ float:left; color:#333333; font-size:30px; line-height:30px;}
._case_t ._tit h2 span{ display:block; color:#888888; font-size:16px; line-height:16px; font-family:Arial; margin-top:16px;}
._case_t ._tit i{ float:left; width:100%; height:1px; background:#e3e3e3; margin:0 15px;}
._case_t ._tit a{ float:left; color:#888888; font-size:16px; line-height:36px;}
._case_t ._tit a:hover{ color:#ffd700;}

._case_t ._Relat{ float:left; width:31.875%;}
._case_t ._Relat ul{ float:left; width:100%;}
._case_t ._Relat li{ float:left; width:100%;position:relative; margin-top:20px;}
._case_t ._Relat li a{ float:left; width:100%; position:relative; background:#f8f8f8; padding:20px 63px 20px 83px; }
._case_t ._Relat li a:after{ float:left; width:16px; height:16px; content:''; position:absolute; right:30px; top:50%; margin-top:-8px; border-right:1px solid #dbdbdb; border-top:1px solid #dbdbdb; transform:rotate(45deg); -ms-transform:rotate(45deg);}
._case_t ._Relat li i{ float:right; line-height:0; position:absolute; left:30px; top:19px; display:block;}
._case_t ._Relat li i img{ width:32px;}
._case_t ._Relat li .text{ float:left; width:100%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; color:#333333; font-size:20px; line-height:30px; }
._case_t ._Relat li a:hover{ background:#1a1b1c;}
._case_t ._Relat li a:hover .text{ color:#fff;}
._case_t ._Relat li a:hover:after{ border-right:1px solid #fff; border-top:1px solid #fff; opacity:0.3;}

._case_t ._Common{ float:right; width:66%;}
._case_t ._Common ul{ float:left; width:100%;display: flex;flex-wrap:wrap; justify-content: space-between; }
._case_t ._Common li{ float:left; width:48.5%;position:relative; margin-top:20px;}
._case_t ._Common li a{ float:left; width:100%; position:relative; overflow:hidden;}
._case_t ._Common li em{ float:left; width:100%; line-height:0; height:340px; overflow:hidden;}
._case_t ._Common li em img{ display:none;}
._case_t ._Common li h1{ float:left; width:100%; position:absolute; left:0; bottom:0; z-index:3; background:rgba(0,0,0,0.8); color:#fff; font-size:20px; line-height:30px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding:20px 50px 20px 30px;}
._case_t ._Common li h1:after{ float:left; width:16px; height:16px; content:''; position:absolute; right:30px; top:50%; margin-top:-8px; opacity:0.6; border-top:1px solid #fff;border-right:1px solid #fff; transform:rotate(45deg); -ms-transform:rotate(45deg);}

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

}
@media  screen and (max-width:1024px){
._case_t{ padding-bottom:25px; padding-top:25px; }	
._case_t ._tit{ margin-bottom:5px;}
._case_t ._tit h2{ font-size:18px; line-height:18px;}
._case_t ._tit h2 span{font-size:12px; line-height:12px; margin-top:8px;}
._case_t ._tit i{ margin:0 10px;}
._case_t ._tit a{font-size:14px; line-height:30px;}
._case_t ._Relat li{ margin-top:10px;}
._case_t ._Relat li a{ padding:12px 30px 12px 45px; }
._case_t ._Relat li a:after{ width:10px; height:10px; right:12px; margin-top:-6px;}	
._case_t ._Relat li i{ left:15px; top:14px;}
._case_t ._Relat li i img{ width:20px;}
._case_t ._Relat li .text{ font-size:14px; line-height:24px; }
._case_t ._Common li{ width:49%; margin-top:10px;}
._case_t ._Common li em{ height:222px;}
._case_t ._Common li h1{ font-size:14px; line-height:24px; padding:6px 25px 6px 15px;}
._case_t ._Common li h1:after{ width:10px; height:10px; right:12px; margin-top:-5px;}

}
@media  screen and (max-width:767px){
._case_t ._Relat{ width:100%;}
._case_t ._Common{ width:100%; margin-top:20px;}
._case_t ._Common li em{ height:auto;}
._case_t ._Common li em img{ display:block;}

}

._yuanli_t{ background:#f8f8f8; padding-bottom:60px; padding-top:60px;}
._yuanli_t .list{ float:left; width:100%; background:#fff; padding:63px 8.5%;}
._yuanli_t .list ul{ display: flex;flex-wrap:wrap; justify-content: space-between; }
._yuanli_t .list li{ float:left; width:45.5%; margin:17px 0;}
._yuanli_t .list li a{ float:left; width:100%;}
._yuanli_t .list li a i{ float:left; width:100%; line-height:0; overflow:hidden; border:1px solid #eaeaea; display:block;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
._yuanli_t .list li a:hover i{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
._yuanli_t .list li a .text{ float:left; width:100%; color:#333333; font-size:30px; line-height:42px; margin:23px 0 8px 0; padding-left:25px; position:relative;}
._yuanli_t .list li a .text:after{ float:left; width:7px; height:30px; content:''; background:#ffd700; position:absolute; left:0; top:6px;}
._yuanli_t .list li a .p{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; padding-left:25px;}

@media  screen and (max-width:1600px){
._yuanli_t .list li{ width:47%;}
._yuanli_t .list li a .text{ font-size:24px; line-height:32px; padding-left:20px;}
._yuanli_t .list li a .text:after{ width:5px; height:24px;}
._yuanli_t .list li a .p{ font-size:16px; line-height:28px; padding-left:20px;}

}
@media  screen and (max-width:1024px){
._yuanli_t{ padding-bottom:20px; padding-top:20px; }	
._yuanli_t .list{ padding:15px 15px;}
._yuanli_t .list li{ width:47%; margin:10px 0;}
._yuanli_t .list li a .text{ font-size:16px; line-height:26px; padding-left:12px; margin:15px 0 4px 0;}
._yuanli_t .list li a .text:after{ width:3px; height:16px; top:5px;}
._yuanli_t .list li a .p{ font-size:14px; line-height:24px; padding-left:12px;}


}
@media  screen and (max-width:767px){
._yuanli_t .list li{ width:100%;}

}

._yuanli_d{ background:#f8f8f8; padding-bottom:80px; padding-top:60px;}
._yuanli_d .list{ float:left; width:100%; background:#fff; padding:65px 8.5%;}
._yuanli_d .list h1{ float:left; width:100%; color:#333333; font-size:30px; line-height:40px; margin:10px 0;}
._yuanli_d .list ul{ float:left; width:100%; display: flex;flex-wrap:wrap; justify-content: space-between; }
._yuanli_d .list li{ float:left; width:48.8%; margin:15px 0; background:#f8f8f8;}
._yuanli_d .list li a{ float:left; width:100%; color:#333333; font-size:18px; line-height:32px; padding:15px 50px 15px 30px; position:relative; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
._yuanli_d .list li a:after{ float:left; width:12px; height:12px; content:''; position:absolute; right:30px; top:23px; border-right:1px solid #b5b5b5; border-top:1px solid #b5b5b5; transform:rotate(45deg); -ms-transform:rotate(45deg);}


@media  screen and (max-width:1600px){
._yuanli_d .list h1{ font-size:24px; line-height:34px;}
._yuanli_d .list li a{ font-size:16px;}
}
@media  screen and (max-width:1024px){
._yuanli_d{ padding-bottom:30px; padding-top:20px; }	
._yuanli_d .list{ padding:15px 15px;}
._yuanli_d .list h1{ font-size:18px; line-height:28px; margin:5px 0;}
._yuanli_d .list li{ margin:6px 0;}
._yuanli_d .list li a{ font-size:14px; line-height:24px; padding:8px 30px 8px 15px;}
._yuanli_d .list li a:after{ width:10px; height:10px; right:15px; top:15px;}

}
@media  screen and (max-width:767px){
._yuanli_d .list li{ width:100%;}

}


._yuanli_c{ background:#f8f8f8;}
._yuanli_c .list{ float:left; width:100%; background:#fff; padding:40px 8.5%;}
._yuanli_c .list ul{ float:left; width:100%;}
._yuanli_c .list .li{ float:left; width:100%; margin:40px 0; color:#333333; font-size:18px; line-height:36px;}
._yuanli_c .list .li .pic{ float:left; width:28.4%; border:1px solid #e7e7e7; margin:0 4.55% 0 0;}
._yuanli_c .list .li .img{ float:right; width:36.44%; border:1px solid #e7e7e7; margin:0 0 0 4.55%;}
._yuanli_c .list .li .h{ font-size:30px; line-height:40px; display:table; margin-bottom:26px;}
._yuanli_c .list .li .p{ width:100%; text-align:center; display:table; line-height:20px; margin-bottom:25px;}
._yuanli_c .list .li ._l{ margin-top:3.2%;}

@media  screen and (max-width:1600px){
._yuanli_c .list .li{ font-size:16px; line-height:30px;}
._yuanli_c .list .li .h{ font-size:24px; line-height:34px;}

}
@media  screen and (max-width:1024px){
._yuanli_c .list{ padding:10px 15px;}	
._yuanli_c .list .li{ margin:15px 0;}
._yuanli_c .list .li{ font-size:14px; line-height:24px;}
._yuanli_c .list .li .h{ font-size:18px; line-height:28px;}

}
@media  screen and (max-width:767px){
._yuanli_c .list .li .pic{ width:50%;}
._yuanli_c .list .li .img{ width:40%;}
._yuanli_c .list .li .p{ margin-bottom:10px;}
._yuanli_c .list .li ._l{ margin-top:0;}

}

._about1{ padding-top:75px; padding-bottom:75px;}
._about1 .h1{ float:left; width:100%; text-align:center; color:#333333; font-size:40px; line-height:50px; margin-bottom:24px;}
._about1 .i{ display:flex; width:1px; height:22px; background:#a1a1a1; margin:0 auto;}
._about1 .cont{ float:left; width:100%; text-align:center; color:#555555; font-size:18px; line-height:35px; padding:22px 13.75% 40px 13.75%;}
._about1 .list{ float:left; width:100%; text-align:center; padding:0 13.75%;}
._about1 .list li{ float:left; width:33.33%; padding:0 12px;}
._about1 .list li h2{ float:left; width:100%; color:#ffd700; font-size:90px; line-height:90px; display: flex; align-items:flex-start; justify-content: center;}
._about1 .list li h2 span{ font-size:36px; line-height:36px; font-weight:bold;}
._about1 .list li h5{ float:left; width:100%; color:#555555; font-size:18px; line-height:28px; margin-top:5px;}
@media  screen and (max-width:1600px){
._about1 .h1{ font-size:30px; line-height:40px;}
._about1 .cont{ padding:22px 0 40px 0; font-size:16px; line-height:30px;}
._about1 .list{ padding:0;}
._about1 .list li h2{ font-size:60px; line-height:60px;}
._about1 .list li h2 span{ font-size:24px; line-height:24px;}
._about1 .list li h5{ font-size:16px; line-height:26px;}

}
@media  screen and (max-width:1024px){
._about1{ padding-top:25px; padding-bottom:25px;}
._about1 .h1{ font-size:18px; line-height:28px; margin-bottom:10px;}
._about1 .i{ height:12px;}
._about1 .cont{ padding:12px 0 20px 0; font-size:14px; line-height:24px;}
._about1 .list li h2{ font-size:30px; line-height:30px;}
._about1 .list li h2 span{ font-size:16px; line-height:16px;}
._about1 .list li h5{ font-size:14px; line-height:24px;}
}
@media  screen and (max-width:767px){


}

._about2{ padding-top:75px; padding-bottom:80px; position:relative;}
._about2:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#1a1b1c; opacity:0.9;}
._about2 .h1{ float:left; width:100%; text-align:center; color:#fff; font-size:40px; line-height:50px; margin-bottom:24px; position:relative; z-index:3;}
._about2 .i{ display:flex; width:1px; height:22px; background:#fff; margin:0 auto; opacity:0.3; position:relative; z-index:3;}
._about2 .list{ float:left; width:100%; margin-top:30px; position:relative; z-index:3;}
._about2 .list ul{ margin:0 -15px;}
._about2 .list ul li{ float:left; width:33.33%; padding:0 15px;}
._about2 .list ul li i{ float:left; width:100%; line-height:0; overflow:hidden;}
._about2 .list ul li i img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
._about2 .list ul li i:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._about2 .list .slick-prev,
._about2 .list .slick-next{ width:70px; height:70px; border-radius:50%; background:rgba(255,255,255,0.2);}
._about2 .list .slick-prev:hover,
._about2 .list .slick-next:hover{ background:#ffd700;}
._about2 .list .slick-prev{ left:-6%;}
._about2 .list .slick-next{ right:-6%;}
._about2 .list .slick-prev:after,
._about2 .list .slick-next:after{ float:left; width:20px; height:20px; content:''; position:absolute; left:50%; top:50%; border-right:3px solid #fff; border-top:3px solid #fff;}
._about2 .list .slick-prev:after{ margin-left:4px; transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg);}
._about2 .list .slick-next:after{ margin-left:-4px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}

@media  screen and (max-width:1600px){
._about2 .h1{ font-size:30px; line-height:40px;}
._about2 .list .slick-prev,
._about2 .list .slick-next{ width:50px; height:50px;}
._about2 .list .slick-prev:after,
._about2 .list .slick-next:after{ width:16px; height:16px; border-right:2px solid #fff; border-top:2px solid #fff;}

}
@media  screen and (max-width:1024px){
._about2{ padding-top:25px; padding-bottom:25px;}
._about2 .h1{ font-size:18px; line-height:28px; margin-bottom:10px;}
._about2 .i{ height:12px;}
._about2 .list{ margin-top:20px;}
._about2 .list ul{ margin:0 -6px;}
._about2 .list ul li{ padding:0 6px;}
._about2 .list .slick-prev,
._about2 .list .slick-next{ width:30px; height:30px;}
._about2 .list .slick-prev{ left:-14px;}
._about2 .list .slick-next{ right:-14px;}
._about2 .list .slick-prev:after,
._about2 .list .slick-next:after{ width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff;}


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


}


._about3{ padding-top:75px; padding-bottom:80px; background:#f8f8f8;}
._about4{ padding-top:0 !important;}
._about3 .h1{ float:left; width:100%; text-align:center; color:#333333; font-size:40px; line-height:50px; margin-bottom:24px;}
._about3 .i{ display:flex; width:1px; height:22px; background:#a1a1a1; margin:0 auto;}
._about_l{ float:left; width:100%; margin-top:30px; position:relative; z-index:3;}
._about_l ul{ margin:0 -15px;}
._about_l ul li{ float:left; width:33.33%; padding:0 15px;}
._about_l ul li .p{ float:left; width:100%; background:#fff; padding:32px 32px;}
._about_l ul li h5{ float:left; width:100%; text-align:center; color:#333333; font-size:20px; line-height:30px; min-height:60px; }
._about_l ul li i{ float:left; width:100%; line-height:0; overflow:hidden; margin-bottom:12px;}
._about_l ul li i img{ width:100%;}
._about_l .slick-prev,
._about_l .slick-next{ width:70px; height:70px; border-radius:50%; background:#ebebeb;}
._about_l .slick-prev:hover,
._about_l .slick-next:hover{ background:#ffd700;}
._about_l .slick-prev{ left:-6%;}
._about_l .slick-next{ right:-6%;}
._about_l .slick-prev:after,
._about_l .slick-next:after{ float:left; width:20px; height:20px; content:''; position:absolute; left:50%; top:50%; border-right:3px solid #fff; border-top:3px solid #fff;}
._about_l .slick-prev:after{ margin-left:4px; transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg);}
._about_l .slick-next:after{ margin-left:-4px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}
@media  screen and (max-width:1600px){
._about_l .slick-prev,
._about_l .slick-next{ width:50px; height:50px;}
._about_l .slick-prev:after,
._about_l .slick-next:after{ width:16px; height:16px; border-right:2px solid #fff; border-top:2px solid #fff;}
._about_l ul li .p{ padding:30px 20px;}
._about_l ul li h5{ font-size:16px; line-height:26px; min-height:52px;}

}
@media  screen and (max-width:1024px){
._about3{ padding-top:25px; padding-bottom:25px;}
._about3 .h1{ font-size:18px; line-height:28px; margin-bottom:10px;}
._about3 .i{ height:12px;}
._about_l{ margin-top:20px;}
._about_l ul{ margin:0 -6px;}
._about_l ul li{ padding:0 6px;}
._about_l ul li .p{ padding:15px 10px;}
._about_l ul li h5{ font-size:14px; line-height:22px; min-height:44px; margin-bottom:5px;}
._about_l ul li i{ margin-bottom:5px;}
._about_l .slick-prev,
._about_l .slick-next{ width:30px; height:30px;}
._about_l .slick-prev{ left:-14px;}
._about_l .slick-next{ right:-14px;}
._about_l .slick-prev:after,
._about_l .slick-next:after{ width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff;}


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


}


._about5{ padding-top:70px; padding-bottom:80px;}
._about5 .h1{ float:left; width:100%; text-align:center; color:#333333; font-size:40px; line-height:50px; margin-bottom:24px;}
._about5 .i{ display:flex; width:1px; height:22px; background:#a1a1a1; margin:0 auto;}
._about5 .cont{ float:left; width:93.75%; margin:22px 3.125% 0 3.125%; position:relative;}
._about5 .cont i{ float:left; width:100%; line-height:0;}
._about5 .cont h5{ float:left; width:100%; color:#333333; font-size:48px; line-height:58px; text-align:center; position:absolute; left:0; top:39.66%; transform:translateY(-50%); -ms-transform:translateY(-50%);}
._about5 .cont h5 .n{ color:#fff; background:#ffd700; padding:0; color:#fff; padding:0 12px; margin:0 5px;}
@media  screen and (max-width:1600px){
._about5 .cont{ width:100%; margin:22px 0 0 0;}	
._about5 .cont h5{ font-size:30px; line-height:40px;}

}
@media  screen and (max-width:1024px){
._about5{ padding-top:25px; padding-bottom:25px;}
._about5 .h1{ font-size:18px; line-height:28px; margin-bottom:10px;}
._about5 .i{ height:12px;}
._about5 .cont{ margin-top:20px;}
._about5 .cont h5{ font-size:14px; line-height:24px;}
._about5 .cont h5 .n{ padding:0 2px; margin:0 2px;}

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


}


._about6{ position:relative; padding-top:70px; padding-bottom:80px;}
._about6:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; content:''; z-index:1; background:#1a1b1c; opacity:0.8;}
._about6 .h1{ float:left; width:100%; text-align:center; color:#fff; font-size:40px; line-height:50px; margin-bottom:24px; position:relative; z-index:3;}
._about6 .i{ display:flex; width:1px; height:22px; background:#fff; margin:0 auto; opacity:0.3; position:relative; z-index:3;}
._about6 .list{ float:left; width:100%; position:relative; z-index:3; margin-top:30px;}
._about6 .list li{ float:left; width:33.33%; background:#fff; position:relative;}
._about6 .list li i{ float:left; width:100%; height:340px;}
._about6 .list li .cont{ float:left; width:100%; height:340px;display: flex;  justify-content: center;  align-items: center;
 flex-direction:column; text-align:center; padding:20px 15px;}
._about6 .list li .cont h5{ float:left; width:100%; color:#f1c501; font-size:48px; line-height:48px; font-weight:bold; text-transform:uppercase; opacity:0.2; position:relative; z-index:1; white-space:nowrap;}
._about6 .list li .cont h4{ float:left; width:100%; color:#f1c501; font-size:30px; line-height:30px; font-weight:bold; position:relative; z-index:3; margin-top:-20px;}
._about6 .list li .cont h6{ float:left; width:100%; color:#555555; font-size:20px; line-height:30px; margin-top:15px;}
._about6 .list li:nth-child(2n) i{ position:absolute; left:0; bottom:0;}
._about6 .list li:nth-child(2n) .cont{ margin-bottom:340px;}


@media  screen and (max-width:1600px){
._about6 .list li .cont h5{ font-size:32px; line-height:32px;}		
._about6 .list li .cont h4{ font-size:20px; line-height:20px;}	
._about6 .list li .cont h6{ font-size:16px; line-height:26px;}

}
@media  screen and (max-width:1024px){
._about6{ padding-top:25px; padding-bottom:25px;}
._about6 .h1{ font-size:18px; line-height:28px; margin-bottom:10px;}
._about6 .i{ height:12px;}
._about6 .list{ margin-top:20px;}
._about6 .list li i{ height:260px;}
._about6 .list li .cont{ height:260px;}
._about6 .list li .cont h5{ font-size:24px; line-height:24px;}		
._about6 .list li .cont h4{ font-size:18px; line-height:18px; margin-top:-10px;}	
._about6 .list li .cont h6{ font-size:14px; line-height:24px; margin-top:10px;}
._about6 .list li:nth-child(2n) .cont{ margin-bottom:260px;}

}
@media  screen and (max-width:767px){
._about6 .list li{ width:100%;}
._about6 .list li i{ height:160px;}
._about6 .list li .cont{ height:auto;}
._about6 .list li:nth-child(2n) i{ position:static;}
._about6 .list li:nth-child(2n) .cont{ margin-bottom:0;}

}


._banner_t{ float:left; width:100%; padding:55px 8.5% 25px 8.5%; text-align:center; color:#222222; font-size:36px; line-height:46px;}
._banner_n{ float:left; width:83%; margin:0 8.5%; padding-bottom:95px;}
._banner_n .slick-prev,
._banner_n .slick-next{ width:32px; height:62px;}
._banner_n .slick-prev{ left:0; background:url(../_im_g/pord5.png) center no-repeat; background-size:100% 100%;}
._banner_n .slick-next{ right:0; background:url(../_im_g/pord4.png) center no-repeat; background-size:100% 100%;}
._banner_n .slick-prev:hover{ background:url(../_im_g/pord5_1.png) center no-repeat; background-size:100% 100%;}
._banner_n .slick-next:hover{ background:url(../_im_g/pord4_1.png) center no-repeat; background-size:100% 100%;}


@media  screen and (max-width:1600px){
._banner_t{ padding:55px 0 25px 0;}
._banner_n{ width:100%; margin:0;}
._banner_n .slick-prev{ left:15px;}
._banner_n .slick-next{ right:15px;}

}
@media  screen and (max-width:1024px){
._banner_t{ font-size:18px; line-height:28px;padding:20px 0 15px 0;}
._banner_n{ padding-bottom:20px;}	
._banner_n .slick-prev,
._banner_n .slick-next{ width:16px; height:31px;}

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


}

.pord_lr{ padding-left:8.5%; padding-right:8.5%;}
.pord_1{ background:#f8f8f8; padding-top:50px; padding-bottom:50px;}
.pord_1 .cont{ float:left; width:100%; color:#444444; font-size:20px; line-height:30px; margin:24px 0 8px 0;}
.pord_1 .list{ float:left; width:100%;}
.pord_1 .list ul{ margin:0 -15px;}
.pord_1 .list li{ float:left; width:20%; padding:10px 15px;}
.pord_1 .list li .l{ float:left; width:100%; background:#ffd700; border-radius:6px; padding:23px 10px;display: flex;  justify-content: center;  align-items: center; flex-direction:column;}
.pord_1 .list li h3{ color:#222222; font-size:36px; line-height:36px; font-weight:bold; font-family:Arial; position:relative;}
.pord_1 .list li h3 span{ font-weight:normal; font-size:16px; line-height:26px; position:absolute; left:100%; bottom:0; margin-left:4px;}
.pord_1 .list li h5{ color:#222222; font-size:18px; line-height:28px;}


@media  screen and (max-width:1600px){
.pord_lr{ padding-left:0; padding-right:0;}
.pord_1 .list ul{ margin:0 -10px;}
.pord_1 .list li{ padding:10px 10px;}
}
@media  screen and (max-width:1024px){
.pord_1{ padding-top:20px; padding-bottom:20px}
.pord_1 .cont{ font-size:14px; line-height:24px; margin:12px 0 4px 0;}
.pord_1 .list ul{ margin:0 -6px;}
.pord_1 .list li{ padding:6px 6px;}
.pord_1 .list li .l{ padding:15px 10px;}
.pord_1 .list li h3{ font-size:20px; line-height:20px;}
.pord_1 .list li h3 span{ font-size:12px; line-height:18px; margin-left:1px;}
.pord_1 .list li h5{ font-size:14px; line-height:24px;}
}
@media  screen and (max-width:767px){
.pord_1 .list li{ width:50%;}
.pord_1 .list li:last-child{ width:100%;}

}

.pord_tit{ float:left; width:100%; text-align:center;}
.pord_tit h1{ float:left; width:100%; color:#222222; font-size:36px; line-height:46px;}
.pord_tit h6{ float:left; width:100%; color:#888888; font-size:12px; line-height:20px; text-transform:uppercase; margin-top:5px;}
._pord_tit h1{ color:#fff;}
._pord_tit h6{ color:#888;}
.pord_2{ padding-top:54px; padding-bottom:60px;}
.pord_2 .list{ float:left; width:100%; margin-top:30px;}
.pord_2 .list li{ line-height:0; margin:0 15px; position:relative;}
.pord_2 .list li video{ float:left; width:100%; height:100%; object-fit: fill; position:absolute; left:0; top:0;z-index: 6;}
.pord_2 .list li:after{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; opacity:0.7; content:''; background:#000000;}
.pord_2 .list li.slick-current:after{ opacity:0;}
.pord_2 .list .slick-prev,
.pord_2 .list .slick-next{ width:70px; height:70px; border-radius:50%; background:rgba(255,255,255,0.3);}
.pord_2 .list .slick-prev:hover,
.pord_2 .list .slick-next:hover{ background:#ffd700;}
.pord_2 .list .slick-prev{ left:7.15%; margin-left:-35px;}
.pord_2 .list .slick-next{ right:7.15%; margin-right:-35px;}
.pord_2 .list .slick-prev:after,
.pord_2 .list .slick-next:after{ float:left; width:20px; height:20px; content:''; position:absolute; left:50%; top:50%; border-right:3px solid #fff; border-top:3px solid #fff;}
.pord_2 .list .slick-prev:after{ margin-left:4px; transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg);}
.pord_2 .list .slick-next:after{ margin-left:-4px; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg);}


@media  screen and (max-width:1600px){
.pord_2 .list .slick-prev,
.pord_2 .list .slick-next{ width:50px; height:50px;}
.pord_2 .list .slick-prev:after,
.pord_2 .list .slick-next:after{ width:16px; height:16px; border-right:2px solid #fff; border-top:2px solid #fff;}


}
@media  screen and (max-width:1024px){
.pord_tit h1{ font-size:18px; line-height:28px;}
.pord_tit h6{ margin-top:0;}
.pord_2{ padding-top:20px; padding-bottom:25px;}
.pord_2 .list{ margin-top:20px;}
.pord_2 .list li{ margin:0 6px;}

}
@media  screen and (max-width:767px){
.pord_2 .list .slick-prev,
.pord_2 .list .slick-next{ width:30px; height:30px;}
.pord_2 .list .slick-prev{ left:12px; margin-left:0;}
.pord_2 .list .slick-next{ right:12px; margin-right:0;}
.pord_2 .list .slick-prev:after,
.pord_2 .list .slick-next:after{ width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff;}


}

.pord_3{ background:#f8f8f8; padding-top:55px; padding-bottom:55px;}
.pord_3 .cont{ float:left; width:100%; margin-top:20px;}
.pord_3 .cont ._pc{ display:block;}
.pord_3 .cont ._ph{ display:none;}
.pord_3 .info{ float:left; width:100%; color:#333333; font-size:18px; line-height:30px; margin-top:46px; display: flex;  justify-content: space-between;flex-wrap:wrap; position:relative;}
.pord_3 .info:after{ float:left; width:1px; height:100%; content:''; position:absolute; left:50%; top:0; background:#d9d9d9;}
.pord_3 .info .l{ float:left; width:45.25%;}
.pord_3 .info .p{ display:table; font-weight:bold; margin-bottom:28px;}

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


}
@media  screen and (max-width:1024px){
.pord_3{ padding-top:25px; padding-bottom:25px;}
.pord_3 .cont{ margin-top:12px;}
.pord_3 .info{ font-size:14px; line-height:24px; margin-top:20px;}
.pord_3 .cont ._pc{ display:none;}
.pord_3 .cont ._ph{ display:block;}

}
@media  screen and (max-width:767px){
.pord_3 .info{ margin-top:5px;}	
.pord_3 .info .l{ width:100%; padding-top:15px;}
.pord_3 .info .l:last-child{ border-top:1px solid #d9d9d9; margin-top:15px;}
.pord_3 .info .p{ margin-bottom:10px;}
.pord_3 .info:after{ display:none;}

}


.pord_4{ padding-top:55px; padding-bottom:55px;}
.pord_4 .list{ float:left; width:100%; margin-top:10px;}
.pord_4 .list ul{ margin:0 -15px;}
.pord_4 .list li{ float:left; width:25%; padding:0 15px; margin-top:20px;}
.pord_4 .list li .l{ float:left; width:100%; position:relative; overflow:hidden;}
.pord_4 .list li i{ float:left; width:100%; line-height:0;}
.pord_4 .list li .text{ float:left; width:100%; height:100%; position:absolute; left:0; top:0; z-index:3; text-align:center; background:rgba(0,0,0,0.5); padding:6.5%;display: flex;  justify-content: center;  align-items: center; flex-direction:column;}
.pord_4 .list li h2{ float:left; width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold; margin-bottom:15px;}
.pord_4 .list li em{ display:table; margin:0 auto; width:32px; height:3px; background:#ffd700;}
.pord_4 .list li h5{ float:left; width:100%; color:#fff; font-size:16px; line-height:30px; height:120px; overflow:hidden; margin-top:24px;}
.pord_4 .cont{ float:left; width:100%; line-height:0; margin-top:30px;}
.pord_4 .cont img{ width:100%; /*opacity:0.5;*/}
.pord_4 .cont ._pc{ display:block;background:#000;}
.pord_4 .cont ._ph{ display:none;background:#000;}

@media  screen and (max-width:1600px){
.pord_4 .list li h2{ margin-bottom:8px; font-size:18px; line-height:26px;}
.pord_4 .list li em{ height:2px;}
.pord_4 .list li h5{ margin-top:10px; font-size:14px; line-height:22px; height:88px;}

}
@media  screen and (max-width:1024px){
.pord_4{ padding-top:25px; padding-bottom:25px;}
.pord_4 .list{ margin-top:8px;}
.pord_4 .list ul{ margin:0 -6px;}
.pord_4 .list li{ width:50%; padding:0 6px; margin-top:12px;}
.pord_4 .cont{ margin-top:20px;}
.pord_4 .cont ._pc{ display:none;}
.pord_4 .cont ._ph{ display:block;}

}
@media  screen and (max-width:767px){
.pord_4 .list li{ width:100%;}

}

.pord_5{ padding-bottom:50px;}
.pord_5 .cont{ float:left; width:100%; line-height:0;}
.pord_5 .cont ._pc{ display:block;}
.pord_5 .cont ._ph{ display:none;}
.pord_5 .list{ float:left; width:100%; margin:30px 0;}
.pord_5 .list ul{ display: flex;  justify-content: space-between;flex-wrap:wrap;}
.pord_5 .list li{ float:left; width:48.8%; box-shadow:0 0 9px rgba(0,0,0,0.1); border-radius:152px; position:relative; margin-bottom:30px; min-height:154px;  flex-direction:column; display: flex;  justify-content: center; padding:25px 44px 25px 145px; }
.pord_5 .list li h1{ float:left; color:#ffd700; font-size:60px; line-height:60px; font-weight:bold; position:absolute; left:44px; top:47px; font-style:italic;}
.pord_5 .list li h2{ float:left; color:#333333; font-size:24px; line-height:34px;}
.pord_5 .list li h3{ float:left; color:#666666; font-size:18px; line-height:30px; margin-top:10px;}
@media  screen and (max-width:1600px){
.pord_5 .list li{ padding:25px 30px 25px 110px; }	
.pord_5 .list li h1{ font-size:50px; left:30px;}	
.pord_5 .list li h2{ font-size:20px; line-height:30px;}	
.pord_5 .list li h3{ font-size:16px; line-height:28px;}

}
@media  screen and (max-width:1024px){
.pord_5{ padding-bottom:20px;}	
.pord_5 .list{ margin:15px 0 10px 0;}	
.pord_5 .list li{ margin-bottom:15px;min-height:134px; padding:15px 15px 15px 66px; box-shadow:0 0 5px rgba(0,0,0,0.1); }	
.pord_5 .list li h1{ font-size:30px; left:15px; line-height:40px;top:47px;}	
.pord_5 .list li h2{ font-size:18px; line-height:28px;}	
.pord_5 .list li h3{ font-size:14px; line-height:24px; margin-top:4px;}
.pord_5 .cont ._pc{ display:none;}
.pord_5 .cont ._ph{ display:block;}

}
@media  screen and (max-width:767px){
.pord_5 .list li{ width:100%;min-height:110px;}
.pord_5 .list li h1{ top:35px;}
}

.pord_6{ background:#f8f8f8; padding-top:55px; padding-bottom:60px;}
.pord_6 .list{ float:left; width:100%; margin-top:10px;}
.pord_6 .list ul{ margin:0 -10px; display: flex; flex-wrap:wrap;}
.pord_6 .list li{ float:left; width:20%; padding:20px 10px 0 10px;}
.pord_6 .list li h5{ float:left; width:100%; min-height:100%; background:#fff; position:relative; color:#333333; font-size:18px; line-height:28px; padding:12px 20px 12px 55px; box-shadow:0 4px 5px rgba(0,0,0,0.1);} 
.pord_6 .list li img{ float:left; width:20px; height:20px; position:absolute; left:20px; top:16px;}

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


}
@media  screen and (max-width:1024px){
.pord_6{ padding-top:20px; padding-bottom:25px;}
.pord_6 .list{ margin-top:3px}
.pord_6 .list li{ padding:12px 5px 0 5px;}
.pord_6 .list li h5{ font-size:14px; line-height:24px; padding:6px 12px 6px 35px; box-shadow:0 2px 3px rgba(0,0,0,0.1);}
.pord_6 .list li img{ width:16px; height:16px; left:12px; top:10px;}

}
@media  screen and (max-width:767px){
.pord_6 .list li{ width:50%;}

}

.pord_7{ padding-top:55px; padding-bottom:90px;}
.pord_7 .img{ float:left; width:100%; margin-top:30px; text-align:center;}
.pord_7 .img img{ max-width:100%;}
.pord_7 .img ._pc{ display:block;}
.pord_7 .img ._ph{ display:none;}

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


}
@media  screen and (max-width:1024px){
.pord_7{ padding-top:20px; padding-bottom:30px;}
.pord_7 .img{ margin-top:20px;}
.pord_7 .img ._pc{ display:none;}
.pord_7 .img ._ph{ display:block;}
}
@media  screen and (max-width:767px){


}

.pord_8{ padding-top:55px; padding-bottom:55px;}
.pord_8 .cont{ float:left; width:100%; text-align:center; color:#fff; font-size:20px; line-height:30px; margin-top:35px;}

@media  screen and (max-width:1600px){
.pord_8 .cont{ font-size:16px; line-height:26px;}

}
@media  screen and (max-width:1024px){
.pord_8{ padding-top:25px; padding-bottom:25px;}
.pord_8 .cont{ font-size:14px; line-height:24px; margin-top:15px;}

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


}

.pord_9{ padding-top:55px; padding-bottom:80px;}
.pord_9 .list1{ float:left; width:100%; margin:35px 0; position:relative;}
.pord_9 .list1 ul{ margin:0 -10px; position:relative;}
.pord_9 .list1 ul:after{ float:left; width:86%; height:1px; content:''; position:absolute; left:7%; top:53px; border-bottom:1px dashed #cccccc; z-index:-1;}
.pord_9 .list1 li{ float:left; width:12.5%; padding:0 10px; text-align:center; position:relative; z-index:3;}
.pord_9 .list1 li:before{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:48px; border-top:5px solid transparent; border-bottom:5px solid transparent;border-left: 6px solid #cccccc; z-index:1;}
.pord_9 .list1 li:last-child:after{ display:none;}
.pord_9 .list1 li:last-child:before{ display:none;}
.pord_9 .list1 li i{ display:table; margin:0 auto; width:106px; line-height:0; border-radius:50%; line-height:0; border-radius:50%; overflow:hidden; background:#ffd700; display:block; position:relative; z-index:3;}
.pord_9 .list1 li i img{ width:100%;}
.pord_9 .list1 li:nth-child(2n) i{ background:#1a1b1c;}
.pord_9 .list1 li h5{ display:table; margin:0 auto; max-width:110px; color:#333333; font-size:22px; line-height:28px; margin-top:23px; margin-bottom:13px;}
.pord_9 .list1 li h6{ display:table; margin:0 auto; max-width:110px; color:#666666; font-size:18px; line-height:24px;}
.pord_9 .list2{ float:left; width:100%;}
.pord_9 .list2 ul{ float:left; width:100%; background:#f8f8f8; padding:30px 0;}
.pord_9 .list2 li{ float:left; width:25%;display: flex; justify-content: center; align-items: center; border-right:1px solid #d6d6d6; padding:6px 10px;}
.pord_9 .list2 li:last-child{border-right:none;}
.pord_9 .list2 li i{ float:left; width:50px; height:50px; line-height:0; margin-right:20px; display:block;	}
.pord_9 .list2 li i img{ width:100%;}
.pord_9 .list2 li h5{display: flex; color:#333333; font-size:22px; line-height:32px;}
.pord_9 .list3{ float:left; width:100%;}
.pord_9 .list3 li{ float:left; width:100%; margin-top:60px;}
.pord_9 .list3 li i{ float:left; width:50%; line-height:0; overflow:hidden;}
.pord_9 .list3 li .text{ float:right; width:45.48%; }
.pord_9 .list3 li .p{ float:left; width:100%; color:#333333; font-size:18px; line-height:36px; margin:3.3% 0 7.4% 0;}
.pord_9 .list3 li .tit{ float:left; width:100%; color:#333333; font-size:24px; line-height:34px; margin-bottom:1.3%;}
.pord_9 .list3 li .info{ float:left; width:100%; display: flex; justify-content: space-between;flex-wrap:wrap;}
.pord_9 .list3 li .l{ float:left; width:48.84%; color:#333333; font-size:18px; line-height:28px; margin-top:15px; background:#f8f8f8; position:relative; padding:10px 20px 10px 40px;}
.pord_9 .list3 li .l:after{ float:left; width:4px; height:4px; position:absolute; left:20px; top:22px; content:''; background:#333333;}
.pord_9 .list3 li:nth-child(2n) i{ float:right;}
.pord_9 .list3 li:nth-child(2n) .text{ float:left;}


@media  screen and (max-width:1600px){
.pord_9 .list2 li i{ width:40px; height:40px; margin-right:10px;}	
.pord_9 .list2 li h5{ font-size:16px; line-height:26px;}
.pord_9 .list1 ul:after{ top:44px; }
.pord_9 .list1 li:before{ top:39px;}
.pord_9 .list1 li i{ width:88px;}
.pord_9 .list1 li h5{ font-size:18px; line-height:24px;}
.pord_9 .list1 li h6{ font-size:14px; line-height:20px;}
.pord_9 .list3 li .p{ font-size:14px; line-height:24px; margin:3.3% 0 7.4% 0;}
.pord_9 .list3 li .tit{ font-size:18px; line-height:18px; margin-bottom:1.3%;}
.pord_9 .list3 li .l{ font-size:14px; line-height:20px; margin-top:10px; padding:8px 15px 8px 28px;}
.pord_9 .list3 li .l:after{ left:15px; top:16px;}

}
@media  screen and (max-width:1024px){
.pord_9{ padding-top:25px; padding-bottom:30px;}
.pord_9 .list2 ul{ padding:15px 0;}
.pord_9 .list2 li{ padding:3px 6px;}
.pord_9 .list2 li i{ width:26px; height:26px; margin-right:6px;}	
.pord_9 .list2 li h5{ font-size:14px; line-height:24px;}
.pord_9 .list1{ margin:20px 0;}
.pord_9 .list1 ul:after{ top:35px; }
.pord_9 .list1 li:before{ top:30px;}
.pord_9 .list1 li i{ width:70px;}
.pord_9 .list1 li h5{ font-size:16px; line-height:22px; margin-top:10px; margin-bottom:5px;}
.pord_9 .list3 li{ margin-top:20px;}

}
@media  screen and (max-width:767px){
.pord_9 .list2 ul{ padding:8px 0;}	
.pord_9 .list2 li{ width:50%; margin:8px 0;}
.pord_9 .list2 li:nth-child(2n){border-right:none;}
.pord_9 .list3 li i{ width:100%;}
.pord_9 .list3 li .text{ width:100%; margin-top:20px;}
.pord_9 .list3 li .p{ margin:0 0 15px 0;}


}

/*

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


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


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


}

*/




/* banner */
._ban_text_y{ padding: 0 10%;}
._ban_text_y h6{ margin-top: 30px; font-size: 24px; line-height: 36px; letter-spacing: 1px; color: #fff; width: 100%; float: left;}
@media  screen and (max-width:1600px){
._ban_text_y h6{ margin-top: 10px; font-size: 16px; line-height: 24px;}
}
@media  screen and (max-width:1024px){
._ban_text_y{ padding: 0 15px;}
._ban_text_y h6{ margin-top: 5px; font-size: 14px; line-height: 20px;}
}
@media  screen and (max-width:767px){
._ban_text_y{ padding: 0 10px;}
._ban_text_y h6{ margin-top: 2px; font-size: 12px; line-height: 16px;}
}

/* 11客户反馈 */
.y_caseList{ padding-top: 80px; padding-bottom: 80px; background: #f8f8f8; width: 100%; float: left;}
.y_caseList .list ul{ margin: -25px; float: left;
width: -moz-calc(100% + 50px);
width: -o-calc(100% + 50px);
width: -webkit-calc(100% + 50px);
width: calc(100% + 50px);}
.y_caseList .list li{ width: 50%; padding: 25px; float: left; cursor: pointer;}
.y_caseList .list li .img{ width: 100%; padding-bottom: 56.12%; position: relative; overflow: hidden; z-index: 3;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.y_caseList .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.y_caseList .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.y_caseList .list li .text{ padding: 35px 40px; font-size: 0; background: #fff;}
.y_caseList .list li .text .bt{ display: inline-block; vertical-align: middle;
width: -moz-calc(100% - 45px);
width: -o-calc(100% - 45px);
width: -webkit-calc(100% - 45px);
width: calc(100% - 45px);}
.y_caseList .list li .text h5{ font-size: 30px; line-height: 32px; height: 32px; overflow: hidden; color: #333;}
.y_caseList .list li .text h6{ margin-top: 15px; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; color: #333;}
.y_caseList .list li i{ display: inline-block; vertical-align: middle; width: 45px; height: 45px; background: url(../_im_g/y_kh5.png) no-repeat center; background-size: cover;}
.y_caseList .list li:hover .text{ background: #ffd700;}
.y_caseList .list li:hover i{ background: url(../_im_g/y_kh5_1.png) no-repeat center; background-size: cover;}
@media  screen and (max-width:1600px){
.y_caseList .list li .text h5{ font-size: 24px; line-height: 26px; height: 26px;}
.y_caseList .list li .text h6{ font-size: 16px; line-height: 18px; height: 18px;}
}
@media  screen and (max-width:1024px){
.y_caseList{ padding-top: 25px; padding-bottom: 25px;}
.y_caseList .list ul{ margin: -6px;
width: -moz-calc(100% + 12px);
width: -o-calc(100% + 12px);
width: -webkit-calc(100% + 12px);
width: calc(100% + 12px);}
.y_caseList .list li{ padding: 6px;}
.y_caseList .list li .text{ padding: 15px 10px;}
.y_caseList .list li .text .bt{
width: -moz-calc(100% - 30px);
width: -o-calc(100% - 30px);
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);}
.y_caseList .list li .text h5{ font-size: 20px; line-height: 22px; height: 22px;}
.y_caseList .list li .text h6{ margin-top: 10px; font-size: 14px; line-height: 16px; height: 16px;}
.y_caseList .list li i{ width: 25px; height: 25px;}
}
@media  screen and (max-width:767px){
.y_caseList .list li .text h5{ font-size: 16px; line-height: 18px; height: 18px;}
.y_caseList .list li .text h6{ margin-top: 5px; font-size: 14px; line-height: 16px; height: 16px;}
}

/* 12客户反馈详情 */
._htm{ width: 55.89%;}
._html_con::-webkit-scrollbar-thumb{ background-color:#ffd700;}
#_popup .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#_popup .sp{ width: 100%; line-height: 0; position: relative;}
#_popup .sp video{ width: 100%; object-fit: cover;}
#_popup .sp i{ width: 82px; height: 82px; cursor: pointer; position: absolute; top: 50%; left: 50%; display: block; background: url(../_im_g/y_kh6.png) no-repeat center; background-size: cover;
-webkit-transform: translate(-50%,-50%); 
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);}
#_popup .nr{ padding: 25px 10px; text-align: center; background: #fff;}
#_popup .nr h5{ font-size: 30px; line-height: 32px; height: 32px; overflow: hidden; color: #333;}
#_popup .nr h6{ margin-top: 20px; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; color: #555;}
@media  screen and (max-width:1600px){
#_popup .nr{ padding: 20px 10px;}
#_popup .nr h5{ font-size: 24px; line-height: 26px; height: 26px;}
#_popup .nr h6{margin-top: 15px; font-size: 16px; line-height: 18px; height: 18px;}
}
@media  screen and (max-width:1024px){
._htm{ width: 80%;}
#_popup .sp i{ width: 40px; height: 40px;}
#_popup .nr{ padding: 15px 10px;}
#_popup .nr h5{ font-size: 20px; line-height: 22px; height: 22px;}
#_popup .nr h6{ margin-top: 10px; font-size: 14px; line-height: 16px; height: 16px;}
}
@media  screen and (max-width:767px){
#_popup .nr h5{ font-size: 16px; line-height: 18px; height: 18px;}
#_popup .nr h6{ margin-top: 5px; font-size: 14px; line-height: 16px; height: 16px;}
}

/* 13方案咨询 */
.y_faList1{ padding-top: 80px; padding-bottom: 80px; background: #f8f8f8; width: 100%; float: left;}
.y_faList1 .list{ width: 100%;}
.y_faList1 .list ul{ width: 100%; float: left;}
.y_faList1 .list li{ width: 49%; float: left;}
.y_faList1 .list li:last-child{ float: right;}
.y_faList1 .list li .img{ width: 100%; padding-bottom: 66.7%; position: relative; overflow: hidden; z-index: 3;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.y_faList1 .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.y_faList1 .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.y_faList1 .list li .text{ width: 90.17%; margin: -68px auto 0 auto; padding: 35px 40px; background: #fff; font-size: 0; position: relative; z-index: 4;}
.y_faList1 .list li .text .wz{ display: inline-block; vertical-align: middle;
width: -moz-calc(100% - 35px);
width: -o-calc(100% - 35px);
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);}
.y_faList1 .list li .text h5{ font-size: 30px; line-height: 32px; height: 32px; color: #333; overflow: hidden;}  
.y_faList1 .list li .text h6{ margin-top: 10px; font-size: 16px; line-height: 20px; height: 20px; color: #888; overflow: hidden;} 
.y_faList1 .list li .text i{ display: inline-block; vertical-align: middle; width: 34px; height: 2px; background: #b6b6b6; position: relative;}
.y_faList1 .list li .text i::before{ content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 0; top: 50%; border-top: 2px solid #b6b6b6; border-right: 2px solid #b6b6b6;
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
@media  screen and (max-width:1600px){
.y_faList1 .list li .text h5{ font-size: 24px; line-height: 26px; height: 26px;}  
.y_faList1 .list li .text h6{ font-size: 14px; line-height: 18px; height: 18px;}
}
@media  screen and (max-width:1024px){
.y_faList1{ padding-top: 25px; padding-bottom: 25px;}
.y_faList1 .list li .text{ margin: -37.5px auto 0 auto; padding: 15px;}
.y_faList1 .list li .text .wz{
width: -moz-calc(100% - 35px);
width: -o-calc(100% - 35px);
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);}
.y_faList1 .list li .text h5{ font-size: 20px; line-height: 22px; height: 22px;}  
.y_faList1 .list li .text h6{ margin-top: 5px;} 
.y_faList1 .list li .text i{ width: 20px;}
.y_faList1 .list li .text i::before{ width: 10px; height: 10px;}
}
@media  screen and (max-width:767px){
.y_faList1 .list ul{ margin: -10px 0;}
.y_faList1 .list li{ width: 100%; margin: 10px 0;}
}

.y_faList2{ padding-top: 80px; padding-bottom: 80px; width: 100%; float: left;}
.y_faList2 .bt{ font-size: 0;}
.y_faList2 .bt .wz{ width: 205px; display: inline-block; vertical-align: middle;}
.y_faList2 .bt h4{ font-size: 30px; line-height: 32px; color: #333;}
.y_faList2 .bt h5{ margin-top: 10px; font-size: 16px; line-height: 18px; color: #888;}
.y_faList2 .bt .line{ height: 1px; background: #e3e3e3; display: inline-block; vertical-align: middle;
width: -moz-calc(100% - 267px);
width: -o-calc(100% - 267px);
width: -webkit-calc(100% - 267px);
width: calc(100% - 267px);}
.y_faList2 .bt a{ width: 62px; font-size: 16px; text-align: right; color: #888; display: inline-block; vertical-align: middle;}
.y_faList2 .bt a:hover{ color: #ffd700;}
.y_faList2 .list{ margin-top: 30px;}
.y_faList2 .list ul{ margin: 0 -16px;
width: -moz-calc(100% + 32px);
width: -o-calc(100% + 32px);
width: -webkit-calc(100% + 32px);
width: calc(100% + 32px);}
.y_faList2 .list li{ margin: 0 16px; position: relative;}
.y_faList2 .list li .img{ width: 100%; padding-bottom: 66.4%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.y_faList2 .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.y_faList2 .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.y_faList2 .list li .text{ position: absolute; bottom: 0; left: 0; width: 100%; font-size: 20px; padding: 0 45px 0 30px; height: 70px; line-height: 70px; color: #fff; background: rgba(26,27,28,.8); overflow: hidden;}
.y_faList2 .list li .text::before{ content: ""; display: block; width: 18px; height: 18px; position: absolute; right: 30px; top: 50%; border-top: 2px solid rgba(255,255,255,.6); border-right: 2px solid rgba(255,255,255,.6);
-webkit-transform: translate(0,-50%) rotate(45deg);
-moz-transform: translate(0,-50%) rotate(45deg);
-ms-transform: translate(0,-50%) rotate(45deg);
-o-transform: translate(0,-50%) rotate(45deg);
transform: translate(0,-50%) rotate(45deg);}
@media  screen and (max-width:1600px){
.y_faList2 .bt h4{ font-size: 24px; line-height: 26px;}
.y_faList2 .bt h5{ font-size: 14px; line-height: 16px;}
.y_faList2 .list li .text{ font-size: 18px;}
}
@media  screen and (max-width:1024px){
.y_faList2{ padding-top: 25px; padding-bottom: 25px;}
.y_faList2 .bt .wz{ width: 185px;}
.y_faList2 .bt h4{ font-size: 20px; line-height: 22px;}
.y_faList2 .bt h5{ margin-top: 5px;}
.y_faList2 .bt .line{
width: -moz-calc(100% - 240px);
width: -o-calc(100% - 240px);
width: -webkit-calc(100% - 240px);
width: calc(100% - 240px);}
.y_faList2 .bt a{ width: 55px; font-size: 14px;}
.y_faList2 .list{ margin-top: 15px;}
.y_faList2 .list ul{ margin: 0 -8px;
width: -moz-calc(100% + 16px);
width: -o-calc(100% + 16px);
width: -webkit-calc(100% + 16px);
width: calc(100% + 16px);}
.y_faList2 .list li{ margin: 0 8px;}
.y_faList2 .list li .text{ font-size: 14px; padding: 0 45px 0 10px; height: 40px; line-height: 40px;}
.y_faList2 .list li .text::before{ width: 10px; height: 10px; right: 10px;}
}

/* 14方案详情 */
.y_faCon{ padding-top: 60px; padding-bottom: 80px; width: 100%; float: left; background: #f8f8f8;}
.y_faCon h2{ font-size: 30px; line-height: 32px; color: #333;}
.y_faCon .link{ padding: 15px 20px; margin: 30px 0 60px 0; font-size: 0; /*background: #ebebeb;*/}
.y_faCon .link a{ display: inline-block; font-size: 18px; line-height: 36px; margin: 5px 12px; padding: 0 15px; color: #222;}
.y_faCon .link a.on,.y_faCon .link a:hover{ background: #ffd700;}
.y_faCon .pic{ width: 100%; line-height: 0; padding: 100px 105px;}
.y_faCon .pic .text{ padding: 105px 70px; display: block; width: 48.845%; text-align: center; background: rgba(0,0,0,.8);}
.y_faCon .pic .text .num{ font-size: 90px; height: 50px; line-height: 74px; font-weight: bold; overflow: hidden; opacity: 0.2; color: #fff;}
.y_faCon .pic .text h4{ margin: 25px 0 15px 0; font-size: 30px; line-height: 32px; color: #ffd700;}
.y_faCon .pic .text h5{ font-size: 18px; line-height: 30px; letter-spacing: 1px; color: #fff;}
.y_faCon .pic .text .line{ width: 200px; height: 1px; margin: 50px auto 45px auto; background: rgba(255,255,255,.3);}
.y_faCon .pic .text i{ width: 66px; height: 66px; display: inline-block; background: url(../_im_g/y_faxq2.png) no-repeat center; background-size: cover;}
.y_faCon .bt{ margin: 80px 0 30px 0; text-align: center;}
.y_faCon .bt h4{ font-size: 36px; line-height: 38px; letter-spacing: 1px; color: #222;}
.y_faCon .bt h5{ margin-top: 10px; font-size: 12px; line-height: 14px; text-transform: uppercase; letter-spacing: 0.5px; color: #888;}
.y_faCon .nr{ width: 100%;}
.y_faCon .nr .nrbt{ padding: 40px 65px; background: #ffd700;}
.y_faCon .nr .nrbt ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;}
.y_faCon .nr .nrbt li{ padding-left: 50px; margin: 0 10px; font-size: 20px; line-height: 28px; color: #333; background: url(../_im_g/y_faxq3.png) no-repeat top left; background-size: 28px 28px;}
.y_faCon .nr .wz{ padding: 30px 60px; font-size: 18px; line-height: 36px; letter-spacing: 0.7px; text-align: justify; color: #555; background: #fff;}
.y_faCon .info{ font-size: 18px; line-height: 36px; letter-spacing: 0.8px; text-align: justify; color: #555;}
.y_faCon .list ul{ margin: -15px; overflow: hidden;
width: -moz-calc(100% + 30px);
width: -o-calc(100% + 30px);
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);}
.y_faCon .list li{ padding: 15px; width: 33.3%; float: left;}
.y_faCon .list li .img{ width: 100%; padding-bottom: 75.19%; position: relative; overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;}
.y_faCon .list li .img img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
transition: -webkit-transform 2s;
vertical-align: middle;
-ms-interpolation-mode: bicubic;}
.y_faCon .list li:hover .img img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);}
.y_faCon .list li .text{ width: 100%; font-size: 20px; padding: 0 30px; height: 80px; line-height: 80px; color: #333; background: #efeff0; overflow: hidden;}
@media  screen and (max-width:1600px){
.y_faCon h2{ font-size: 26px; line-height: 28px;}
.y_faCon .link a{ font-size: 16px;}
.y_faCon .pic .text{ width: 54.845%;}
.y_faCon .pic .text .num{ font-size: 50px; height: 30px; line-height: 42px;}
.y_faCon .pic .text h4{ font-size: 26px; line-height: 28px;}
.y_faCon .pic .text h5{ font-size: 16px; line-height: 26px;}
.y_faCon .bt h4{ font-size: 30px; line-height: 32px;}
.y_faCon .nr .nrbt li{ font-size: 18px;}
.y_faCon .nr .wz{ font-size: 16px; line-height: 30px;}
.y_faCon .info{ font-size: 16px; line-height: 30px;}
.y_faCon .list li .text{ font-size: 18px;}
}
@media  screen and (max-width:1024px){
.y_faCon{ padding-top: 25px; padding-bottom: 25px;}
.y_faCon h2{ font-size: 18px; line-height: 20px;}
.y_faCon .link{ padding: 10px 5px; margin: 15px 0 20px 0;}
.y_faCon .link a{ font-size: 14px; line-height: 26px; margin: 3px 8px; padding: 0 10px;}
.y_faCon .pic{ padding: 30px 35px;}
.y_faCon .pic .text{ padding: 30px 20px;}
.y_faCon .pic .text .num{ font-size: 30px; height: 20px; line-height: 24px;}
.y_faCon .pic .text h4{ margin: 10px 0 5px 0; font-size: 20px; line-height: 22px;}
.y_faCon .pic .text h5{ font-size: 14px; line-height: 20px;}
.y_faCon .pic .text .line{ width: 100px; margin: 10px auto 10px auto;}
.y_faCon .pic .text i{ width: 30px; height: 30px;}
.y_faCon .bt{ margin: 20px 0 10px 0;}
.y_faCon .bt h4{ font-size: 20px; line-height: 22px;}
.y_faCon .bt h5{ margin-top: 5px;}
.y_faCon .nr .nrbt{ padding: 15px 15px;}
.y_faCon .nr .nrbt li{ padding-left: 24px; margin: 0 5px; font-size: 16px; line-height: 20px; background-size: 18px 18px;}
.y_faCon .nr .wz{ padding: 10px 15px; font-size: 14px; line-height: 24px;}
.y_faCon .info{ font-size: 14px; line-height: 24px;}
.y_faCon .list ul{ margin: -6px;
width: -moz-calc(100% + 12px);
width: -o-calc(100% + 12px);
width: -webkit-calc(100% + 12px);
width: calc(100% + 12px);}
.y_faCon .list li{ padding: 6px;}
.y_faCon .list li .text{ font-size: 16px; padding: 0 10px; height: 40px; line-height: 40px;}
}
@media  screen and (max-width:767px){
.y_faCon .link a{ margin: 2px 4px; line-height: 22px; padding: 0 5px;}
.y_faCon .pic .text{ width: 100%;}
.y_faCon .pic .text h4{ font-size: 18px;}
.y_faCon .bt h4{ font-size: 18px;}
.y_faCon .nr .nrbt{ padding: 10px;}
.y_faCon .nr .nrbt ul{ margin: -5px 0; display: block;}
.y_faCon .nr .nrbt li{ margin: 5px 0;}
.y_faCon .list li{ width: 50%;}
}

/* 15支出计算器 */
.y_jsq{ padding-top: 80px; padding-bottom: 80px; width: 100%; float: left;}
.y_jsqCon{ width: 83.125%; padding: 40px 30px 30px 30px; margin: 0 auto; border-radius: 20px; background: url(../_im_g/y_jsq2.png) no-repeat center; background-size: cover;}
.y_jsqCon .tit{ text-align: center;}
.y_jsqCon .tit h3{ font-size: 30px; line-height: 30px; color: #222; text-align: center; display: inline-block; vertical-align: middle;}
.y_jsqCon .tit h3::before{ content: ""; display: inline-block; vertical-align: middle; margin-right: 30px; width: 40px; height: 1px; background: #222;}
.y_jsqCon .tit h3::after{ content: ""; display: inline-block; vertical-align: middle; margin-left: 30px; width: 40px; height: 1px; background: #222;}
.y_jsqCon .bg{ padding: 55px 60px; margin-top: 30px; width: 100%; background: #fff;}
.y_jsqCon .bg h4{ font-size: 24px; letter-spacing: 1px; color: #222; font-weight: bold;}
.y_jsqCon .bg h5{ font-size: 20px; margin: 10px 0 50px 0; letter-spacing: 1px; color: #222;}
.y_jsqCon .bg .bot{ padding-bottom: 25px; width: 100%;}
.y_jsqCon .bg .bot::after{ content: ""; display: block; clear: both;}
.y_jsqCon .bg .left{ width: 32%; float: left;}
.y_jsqCon .bg .center{ width: 37.32%; padding: 0 3%; float: left;}
.y_jsqCon .bg .right{ padding: 45px 55px 20px 50px; width: 30.68%; float: left; background: #f5f5f5;}
.y_jsqCon .bg .lab{ margin-bottom: 30px; padding: 15px 20px; border: 1px solid #e3e3e3; width: 100%; position: relative;}
.y_jsqCon .bg .lab3.on{ display: none;}
.y_jsqCon .bg .lab:last-child{ margin-bottom: 0;}
.y_jsqCon .bg .lab::after{ content: "";	display: block;	clear: both;}
.y_jsqCon .bg .lab1{ margin-bottom: 30px; padding: 15px 0; width: 100%;}
.y_jsqCon .bg .lab1:last-child{ margin-bottom: 0;}
.y_jsqCon .bg .lab1::after{ content: ""; display: block; clear: both;}
.y_jsqCon .bg .lab2{ width: 100%;}
.y_jsqCon .bg .lab2::after{ content: ""; display: block; clear: both;}
.y_jsqCon .bg .name{ font-size: 18px; line-height: 22px; color: #222; float: left;}
.y_jsqCon .bg .p{ font-size:14px; line-height:22px; color:#333; float: left; width:100%; }
.y_jsqCon .bg .select{ float: right;}
.y_jsqCon .bg .select .span{ padding-right: 26px; font-size: 16px; position: relative; cursor: pointer; float: right; color: #555;}
.y_jsqCon .bg .select .span::after{ content: ""; cursor: pointer; width: 0; height: 0; overflow: hidden; font-size: 0; line-height: 0; border-width: 6px; border-style: solid dashed dashed dashed; border-color: #3c3c3c transparent transparent transparent; position: absolute; right: 0; top: 8px;}
.y_jsqCon .bg .dl{ width: 100%; position: absolute; left: 0; top: 100%; z-index: 5; background: #f2f3f6; padding: 10px; border-top: 1px solid #fff; box-shadow: 0 2px 3px rgba(0,0,0,.2); display: none;max-height:300px;overflow-y:auto;}
.y_jsqCon .bg .dl dd{ width: 100%; float: left; font-size: 16px; line-height: 40px; cursor: pointer; position: relative; padding-left: 10px; color: #666;}
.y_jsqCon .bg .fv{ width: 100px; font-size: 16px; line-height: 22px; color: #555; float: right; text-align: right;}
.y_jsqCon .bg .dw{ font-size: 16px; line-height: 22px; margin-left: 5px; color: #555; float: right;}
.y_jsqCon .bg .fv1{ width: 47.68%; font-size: 20px; line-height: 56px; border-radius: 10px; background: #ffd700; color: #222; float: left; text-align: center;}
.y_jsqCon .bg .fv1:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2);}
.y_jsqCon .bg .fv2{ width: 47.68%; font-size: 20px; line-height: 56px; border-radius: 10px; background: #1a1b1c; color: #fff; float: right; text-align: center;}
.y_jsqCon .bg .fv2:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2);}
.y_jsqCon .bg .radio{ float: right;}
.y_jsqCon .bg .radio .regular-radio{ display: none;}
.y_jsqCon .bg .radio .regular-radio + label{ -webkit-appearance: none; background-color: #fff; width: 18px; height: 18px; margin-left: 20px; border: 2px solid #dedede; padding: 3px; border-radius:50px; display: inline-block; vertical-align: middle; position: relative;}
.y_jsqCon .bg .radio .regular-radio:checked + label:after{ content: ' '; width: 8px; height: 8px; border-radius: 50px; position: absolute; top: 3px; background:#696969; box-shadow:0px 0px 5px 0px #696969; left: 3px;}
.y_jsqCon .bg .lab1 span{ font-size: 18px; line-height: 18px; margin-left: 6px; display: inline-block; vertical-align: middle; color: #222;}
.y_jsqCon .bg .right .bt{ font-size: 18px; line-height: 30px; color: #333;}
.y_jsqCon .bg .right .num{ margin: 12px 0 35px 0; font-size: 0;}
.y_jsqCon .bg .right .num i{ display: inline-block; vertical-align: bottom; margin-right: 15px; width: 24px; height: 24px; line-height: 24px; font-size: 20px; text-align: center; color: #333; border-radius: 50%; background: #ffd700;}
.y_jsqCon .bg .right .num span{ display: inline-block; vertical-align: bottom; font-size: 36px; line-height: 28px; color: #1a1b1c; font-weight: bold;}
.y_jsqCon .bg h6{ font-size: 16px; line-height: 22px; color: #555; letter-spacing:1px;}
.y_jsqCon .bg h6 span{ font-weight: bold; color: #1a1b1c;}
.y_jsqCon .bg .cont{ text-align:center; width:100%; color:#999999; font-size:16px; line-height:24px; padding:26px 0 29px 0; border-top:1px solid #e3e3e3; margin-top:58px; letter-spacing:1px;}
.y_jsqCon .bg .p1{ color:#333333; font-size:24px; line-height:32px;}
.y_jsqCon .bg .p2{ font-size:14px; line-height:22px; text-transform:uppercase; margin-top:6px;}
.y_jsqCon .bg .p3{ padding:34px 13% 0 13%;}
.y_jsqCon .bg .p4{ padding:14px 16% 0 16%;}


@media  screen and (max-width:1600px){
.y_jsqCon{ width: 100%;}
.y_jsqCon .bg .right{ padding:45px 30px 20px 30px;}
.y_jsqCon .bg .name { font-size:16px;}
.y_jsqCon .bg .select .span{ font-size:15px;}
.y_jsqCon .bg .lab1 span{ font-size:16px;}
.y_jsqCon .bg .radio .regular-radio + label{ margin-left:10px;}
.y_jsqCon .bg .p3{ padding:34px 6.5% 0 6.5%;}
.y_jsqCon .bg .p4{ padding:14px 8% 0 8%;}


}
@media  screen and (max-width:1024px){
.y_jsq{ padding-top:30px; padding-bottom: 30px;}
.y_jsqCon{ padding: 15px; border-radius: 10px;}
.y_jsqCon .tit h3{ font-size: 20px; line-height: 20px;}
.y_jsqCon .tit h3::before{ margin-right: 10px; width: 20px;}
.y_jsqCon .tit h3::after{ margin-left: 10px; width: 20px;}
.y_jsqCon .bg{ padding: 15px 15px; margin-top: 15px;}
.y_jsqCon .bg h4{ font-size: 18px;}
.y_jsqCon .bg h5{ font-size: 16px; margin: 5px 0 15px 0;}
.y_jsqCon .bg .bot{ padding-bottom: 15px;}
.y_jsqCon .bg .center{ padding: 0 2%;}
.y_jsqCon .bg .right{ padding: 20px 15px 10px 15px;}
.y_jsqCon .bg .lab{ margin-bottom: 15px; padding: 10px 15px;}
.y_jsqCon .bg .lab1{ margin-bottom: 15px; padding: 10px 0;}
.y_jsqCon .bg .name{ font-size: 15px; line-height: 20px;}
.y_jsqCon .bg .select .span{ padding-right: 20px; font-size: 14px;}
.y_jsqCon .bg .dl{ padding: 10px;}
.y_jsqCon .bg .dl dd{ font-size: 14px; line-height: 26px; padding-left: 5px;}
.y_jsqCon .bg .fv{ width: 100px; font-size: 14px; line-height: 20px;}
.y_jsqCon .bg .dw{ font-size: 14px; line-height: 20px;}
.y_jsqCon .bg .fv1{ font-size: 16px; line-height: 40px;}
.y_jsqCon .bg .fv2{ font-size: 16px; line-height: 40px;}
.y_jsqCon .bg .lab1 span{ font-size: 15px; line-height: 16px; margin-left: 6px;}
.y_jsqCon .bg .right .bt{ font-size: 16px; line-height: 24px;}
.y_jsqCon .bg .right .num{ margin: 12px 0 20px 0;}
.y_jsqCon .bg .right .num i{ margin-right: 5px; width: 20px; height: 20px; line-height: 20px; font-size: 16px;}
.y_jsqCon .bg .right .num span{ font-size: 28px; line-height: 22px;}
.y_jsqCon .bg h6{ font-size: 14px; line-height: 22px;}

.y_jsqCon .bg .cont{ font-size:14px; line-height:22px; padding:15px 0 15px 0; margin-top:20px;}
.y_jsqCon .bg .p1{ font-size:18px; line-height:26px;}
.y_jsqCon .bg .p2{ font-size:12px; line-height:18px;}
.y_jsqCon .bg .p3{ padding:15px 0 0 0;}
.y_jsqCon .bg .p4{ padding:8px 0 0 0;}

}
@media  screen and (max-width:920px){
.y_jsqCon .bg .left{ width: 100%;}
.y_jsqCon .bg .center{ width: 100%; padding: 15px 0;}
.y_jsqCon .bg .right{ width: 100%;}
.y_jsqCon .bg .lab1{ padding: 0;}
}

.y_tc{ display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.7); z-index: 999;}
.y_tc.on{ display: block;}
.y_tc .bg{ padding: 20px; width: 576px; background: #ffdb1a; border-radius: 10px; position: absolute; top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%); 
-moz-transform: translate(-50%, -50%); 
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.y_tc .bg .clo{ width: 21px; height: 21px; background: url(../_im_g/y_clo.png) no-repeat center; background-size: cover; cursor: pointer; position: absolute; top: 30px; right: 30px;}
.y_tc .bg h4{ font-size: 18px; line-height: 20px; margin: 8px 0 30px 0; color: #333; text-align: center; padding-right: 20px;}
.y_tc .bg .white{ padding: 30px 70px 40px 70px; width: 100%; background: #fff; overflow: hidden;}
.y_tc .bg .lab{ margin-bottom: 38px; border-bottom: 1px solid #eee; width: 100%; overflow: hidden;}
.y_tc .bg .lab:last-child{ margin-bottom: 0;}
.y_tc .bg .name{ font-size: 18px; line-height: 60px; float: left; color: #666;}
.y_tc .bg .fv{ width: 200px; font-size: 18px; line-height: 20px; padding: 20px 10px; float: left; color: #666;}
.y_tc .bg .fv1{ font-size: 16px; width: 115px; height: 38px; line-height: 38px; margin: 2px 0 0 0; color: #999; background: #f3f3f3; text-align: center; float: right;}
.y_tc .bg .fv1:hover{ background: #ffdb1a; color: #fff;}
.y_tc .bg .fv2{ margin: 50px auto 0 auto; display: block; font-size: 18px; color: #666; width: 350px; height: 64px; line-height: 64px; text-align: center; background: #ffdb1a;}
.y_tc .bg .fv2:hover{ box-shadow: 0 0 10px rgba(0,0,0,.2);}
@media  screen and (max-width:767px){
.y_tc .bg{ padding: 10px; width: 80%;}
.y_tc .bg .clo{ width: 15px; height: 15px; top: 10px; right: 10px;}
.y_tc .bg h4{ font-size: 16px; line-height: 18px; margin: 8px 0 15px 0; padding: 0 15px;}
.y_tc .bg .white{ padding: 10px 20px 15px 20px;}
.y_tc .bg .lab{ margin-bottom: 10px;}
.y_tc .bg .name{ font-size: 14px; line-height: 34px;}
.y_tc .bg .fv{ width: 80px; font-size: 14px; line-height: 16px; padding: 9px 5px;}
.y_tc .bg .fv1{ font-size: 14px; width: 85px; height: 28px; line-height: 28px; margin: 2px 0 0 0;}
.y_tc .bg .fv2{ margin: 10px auto 0 auto; font-size: 14px; width: 100px; height: 30px; line-height: 30px;}
}

.pz_fy{width:100%; float:left; padding:70px 0 0 0; text-align:center;display:inline}
.pz_fy a { padding:0 20px; font-size:24px; color:#8e8e8e; font-family:Arial;}
.pz_fy a:hover,
.pz_fy a.on{color:#1e1e1e;}
@media  screen and (max-width: 991px){
.pz_fy{ padding:30px 0 0 0;}
.pz_fy a { padding:0 5px; font-size:16px;}
}	


.fengshan{ display:none; float:left; position:fixed; left:10px; bottom:20px; z-index:7; width:10%; cursor:pointer;}
@media  screen and (max-width:767px){
.fengshan{ width:100px;}
}





.lines-wrap { float:left; width:100%;
  margin-top:40px;
  overflow: hidden;
  position: relative;
}
.lines-wrap .lines {
  position: relative;
}
.lines-wrap .line {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.lines-wrap .line:not(:last-child) {
  margin-bottom: 20px;
}
.lines-wrap .line:nth-child(even) {
  margin-left: -84px;
}
.lines-wrap .line div:not(:last-child) {
  margin-right: 20px;
}
.lines-wrap .line img {
  height:96px; max-width: none;
}
.lines-wrap .line img:first-child {
  margin-right: 6px;
}
.lines-wrap .overlay {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100px;
}
.lines-wrap .overlay.left {
  left: 0;
}
.lines-wrap .overlay.right {
  right: 0;
}
.scroll-logos.start .lines.desktop .line {
  animation: 40s linear customs-scroll;
  animation-iteration-count: infinite;
}
.scroll-logos.start .lines.desktop .line:nth-child(even) {
  animation: 40s linear customs-scroll-reverse;
  animation-iteration-count: infinite;
}
@keyframes customs-scroll {
  from {
    transform: translate3d(-1179px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes customs-scroll-reverse {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-1179px, 0, 0);
  }
}
.scroll-logos.dark.start .lines.desktop .line {
  animation: 40s linear customs-scroll2;
  animation-iteration-count: infinite;
}
.scroll-logos.dark.start .lines.desktop .line:nth-child(even) {
  animation: 40s linear customs-scroll-reverse2;
  animation-iteration-count: infinite;
}
@keyframes customs-scroll2 {
  from {
    transform: translate3d(-1260px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes customs-scroll-reverse2 {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(-1260px, 0, 0);
  }
}
@media screen and (max-width: 900px) {
  .scroll-logos .lines.desktop {
    display: none;
  }
  .scroll-logos {
    padding-top: 13.3vw;
    padding-bottom: 10.67vw;
  }
  .scroll-logos.lines-wrap {
    margin-top: 8vw;
  }
  .scroll-logos .line {
    display: -ms-flexbox;
    display: flex;
  }
  .scroll-logos .line:not(:last-child) {
    margin-bottom: 2vw;
  }
  .scroll-logos .line:nth-child(even) {
    margin-left: -16vw;
  }
  .scroll-logos .line img {
    height: 16.8vw;
  }
  .scroll-logos .line img:first-child {
    margin-right: 1.5vw;
  }
  .scroll-logos.start .lines.mobile-only .line {
    animation: 25s linear customs-scroll;
    animation-iteration-count: infinite;
  }
  .scroll-logos.start .lines.mobile-only .line:nth-child(even) {
    animation: 30s linear customs-scroll-reverse;
    animation-iteration-count: infinite;
  }
  @keyframes customs-scroll {
    from {
      transform: translate3d(-156.5vw, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes customs-scroll-reverse {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-195.5vw, 0, 0);
    }
  }
  .scroll-logos.dark.start .lines.mobile-only .line {
    animation: 25s linear customs-scroll2;
    animation-iteration-count: infinite;
  }
  .scroll-logos.dark.start .lines.mobile-only .line:nth-child(even) {
    animation: 25s linear customs-scroll-reverse2;
    animation-iteration-count: infinite;
  }
  @keyframes customs-scroll2 {
    from {
      transform: translate3d(-192vw, 0, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes customs-scroll-reverse2 {
    from {
      transform: translate3d(0, 0, 0);
    }
    to {
      transform: translate3d(-192vw, 0, 0);
    }
  }
}
.lines-wrap.normal .overlay.left {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lines-wrap.normal .overlay.right {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lines-wrap.dark .line img:first-child {
  margin-right: 20px;
}
.lines-wrap.dark .overlay.left {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lines-wrap.dark .overlay.right {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.lines-wrap.dark .overlay {
  width: 150px;
}
@media screen and (max-width: 900px) {
  .scroll-logos.lines-wrap {
    margin-top: 4vw;
  }
  .scroll-logos.dark .left,
  .scroll-logos.dark .right {
    display: none;
  }
  .scroll-logos.dark .line:not(:last-child) {
    margin-bottom: 5vw;
  }
}

.mobile-only{ display:none;}