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;} 
body{ text-align:justify;}

.w_1920{ max-width:1920px; margin-right: auto; margin-left: auto; position:relative; z-index:6; }
.w_1760{ max-width:1760px; margin-right: auto; margin-left: auto; position:relative; z-index:6; }
.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{ float:left; width:100%; position:fixed; left:0; top:0; z-index:18; background:url(../_im_g/main1.jpg) center no-repeat; background-size:cover; padding-left:48px; padding-right:48px;}
.head.active{ box-shadow:0 4px 8px rgba(0,0,0,0.1);}
.head .w_1760{flex-wrap:wrap; display: flex; justify-content: space-between; align-items: center;}
.head .logo{ float:left; line-height:0; margin:14px 0; }
.head .logo img{ max-width:none; height:74px;}
.head .right{ float:right;}
.head .lang{ float:right; color:#fff; font-size:16px; line-height:36px;}
.head .lang a{ color:#fff; position:relative; text-transform:uppercase; font-size:16px; line-height:36px;}
.head .lang a:hover{ color:#db211d;}
.head .lang a:last-child::after{ float:left; width:2px; height:2px; content:''; position:absolute; left:-7px; top:50%; margin-top:-1px; border-radius:50%; background:#fff;}
.head .lang a:last-child{ margin-left:13px;}
.head .so_box{ float:left; position:relative; z-index:5; margin-right:10px; width:29px;}
.head .so_box .Search{ float:right; width:0; border-radius:32px; background:rgba(0,0,0,0.2); border:none; font-size:14px; line-height:26px; height:36px; margin-right:-3px; color:#fff;
-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:hover .Search{ width:200px; padding:5px 35px 5px 20px;}
.head .so_box .sear_sub{ float:right; width:29px; height:100%; border:none; background:url(../_im_g/sub.png) center no-repeat; position:absolute; right:0; top:0; z-index:8;}
.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:left; margin-left:1.079%;}
.menu .ul{ float:left;}
.menu .nli{ float:left; position:relative; margin:0 7px;}
.menu .nli span a{ float:left; position:relative; color:#fff; font-size:16px; line-height:102px; padding:0 44px;}
.menu .ul .nli.active span a{ background:#db211d;}
.menu .ul{ float:left; width:100%; display: flex; justify-content: space-between;}
.menu .sub{ display:none; float:left; position:absolute; left:0; top:100%; background:#fff; padding-top:1px; width:100%; }
.menu .sub li{ float:left; width:100%; text-align:center; border-bottom:1px solid #ccc; }
.menu .sub li:last-child{ border-bottom:none;}
.menu .sub li a{ float:left; width:100%; color:#333; font-size:14px; line-height:30px; padding:5px 10px;}
.menu .sub li a:hover{ background:#db211d; color: #fff;}

.xialaph{ position: fixed; left: 0; top: 0; float: left; width: 100%; height: 100%; overflow: scroll; padding:64px 15px; display: none; z-index:16; background:#fff;}
.xialaph .ul2,
.xialaph .ul3{ display: none;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height: 50px;}
.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,
.xialaph h5 i{ float:left; width:9px; height:9px; position:absolute; right:12px; top:50%; border-top:1px solid #000; border-right:1px solid #000; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i,
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #032980; border-right:1px solid #032980; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #000; opacity:0.2;}
.xialaph li:first-child h4::after{ display:none;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #032980;}
.xialaph h5:hover a{ color: #032980;}
.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: #333; 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: #000;opacity:0.2;}
.xialaph li:last-child h5::after{ display:none;}
.xialaph .ul2{ float: left; width: 100%; padding: 0 10px;}
.xialaph .ul3{ float:left; width:100%; padding:12px; position: relative;}
.xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #000;opacity:0.2;}
.xialaph li:last-child .ul3::after{ display: none;}
.xialaph .ul3 li a{ float:left; width:100%; color: #333; font-size: 14px; line-height:26px; }
.xialaph .ul3 li:hover a{ color: #032980;}

.so_ph{ float:left; width:100%; background:#032980; position:relative;border-radius:36px; overflow:hidden; margin-top:20px;}
.so_ph .Search{ float:left; width:100%; height:36px; background:none; border:none; line-height:26px; padding:5px 45px 5px 18px; color:#fff; font-size:14px;}
.so_ph .sear_sub{ float:right; width:36px; height:36px; border:none;background:url(../_im_g/sub1.png) center no-repeat; position:absolute; right:6px; 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:7px 0;}
.menuph .point { float:left; width: 28px;  height: 22px; position: relative;}
.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: #fff;
-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: #fff;
-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: -10px;}
.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:1500px) {
.menu .nli span a{ padding:0 30px;}
}
@media screen and (max-width:1340px) {
.menu .nli{ margin:0 2px;}
.menu .nli span a{ padding:0 22px;}
}
@media  screen and (max-width:1024px){
.menu{ display:none;}
.menuph{ display:block;}
.head{ padding-left:15px; padding-right:15px;}	
.head.active{ box-shadow:0 3px 6px rgba(0,0,0,0.1);}
.head .so_box{ display:none;}
.head .logo{ margin:7px 0;}
.head .logo img{ height:50px;}
.head .lang{ margin-right:15px;}
.head .lang a{ font-size:14px;}
}



.footer{ float:left; width:100%; background:#f9f9f9;}
.footerT{ padding-top:54px; padding-bottom:34px;}
.footerT .nav{ float:right; width:51.13%;}
.footerT .nav ul{ float:left; width:100%; display: flex;  justify-content: space-between;}
.footerT .nav ul li{ float:left;flex-wrap:wrap; display: flex; flex-direction:column;align-items: center;}
.footerT .nav ul li a{ float:left; color:#27272d; font-size:16px; line-height:36px;}
.footerT .nav dl{ float:left;flex-wrap:wrap; display: flex; flex-direction:column; margin-top:6px;}
.footerT .nav dl dd{ float:left;}
.footerT .nav dl dd a{ float:left; color:#555555; font-size:16px; line-height:36px;}
.footerT .nav dl dd a:hover{ color:#db211d;}
.footerT .left{ float:left;flex-wrap:wrap; display: flex;flex-direction:column ;}
.footerT .logo1{ float:left; line-height:0; margin-right:60px;}
.footerT .logo1 img{ max-width:none; height:62px;}
.footerT .top { float:left;flex-wrap:wrap; display: flex;}
.footerT .addr{ float:left; color:#333333; font-size:16px; line-height:26px;flex-wrap:wrap; display: flex;flex-direction:column ;}
.footerT .addr .li{ float:left; width:100%; position:relative; padding-left:28px; margin:3px 0;}
.footerT .addr .li img{ max-width:none; width:18px; position:absolute; left:0; top:4px;}
.footerT .share{ float:left; width:100%; padding-top:20px; margin-top:25px; border-top:1px solid #e0e0e0;}
.footerT .share a{ float:left; position:relative; background:#c7c7c7; border-radius:50%; line-height:0; margin:0 20px 0 0;}
.footerT .share a img{ max-width:none; height:40px;}
.footerT .share a:hover{ background:#032980;}
.footerT .share a span{ float:left; width:130px; box-shadow:0 5px 10px rgba(0,0,0,0.15); background:#fff; position:absolute; left:50%; bottom:100%; margin-bottom:12px; z-index:6; margin-left:-65px; text-align:center; -webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 95%;
	-moz-transform-origin:50% 95%;
	-ms-transform-origin:50% 95%;
	-o-transform-origin:50% 95%;
	transform-origin:50% 95%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0) }
.footerT .share a:hover span{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.footerT .share a span::after{ float:left; width:0; height:0; top:100%; content:''; position:absolute; left:50%; margin-left:-6px; border-left: 6px solid transparent; border-right:6px solid transparent;border-top: 6px solid #fff; }
.footerT .share a span i{ float:left; width:100%; line-height:0;}
.footerT .share a span img{ height:128px;}
.footerT .share a span em{ float:left; width:100%; line-height:26px; color:#333; font-size:14px; line-height:24px; margin:0 0 5px 0;}
.Copyright{ float:left; width:100%; background:#eeeeee; text-align:center; color:#555555; font-size:14px; line-height:24px; padding-bottom:8px; padding-top:8px;}
.Copyright a{ color:#555555;}
.Copyright a:hover{ color:#db211d;}


@media screen and (max-width:1340px) {
.footerT .logo1{ margin-right:20px;}
.footerT .addr{ font-size:14px;}
.footerT .nav ul li a{ font-size:14px;}
.footerT .nav dl dd a{ font-size:14px;}
}
@media  screen and (max-width:1024px){
.footerT{ padding-top:30px; padding-bottom:30px;}
.footerT .nav{ display:none; width:100%;}
.footerT .share{flex-wrap:wrap; display: flex;  justify-content:center; padding-top:20px; margin-top:20px;}
.footerT .share a{ margin:0 6px;}
.footerT .addr .li{ margin:0;}
.footerT .top{  justify-content:center;}
.footerT .left{ width:100%;}
}
@media  screen and (max-width:767px){
.Copyright a{ display:block;}
.footerT .logo1{ text-align:center; width:100%; margin-bottom:15px;}

}


/*banner*/
._banner{ float:left; width:100%; position:relative; z-index:5; line-height:0; margin-top:102px;}
.slide_banner{ float:left; width:100%; line-height:0; position:relative; padding-bottom:88px;}
.slide_banner .slick-slide{ float:left; width:100%; line-height:0;} 
.slide_banner .slick-slide a{ float:left; width:100%; line-height:0;}
.slide_banner .slick-slide img{ width:100%;}
.slide_banner .slick-dots{flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; bottom:30px;}
.slide_banner .slick-dots li{ width:12px; height:12px; border-radius:50%; z-index:6; margin:0 10px; background:#fff; -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_banner .slick-dots li.slick-active{ background:#032980;}
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:88px; height:88px; z-index:6; top:auto; bottom:0; margin:0;  -webkit-transform:none;-ms-transform:none;transform:none; background:url(../_im_g/ico3.png) center no-repeat #ebebeb; background-size:40px 40px;}
.slide_banner .slick-prev:after{ float:right; width:264px; height:100%; content:''; position:absolute; right:100%; top:0; background:#ebebeb;}
.slide_banner .slick-prev:hover,
.slide_banner .slick-next:hover{ background:url(../_im_g/ico4.png) center no-repeat #db211d; background-size:40px 40px;}
.slide_banner .slick-prev{ left:auto; right:168px; }
.slide_banner .slick-next{ right:80px;  -webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);}

@media screen and (min-width:1920px) {
.slide_banner .slick-prev{ left:auto; right:50%; margin-right:-792px; }
.slide_banner .slick-next{ right:50%; margin-right:-880px;}
}
@media screen and (max-width:1024px){	
._banner{ margin-top:64px;}
.slide_banner{ padding-bottom:44px;}
.slide_banner .slick-dots{ bottom:15px;}
.slide_banner .slick-dots li{ width:10px; height:10px; margin:0 6px;}
.slide_banner .slick-prev,
.slide_banner .slick-next{ width:44px; height:44px; background-size:24px 24px;}
.slide_banner .slick-prev:after{ width:100px;}
.slide_banner .slick-prev:hover,
.slide_banner .slick-next:hover{ background-size:24px 24px;}
.slide_banner .slick-prev{ left:auto; right:59px;}
.slide_banner .slick-next{ right:15px;}

}



.main1{ float:left; width:100%; position:relative; padding:30px 10.45% 112px 27.38%;}
.main1 .img{ position:absolute; float:left; line-height:0; left:6.64%; top:-166px; z-index:1; width:15.56%;}

@media screen and (max-width:1024px){	
.main1{ padding:20px 0 30px 0;}
.main1 .img{ left:-15px; top:-65px; width:auto; }
.main1 .img img{ height:65px;}

}


.main2 .tit20{ text-align:center; color:rgba(255,255,255,0.7); margin-top:11px;}
.main2 .down{ padding-top:100px; padding-bottom:100px;}
.main2 .down .box{ float:left; width:100%; position:relative;}
.main2 .down .bd{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1; opacity:0;}
.main2 .down .bd.on{ position:relative; z-index:3; opacity:1;}
.main2 .down .bd ul{ margin:0 -15px;}
.main2 .down .bd ul li{ float:left; width:25%; padding:0 15px;}
.main2 .down .bd ul li a{ float:left; width:100%;}
.main2 .down .bd ul li .tit18-1{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.main2 .down .bd ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.main2 .down .bd ul li a:hover .tit18-1{ color:#032980;}
.main2 .down .bd .slick-dots{flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; background:#db211d; position:static; margin:40px 0 0 15px; height:48px; width:-webkit-calc(100% - 30px); width:-moz-calc(100% - 30px); width:calc(100% - 30px); }
.main2 .down .bd .slick-dots li{ width:10px; height:10px; padding:0 !important; border-radius:50%; z-index:6; margin:0 5px; border:1px solid #fff; background:none; -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;  }
.main2 .down .bd .slick-dots li.slick-active{ background:#fff;}
.main2 .top{ float:left; width:100%; padding-top:97px; }
.main2 .top .hd{ float:left; width:100%; margin-top:52px; padding-bottom:133px;}
.main2 .top .hd li{ float:left; width:33.33%; background:#0f3386; color:#fff; position:relative; padding:36px 140px 55px 32px;}
.main2 .top .hd li:after{ opacity:0; float:left; width:0; height:0; content:''; position:absolute; left:50%; bottom:-133px; border-left:20px solid transparent; border-right:20px solid transparent;border-bottom:23px solid #fff; margin-left:-20px; }
.main2 .top .hd li.on:after{ opacity:1;}
.main2 .top .hd li:nth-child(3n+2){ background:#db211d;}
.main2 .top .hd li:nth-child(3n+3){ background:#115ea4;}
.main2 .top .hd li .tit18{ opacity:0.7; margin-top:16px;}
.main2 .top .hd li i{ float:left; position:absolute; right:30px; bottom:28px; width:81px; height:81px; line-height:0; background:#fff; border-radius:50%;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;  
}
.main2 .top .hd li i img{ max-width:none; width:38px;}
.main2 .top .hd li:hover i{ box-shadow:5px 5px 10px rgba(0,0,0,0.3);
    -webkit-transform:translateY(-15px);
   -moz-transform:translateY(-15px);
	-ms-transform:translateY(-15px);
	 -o-transform:translateY(-15px);
		transform:translateY(-15px);}


@media screen and (max-width:1024px){	
.main2 .down{ padding-top:30px; padding-bottom:30px;}
.main2 .down .bd ul{ margin:0 -6px;}
.main2 .down .bd ul li{ padding:0 6px;}
.main2 .down .bd .slick-dots{ margin:10px 0 0 6px; height:30px; width:-webkit-calc(100% - 12px); width:-moz-calc(100% - 12px); width:calc(100% - 12px); }
.main2 .top{ padding-top:30px;}
.main2 .top .hd{ margin-top:25px; padding-bottom:25px;}
.main2 .top .hd li{ padding:12px 88px 12px 12px;}
.main2 .top .hd li:after{ bottom:-25px; border-left:10px solid transparent; border-right:10px solid transparent;border-bottom:10px solid #fff; margin-left:-10px;}
.main2 .top .hd li i{ right:12px; bottom:12px; width:66px; height:66px;}
.main2 .top .hd li .tit18{ margin-top:5px;}


}
@media screen and (max-width:767px){	
.main2 .down .bd ul li{ width:50%;}
.main2 .top .hd li{ padding:85px 8px  12px 8px;}
.main2 .top .hd li i{ bottom:auto; top:12px; right:50%; margin-right:-33px;}
.main2 .top .hd li .tit22{ text-align:center;}
.main2 .top .hd li .tit18{ font-size:12px; line-height:18px;}
}


.main3{ overflow:hidden; padding-bottom:150px;}
.main3 .list0{ float:left; position:relative; margin-left:-80px; width:26.14%;}
.main3 .list0 .img{ float:left; width:100%; line-height:0;}
.main3 .list0 .img:last-child{ margin-top:23px;}
.main3 .list1{ float:right; position:relative; overflow:hidden; width:77%;}
.main3 .list1 .video{ float:left; width:100%; position:relative; }
.main3 .list1 .box{float:left; width:100%;}
.main3 .list1 ul{ float:left; width:100%; position:relative; z-index:3; padding-right:13.53%;}
.main3 .list1 ul:after{ float:left; z-index:1; width:-webkit-calc(13.53% + 88px); width:-moz-calc(13.53% + 88px); width:calc(13.53% + 88px); height:72.44%; content:''; z-index:1; position:absolute; right:0; bottom:0; background:url(../_im_g/main6.jpg) center no-repeat; background-size:100% 100%; }
.main3 .list1 .slick-list{ z-index:3;}
.main3 .list1 li{ float:left; width:100%;}
.main3 .list1 li img{ position:relative; z-index:1; cursor:pointer; }
.main3 .list1 li .shipin{ float:left; width:100%; height:100.4%; position:absolute; left:0; top:0; z-index:3;object-fit: fill; }
.main3 .list1 li .img{ float:left; width:100%; line-height:0; position:relative; overflow:hidden; cursor: pointer; }
.main3 .list1 li .img .btn-video{ float:left; width:120px; height:120px; content:''; position:absolute; left:50%; top:50%; z-index:4; transform:translate(-50%,-50%); -ns-transform:translate(-50%,-50%); background:url(../_im_g/ico5.png) center no-repeat; background-size:100% 100%;}
.main3 .list1 li .tit36-1{ overflow:hidden;white-space: nowrap; text-overflow:ellipsis; width:auto; max-width:-webkit-calc(100% - 190px); max-width:-moz-calc(100% - 190px); max-width:calc(100% - 190px); margin:26px 0 16px 0;}
.main3 .list1 .slick-prev,
.main3 .list1 .slick-next{ float:left; width:88px; height:88px; z-index:6; top:auto; bottom:0; margin:0;  -webkit-transform:none;-ms-transform:none;transform:none;}
.main3 .list1 .slick-prev{ left:auto; right:12.35%; margin-right:88px; background:url(../_im_g/ico4.png) center no-repeat #db211d; background-size:40px 40px; }
.main3 .list1 .slick-next{ right:12.35%;  -webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg); background:url(../_im_g/ico4.png) center no-repeat; background-size:40px 40px;}

@media screen and (max-width:1500px) {
.main3 .list1 li .tit36-1{ margin:26px 0 24px 0;}
}
@media screen and (max-width:1024px){	
.main3{ padding-bottom:30px;}
.main3 .list0{ margin-left:-15px;}
.main3 .list0 .img:last-child{ margin-top:12px;}
.main3 .list1{ width:74%;}
.main3 .list1 ul:after{ width:-webkit-calc(13.53% + 44px); width:-moz-calc(13.53% + 44px); width:calc(13.53% + 44px);}
.main3 .list1 li .img .btn-video{ width:66px; height:66px;}
.main3 .list1 li .tit36-1{ width:auto; max-width:-webkit-calc(100% - 90px); max-width:-moz-calc(100% - 90px); max-width:calc(100% - 90px); margin:10px 0 6px 0;}
.main3 .list1 .slick-prev,
.main3 .list1 .slick-next{ width:44px; height:44px; background-size:24px 24px;}
.main3 .list1 .slick-prev:hover,
.main3 .list1 .slick-next:hover{ background-size:24px 24px;}
.main3 .list1 .slick-prev{ margin-right:44px;}


}
@media screen and (max-width:767px){	
.main3 .list0{ margin-left:0; width:100%;flex-wrap:wrap; display: flex;  justify-content:space-between; align-items: center;}
.main3 .list0 .img{ width:65%;}
.main3 .list0 .img:last-child{ width:33%; margin-top:0;}

.main3 .list1{ width:100%; margin-top:20px;}
.main3 .list1 ul{ padding-right:20px;}
.main3 .list1 ul:after{ width:64px;}
.main3 .list1 .slick-prev{ left:auto; right:0; }
.main3 .list1 .slick-next{ right:0;}

}
 


 
.pz_fy{ float:left; width:100%; padding:80px 0; flex-wrap:wrap; display: flex;  justify-content:center;}
.pz_fy a { float:left; position:relative; width:30px; height:30px; line-height:28px; text-align:center; border-radius:3px; border:1px solid #bdbbbb; color:#323232; font-size:14px; margin:0 5px; background:#f5f5f5; }
.pz_fy a:hover,
.pz_fy a.on{color:#fff; border:1px solid #032980; background:#032980;}
.pz_fy a.prev:after,
.pz_fy a.next:after{ float:left; content:''; position:absolute; left:50%; top:50%; content:''; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); height:7px; width:7px; border-top:1px solid #949494; border-right:1px solid #949494; margin-left:-2px;  } 
.pz_fy a.prev:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%) rotate(225deg); margin-left:2px;}
.pz_fy a.prev:hover:after,
.pz_fy a.next:hover:after{border-top:1px solid #fff; border-right:1px solid #fff}
 @media screen and (max-width:1024px){	
.pz_fy{ padding:30px 0;}
.pz_fy a { width:24px; height:24px; line-height:22px; font-size:12px; margin:0 4px;}

}


.pordA{ padding-top:90px;}
.pordA .list{ float:left; width:100%;}
.pordA .list ul{flex-wrap:wrap; display: flex; margin:-15px;}
.pordA .list ul li{ float:left; width:25%; padding:15px;}
.pordA .list ul li a{ float:left; width:100%; border:1px solid #e5e5e5;}
.pordA .list ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.pordA .list ul li a:hover .tit18-2{ color:#fff;background:url(../_im_g/ico10.jpg) center repeat; background-size:100% 100%; border-top:1px solid #377cb5;}
.pordA .list ul li a:hover .tit18-2:after{background:url(../_im_g/ico9.1.png) center no-repeat;}
.pordA .list-3 ul li{ width:33.33%; }
.pordA-1 .pord_l ul{ display:block;}



.pordA-1 .list{ margin:40px 0 100px 0;}
.pordA-1 .slick-prev,
.pordA-1 .slick-next{ width:40px; height:40px; z-index:6; background:#db211d;}
.pordA-1 .slick-prev:hover,
.pordA-1 .slick-next:hover{ background:#032980;}
.pordA-1 .slick-prev:after,
.pordA-1 .slick-next:after{ float:left; content:''; position:absolute; left:50%; top:50%; content:''; transform:translate(-50%,-50%) rotate(-135deg); -ms-transform:translate(-50%,-50%) rotate(-135deg); height:10px; width:10px; border-top:1px solid #fff; border-right:1px solid #fff; margin-left:2px;  } 
.pordA-1 .slick-next:after{ transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:-2px;}
.pordA-1 .slick-prev{ left:-44px; }
.pordA-1 .slick-next{ right:-44px;}
.pordA-1 .slick-dots{flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; position:static; margin:15px 0 0 0 !important; }
.pordA-1 .slick-dots li{ padding:0 !important; width:10px !important; height:10px; border-radius:50%; z-index:6; margin:0 5px; background:#c7c7c7; -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;  }
.pordA-1 .slick-dots li.slick-active{ background:#032980;}

.pord_l,
.pord_l1{ display:block;}

 @media screen and (max-width:1024px){	
.pordA{ padding-top:30px;}
.pordA .list ul{ margin:-6px;}
.pordA .list ul li{ padding:6px;}
.pordA-1 .list{ margin:20px 0 40px 0;}

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

}

.sidebar{ position:relative; z-index:8; }
.column{ float:left; width:242px; height:242px; background:url(../_im_g/ico11.jpg) center no-repeat; background-size:100% 100%; position:relative; top:0; margin-top:-83px; z-index:3;flex-wrap:wrap; display: flex;  justify-content:center; align-items: center;flex-direction:column ; color:#fff; font-size:36px; line-height:1; }
.column i{ display:flex;}
.column i img{ max-width:none; width:86px;}
.column span{ display:flex; margin-top:25px;}
.navTop,
.navThree{ float:right; position:relative; margin-right:-80px; width:-webkit-calc(100% - 162px); width:-moz-calc(100% - 162px); width:calc(100% - 162px); padding-right:80px; }
.navTop{ background:url(../_im_g/ico12.png) center no-repeat; background-size:100% 100%; z-index:5;}
.swiper-Sidel{ float:left; width:100%; overflow:hidden; z-index:4; }
.navThree{ background:#f5f5f5; position:relative; overflow:hidden;}
.navThree ul{ float:left; width:100%; padding-left:0.15625rem; position:relative; z-index:3; }
.navThree ul li{ float:left; margin:0 0.229166rem;}
.navThree ul li a{ float:left; color:#555555; position:relative; white-space:normal; font-size:18px; line-height:30px; padding:15px 0; }
.navThree ul li a:after{ float:left; width:0; height:2px; content:''; position:absolute; left:50%; bottom:0; background:#db211d;-oz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;
-webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
        transform:translateX(-50%);
   -moz-transform:translateX(-50%);
     -o-transform:translateX(-50%);
 }
.navThree ul li.on a,
.navThree ul li:hover a{ color:#db211d; }
.navThree ul li.on a:after,
.navThree ul li:hover a:after{ width:100%;}

.navTwo{ float:left;}
.navTwo ul{ float:left;}
.navTwo ul li{ float:left;}
.navTwo ul li a{ float:left; color:#fff; position:relative; font-size:20px; line-height:30px; padding:25px 0.3125rem; }
.navTwo ul li a:after{ opacity:0; float:left; width:0; height:0; content:''; position:absolute; left:50%; top:90%; border-left:8px solid transparent; border-right:8px solid transparent;border-top:10px solid #db211d; margin-left:-8px;-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;  
 }
.navTwo ul li.on a,
.navTwo ul li:hover a{ background:#db211d; color:#fff; }
.navTwo ul li.on a:after,
.navTwo ul li:hover a:after{ opacity:1; top:100%; }
.crumbs{ float:right; color:#fff; font-size:16px; line-height:30px; padding:24px 0; }
.crumbs a{ color:#fff; }
.crumbs a:hover{ color:#db211d;}

@media screen and (max-width:1340px) {
.navThree ul{ padding-left:0.15rem;}
.navThree ul li{ margin:0 0.16rem;}
.navThree ul li a{ font-size:16px;}
.navTwo ul li a{ font-size:17px; padding:20px 0.24rem;}
.crumbs{ font-size:14px; padding:19px 0;}
.column{  width:160px; height:160px; margin-top:-45px; font-size:24px; }
.column i img{ width:60px;}
.column span{ margin-top:12px;}
.navTop,
.navThree{ width:-webkit-calc(100% - 80px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); }
}
 @media screen and (max-width:1024px){	
.column{  width:90px; height:105px; margin-top:-25px; font-size:18px; }
.column i img{ width:40px;}
.column span{ margin-top:8px;}
.navTop,
.navThree{ margin-right:-15px; width:-webkit-calc(100% - 75px); width:-moz-calc(100% - 75px); width:calc(100% - 75px); padding-right:15px; }
.crumbs{ display:none;}
.navTwo ul li a{ font-size:16px; line-height:24px; padding:8px 0.3125rem;}
.navTwo ul li a:after{ border-left:6px solid transparent; border-right:6px solid transparent;border-top:7px solid #db211d; margin-left:-6px;}
.navThree ul li a{ font-size:14px; line-height:24px; padding:8px 0;}

}
@media screen and (max-width:767px) {
.column{ font-size:17px;}
.navTwo{ width:100%; overflow:auto;}
.navTwo ul{ white-space:nowrap;}
.navTwo ul li{ float:none; display:table-cell; vertical-align:top;}
.navTwo ul li a{ font-size:14px;}
}


.fieldA{ background:#f5f5f5; padding-top:184px; padding-bottom:90px; position:relative; top:0; margin-top:-80px; }
.fieldA .tit36{ padding-bottom:26px;}
.fieldA .img0{ width:14.82%; text-align:center;}
.fieldA .right{ float:right; width:82.27%;}

.fieldB{ padding-top:100px; padding-bottom:94px;}
.fieldB .list{ float:left; width:100%; margin-top:38px;}
.fieldB .list ul{ margin:-22px -15px;}
.fieldB .list ul li{ float:left; width:25%;}
.fieldB .list ul li a{ float:left; width:100%; text-align:center; padding:22px 15px;}
.fieldB .list ul li a i{ border:1px solid #e5e5e5;}
.fieldB .list ul li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.fieldB .list ul li{ width:25%; }
.fieldB .list ul li .tit18{ color:#333333; margin-top:13px;}
.fieldB .list ul li a:hover .tit18{ color:#032980;}
.fieldB .list .slick-prev,
.fieldB .list .slick-next{ width:40px; height:40px; z-index:6; background:#db211d;}
.fieldB .list .slick-prev:hover,
.fieldB .list .slick-next:hover{ background:#032980;}
.fieldB .list .slick-prev:after,
.fieldB .list .slick-next:after{ float:left; content:''; position:absolute; left:50%; top:50%; content:''; transform:translate(-50%,-50%) rotate(-135deg); -ms-transform:translate(-50%,-50%) rotate(-135deg); height:10px; width:10px; border-top:1px solid #fff; border-right:1px solid #fff; margin-left:2px;  } 
.fieldB .list .slick-next:after{ transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:-2px;}
.fieldB .list .slick-prev{ left:-44px; }
.fieldB .list .slick-next{ right:-44px;}
.fieldB .list .slick-dots{flex-wrap:wrap; display: flex;  justify-content:center; align-items: center; position:static; margin:15px 0 0 0; }
.fieldB .list .slick-dots li{ width:10px; height:10px; border-radius:50%; z-index:6; margin:0 5px; background:#c7c7c7; -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;  }
.fieldB .list .slick-dots li.slick-active{ background:#032980;}

@media screen and (max-width:1340px) {
.fieldA{  padding-top:140px; margin-top:-45px; }

}
 @media screen and (max-width:1024px){	
.fieldA{ padding-top:70px; padding-bottom:30px; }
.fieldA .tit36{ padding-bottom:12px;}

.fieldB{ padding-top:30px; padding-bottom:40px;}
.fieldB .list{ margin-top:20px;}
.fieldB .list ul{ margin:-6px;}
.fieldB .list ul li a{ padding:6px;}
.fieldB .list ul li .tit18{ margin-top:8px;}

}
  @media screen and (max-width:767px){	
.pordA .list ul li{ width:50%;}
.fieldA .right{ width:100%;}
.fieldA .img0{ position:absolute; right:0; top:-18px; width:66px; }


}

 .contact{ padding-top:88px; padding-bottom:100px;}
 .contact .list1{ float:left; width:100%; margin:30px 0 70px 0;}
.contact .list1 ul{flex-wrap:wrap; display: flex; justify-content: space-between;}
.contact .list1 ul li{ float:left; width:48.3%; border:1px solid #e5e5e5; background:#f9f9f9; padding:20px 19px; margin:30px 0;}
.contact .list1 ul li .tit20{ display: flex; margin-top:12px; line-height:26px; min-height:52px; }
.contact .list1 ul li .tit20 span{ white-space:nowrap;}
.contact .list1 ul li .tit30{ margin-top:18px;}
._mapbox1{ float:left; width:100%; border:8px solid #fff; background:#fff; font-size:14px; line-height:24px; height:312px; margin-top:18px; }
.BMapLabel{ display:none !important;}
.contact .list0{ float:left; width:100%;display: flex;flex-wrap:wrap;  justify-content: flex-end; padding:6.9% 7% 6.5% 7%;}
.contact .list0 .left{ float:left; width:492px; color:#fff; font-size:22px; line-height:40px; flex-direction:column; display: flex;  justify-content:space-between; padding:5px 20px 5px 0; }
.contact .list0 .left span{ float:left; width:100%; position:relative; padding-left:90px;}
.contact .list0 .left img{ position:absolute; left:0; top:11px; width:74px; }
.contact .list0 .right{ float:left; width:220px; text-align:center; color:#fff; font-size:20px; line-height:1;}
.contact .list0 .right span{ width:100%; display:inline-block; margin-top:15px;}
.contact .box{ float:left; width:100%; background:#f9f9f9;flex-wrap:wrap; display: flex;}
.contact .box .left{ float:left; position:relative; width:27.27%; padding:64px 60px;}
.contact .box .left:after{ z-index:1; float:left; width:-webkit-calc(100% - 36px); width:-moz-calc(100% - 36px); width:calc(100% - 36px); height:-webkit-calc(100% - 36px); height:-moz-calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:18px; top:18px; border:1px solid #fff; opacity:0.3; content:''; }
.contact .box .left .tit1{ float:left; width:100%; color:#db211d; font-size:36px; line-height:46px;}
.contact .box .left .tit2{ float:left; width:100%; color:#fff; font-size:18px; line-height:28px; margin-top:10px;}
.contact .box form{ float:right; width:72.73%; border:1px solid #f5f5f5; padding:47px 4.7% 41px 4.7%;}
.contact .box form .lab{ float:left; width:100%; position:relative; margin-bottom:20px;}
.contact .box form .w49{ width:48.9%;}
.contact .box form .r{ float:right;}
.contact .box form .text{ float:right; width:100%; background:#fff; border:none; color:#555555; font-size:20px; line-height:34px; height:64px; padding:15px 20px 15px 90px;}
.contact .box form .textarea{ height:190px;}
.contact .box form h5{ float:left; position:absolute; left:20px; top:15px; color:#555555; font-size:20px; line-height:34px;}
.contact .box form h5 span{ color:#db211d; margin-left:2px;}
.contact .box form .h5{ position:static; line-height:1;}
.contact .box form .submit{ display:block; margin:0 auto; background:#032980; width:426px; height:64px; line-height:64px; color:#fff; font-size:20px;}

@media screen and (max-width:1500px) {
.contact .list0 .left{ width:450px;}
.contact .list0 .right{ width:180px;}
}
  @media screen and (max-width:1024px){	
.contact{ padding-top:30px; padding-bottom:30px; }
 .contact .list1{ margin:15px 0 15px 0;}
.contact .list1 ul li{ padding:10px; margin:10px 0;}
.contact .list1 ul li .tit30{ margin-top:8px;}
.contact .list1 ul li .tit20{ margin-top:6px; line-height:20px; min-height:40px; }
._mapbox1{ border:4px solid #fff; height:300px; }
.contact .list0{ padding:5%;}
.contact .list0 .left{ width:310px;}
.contact .list0 .left{ font-size:15px; line-height:28px; padding:5px 15px 5px 0; }
.contact .list0 .left span{ padding-left:60px;}
.contact .list0 .left img{ top:10px; width:46px; }
.contact .list0 .right{ width:120px; font-size:15px; }
.contact .list0 .right span{ margin-top:8px;}
.contact .box .left{  padding:40px 30px;}
.contact .box .left:after{ width:-webkit-calc(100% - 20px); width:-moz-calc(100% - 20px); width:calc(100% - 20px); height:-webkit-calc(100% - 20px); height:-moz-calc(100% - 20px); height:calc(100% - 20px);  left:10px; top:10px;}
.contact .box .left .tit1{ font-size:18px; line-height:28px;}
.contact .box .left .tit2{ font-size:14px; line-height:24px; margin-top:10px;}
.contact .box form{ padding:20px 15px;}
.contact .box form .lab{ margin-bottom:12px;}
.contact .box form .text{ font-size:15px; line-height:30px; height:44px; padding:7px 15px 7px 66px;}
.contact .box form .textarea{ height:190px;}
.contact .box form h5{ left:15px; top:7px; color:#555555; font-size:15px; line-height:30px;}
.contact .box form .submit{ width:160px; height:44px; line-height:44px; font-size:15px;}

}
 @media screen and (max-width:767px){	
.contact .list1 ul li{ width:100%; }
.contact .list1 ul li .tit20{  min-height:inherit; }
.contact .list0{ padding:15px 12px;}
.contact .list0 .left{ width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px); font-size:13px; line-height:19px; padding:5px 0; }
.contact .list0 .left span{ padding-left:36px; }
.contact .list0 .left img{ top:9px; width:30px; }
.contact .list0 .right{ width:100px; }
.contact .list0 .right img{ width:120px;}
.contact .box .left{ width:100%;}
.contact .box form{ width:100%;}
.contact .box form .w49{ width:100%;}
.contact .box form .h5{ width:100%; text-align:center; margin:5px 0;}


}

.brief{}
.brief0{ text-align:center; margin:0; padding:90px 80px;}
.brief1{ float:left; width:100%; position: relative;top: 0;margin-top: -80px; padding:104px 388px 92px 20.41%;}
.brief1 .img{ position:absolute; right:80px; top:130px; width:173px;}
.brief2{ float:left; width:100%;}
.brief2 ul{ float:left; width:100%; margin:-73px 0;}
.brief2 ul li{ float:left; width:100%;flex-wrap:wrap; display: flex; position:relative; margin:73px 0; }
.brief2 ul li .img0{ position:relative; z-index:6; float:left; width:50%;}
.brief2 ul li .img0 img{ display:none;}
.brief2 ul li .text{  position:relative; z-index:6;float:left; width:50%; background:#f5f5f5; padding:66px 80px 66px 6.14% ;}
.brief2 ul li .tit{ float:left; width:100%; color:#3f3f45; font-size:36px; line-height:46px; padding:4px 0 4px 75px; position:relative;}
.brief2 ul li .tit span{ float:left; position:absolute; left:5px; top:5px; width:44px; height:44px; background:#032980; color:#fff; font-size:20px; line-height:44px; font-weight:bold; text-align:center; border-radius:50%; }
.brief2 ul li .tit span::after{ width:54px; height:54px; border-radius:50%; content:''; position:absolute; left:-5px; top:-5px; z-index:-2; background:#032980; opacity:0.3;}
.brief2 ul li .tit span::before{ width:27px; height:27px; content:''; position:absolute; right:-5px; top:-5px; z-index:-1; background:#f5f5f5;}


.brief2 ul li:nth-child(2n){ flex-direction:row-reverse;}
.brief2 ul li:nth-child(2n) .text{ background:#fff; padding:66px 88px 66px 80px ;}
.brief2 ul li:nth-child(1) .text{ margin-bottom:41px;}
.brief2 ul li:nth-child(3) .text{ margin-top:41px;}
.brief2 ul li:nth-child(2n) .tit span::before{ background:#fff; }
.brief2 ul li:nth-child(1):after,
.brief2 ul li:nth-child(3):after{ width:88px; height:88px; z-index:1; content:''; position:absolute; left:50%; background:#d7171f; transform:translateX(-50%); -ms-transform:translateX(-50%); }
.brief2 ul li:nth-child(1):after{ bottom:-48px;}
.brief2 ul li:nth-child(3):after{ top:-48px;}

@media screen and (max-width:1340px) {
.brief1{ margin-top:-45px; }

}
 @media screen and (max-width:1024px){	
.brief0{ text-align:center; margin:0; padding:30px 15px;}
.brief1{ padding:70px 15px 30px 15px;}
.brief1 .img{ right:15px; top:35px; width:90px;}
.brief2 ul{ float:left; width:100%; margin:-20px 0;}
.brief2 ul li{ margin:20px 0; }
.brief2 ul li .text{ padding:30px 15px;}
.brief2 ul li .tit{ font-size:18px; line-height:28px; padding:5px 0 5px 48px;}
.brief2 ul li .tit span{ left:3px; top:3px; width:32px; height:32px; font-size:14px; line-height:32px; }
.brief2 ul li .tit span::after{ width:38px; height:38px; left:-3px; top:-3px;}
.brief2 ul li .tit span::before{ width:19px; height:19px; right:-3px; top:-3px;}
.brief2 ul li:nth-child(2n) .text{ padding:30px 15px;}
.brief2 ul li:nth-child(1) .text{ margin-bottom:20px;}
.brief2 ul li:nth-child(3) .text{ margin-top:20px;}
.brief2 ul li:nth-child(1):after,
.brief2 ul li:nth-child(3):after{ width:44px; height:44px; }
.brief2 ul li:nth-child(1):after{ bottom:-22px;}
.brief2 ul li:nth-child(3):after{ top:-22px;}
}
 @media screen and (max-width:767px){	
.brief2 ul li .img0{ width:100%;}
.brief2 ul li .img0 img{ display:block;}
.brief2 ul li .text{ width:100%;}
.brief2 ul li:nth-child(1) .text{ margin-bottom:0;}
.brief2 ul li:nth-child(3) .text{ margin-top:0;}

}

.details{ margin-top:70px; margin-bottom:50px;}
._page{ float:left; width:100%; position:relative; background:#f5f5f5; padding:15px 20px;}
._page a{ float:left; color:#3f3f45; font-size:18px; line-height:34px;}
._page a:hover{ color:#032980;}
._page a.prev{ max-width:50%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; padding-right:60px;}
._page a.next{ max-width:50%; overflow:hidden;white-space: nowrap; text-overflow:ellipsis; float:right; padding-left:60px;}
._page a.renter{ white-space:nowrap; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.detTab{ float:left; width:100%; margin:80px 0 53px 0;}
.detTab .hd{ float:left; width:100%; position:relative; border-bottom:1px solid #e5e5e5;}
.detTab .hd span{ float:left; position:relative; z-index:6; margin-bottom:-1px; background:#032980; color:#fff; padding:15px 50px; font-size:20px; line-height:34px;}
.detTab .bd{ float:left; width:100%; margin-top:52px;}
.detTop{ float:left; width:100%; background:#f5f5f5; display: flex; align-items: center; flex-wrap:wrap;justify-content: space-between; padding:20px 5% 20px 20px; }
.detTop .left{ float:left; width:46.8%; }
.details .big{ float:left; width:100%; line-height:0; border:1px solid #e5e5e5; }
.details .small{ float:left; width:100%; line-height:0; margin-top:9px; padding-right:28px;}
.details .small .l{ cursor:pointer; height:auto; border:1px solid #e5e5e5; margin-right:10px;}
.details .small .l.slick-current{ border:1px solid #032980;}
.details .small .slick-prev,
.details .small .slick-next{ width:28px; height:45.8%; background:#db211d;-webkit-transform:none;-ms-transform:none;transform:none; }
.details .small .slick-prev:hover,
.details .small .slick-next:hover{ background:#032980;}
.details .small .slick-prev{ left:auto; right:0; top:0;}
.details .small .slick-next{ right:0; top:auto; bottom:0;}
.details .small .slick-prev:after,
.details .small .slick-next:after{ float:left; content:''; position:absolute; left:50%; top:50%; content:''; transform:translate(-50%,-50%) rotate(-135deg); -ms-transform:translate(-50%,-50%) rotate(-135deg); height:12px; width:12px; border-top:1px solid #fff; border-right:1px solid #fff; margin-left:4px;  } 
.details .small .slick-next:after{ transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%) rotate(45deg); margin-left:-4px;}

.detTop .right{ float:right; width:47.5%;}
.detTop .right .tit1{ float:left; width:100%; border-bottom:1px solid #d2d2d2; margin-bottom:3%; padding-bottom:6.43%; color:#27272d; font-size:36px; line-height:1.2;justify-content: space-between;align-items: center;  display: flex;}
.detTop .right .tit1 time{ float:right; color:#3f3f45; font-size:16px; line-height:20px; font-weight:bold; position:relative; padding-right:48px; text-align:right; white-space:nowrap; margin-left:12px; }
.detTop .right .tit1 time img{ position:absolute; right:0; top:4px; width:32px;}
.detTop .right .tit20{ margin-bottom:3.46%; }
.detTop .right .p{ float:left; width:100%; color:#3f3f45; font-size:20px; line-height:30px; position:relative; margin-top:2.96%;display: flex; }
.detTop .right .p span{ white-space:nowrap; height:auto; color:#fff; background:#032980; padding:0 13px; height:30px; margin-right:12px; }
@media screen and (max-width:1500px) {
.detTop{ padding:20px 2% 20px 20px;}
.detTop .left{ width:50%; }
.detTop .right{ width:47.5%;}
.detTop .right .tit1{ margin-bottom:0; padding-bottom:4.43%; }
.detTop .right .tit20{ margin-bottom:1.46%; }
}
 @media screen and (max-width:1024px){	
.details{ margin-top:20px;}
._page{ padding:8px 15px;}
._page a{ font-size:14px; line-height:26px;}
._page a.prev{ max-width:50%; padding-right:40px;}
._page a.next{ max-width:50%; float:right; padding-left:40px;}
.detTab{ margin:30px 0 25px 0;}
.detTab .hd span{ padding:6px 25px; font-size:16px; line-height:28px;}
.detTab .bd{ margin-top:20px;}
.detTop{ padding:10px;}
.details .small{ padding-right:18px;}
.details .small .slick-prev,
.details .small .slick-next{ width:18px;}
.details .small .slick-prev:after,
.details .small .slick-next:after{ width:8px; height:8px; margin-left:2px; }
.details .small .slick-next:after{ margin-left:-2px;}
.detTop .right .p{ font-size:14px; line-height:24px; margin-top:10px;}
.detTop .right .p span{ height:24px; padding:0 6px; margin-right:6px;}
.detTop .right .tit1{ font-size:18px; padding-bottom:12px; }
.detTop .right .tit1 time{ font-size:13px; line-height:16px; top:0; padding-right:35px; }
.detTop .right .tit1 time img{ top:0; width:28px;}
.detTop .small .l{ margin-right:6px;}
}
 @media screen and (max-width:767px){	
._page a.prev{ width:100%; max-width:100%; padding:0 70px 0 0;}
._page a.next{  width:100%;max-width:100%; padding:0 70px 0 0;}
._page a.renter{ left:auto; right:15px; top:50%; transform:translate(0,-50%); -ms-transform:translate(0,-50%);}
.detTop .right{ width:100%; margin:20px 0 15px 0;}
.detTop .left{ width:100%;}

}

.detFu{ background:#f5f5f5;  position:relative; top:0; margin-top:-80px; display:block; padding-top:5.625%; padding-bottom:31px; }
.details .text20{ text-align:center; margin:74px 0 72px 0;}
.details .big-2{ width:62.06%; margin-left:18.97%; margin-right:18.97%; margin-top:42px;}
.details .big-2 .l span{ float:left; max-width:100%; position:absolute; left:0; bottom:0; z-index:6; color:#fff; font-size:20px; line-height:30px; padding:17px 80px 17px 24px;
 background:url(../_im_g/ico18.png) left center repeat-x; background-size:100% 100%; 
}
.details .small-2{ width:62.06%; margin-left:18.97%; margin-right:18.97%;}
.details .small-2 .l{ margin-right:20px;}
.details .tit36-2{ width:62.06%; margin-left:18.97%; margin-right:18.97%;}
.detail1{ margin-top:21px;}


@media screen and (max-width:1340px) {
.detFu{ margin-top:-45px; }

}
 @media screen and (max-width:1024px){	
.details .tit20{ margin:25px 0;}
.detFu{ padding-top:75px; padding-bottom:20px;}
.detail1{ margin-top:11px;}
.details .big-2{ width:100%; margin-left:0; margin-right:0; margin-top:18px;}
.details .big-2 .l span{ font-size:14px; line-height:24px; padding:6px 40px 6px 12px;}
.details .small-2{ width:100%; margin-left:0; margin-right:0;}
.details .small-2 .l{ margin-right:10px;}
.details .tit36-2{ width:100%; margin-left:0; margin-right:0;}

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


}

.pd36{ padding-bottom:26px;}
.about1{ margin-top:11px; margin-bottom:100px;}
.about1 .text{ float:left; width:34%; margin:14px 0 0 1.6354rem;}
.about1 .text .ico{ float:left; width:100%; line-height:0; margin-top:8.6%; }
.about1 .text .ico img{ height:68px; margin-right:40px;}
.about1 .img{ float:right; width:43.97%; line-height:0; position:relative;}
.about1 .img:after{ float:left; width:88px; height:88px; content:''; position:absolute; background:#db211d; left:-44px; bottom:20px;}

.about2{ float:left; width:100%; position:relative; overflow:hidden;}
.about2 ul li{ float:left; width:100%;flex-wrap:wrap; display: flex !important;  justify-content:space-between; align-items:center;}
.about2 ul li:before{ float:left; width:50%; height:88px; position:absolute; background:url(../_im_g/ico17.png) left center repeat-x; background-size:100% 100%; position:absolute; left:50%; bottom:0; content:'';}
.about2 ul li .img{ float:left; width:50.79%; line-height:0; position:relative; background:#ebebeb; padding:88px 0 88px 80px;}
.about2 ul li .img::after{ float:left; width:88px; height:88px; position:relative; background:#fff; position:absolute; right:0; top:0; content:'';}
.about2 ul li .img img{ position:relative; z-index:3;}
.about2 ul li .text{ float:right; width:45%; padding-right:80px;}
.about2 ul li .tit20{ width:102%; padding-right:2%; overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:324px
}
.about2 ul li .tit20::-webkit-scrollbar {
 width:3px
}
.about2 ul li .tit20::-webkit-scrollbar-track
{
background-color:#ebebeb;
 border-radius:3px
}
.about2 ul li .tit20::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#db211d;
 border-radius:3px
}
.about2 .slick-prev,
.about2 .slick-next{ width:88px; height:88px; z-index:6; top:auto; bottom:0; margin:0;  -webkit-transform:none;-ms-transform:none;transform:none;}
.about2 .slick-prev{ left:50.79%; margin-left:-88px; background:url(../_im_g/ico4.png) center no-repeat #db211d; background-size:40px 40px; }
.about2 .slick-next{ right:auto; left:50.79%;  -webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg); background:url(../_im_g/ico4.png) center no-repeat; background-size:40px 40px;}



.about3{ float:left; width:100%; padding-top:70px;}
.about3 .tit20{ text-align:center; margin-bottom:92px;}
.about4{ position:relative; padding-top:182px; padding-bottom:92px;}
.about4:after{ float:left; width:24%; height:90px; content:''; position:absolute; left:0; top:0; background:#ebebeb; z-index:1;}
.about4 .img0{ float:right; width:278px; text-align:center; margin-top:102px;}
.about4 .img0 img{ width:172px;}
.about4 .text{ float:left; width:-webkit-calc(100% - 278px); width:-moz-calc(100% - 278px); width:calc(100% - 278px); padding-right:25.5%; }
.about4 .text:before{ content:''; float:left; width:274px; height:327px; content:''; position:absolute; right:0; bottom:100%; margin-bottom:-80px; background:url(../_im_g/main2.jpg) center no-repeat; background-size:100% 100% }


.about5{ overflow:hidden; padding-bottom:100px;}
.about5 .w_1760{flex-wrap:wrap; display: flex;  justify-content:space-between; align-items: center;}
.about5 .img0{ left:0; margin-left:-80px; width:56.42%;}
.about5 .text{ float:right; width:43.58%;}
.about5 .tit36::after{ left:-114px; top:23px; width:88px;}

@media screen and (max-width:1500px){	
.pd36{ padding-bottom:20px;}
.about1 .text{ width:38%; margin:14px 0 0 0.8354rem;}
.about1 .text .ico{ margin-top:6%;}
.about1 .img{ width:45.97%;}
.about2 ul li .tit20{ max-height:210px; margin-bottom:20px;}
.about5 .tit36::after{ left:-114px; top:17px; width:88px;}
.about4 .text{ padding-right:20%;}
}

 @media screen and (max-width:1024px){	
.pd36{ padding-bottom:15px;}
.about1{ margin-top:11px; margin-bottom:40px;}
.about1 .text{ width:100%; margin:0;}
.about1 .text .ico{ margin-top:15px; }
.about1 .text .ico img{ height:68px; margin-right:15px;}
.about1 .img{ width:100%; margin-top:25px; }
.about1 .img:after{ width:44px; height:44px; left:-22px; bottom:10px;}

.about2 ul li{ padding-bottom:44px;}
.about2 ul li:before{ width:50%; height:44px;}
.about2 ul li:after{ float:left; width:50%; height:44px; content:''; position:absolute; left:0; bottom:0; background:#ebebeb;}
.about2 ul li .img{ width:100%; padding:15px 0 15px 15px;}
.about2 ul li .img::after{ width:15px; height:15px;}
.about2 ul li .text{ width:100%; padding:20px 15px 10px 15px; }
.about2 .slick-prev,
.about2 .slick-next{ width:44px; height:44px;background-size: 24px 24px;}
.about2 .slick-prev{ left:50%; margin-left:-44px;}
.about2 ul li .tit20{ max-height:192px;}

.about3{ padding-top:25px;}
.about3 .tit20{ margin-bottom:30px;}

.about4{ padding-top:60px; padding-bottom:30px;}
.about4:after{ height:30px;}
.about4 .img0{ width:140px; margin-top:60px;}
.about4 .img0 img{ width:100px;}
.about4 .text{width:-webkit-calc(100% - 140px); width:-moz-calc(100% - 140px); width:calc(100% - 140px); padding-right:10px; }
.about4 .text:before{ width:139px; height:164px; margin-bottom:-40px;  }

.about5{ padding-bottom:40px;}
.about5 .img0{ margin-left:0; width:100%;}
.about5 .text{ float:left; width:100%; margin:20px 0 0  0;}
.about5 .tit36::after{ left:0; top:auto; bottom:0; width:44px;}
}
@media screen and (max-width:767px){	
.about4 .text{width:100%; padding-right:0;}
.about4 .text:before{ width:70px; height:82px; margin-bottom:30px;  }
.about4 .img0{ width:auto; position:absolute; bottom:100%; right:0; margin-bottom:-45px;}
.about4 .img0 img{ width:70px;}

}

.ntext{ float:left; width:100%; padding-left:76px; padding-right:76px; background:#f7f8f8;}
@media  screen and (max-width:1024px){
.ntext{ padding-left:15px; padding-right:15px;}

}
._search{float:left; background:url(../_im_g/ico56.jpg) center repeat; padding-top:95px; padding-bottom:100px;}
._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;}
._search .list{ float:left; width:100%; margin-top:25px;}
._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative;
-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;  
}
._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(../_im_g/ico57.png) right center no-repeat;}
._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;}
._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;}
._search .list li .info a{ color:#555555;}
._search .list li:hover{ background:#f2f2f2; padding:25px 20px;}
._search .list li:hover:after{ background:url(../_im_g/ico58.png) right center no-repeat;}
._search .list li:hover .tit{ color:#4db563;}
._search .img{ float:left; width:100%; margin-top:22px; line-height:0; text-align:center;}
._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;}

@media  screen and (max-width:1024px){
._search{ padding-top:30px; padding-bottom:40px;}
._search .list{ margin-top:10px;}
._search .list li{ padding:15px 0;}
._search .list li:after{ right:12px; width:15px;}
._search .list li .tit{ font-size:16px; line-height:26px; }
._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;}
._search .list li:hover{ padding:15px 12px;}
._search .cont{ font-size:18px; line-height:22px;}

}



@font-face {
    font-family: 'SourceHanSansCN-Regular';
    src: url('../font/SourceHanSansCN-Regular.eot');
    src: url('../font/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/SourceHanSansCN-Regular.woff') format('woff'),
         url('../font/SourceHanSansCN-Regular.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Regular.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Medium';
    src: url('../font/SourceHanSansCN-Medium.eot');
    src: url('../font/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/SourceHanSansCN-Medium.woff') format('woff'),
         url('../font/SourceHanSansCN-Medium.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Medium.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Light';
    src: url('../font/SourceHanSansCN-Light.eot');
    src: url('../font/SourceHanSansCN-Light.eot?#iefix') format('embedded-opentype'),
         url('../font/SourceHanSansCN-Light.woff') format('woff'),
         url('../font/SourceHanSansCN-Light.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Light.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'SourceHanSansCN-Bold';
    src: url('../font/SourceHanSansCN-Bold.eot');
    src: url('../font/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/SourceHanSansCN-Bold.woff') format('woff'),
         url('../font/SourceHanSansCN-Bold.ttf') format('truetype'),
         url('../font/SourceHanSansCN-Bold.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}