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;}
a:hover{ cursor: pointer;}
img{ border: 0; max-width: 100%;}
table{ border-collapse: collapse; border-spacing: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0; font-weight: normal;}
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:80px; padding-right:80px;}
@media  screen and (max-width:1024px){
.ctext{ padding-left:15px; padding-right:15px;}

}

.head{ position:fixed; left:0; top:0; z-index:16; background:#000000;}
.head.active{ background:rgba(0,0,0,0.5);}
.head .logo{ float:left; position:relative; z-index:3; line-height:0; margin:21px 0; }
.head .logo img{ max-width:none; height:48px;}
.head .so_box{ float:right; position:relative; z-index:5; margin-top:25px;}
.head .so_box .Search{ float:left; width:0; height:40px; border-radius:40px; background:rgba(245,117,35,0.95); border:none; line-height:30px; padding:4px 20px; color:#fff; font-size:15px; position:absolute; right:-10px; top:0; opacity:0;
-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; }
.head .so_box .sear_sub{ float:right; width:24px; height:24px; border:none; background:url(../_im_g/sub1.png) center no-repeat; position:relative; z-index:3; margin:8px 0;}
.head .so_box:hover .Search{ width:200px; opacity:1; padding:4px 46px 4px 16px;}
.head .so_box ::-webkit-input-placeholder{color:#fff;}
.head .so_box :-moz-placeholder{color:#fff;}
.head .so_box ::-moz-placeholder{color:#fff;}
.head .so_box :-ms-input-placeholder{color:#fff;}

.menu{ float:right; position:relative; z-index:3; margin-right:4.3%;}
.menu .ul{ float:left;}
.menu .nli{ float:left; position:relative; margin:0 10px;}
.menu .nli span a{ float:left; color:#fff; font-weight:bold; text-transform:uppercase; font-size:16px; line-height:90px; padding:0 20px;}
.menu .nli.active span a{ background:#f57523;}
.menu .sub{ display:none; float:left; position:absolute; left:50%; top:100%; width:170px; margin-left:-85px; }
.menu .sub li{ float:left; width:100%;}
.menu .sub li a{ float:left; width:100%; background:#fff; position:relative; color:#666666; font-size:16px; line-height:26px; padding:15px 35px;}
.menu .sub li a:hover{ background:#f57523; color:#fff;}
.menu .sub li a::before{ content: ""; display: block; position: absolute; left: 10px; top: 50%; width: 14px; height: 2px; background: #fff;
-webkit-transform: translate(0,-50%); 
-ms-transform: translate(0,-50%);
-moz-transform: translate(0,-50%);
-o-transform: translate(0,-50%);
transform: translate(0,-50%);}
.menu .sub li a::after{ content: ""; display: block; position: absolute; margin-left: 6px; left: 10px; top: 50%; width: 9px; height: 9px; border-top: 2px solid #fff; border-right: 2px solid #fff;
-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);}


.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:66px 15px; display:none; z-index:7; background:rgba(255,255,255,0.98);}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #111111; font-size:16px; line-height: 50px; text-transform:uppercase;}
.xialaph h4 a span{ padding-left: 6px; color: #ccc; font-size: 14px;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:10px; height:10px; position:absolute; right:12px; top:50%; border-top:1px solid #111111; border-right:1px solid #111111; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #013e77; border-right:1px solid #013e77; opacity:1}
.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{ color: #f57523;}
.xialaph h5:hover a{ color: #f57523;}
.xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color:#000;opacity:0.2;}
.xialaph h5 a{ float: left; width:100%; color: #666666; font-size: 15px; 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:#000;opacity:0.2;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.so_ph{ float:left; width:100%; background:rgba(255,255,255,0.1); position:relative;border-radius:40px; overflow:hidden; margin-top:10px;}
.so_ph .Search{ float:left; width:100%; height:40px; background:#f57523; border:none; line-height:36px; padding:6px 46px 6px 15px; color:#fff; font-size:15px;}
.so_ph .sear_sub{ float:right; width:46px; height:40px; border:none;background:url(../_im_g/sub1.png) center no-repeat; position:absolute; right:0; top:0;}
.so_ph ::-webkit-input-placeholder{color:#fff}
.so_ph :-moz-placeholder{color:#fff}
.so_ph ::-moz-placeholder{color:#fff}
.so_ph :-ms-input-placeholder{color:#fff}

.menuph{ display:none; float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin:19px 0;}
.menuph .point { display: inline-block;  width: 28px;  height: 22px; position: relative;}
.head.active .point .navbtn{background-color: #f57523;}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before { width: 28px;}
.menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width:28px; height: 2px; background: #f57523;
-webkit-transition: all .3s ease-out 0s; 
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after,
.menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background:#f57523;
-webkit-transition: all .3s ease-out 0s;  
-moz-transition: all .3s ease-out 0s;  
-ms-transition: all .3s ease-out 0s;  
-o-transition: all .3s ease-out 0s;  
transition: all .3s ease-out 0s;}
.menuph .navbtn::after { top: -11px;}
.menuph .navbtn::before { top: 10px;}
.menuph .point.active .navbtn{ background: transparent;}
.menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px;}
.menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px;}


@media  screen and (max-width:1400px){
.menu{ margin-right:2%;}
.menu .nli{ margin:0 4px;}
.menu .nli span a{ padding:0 14px;}
}
@media  screen and (max-width:1200px){
.menu{ display:none;}
.so_box{ display:none;}
.menuph{ display:block;}
.head .logo{ margin:11px 0;}
.head .logo img{ height:38px;}
}

.footer{ position:relative; background:#000000;}
.foot{ float:left; position:relative; z-index:3; width:100%; display: flex; justify-content: space-between; margin:70px 0 50px 0; }
._nav{ float:left; display:flex; flex-direction:column; margin-right:5%;}
._nav h4{ float:left;}
._nav h4 a{ float:left; color:#f57523; font-weight:bold; font-size:18px; line-height:38px; text-transform:uppercase; }
._nav ul{ float:left; display:flex; flex-direction:column; position:relative; margin-top:20px; }
._nav ul li{ float:left; margin:5px 0; }
._nav ul li a{ float:left; width:100%; color:#fff; font-size:16px; line-height:26px; }
._nav ul li a:hover{ color:#f57523;}
.foot_c{ float:left; display:flex; flex-direction:column; margin-right:2%;}
.foot_c h4{ float:left; color:#f57523; font-weight:bold; font-size:18px; line-height:38px; text-transform:uppercase; }
.foot_c dl{ float:left; display:flex; flex-direction:column; position:relative; margin-top:20px; }
.foot_c dl dd{ float:left; margin:5px 0 17px 0; position:relative; padding-left:26px; color:#fff; font-size:16px; line-height:26px;}
.foot_c dl dd span{ color:#f57523;}
.foot_c dl dd img{ float:left; width:18px; height:18px; position:absolute; left:0; top:4px;}
.foot_r{ float:right; width:208px;}
.foot_r i{ float:left; width:100%; line-height:0; margin:10px 0 60px 0;}
.foot_r i img{ height:48px;}
.foot_r dl{ float:left; width:100%; flex-wrap:wrap; display: flex;  justify-content:space-between;}
.foot_r dl dd{ float:left; width:32px; line-height:0;}

.Copyright{ float:left; width:100%; text-align:center; color:#fff; font-size:16px; line-height:26px; text-transform:uppercase; border-top:1px solid rgba(255,255,255,0.36); padding:48px 0;}
.Copyright a{ color:#fff;}
.Copyright a:hover{ text-decoration:underline;}

@media  screen and (max-width:1200px){
.foot_r i img{ height:38px;}
._nav{ margin-right:1%;}
.foot_c{ margin-right:1%;}
.foot_r{ width:170px;}
}
@media  screen and (max-width:1100px){
.Copyright{ padding:20px 0; font-size:15px;}
.foot{ flex-wrap:wrap; margin:20px 0 30px 0;}
._nav{ display:none; width:100%; margin-right:0;}	
._nav ul{ flex-wrap:wrap; margin-top:0;flex-direction:row;}
._nav ul li{ width:25%; margin:2px 0;}
.foot_c dl{ margin-top:0;}
.foot_c dl dd{ margin:2px 0;}
.foot_r i{ margin:20px 0 20px 0;}
}
@media  screen and (max-width:767px){
._nav ul li{ width:50%;}	
.foot_r{ width:100%; margin-top:20px;}
.foot_r i{ width:auto; margin:0;}
.foot_r dl{ width:auto; float:right;}
.foot_r dl dd{ margin:3px 0 3px 6px;}
}

/*banner*/
._banner{ float:left; width:100%; position:relative;}
.slide_banner{ float:left; width:100%; margin:0; position:relative; overflow:hidden;}
.slide_banner .slick-slide{ width:100%; position:relative; line-height:0;}
.slide_banner .img{ float:left; width:100%; height:100vh; position:relative; z-index:1;}
.slide_banner .text{ position:absolute; left:0; top:52%; z-index:3; float:left; width:100%; letter-spacing:1px; transform:translateY(-50%); -ms-transform:translateY(-50%); }
.slide_banner .text h3{ float:left; width:100%; color:#fff; font-size:30px; line-height:48px; text-transform:uppercase; font-weight:bold; font-style:italic;}
.slide_banner .text h3 span{ float:left; border:3px solid #fff; border-radius:50px; padding:1px 43px;}
.slide_banner .text h4{ float:left; width:100%; color:#fff; font-size:30px; line-height:48px; margin-top:3.6%;}
.slide_banner .text h1{ float:left; width:100%; color:#fff; font-size:88px; line-height:1; font-weight:bold; font-style:italic; flex-wrap:wrap; display: flex; align-items: center; letter-spacing:5px; margin-top:3%;}
.slide_banner .text h1 sup{ text-transform:uppercase; font-size:30px; margin-left:5px;}
.slide_banner .text a{ margin-top:4%;}
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:50px; height:50px; border:1px solid #fff; border-radius:50%; z-index:8; top:auto; bottom:5%;webkit-transform:none; -ms-transform:none; transform:none;}
.slide_banner .slick-prev{ left:auto; right:7.3%; margin-right:72px; background:url(../_im_g/ico10.png) center no-repeat; background-size:100% 100%;}
.slide_banner .slick-next{ right:7.3%; background:url(../_im_g/ico9.png) center no-repeat; background-size:100% 100%;}
.slide_banner .slick-dots{ width:auto; position:absolute; left:8.3%; bottom:5.7%;}
.slide_banner .slick-dots li{ width:auto; height:auto; position:relative; margin:0; padding-right:10px; margin-right:10px;}
.slide_banner .slick-dots li:after{ float:left; width:1px; height:12px; content:''; position:absolute; right:0; top:50%; margin-top:-6px; background:#fff; transform:rotate(15deg); -ms-transform:rotate(15deg);}
.slide_banner .slick-dots li:before{ display:none; float:left; width:25px; height:3px; border-radius:3px; content:''; position:absolute; left:0; top:50%; margin-top:-1px; background:#fff;}
.slide_banner .slick-dots li:last-child:after{ display:none;}
.slide_banner .slick-dots li button{ width:auto; height:auto; padding:0; color:#fff; font-size:16px; line-height:30px;}
.slide_banner .slick-dots li.slick-active{ padding-left:40px;}
.slide_banner .slick-dots li.slick-active:before{ display:block;}
.slide_banner .slick-dots li.slick-active button{ font-size:24px; font-weight:bold;}

._Button{ float:left; position:relative; z-index:3; text-align:center; background:#f57523; color:#fff; width:200px; font-size:18px; 
line-height:52px; height:52px; border-radius:52px; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;-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;  }
._Button img{ height:20px;}
._Button:hover{ transform:translateY(-12px); -ms-transform:translateY(-12px); box-shadow:0 5px 10px rgba(0,0,0,0.2);}

@media screen and (max-width:1760px){
.slide_banner .slick-prev{ left:auto; right:80px; margin-right:72px;}
.slide_banner .slick-next{ right:80px;}
.slide_banner .slick-dots{ left:80px;}
}
@media screen and (max-width:1600px){
.slide_banner .text h3{ font-size:24px; line-height:40px;}	
.slide_banner .text h3 span{ border:2px solid #fff; padding:1px 30px;}
.slide_banner .text h1{ font-size:66px; letter-spacing:2px;}	
.slide_banner .text h1 sup{ font-size:24px;}
.slide_banner .text h4{ font-size:24px; line-height:38px;}	
}
@media screen and (max-width:1400px){
.slide_banner .text h3{ font-size:20px; line-height:38px;}	
.slide_banner .text h3 span{ border:2px solid #fff; padding:1px 30px;}
.slide_banner .text h1{ font-size:58px; letter-spacing:2px;}	
.slide_banner .text h1 sup{ font-size:20px;}
.slide_banner .text h4{ font-size:20px; line-height:34px;}	
}
@media screen and (max-width:1100px){
._banner{ margin-top:60px;}	
.slide_banner .text h3{ font-size:18px; line-height:32px;}	
.slide_banner .text h3 span{ border:2px solid #fff; padding:1px 25px;}
.slide_banner .text h1{ font-size:36px; letter-spacing:2px; margin-top:4%;}	
.slide_banner .text h1 sup{ font-size:18px;}
.slide_banner .text h4{ font-size:15px; line-height:24px;}	
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:30px; height:30px;}	
.slide_banner .slick-prev{ left:auto; right:15px; margin-right:42px;}
.slide_banner .slick-next{ right:15px;}
.slide_banner .slick-dots{ left:15px; bottom:4%;}
.slide_banner .slick-dots li:before{ width:16px; height:2px;}
.slide_banner .slick-dots li button{ line-height:30px;}
.slide_banner .slick-dots li.slick-active{ padding-left:24px;}
.slide_banner .slick-dots li.slick-active button{ font-size:20px;}
._Button{ width:156px; font-size:15px; line-height:38px; height:38px; border-radius:38px;}
}
@media screen and (max-width:767px){
.slide_banner .text{ padding-bottom:30px;}	
.slide_banner .text h3{ font-size:16px; line-height:26px;}	
.slide_banner .text h3 span{ border:2px solid #fff; padding:1px 22px;}
.slide_banner .text h1{ font-size:30px; letter-spacing:0;}	
.slide_banner .text h4{ font-size:14px; line-height:20px; margin-top:3%;}
.slide_banner ._Button{ width:122px; font-size:14px; line-height:30px; height:30px; border-radius:30px;}
.slide_banner .slick-dots{ bottom:3%;}	
.slide_banner .slick-dots li{ padding-right:8px; margin-right:8px;}	
.slide_banner .slick-dots li button{ font-size:14px; line-height:28px;}
}

._news{ padding-top:90px; padding-bottom:90px;}
._news .list{ float:left; width:100%;}
._news ul{ margin:0 -54px; flex-wrap:wrap; display: flex;}
._news ul li{ float:left; width:33.33%; padding:0 54px; margin:12px 0; border-right:1px solid #dddddd;}
._news ul li:last-child{ border:none;}
._news ul li i{ float:left; width:100%; line-height:0; overflow:hidden;}
._news 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;}
._news ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._news ul li h1{ float:left; width:100%; color:#000000; font-weight:bold; text-transform:uppercase; position:relative; padding-left:19px; font-size:36px; line-height:32px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
._news ul li h1:after{ float:left; background:#f57523; width:4px; height:28px; content:''; position:absolute; left:0; top:2px;}
._news ul li h6{ float:left; width:100%; color:#333333; font-size:16px; line-height:36px; height:72px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:70px 0 66px 0;}
._news ul li a:hover h6{ color:#f57523;}
._news ul li h5{ margin:62px 0 50px 0;}

@media screen and (max-width:1600px){
._news ul{ margin:0 -30px;}
._news ul li{ padding:0 30px;}
._news ul li h1{ font-size:30px; line-height:28px; padding-left:16px;}
._news ul li h1:after{ height:24px;}
}
@media screen and (max-width:1100px){
._news{ padding-top:30px; padding-bottom:30px;}
._news ul{ margin:0 -12px;}
._news ul li{ padding:0 12px;}
._news ul li h1{ font-size:24px; line-height:22px; padding-left:10px;}
._news ul li h1:after{ width:3px; height:18px;}
._news ul li h6{ line-height:26px; height:52px; margin:10px 0 15px 0;}
._news ul li h5{ margin:25px 0;}
}
@media screen and (max-width:767px){
._news{ padding-bottom:10px;}	
._news ul li{ width:100%; border-right:none; border-bottom:1px solid #dddddd;}
}


._pord{ padding-top:94px; padding-bottom:94px;}
._pord .title{float: left; width: 100%; color: #000000; text-align:center; font-weight: bold;text-transform: uppercase;font-size:36px;line-height: 32px;}
._pord .more{float: left; width: 100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
._pord .list{ float:left; width:100%; margin:72px 0;}
._pord ul{ margin:0 -10px; flex-wrap:wrap; display: flex;}
._pord ul li{ float:left; width:25%; padding:8px 10px;}
._pord ul li a{ float:left; width:100%; position:relative; overflow:hidden;}
._pord ul li i{ float:left; width:100%; position:relative; line-height:0; overflow:hidden;}
._pord ul li i .show{ position:relative; z-index:3;}
._pord ul li i .hide{ position:absolute; left:0; top:0; z-index:1;}
._pord ul li h6{ float:left; width:100%; position:absolute; left:0; bottom:10%; z-index:4; text-align:center; color:#fff; font-weight:bold; text-transform:uppercase; font-size:24px; line-height:1; padding:0 12px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; }
._pord ul li em{ float:left; width:100%; position:absolute; left:0; bottom:4%; z-index:4;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; opacity:0; -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;  }
._pord ul li em img{ max-width:none; width:48px; height:48px; border-radius:50%; background:#f57523; padding:12px;}
._pord ul li a:hover i .show{ z-index:1;}
._pord ul li a:hover i .hide{ z-index:3;}
._pord ul li a:hover h6{ opacity:0;}
._pord ul li a:hover em{ opacity:1; bottom:16%;}

@media screen and (max-width:1600px){
._pord .title{ font-size:30px; line-height:28px;}

}
@media screen and (max-width:1100px){
._pord{ padding-top:30px; padding-bottom:30px;}
._pord .title{ font-size:24px; line-height:22px;}
._pord .list{ margin:20px 0;}
._pord ul{ margin:0 -6px;}
._pord ul li{ padding:6px;}
._pord ul li h6{ font-size:16px;}
._pord ul li em img{ width:34px; height:34px; padding:7px;}
}
@media screen and (max-width:767px){	
._pord ul li{ width:50%;}
}




._about{ padding-top:94px; padding-bottom:94px; overflow:hidden;}
._about .img{ float:left; width:44.37%; position:relative; line-height:0; overflow:hidden; border-radius:0 75px 75px 0;}
._about .img:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; background:#000000; opacity:0.12;}
._about .text{ float:right; width:51.68%; position:relative;}
._about .text .ico{ float:left; position:absolute; right:20px; top:3px; opacity:0.1; z-index:1;}
._about .text h1{float: left; position:relative; z-index:3; width: 100%;color:#f57523;font-weight: bold;text-transform:uppercase;font-size: 36px;line-height: 32px; margin:3.14% 0 5.32% 0;}
._about .text h6{ float:left; position:relative; z-index:3; width:100%; color:#666666; font-size:16px; line-height:36px; height:108px; overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
._about .text ul{ float:left; position:relative; z-index:3; width:100%; display: flex;  justify-content: space-between;}
._about .text ul li{ float:left; text-align:center; display: flex; align-items: center; flex-direction:column; padding:10px 5px; position:relative;}
._about .text ul li h2{float: left; color:#f57523;font-weight: bold; font-size:52px;line-height:1;}
._about .text ul li h5{float: left; color:#666666; font-size:18px;line-height:24px; margin-top:12px;}
._about .text .line{ float:left; width:1px; min-height:100%; background:url(../_im_g/ico13.png) center no-repeat;}
._about .text a{ margin:5.8% 0 4.59% 0;}

@media screen and (max-width:1600px){
._about .text h1{ font-size:30px; line-height:28px; margin:3% 0 4% 0;}
._about .text h6{ line-height:30px; height:90px;}
._about .text ul li h2{ font-size:40px;}
._about .text ul li h5{ font-size:16px;}
._about .text a{ margin:4% 0 4% 0}
}
@media screen and (max-width:1100px){
._about{ padding-top:30px; padding-bottom:30px;}
._about .img{ width:100%; border-radius:0 30px 30px 0;}	
._about .text{ width:100%; margin-top:25px;}
._about .text .ico{ right:-5px; width:160px;}
._about .text h1{ font-size:24px; line-height:22px; margin:0 0 10px 0;}
._about .text h6{ line-height:26px; height:78px;}
._about .text ul li h2{ font-size:30px;}
._about .text ul li h5{ font-size:16px; line-height:22px; margin-top:5px;}
._about .text a{ margin:15px 0}
}
@media screen and (max-width:767px){	
._about .text ul{flex-wrap:wrap;}
._about .text ul li{ width:50%;}
._about .text .line{ display:none;}
}


.slideA{ padding-top:25px; padding-bottom:25px; margin-top:90px;}
._slide{ float:left; width:100%; color:#666666; text-transform:uppercase; font-size:18px; line-height:30px; background:url(../_im_g/ico14.png) left center no-repeat; padding-left:36px;}
._slide a{ color:#666666;}
._slide a:hover{ color:#f57523;}
@media screen and (max-width:1200px){
.slideA{ padding-top:10px; padding-bottom:10px; margin-top:60px;}
._slide{ font-size:15px; line-height:28px; padding-left:30px;}	
}
.pordl{ float:left; width:100%; margin:80px 0 100px 0;}
.pordl ul{ flex-wrap:wrap; display: flex;  margin:-20px;}
.pordl ul li{ float:left; width:25%; padding:20px;}
.pordl ul li a{ float:left; width:100%; position:relative; min-height:100%; border:1px solid #cccccc; background:#fff;}
.pordl ul li h3{ float:left; width:-webkit-calc(100% + 2px); width:-moz-calc(100% + 2px); width:calc(100% + 2px); position:relative; z-index:3; margin:-1px 0 0 -1px; background:#dddddd; text-align:center; color:#333333; text-transform:uppercase; font-size:20px; line-height:40px; padding:10px 12px; overflow:hidden;white-space: nowrap; text-overflow:ellipsis;-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;  }
.pordl ul li .text{ float:left; width:100%; padding:13px 22px;}
.pordl ul li i{ float:left; width:100%; line-height:0; overflow:hidden;}
.pordl ul li p{ float:left; width:100%; line-height:0; overflow:hidden; display: flex;justify-content: space-between;  align-items: center; margin:10px 0;}
.pordl ul li p em{ float:left; margin:0 6px; line-height:0; text-align:center;}
.pordl ul li h6{ float:left; width:100%; color:#666666; line-height:26px; font-size:16px; margin:5px 0 16px 0;}
.pordl ul li h5{ float:left; width:100%; color:#f57523; line-height:28px; font-size:18px; font-weight:bold; position:relative; margin:5px 0;}
.pordl ul li h5:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:50%; background:#cccccc; z-index:1;}
.pordl ul li h5 span{ position:relative; z-index:3; background:#fff; padding-right:4px;}
.pordl ul li a:hover{ border:1px solid #f57523; box-shadow:0 7px 24px rgba(149,149,149,0.33);}
.pordl ul li a:hover h3{ background:#f57523; color:#fff;}
.pordS{ float:left; width:100%; margin:85px 0 20px 0; background:#fff; border-radius:10px; box-shadow:0 7px 24px rgba(149,149,149,0.33); padding:48px 4.275%;}
._so{ float:left; width:100%; position:relative; padding-right:123px;}
._so .Search{ float:left; width:100%; border:1px solid #cccccc; color:#666666; line-height:36px; font-size:20px;  height:56px; padding:9px 5.6%;}
._so .submit{ float:left; position:absolute; right:0; top:0; border:none; width:123px; height:56px; background:url(../_im_g/sub1.png) center no-repeat #f57523; }
._so .Search:focus{border:1px solid #f57523;}
._btn{ float:left; width:100%;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;}
.screen{ float:left; width:100%; overflow:hidden; margin-top:30px;}
.screen ul{ margin:-1px -10px; flex-wrap:wrap; display: flex;}
.screen li{ float:left; width:16.66%; border-bottom:1px dashed #dddddd; padding:27px 10px 21px 10px;}
.screen li h5{ float:left; width:100%; color:#333333; font-weight:bold; position:relative; padding-left:30px; font-size:20px; line-height:30px; cursor:pointer;}
.screen dl{ float:left; width:100%; padding:14px 0 0 10px;}
.screen dl dd{ float:left; width:100%; cursor:pointer; color:#666666; position:relative; padding-left:30px; font-size:18px; line-height:30px; margin:5px 0;}
.screen input[type="checkbox"]{ float:left; cursor:pointer; position:absolute; left:0; top:5px; width:20px; height:20px; text-align: center; border-radius:6px;}
.screen input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width:100%;height:100%; background:url(../_im_g/ico16.png) center no-repeat #fff; background-size:100% 100%;}
.screen input[type="checkbox"]:checked::before{content: ""; background:url(../_im_g/ico15.png) center no-repeat #fff; background-size:100% 100%; position: absolute;top: 0;left: 0;width:100%;font-size:0; color:#f57523; }

@media screen and (max-width:1600px){
.pordl ul{ margin:-15px;}
.pordl ul li{ padding:15px;}
.screen li h5{ font-size:18px; padding-left:28px;}
.screen dl dd{ font-size:16px; padding-left:28px;}
}
@media screen and (max-width:1400px){
.screen li{ width:20%;}
}
@media screen and (max-width:1100px){
.pordl{ margin:25px 0 35px 0;}
.pordl ul{ margin:-8px;}
.pordl ul li{ width:50%; padding:8px;}
.pordl ul li .text{ padding:10px 12px;}
.pordl ul li h3{ font-size:18px; line-height:30px; padding:8px 12px;}
.pordl ul li h6{ font-size:15px; line-height:24px; margin:0 0 8px 0;}
.pordl ul li p{ margin:0;}
.pordl ul li a:hover{ box-shadow:0 5px 12px rgba(149,149,149,0.33);}
.pordS{ margin:30px 0 10px 0; box-shadow:0 5px 12px rgba(149,149,149,0.33);padding:25px 15px;}
.screen{ margin-top:10px;}
.screen ul{ margin:-1px -7px;}
.screen li{ width:33.33%; padding:15px 7px;}
.screen li h5{ font-size:17px; line-height:26px; padding-left:23px;}
.screen dl{ padding:6px 0 0 8px;}
.screen dl dd{ font-size:15px; line-height:26px; padding-left:23px; margin:2px 0;}
.screen input[type="checkbox"]{ top:5px; width:16px; height:16px;}
._so{padding-right:66px;}
._so .Search{ line-height:30px; font-size:16px;  height:40px; padding:4px 12px;}
._so .submit{ width:66px; height:40px; }
}
@media screen and (max-width:767px){	
.pordl ul li{ width:100%;}
.screen li{ width:50%;}
}

.pordC{ padding-top:100px;}
.pordC .title{float: left; width: 100%; color: #000000; font-weight: bold; font-size: 36px;line-height: 32px;}
.pordB{ background:#eeeeee; padding-top:100px; padding-bottom:100px;}
.pordB .box{ float:left; width:100%; background:#fff;flex-wrap:wrap; display: flex;}
.pordB .title{float: left; width: 100%; text-align:center; color: #000000; font-weight: bold; font-size: 36px;line-height: 32px; margin-bottom:8px;}
.pordB .img{ float:left; width:42.8%;box-shadow:0 7px 24px rgba(149,149,149,0.33); padding:50px 30px;}
.pordB .pic{ float:left; width:100%; position:relative; margin:3.5% 0 0 0;}
.pordB .pic .slick-prev,
.pordB .pic .slick-next{ width:18px; height:18px; border:2px solid #999999; z-index:8; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.pordB .pic .slick-prev{ left:0; border-top:none !important; border-right:none !important;}
.pordB .pic .slick-next{ right:0; border-bottom:none !important; border-left:none !important;}
.pordB .pic .slick-prev:hover,
.pordB .pic .slick-next:hover{ border:2px solid #f57523;}
.pordB .pic .flex-control-thumbs{ float:left; width:100%; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; position:absolute; left:0; bottom:-3%; z-index:6;}
.pordB .pic .flex-control-thumbs li{ width:10px; height:10px; border-radius:50%; background:#9f9f9f; margin:0 10px; cursor:pointer;}
.pordB .pic .flex-control-thumbs li img{ opacity:0;}
.pordB .pic .flex-control-thumbs li.slick-active{ background:#f57523;}
.flex-viewport{float: left; width: 100%; z-index:3; text-align:center; padding:0 5%;}
.product-gallery-control .item-icon{ float:left; width:48px; height:48px; position:absolute; right:0; bottom:0; background:url(../_im_g/ico17.png) center no-repeat; background-size:100% 100%; z-index:6;}

.pordB .text{ float:left; width:57.2%; padding:50px 2.5% 40px 4.375%;}
.pordB .text .tit{ float:left; width:100%; color:#f57523; font-weight:bold; font-size:24px; line-height:34px;}
.pordB .text .jj{ float:left; width:100%; color:#666666;font-size:16px; line-height:22px;margin:1% 0px 1% 0px;}
.pordB .text .list{ flex-wrap:wrap; display: flex; float:left; width:100%; border-bottom:1px solid #dddddd; margin:0.5% 0 2% 0; padding-bottom:2.3%;}
.pordB .text .list li{ float:left; width:16.66%; text-align:center; padding:8px 5px;}
.pordB .text .list li i{ float:left; width:100%; line-height:0;}
.pordB .text .list li i img{ height:48px;}
.pordB .text .list li h5{ float:left; width:100%; color:#9f9f9f; font-size:16px; line-height:18px; margin-top:10px;}
.pordB .text .zai{ float:left; width:100%; margin-top:1.54%;}
.pordB .text .zai a{ float:left; width:100%; color:#666666; font-size:20px; line-height:30px; padding-left:44px; margin-top:2.1%; background:url(../_im_g/ico18.png) 0 4px no-repeat;}
.pordB .text .zai a:hover{ color:#f57523;}
.pordB .text .tab{ float:left; width:100%; border:1px solid #cccccc; margin:2% 0;}
.pordB .text .tab dd{ float:left; width:100%; color:#666666; font-size:16px; line-height:22px; border-bottom:1px solid #cccccc; padding:8px 0;}
.pordB .text .tab dd:nth-child(2n+1){ background:#f8f8f8;}
.pordB .text .tab dd:last-child{ border-bottom:none;}
.pordB .text .tab dd em{ float:left; line-height:0; margin-right:15px;}
.pordB .text .tab dd em:nth-child(1){ margin-left:4%;}
.pordB .text .tab span{ float:left; width:42.7%; padding:0 4%;}
.pordB .text .tab span:nth-child(2n){ width:57.3%;}
.pordD{ float:left; width:100%; position:relative;}
.pordD:after{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:url(../_im_g/main51.png) center no-repeat; background-size:100% 100%;}
.pordD .text{ float:left; width:100%; position:relative; z-index:3; padding:47px 0 32px 0;}
.pordD .text .tit{ float:left; width:100%; font-weight:bold; color:#eeeeee; font-size:36px; line-height:46px;}
.pordD .text .cont{ float:left; width:100%; color:#eeeeee; font-size:16px; line-height:36px; margin:32px 0 26px 0;}
.pordD .text .list{ float:left; width:100%;}
.pordD .text .list li{ float:left;flex-direction:column; flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; margin-right:28px; margin-top:12px;}
.pordD .text .list li:last-child{ margin-right:0;}
.pordD .text .list li i{ float:left; line-height:0;}
.pordD .text .list li h5{ float:left; color:#eeeeee; font-size:14px; line-height:22px; margin-top:16px;}


@media screen and (max-width:1600px){
.pordC .title,
.pordB .title{ font-size:30px; line-height:28px;}
.pordB .text{ padding:40px 2.5% 40px 2.5%;}
.pordB .text .list li h5{ font-size:14px; margin-top:5px;}
.pordD .text .tit{ font-size:30px; line-height:40px;}
.pordB .text .list{ padding-bottom:1.5%;margin:0 0 1% 0;}
.pordB .text .list li{ padding:5px 5px;}
.pordB .text .jj{ margin:0;}
.pordB .text .tab{ margin:1% 0;}
.pordB .text .tab dd{ padding:5px 0;}
}
@media screen and (max-width:1100px){
.pordC{ padding-top:30px;}
.pordC .title,
.pordB .title{ font-size:24px; line-height:22px;}
.pordB{ padding-top:30px; padding-bottom:30px;}
.pordB .img{ width:100%; box-shadow:0 5px 12px rgba(149,149,149,0.33); padding:25px 15px;}
.pordB .text{ width:100%; padding:25px 15px;}
.pordB .text .tab{ margin:10px 0;}
.pordB .text .list{ margin:10px 0; padding-bottom:10px;}
.pordB .text .list li h5{ margin-top:6px;}
.pordB .text .zai{ margin-top:5px;}
.pordB .text .zai a{ margin-top:4px; padding-left:30px; font-size:18px;}
.pordB .text .tab span{ padding:0 12px;}
.pordD .text{ padding:30px 0;} 
.pordD .text .tit{ font-size:24px; line-height:34px;}
.pordD .text .cont{ font-size:15px; line-height:24px; margin:10px 0 8px 0;}
.pordD .text .list li{ margin-right:15px;}
.pordD .text .list li h5{ margin-top:8px;} 
}
@media screen and (max-width:767px){
.pordB .text .list{flex-wrap:wrap;}	
.pordB .text .list li{ width:33.33%;}
.product-gallery-control .item-icon{ width:30px; height:30px; background-size:contain;}
.pordB .pic{ margin:4% 0 0 0;}
.pordB .pic .flex-control-thumbs{ width:60px;}
.pordB .pic .flex-control-thumbs li{ margin-top:7px;}
}


.newsA{ background:#f5f5f5; padding-bottom:102px;}
.newsA .tit{ float:left; width:100%; text-align:center; font-weight:bold; color:#333333; font-size:36px; line-height:48px;}
.newsA .box{ float:left; width:100%; position:relative;}
.newsA .box:after{ float:left; width:1px; height:100%; content:''; position:absolute; right:298px; margin-right:3.5%; top:0; background:#dcdcdc;}
.newsA1{ float:left; width:-webkit-calc(93% - 298px); width:-moz-calc(93% - 298px); width:calc(93% - 298px); padding-top:95px;}
.newsA1 .time{ float:left; width:100%; text-align:center; color:#333333; font-size:16px; line-height:26px; border-bottom:1px solid #dcdcdc; padding:38px 0 52px 0;}
.newsA1 .time span{ padding:0 60px;}
.newsA1 .cont{ float:left; width:100%; color:#333333; font-size:16px; line-height:24px; margin:64px 0 36px 0;}
.newsA1 .fanhui{ float:left; width:100%; margin:46px 0;}
.newsA1 .fanhui a{ float:left; color:#333333; font-size:18px; line-height:28px; padding-left:38px; background:url(../_im_g/ico19.png) left center no-repeat;}
.newsA1 .fanhui a:hover{ color:#f57523; background:url(../_im_g/ico20.png) left center no-repeat;}
.newsA1 .page{ float:left; width:100%; border-top:1px solid #dcdcdc; padding:27px 0 7px 0;}
.newsA1 .page a{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; overflow:hidden; white-space: nowrap; 
text-overflow:ellipsis; margin:15px 0;}
.newsA1 .page a:hover{ color:#f57523;}
.newsA2{ float:right; width:298px; padding-top:95px;}
.newsA2 .tit{ text-align:left;}
.newsA2 .list{ float:left; width:100%; border-top:1px solid #dcdcdc; margin-top:30px;}
.newsA2 .list ul{ float:left; width:100%;}
.newsA2 .list ul li{ float:left; width:100%; border-bottom:1px solid #dcdcdc; padding:30px 0;}
.newsA2 .list ul li a{ float:left; width:100%;}
.newsA2 .list ul li i{ float:left; width:100%; line-height:0; overflow:hidden;}
.newsA2 .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;}
.newsA2 .list ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.newsA2 .list ul li h5{ float:left; width:100%; color:#333333; font-weight:bold; font-size:20px; line-height:30px; max-height:60px; 
overflow:hidden;word-break: break-all;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; margin:28px 0;}
.newsA2 .list ul li time{ float:left; width:100%; color:#666666; font-size:16px; line-height:20px; position:relative; padding:0 26px; background:url(../_im_g/ico21.png) left center no-repeat;}
.newsA2 .list ul li time:after{ float:left; width:20px; height:20px; content:''; position:absolute; top:0; right:0; background:url(../_im_g/ico19.png) center no-repeat; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.newsA2 .list ul li a:hover h5{ color:#f57523;}
.newsA2 .list ul li a:hover time:after{ background:url(../_im_g/ico20.png) center no-repeat;}

@media screen and (max-width:1600px){
.newsA .tit{ font-size:30px; line-height:40px;}
.newsA1 .time span{ padding:0 30px;}
}
@media screen and (max-width:1100px){
.newsA{ padding-bottom:30px;}
.newsA .tit{ font-size:19px; line-height:30px;}
.newsA .box:after{ display:none;}
.newsA1{ width:100%; padding-top:30px;}
.newsA1 .time{ padding:15px 0 20px 0;}
.newsA1 .cont{ margin:25px 0 10px 0;}
.newsA1 .fanhui{ margin:20px 0;}
.newsA1 .fanhui a{ padding-left:30px;}
.newsA1 .page{ padding:25px 0 0 0;}
.newsA1 .page a{ margin:3px 0;}
.newsA2{ width:100%; padding-top:30px;}
.newsA2 .list{ margin-top:20px;}
.newsA2 .list ul li{ width:49%; padding:20px 0;}
.newsA2 .list ul li:nth-child(2n){ float:right;}
.newsA2 .list ul li h5{ font-size:18px; line-height:28px; max-height:56px; margin:15px 0 10px 0;}

}
@media screen and (max-width:767px){
.newsA2 .list ul li{ width:100%;}
.newsA1 .time span{ padding:0; display:block;}
}


.wack1{ float:left; width:100%; display:flex; justify-content: center; }
.wack1 .pz_fy{ display:flex;}
.wack1 .pz_fy a { float:left; width:36px; height:36px; line-height:36px; text-align:center;  border-radius:36px; border:1px solid #cccccc; color:#999999; font-size:14px; margin:0 5px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; border:1px solid #f57523; background:#f57523;}
.wack1 .pz_fy .l_fy,
.wack1 .pz_fy .r_fy{ width:80px; margin:0 10px;}
.wack1 .pz_fy .l_fy i,
.wack1 .pz_fy .r_fy i{ display:block; width:20px; height:2px; background:#999999; margin:16px auto; position:relative;}
.wack1 .pz_fy .l_fy i:after,
.wack1 .pz_fy .r_fy i:after{float:left; width:9px; height:9px; border:2px solid #999999; transform:translateY(-50%) rotate(45deg); -ms-transform:translateY(-50%) rotate(45deg); content:''; position:absolute; left:50%; top:50%;}
.wack1 .pz_fy .l_fy i:after{ left:0; border-top:none !important; border-right:none !important; }
.wack1 .pz_fy .r_fy i:after{ right:0; border-bottom:none !important; border-left:none !important;}
.wack1 .pz_fy .l_fy:hover i,
.wack1 .pz_fy .r_fy:hover i{ background:#fff;}
.wack1 .pz_fy .l_fy:hover i:after,
.wack1 .pz_fy .r_fy:hover i:after{ border:2px solid #fff;}

@media  screen and (max-width:1100px){
.wack1 .fy_pc{ text-align:center; font-size:16px; text-transform:uppercase; color:#272727; padding:5px 0;}
.wack1 .fy_pc a{ padding:6px 25px; color:#fff; border:solid 1px #f57523; background:#f57523; border-radius:16px; overflow:hidden;}
.wack1 .fy_pc span{ padding:6px 20px; color:#333333;}
}

.newsB{ background:#f5f5f5; padding-top:100px; padding-bottom:100px;}
._newsL{ float:left; width:100%; margin-bottom:82px;}
._newsL ul{flex-wrap:wrap; display: flex; margin:-23px;}
._newsL ul li{ float:left; width:50%; padding:23px;}
._newsL ul li a{ float:left; width:100%; position:relative; background:#fff; min-height:184px; padding-left:298px;}
._newsL ul li i{ float:left; width:298px; height:184px; position:absolute; left:0; top:0; line-height:0; overflow:hidden;}
._newsL 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;}
._newsL ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
._newsL ul li .text{ float:left; width:100%; padding:28px 10% 15px 6.26%;}
._newsL ul li h4{ float:left; width:100%; color:#333333; font-size:20px; line-height:28px; font-weight:bold; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
._newsL ul li h5{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; height:48px; overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; position:relative; margin:15px 0 20px 0;}
._newsL ul li time{ float:left; width:100%; color:#666666; font-size:16px; line-height:24px; position:relative; background:url(../_im_g/ico21.png) left center no-repeat; padding-left:27px;}
._newsL ul li time em{ float:left; width:20px; height:20px; position:absolute; top:0; right:0; background:url(../_im_g/ico19.png) center no-repeat; transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
._newsL ul li a:hover h4{ color:#f57523;}
._newsL ul li a:hover time em{ background:url(../_im_g/ico20.png) center no-repeat;}
._newsL ul li:first-child{ width:100%;}
._newsL ul li:first-child a{ min-height:420px; padding-left:680px;}
._newsL ul li:first-child i{ width:680px; height:420px;}
._newsL ul li:first-child ._Button{ position:absolute; right:0; top:50%; text-transform:uppercase; transform:translateY(-50%); -ms-transform:translateY(-50%);}
._newsL ul li:first-child .text{ padding:76px 5.4% 40px 7.6%;}
._newsL ul li:first-child h4{ font-size:24px; line-height:32px;}
._newsL ul li:first-child h5{ line-height:35px; height:70px; margin:38px 0 102px 0;}
._newsL ul li:first-child time:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; top:-57px; background:#dddddd;}

@media  screen and (max-width:1600px){
._newsL ul{ margin:-15px;}
._newsL ul li{ padding:15px;}
}
@media  screen and (max-width:1400px){
._newsL ul li a{ min-height:148px; padding-left:240px;}
._newsL ul li i{ width:240px; height:148px;}
._newsL ul li .text{ padding:15px 8% 15px 6%;}
._newsL ul li h5{ margin:5px 0 10px 0;}
._newsL ul li:first-child a{ min-height:296px; padding-left:480px;}
._newsL ul li:first-child i{ width:480px; height:296px;}
._newsL ul li:first-child .text{ padding:40px 5.4% 30px 7.6%;}
._newsL ul li:first-child h4{ font-size:24px; line-height:32px;}
._newsL ul li:first-child h5{ line-height:30px; height:60px; margin:20px 0 65px 0;}
._newsL ul li:first-child time:after{ top:-42px;}

}
@media  screen and (max-width:1100px){
.newsB{ padding-top:30px; padding-bottom:30px;}
._newsL{ margin-bottom:25px;}
._newsL ul{ margin:-7px;}
._newsL ul li{ padding:7px;}
._newsL ul li a{ min-height:110px; padding-left:178px;}
._newsL ul li i{ width:178px; height:110px;}
._newsL ul li .text{ padding:13px 12px;}
._newsL ul li h4{ font-size:18px; line-height:26px;}
._newsL ul li h5{ font-size:15px; height:24px;-webkit-line-clamp:1; margin:3px 0 5px 0;}
._newsL ul li time{ font-size:15px; padding-left:22px;}

._newsL ul li:first-child a{ min-height:210px; padding-left:340px;}
._newsL ul li:first-child i{ width:340px; height:210px;}
._newsL ul li:first-child .text{ padding:25px 5.4% 20px 7.6%;}
._newsL ul li:first-child h4{ font-size:18px; line-height:26px;}
._newsL ul li:first-child h5{ font-size:15px; line-height:26px; height:52px; margin:8px 0 44px 0;}
._newsL ul li:first-child time:after{ top:-28px;}
}
@media  screen and (max-width:767px){
._newsL ul li{ width:100%;}	
._newsL ul li a{ min-height:95px; padding-left:154px;}
._newsL ul li i{ width:154px; height:95px;}
._newsL ul li .text{ padding:10px 12px;}
._newsL ul li h4{ font-size:17px;}
._newsL ul li h5{ margin:0;}

._newsL ul li:first-child a{ min-height:inherit; padding-left:0;}
._newsL ul li:first-child i{ position:relative; width:100%; height:auto;}
._newsL ul li:first-child .text{ padding:20px 15px 30px 15px;}
}



.nbanner{width:100%;float:left;position:relative;margin-top:90px;}
.nbanner:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.22);}
.nbanner .bapic{line-height:0;width:100%}
.nbanner .bapic img{width:100%}
.nbanner .tit{max-width: 1600px;margin:0 auto;width: 100%;}
.nbanner h4{font-size:48px;font-weight:600;color:#fff; text-transform:uppercase;}
.nbanner line{height:4px;width:60px;background:#fff;margin-top:1.56%;display:block}
.nbanner .ctext{position: absolute; top:54%;left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); z-index: 2;} 

.mbx{width:100%;float:left;background:#fff}
.mbx .mcon{display:flex;align-items:center;height:80px;}
.mbx a{font-size:18px;color:#666666;}
.mbx a:hover{color:#F57523}
.mbx img{margin-right:16px;}
@media screen and (max-width:1024px){
.nbanner{margin-top:60px;}
.nbanner h4{font-size:24px;}
.nbanner line{height:3px;width:40px; margin-top:2%;}
.mbx .mcon{height:50px;}
.nbanner .ctext{ top:50%;}
.mbx a{font-size:16px;}
.mbx img{margin-right:14px;}
}



.slideA{ padding-top:25px; padding-bottom:25px; margin-top:90px;}
._slide{ float:left; width:100%; color:#666666; text-transform:uppercase; font-size:18px; line-height:30px; background:url(../_im_g/ico14.png) left center no-repeat; padding-left:36px;}
._slide a{ color:#666666;}
._slide a:hover{ color:#f57523;}
@media screen and (max-width:1200px){
.slideA{ padding-top:10px; padding-bottom:10px; margin-top:60px;}
._slide{ font-size:15px; line-height:28px; padding-left:30px;}	
}


/*about*/
.abcon1{width:100%;float:left;padding-top:100px;padding-bottom:90px;background:url(../_im_g/pimg1.jpg) center no-repeat;background-size:cover;}
.abcon1 h4{font-size:48px;font-weight:600;color:#333;text-align:center;line-height:48px;}
.abcon1 line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px auto 35px auto;} 
.abcon1 h6{font-size:20px;font-weight:400;color:#666;text-align:center;line-height:36px;}
.abcon1 ul{display:flex;justify-content:center;margin-top:90px;}
.abcon1 ul li{padding:0 85px;position:relative}
.abcon1 ul li:after{content:"";height:135px;width:1px;position: absolute;right: 0;top: 50%;transform: translate(0, -50%);
background:linear-gradient(to bottom,rgba(215,215,215,0),rgba(215,215,215,1),rgba(215,215,215,0));}
.abcon1 ul li .num{font-size:52px;line-height:36px;font-weight:600;color:#f57523;text-align:center}
.abcon1 ul li .tt{font-size:18px;line-height:24px;font-weight:400;color:#666;margin-top:14px;text-align:center}
.abcon2{width:100%;float:left;padding-top:100px;padding-bottom:140px;background:url(../_im_g/pimg2.jpg) center no-repeat;background-size:cover}
.abcon2 h4{font-size:48px;font-weight:600;color:#333;text-align:center;line-height:48px;}
.abcon2 line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px auto 35px auto;}
.abcon2 ul{padding:0 50px;position:relative;z-index:1;margin-top:55px;float:left;width:100%}
.abcon2 ul:after{content:"";height:1px;width:100%;position:absolute;background:#CCCCCB; top: 155px;left: 0;z-index:-1}
.abcon2 ul li{padding:60px 40px;float:left}
.abcon2 ul li:hover{cursor:pointer;border-radius:6px;box-shadow:5px 5px 7px rgba(245,117,35,0.41);background:url(../_im_g/picon2.png)#FF6C00 center no-repeat;background-size:cover;}
.abcon2 ul li:hover h6{color:#fff}
.abcon2 ul li:hover .time{color:#fff;}
.abcon2 ul li:hover .circle{background:#fff}
.abcon2 ul li .time{font-size:36px;font-weight:600;color:#666666;line-height:36px;}
.abcon2 ul li .circle{height:10px;width:10px;background:#CCCCCC;border-radius:50%;margin:55px 0;position:relative}
.abcon2 ul li h6{font-size:18px;line-height:36px;color:#666666;}
.abcon2 ul li.slick-current{border-radius:6px;box-shadow:5px 5px 7px rgba(245,117,35,0.41);background:url(../_im_g/picon2.png)#FF6C00 center no-repeat;background-size:cover;}
.abcon2 ul li.slick-current .time{color:#fff;}
.abcon2 ul li.slick-current .circle{background:#fff}
.abcon2 ul li.slick-current .circle:after{content:"";height:19px;width:19px;border-radius:50%; position:absolute;border:1px dashed #fff;top:-4.5px;left:-4.5px;}
.abcon2 ul li.slick-current h6{color:#fff;}
.abcon2 .slick-arrow{height:52px;width:52px;border-radius:50%;background:#CCCCCC; top:157px;}
.abcon2 .slick-arrow:after{content:"";height:12px;width:12px;border-top:1px solid #fff;border-right:1px solid #fff; top:50%;left:50%;position:absolute;}
.abcon2 .slick-arrow:hover{background:#FF6C00}
.abcon2 .slick-prev{left:-56px;}
.abcon2 .slick-next{right:-56px;}
.abcon2 .slick-prev:after{transform:translate(-50%,-50%)rotate(225deg);margin-left:2px;}
.abcon2 .slick-next:after{transform:translate(-50%,-50%)rotate(45deg);margin-left:-2px;}

.abcon3{width:100%;float:left;padding-top:100px;padding-bottom:100px;background:#1F2439}
.abcon3 .div{ float:left; width:100%; position:relative;}
.abcon3 .aleft{width:46.5%;float:left;}
.abcon3 .aleft h4{font-size:48px;line-height:36px;color:#fff;}
.abcon3 .aleft h6{font-size:18px;line-height:36px;color:rgba(255,255,255,0.67);margin-top:6.7%;}
.abcon3 .aright{width:49%;float:right;}
.abcon3 .aright .img{width:100%;line-height:0}
.abcon3 .aright .img img{width:100%;line-height:0}
.abcon3 ._box{ float:left; width:100%; position:relative; z-index:1;}
.abcon3 ._box .text{ float:left; width:100%;}
.abcon3 ._box .l1{ float:left; width:100%; position:relative;}
.abcon3 ._box .slick-next{height:52px;width:52px;left:51%;bottom:0;border:1px solid rgba(255,255,255,0.39);top:auto;transform:translate(0)}
.abcon3 ._box .slick-next:after{content:"";height:12px;width:12px;border-top:1px solid rgba(255,255,255,0.39);border-right:1px solid rgba(255,255,255,0.39);top:50%;left:50%;position:absolute; transform:translate(-50%,-50%)rotate(45deg);margin-left:-2px;}
.abcon3 .data{ float:left; width:46.5%; position:absolute; left:0; top:100%; z-index:3; margin-top:-150px; margin-right:10%;}
.abcon3 .datat{font-size:20px;line-height:36px;color:#fff;font-weight:700;text-align:center; cursor:pointer;}
.abcon3 .datat.slick-current{font-size:30px;text-align:left}
.abcon3 .banner_number{ float:left; width:46.5%; display:flex;font-size:18px;color:#fff;align-items:flex-end;border-bottom:1px solid rgba(255,255,255,0.3);padding-bottom:15px; margin-right:10%; position:absolute; left:0; top:100%; z-index:3; margin-top:-60px; }
.abcon3 .banner_number .number{font-size:30px;font-weight:600;line-height:30px;}

.abcon4{width:100%;float:left;padding-top:100px;padding-bottom:100px;background:#fff}
.abcon4 h4{font-size:48px;font-weight:600;color:#333;text-align:center;line-height:48px;}
.abcon4 line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px auto 35px auto;}
.abcon4 .slick-list{width:calc(100% + 50px);margin:0 -25px;}
.abcon4 .slick-list li{padding:0 25px;float:left}
.abcon4 ul li .img{width:100%;line-height:0}
.abcon4 ul li img{width:100%}
.abcon4 .slick-arrow{height:52px;width:52px;border-radius:50%;border:1px solid #CCCCCC}
.abcon4 .slick-arrow:hover{border:1px solid #FF6C00}
.abcon4 .slick-arrow:after{content:"";height:12px;width:12px;border-top:1px solid #999999;border-right:1px solid #999999; top:50%;left:50%;position:absolute;}
.abcon4 .slick-arrow:hover:after{border-top:1px solid #FF6C00;border-right:1px solid #FF6C00}
.abcon4 .slick-prev{left:-64px;}
.abcon4 .slick-next{right:-64px;}
.abcon4 .slick-prev:after{transform:translate(-50%,-50%)rotate(225deg);margin-left:2px;}
.abcon4 .slick-next:after{transform:translate(-50%,-50%)rotate(45deg);margin-left:-2px;}

.abcon5{width:100%;float:left;padding-top:100px;padding-bottom:80px;background:#F5F5F5}
.abcon5 h4{font-size:48px;font-weight:600;color:#333;text-align:center;line-height:48px;}
.abcon5 line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px auto 35px auto;}
																			  
.abcon6{width:100%;float:left;padding-bottom:100px;background:#fff;position:relative}
.abcon6 .top{line-height:0;width:100%;position:absolute;float:left;transition:all .5s ease;top:0;opacity:0}
.abcon6 .top.act{position:relative;opacity:1;z-index:1}
.abcon6 .top:after{content:"";position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);top:0;left:0}
.abcon6 .top img{width:100%} 
.abcon6 .top .tit{ float:left; width:100%; position:absolute; width:100%; top:0; padding-top:10%; left:0; z-index:3}
.abcon6 .top .tit h4{font-size:36px;font-weight:600;color:#fff;line-height:36px; padding:0 10%;}
.abcon6 .top .tit h6{font-size:18px;color:#fff;line-height:36px;margin-top:2.8%; padding:0 10%;}
.abcon6 .down ul{margin-top:-60px;position:relative;z-index:2}
.abcon6 .down li{height:120px;line-height:120px;text-align:center;color:#fff;font-size:20px;float:left;width:20%;background:#FF6C00;}
.abcon6 .down li:hover{cursor:pointer;}
.abcon6 .down li.on{background:#D94D00}
.abcon6 .down li:first-child{border-top-left-radius:4px;border-bottom-left-radius:4px;}
.abcon6 .down li:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px;}
@media screen and (max-width:1600px){
.abcon2 ul li{ padding:60px 20px;}	
.abcon2 ul li h6{ line-height:30px;}
.abcon3 .aleft h4{ font-size:36px;}
.abcon3 .aleft h6{ margin-top:4%; line-height:32px;}
.abcon3 .data{margin-top:-105px;}
.abcon3 .datat{ font-size:18px;}	
.abcon3 .datat.slick-current{ font-size:24px;}
.abcon3 .banner_number{ margin-top:-46px;}
}
@media screen and (max-width:1300px){	
.abcon3 .datat.slick-current{font-size:24px;}
.abcon3 .datat{font-size:18px;}
.abcon3 .data{margin-top:20px;}
.abcon3 .banner_number{ margin-top:80px;}
.abcon6 .top .tit{ padding-top:8%;}
.abcon3 .div{ margin-bottom:100px;}
}
@media screen and (max-width:1024px){
.abcon1{padding-top:30px;padding-bottom:10px;}
.abcon1 h4{font-size:24px;line-height:24px;}
.abcon1 line{height:4px;width:40px;margin:15px auto 25px auto;} 
.abcon1 h6{font-size:16px;line-height:26px;}
.abcon1 ul{margin-top:25px;flex-wrap:wrap}
.abcon1 ul li{padding:10px 15px;width:50%}
.abcon1 ul li:after{content:"";height:100%;width:1px;}
.abcon1 ul li:nth-child(2n):after{display:none}
.abcon1 ul li .num{font-size:24px;line-height:26px;}
.abcon1 ul li .tt{font-size:16px;line-height:18px;margin-top:8px;}

.abcon2{padding-top:30px;padding-bottom:80px }
.abcon2 h4{font-size:24px;line-height:24px;}
.abcon2 line{height:4px;width:40px;margin:10px auto 15px auto;}
.abcon2 ul{padding:0px;position:relative;z-index:1; margin-top:10px;}
.abcon2 ul:after{display:none}
.abcon2 ul li{padding:20px;float:left}
.abcon2 ul li .time{font-size:24px;line-height:24px;}
.abcon2 ul li .circle{margin:20px 0;position:relative}
.abcon2 ul li h6{font-size:16px;line-height:24px}
.abcon2 .slick-arrow{height:40px;width:40px;bottom:-75px;top:auto}
.abcon2 .slick-arrow:after{content:"";height:10px;width:10px;}
.abcon2 .slick-prev{left:35%;}
.abcon2 .slick-next{right:35%;}

.abcon3{padding-top:30px;padding-bottom:30px;}
.abcon3 .aleft{width:100%;padding-right:0px;}
.abcon3 .aleft h4{font-size:24px;line-height:24px;color:#fff;}
.abcon3 .aleft h6{font-size:16px;line-height:24px;margin-top:24px;}
.abcon3 .aright{width:100%; margin-top:25px;}
.abcon3 ._box .slick-next{ left:0; height:40px;width:40px;}
.abcon3 ._box .slick-next:after{content:"";height:10px;width:10px;}
.abcon3 .data{ position:static; width:100%; margin-right:0; margin-top:30px;}
.abcon3 .datat{font-size:14px;line-height:24px;}
.abcon3 .datat.slick-current{font-size:18px;}
.abcon3 .banner_number{ width:100%; position:static; margin-right:0; font-size:16px;margin-top:10px;padding-bottom:15px;}
.abcon3 .banner_number .number{font-size:24px;font-weight:600;line-height:30px;}
.abcon3 .div{ margin-bottom:0;}

.abcon4{padding-top:30px;padding-bottom:80px;background:#fff}
.abcon4 h4{font-size:24px;line-height:24px;}
.abcon4 line{height:4px;width:40px;margin:10px auto 25px auto;}
.abcon4 .slick-list{width:100%;margin:0 ;}
.abcon4 .slick-list li{padding:0;float:left}
.abcon4 .slick-arrow{height:52px;width:52px;border-radius:50%;border:1px solid #CCCCCC}
.abcon4 .slick-arrow:after{content:"";height:12px;width:12px;border-top:1px solid #999999;border-right:1px solid #999999; top:50%;left:50%;position:absolute;}
.abcon4 .slick-arrow{height:40px;width:40px;bottom:-75px;top:auto}
.abcon4 .slick-arrow:after{content:"";height:10px;width:10px;}
.abcon4 .slick-prev{left:35%;}
.abcon4 .slick-next{right:35%;}

.abcon5{padding-top:30px;padding-bottom:10px;}
.abcon5 h4{font-size:24px;line-height:24px;}
.abcon5 line{height:4px;width:40px;margin:10px auto 15px auto;}
.abcon6{padding-bottom:30px;}
.abcon6 .top .tit{top:20%;left:0%; padding:0 15px;}
.abcon6 .top .tit h4{font-size:18px;line-height:22px; padding:0;}
.abcon6 .top .tit h6{font-size:14px;line-height:18px; padding:0; margin-top:3%;}
.abcon6 .down ul{margin-top:0;}
.abcon6 .down li{height:40px;line-height:inherit;font-size:14px;display:flex;align-items:center;justify-content: center;padding:8px 10px;}
}
@media screen and (max-width:767px){
.abcon6 .down li{ width:33.33%; margin-bottom:1px; border-radius:4px; border-right:1px solid #fff;}
.abcon6 .down li:nth-child(1),
.abcon6 .down li:nth-child(2){ width:50%;}	
.abcon6 .top .tit{ top:16%;}
.abcon6 .top .tit h6{ margin-top:5px;}
}


/*contact*/

.contact{width:100%;float:left;padding-bottom:100px;background:#fff;padding-top:80px;}
.contact .top{display:flex;align-items:center;}
.contact .top .icon{display:flex;align-items:center;justify-content:center;height:94px;width:94px;background:#00000F;border-radius:50%}
.contact .top .icon img{max-width:60%}
.contact .top h4{font-size:30px;font-weight:600;color:#666;margin-left:30px;}
.contact ul{width:calc(100% + 64px);margin:60px -32px 0;display:flex;}
.contact ul li{float:left;padding:0 32px;flex:1}
.contact ul li:first-child{flex:1.34}
.contact ul li .tit{float:left}
.contact ul li .box{float:left;padding:40px 30px 30px 30px;position:relative; min-height:100%; border-radius:10px;border:1px solid #E4E4E4;width:100%; display: flex;}
.contact ul li .icon{width:115px; height:115px; border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0px 0px 24px rgba(172,172,172,.33);float:left;margin-right:20px;}
.contact ul li .icon img{max-width:50%}
.contact ul li .tit h4{font-size:20px;line-height:30px;color:#FF6C00}
.contact ul li .tit h6{font-size:18px;line-height:36px;color:#666}
.contact ul li:hover .box{border:1px solid #FF6C00}
@media screen and (max-width:1680px){
.contact ul{width:calc(100% + 40px);margin:60px -20px 0;}
.contact ul li{ padding:0 20px;flex:1}	
.contact ul li .icon{width:90px; height:90px;}
.contact ul li .tit h4{font-size:18px;line-height:24px;}
.contact ul li .tit h6{font-size:14px;line-height:24px;}
.contact .top h4{font-size:24px;}
}
@media screen and (max-width:1440px){
.contact ul li .icon{width:66px !important; height:66px; margin-right:15px;}
.contact ul{width:calc(100% + 30px);margin:40px -15px 0;display:flex;}
.contact ul li{float:left;padding:0 15px;}
.contact ul li .box{padding: 20px 20px 20px 20px;}
.contact .top h4{font-size:24px;}
}
@media screen and (max-width:1024px){
.contact{padding-bottom:40px;padding-top:30px;}
.contact ul li .icon{ margin-right:10px;}
.contact .top .icon{ width:66px; height:66px;}
.contact .top h4{font-size:18px; margin-left:10px;}
.contact ul{width:100%;margin:20px 0 0 0;flex-wrap:wrap}
.contact ul li{padding:0;width:100%;flex:auto !important;margin-bottom:15px;}
.contact ul li .tit h6{ font-size:13px; line-height:22px; margin-top:2px;}
.contact ul li:last-child{margin-bottom:0}
.contact ul li .box{float:left;padding:16px 12px;border-radius:10px; border:1px solid #E4E4E4;width:100%;display:flex;align-items:center;}
}

/*inn*/
.inn1{width:100%;float:left;padding-top:100px;padding-bottom:100px;background:#F5F5F5}
.inn1 .left{width:44.375%;float:left;line-height:0}
.inn1 .left img{width:100%;border-top-right-radius:88px;border-bottom-right-radius:88px;}
.inn1 .right{width:55.625%;float:left;padding-left:57px;position:relative}
.inn1 .right h4{font-size:36px;font-weight:600;color:#FF6C00;line-height:36px;}
.inn1 .right h5{font-size:20px;color:#333;line-height:36px;}
.inn1 .right h6{font-size:16px;color:#666;line-height:36px;margin-top:30px;}
.inn1 .right line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px 0 35px 0;}
.inn1 .right img{position:absolute;right:0;top:0}


.inn2{width:100%;float:left;padding-top:100px;padding-bottom:100px;background:#fff}
.inn2 ul{width:calc(100% + 32px);margin:0 -16px;}
.inn2 ul li{padding:0 16px;float:left;width:25%}
.inn2 ul li .box{display:flex;flex-direction:column}
.inn2 ul li:nth-child(2n) .box{flex-direction:column-reverse}
.inn2 ul li .box .img{line-height:0;width:100%; overflow:hidden;}
.inn2 ul li .box .img 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;}
.inn2 ul li .box:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.inn2 ul li .box .img img{width:100%}
.inn2 ul li .box .tit{background:#F4F4F4;padding:65px 15px 0 50px;height:253px;position:relative}
.inn2 ul li .box .num{font-size:48px;line-height:48px;font-style:oblique;font-weight:lighter;color:#333333; position:relative; z-index:3;}
.inn2 ul li .box h4{margin-top:40px;font-size:20px;color:#333333; position:relative; z-index:3;}
.inn2 ul li .box .tit img{position:absolute;right:0;top:50%;transform:translate(0,-50%);max-height:130px; z-index:1;}
.inn2 ul li:hover .num{color:#FF6C00}

.inn3{width:100%;float:left;padding-top:100px;padding-bottom:100px;background:#F5F5F5}
.inn3 .left{width:50%;float:left}
.inn3 .right{width:50%;float:left;}
.inn3 .right img{float:right;margin-bottom:-100px;max-width:100%}
.inn3 .left h4{font-size:48px;font-weight:600;color:#333;text-align:left;line-height:48px;}
.inn3 .left line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px 0 55px 0;}
.inn3 .left h6{font-size:16px;font-weight:600;color:#666;line-height:36px;margin-top:40px;}

.inn4 h4{font-size:48px;font-weight:600;color:#333;text-align:left;line-height:48px;}
.inn4 line{background:#FF6C00;display:block;height:5px;width:66px;margin:30px 0 35px 0;}
.inn4{width:100%;float:left;padding-top:100px;padding-bottom:75px;background:#fff;background:url(../_im_g/pimg18.png) center no-repeat;background-size:cover;}
.inn4 .slick{margin-top:80px;float:left}
.inn4 .slick .sle{width:210px;position:relative;}
.inn4 .slick .sle:after{content:"";width:1px;height:calc(100% + 30px);top:-20px;right:0;border-right:1px dashed #DDD;position:absolute;}
.inn4 .slick .sle .li{ cursor:pointer; background:linear-gradient(to right,rgba(231,231,231,1),rgba(231,231,231,0));height:48px;margin-bottom:14px;position:relative; border-top-left-radius:23.75px;border-bottom-left-radius:23.75px;display:flex;align-items:center;justify-content:center}
.inn4 .slick .sle .li img{max-width:80%}
.inn4 .slick .sle .li .img2{display:none}
.inn4 .slick .sle .li.on{background:linear-gradient(to right,rgba(255,108,0,1),rgba(255,108,0,0));}
.inn4 .slick .sle .li.on .img1{display:none}
.inn4 .slick .sle .li.on .img2{display:block}
.inn4 .slick .sle .li.on:after{position:absolute;content:"";right:0;height:100%;width:1px;background:#FF6C00;z-index:1}
.inn4 .slick2{margin-left:140px;float:left;margin-top:130px;}
.inn4 .slick2 .s2li{opacity:0;z-index:-1;position:absolute;top:130px;transition:all .5s ease;}
.inn4 .slick2 .s2li.on{opacity:1;z-index:1;position:relative;top:auto;}
.inn4 .slick2 .s2li img{/*height:100px;*/}
.inn4 .slick2 .s2li h5{font-size:18px;line-height:36px;color:#666666;margin:24px 0 60px 0;word-wrap:break-word;}
.inn4 .slick2 .s2li .more{width:200px;height:53px;line-height:53px;background:#FF6C00;border-radius:26px; display:flex;align-items:center;justify-content:center;}
.inn4 .slick2 .s2li .more:hover{transform: translateY(-12px); -ms-transform: translateY(-12px); box-shadow: 0 5px 10px rgb(0 0 0 / 20%);}
.inn4 .slick2 .s2li .more p{font-size:18px;color:#fff;margin-right:12px;}
.inn4 .slick2 .s2li .more i{font-size:18px;color:#fff;}
@media screen and (max-width:1600px){
.inn2 ul li .box .tit{padding:40px 15px 0 30px;}
}
@media screen and (max-width:1440px){
.inn2 ul li .box .tit{padding:40px 15px 0 20px;height: 200px;}
.inn2 ul li .box .tit img{max-height:80px;}
}
@media screen and (max-width:1024px){
.inn1{padding-top:30px;padding-bottom:30px;}
.inn1 .left{width:100%;}
.inn1 .left img{width:100%;border-radius:30px;}
.inn1 .right{width:100%;padding-left:0px;margin-top:20px;}
.inn1 .right h4{font-size:24px;line-height:24px;}
.inn1 .right h5{font-size:18px;line-height:24px;}
.inn1 .right h6{font-size:14px;line-height:24px;margin-top:20px;}
.inn1 .right line{height:2px;width:40px;margin:10px 0 15px 0;}
.inn1 .right img{position:absolute;right:0;top:0;max-width:50%;max-width:50px;}

.inn2{padding-top:30px;padding-bottom:30px;}
.inn2 ul{width:100%;margin:0;}
.inn2 ul li{padding:0;width:100%}
.inn2 ul li .box{display:flex;flex-direction:column}
.inn2 ul li:nth-child(2n) .box{flex-direction:column}
.inn2 ul li .box .tit{background:#F4F4F4;padding:20px;height:auto;position:relative}
.inn2 ul li .box .num{font-size:24px;line-height:24px;}
.inn2 ul li .box h4{margin-top:20px;font-size:16px;}
.inn2 ul li .box .tit img{max-height:50px;}
.inn2 ul li:hover .num{color:#FF6C00}

.inn3{padding-top:30px;padding-bottom:0px;}
.inn3 .left{width:100%;float:left}
.inn3 .right{width:100%;float:left;margin-top:20px;}
.inn3 .right img{float:right;margin-bottom:0px;}
.inn3 .left h4{font-size:24px;line-height:24px;}
.inn3 .left line{height:4px;width:40px;margin:10px 0 15px 0;}
.inn3 .left h6{font-size:14px;line-height:24px;margin-top:20px;}

.inn4 h4{font-size:24px;font-weight:600;color:#333;text-align:left;line-height:24px;}
.inn4 line{background:#FF6C00;display:block;height:4px;width:40px;margin:10px 0 15px 0;}
.inn4{width:100%;float:left;padding-top:30px;padding-bottom:30px; background:url(_im_g/pimg18.png) center no-repeat;background-size:cover;}
.inn4 .slick{margin-top:30px;float:left}
.inn4 .slick .sle{width:140px;position:relative;}
.inn4 .slick .sle .li{height:40px;margin-bottom:8px; border-top-left-radius:20px;border-bottom-left-radius:20px;}
.inn4 .slick .sle .li .img2{display:none}
.inn4 .slick .sle .li.on:after{position:absolute;content:"";right:0;height:100%;width:1px;background:#FF6C00;z-index:1}
.inn4 .slick2{margin-left:10px;float:left;margin-top:50px;width:calc(100% - 150px)}
.inn4 .slick2 .s2li img{width:80%;text-align:center;height:auto}
.inn4 .slick2 .s2li h5{font-size:16px;line-height:24px;margin:12px 0 30px 0;}
.inn4 .slick2 .s2li .more{width:150px;height:40px;line-height:40px;border-radius:20px;}
.inn4 .slick2 .s2li .more p{font-size:16px;color:#fff;margin-right:8px;}
.inn4 .slick2 .s2li .more i{font-size:16px;color:#fff;}

}















