*{ margin:0; padding:0; -webkit-text-size-adjust:none !important;}
.width{ width:1200px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
img{ border:0; max-width:100%;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
html, body {
	position: relative;
	height: 100%;
}
body{ overflow-x:hidden; background:#fff; font-family:Arial;}
.table{ width:100%; border-collapse:collapse;}
.table td{ border:1px solid #a0a0a0 !important;}
.justify{ text-justify:inter-ideograph; text-align:justify; line-height:0; font-size:0;}
.justify:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
/*1280*/
@media (max-width:1440px){
.width{ width:1200px !important;}
}
/*768*/
@media (max-width:1200px){
html, body {
  overflow-x: hidden;
  touch-action: pan-y;
  width: 100%;
  position: relative;
}
.width{ width:94% !important; margin:0 3% !important;}
}


.top{ position:fixed; left:0; top:0; width:100%; height:90px; background:rgba(0,0,0,.85); z-index:900; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.logo{ float:left; font-size:0; margin-top:17px; margin-left:3.75%;}
.logo img{ height:56px;}
.nav_bg{ float:right; margin-right:3%;}
.nav{ float:left;}
.nav a{ float:left; display:block; position:relative; font-size:20px; color:#fff; line-height:90px; padding:0 22px;}
.nav a::after{ content:''; position:absolute; left:19px; top:0; width:0; height:3px; background:#fff; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav a:hover{}
.nav a:hover::after{ width:100%; width:-moz-calc(100% - 40px); width:-ms-calc(100% - 40px); width:-webkit-calc(100% - 40px); width:calc(100% - 40px);}
.cur::after{ width:100% !important; width:-moz-calc(100% - 40px) !important; width:-ms-calc(100% - 40px) !important; width:-webkit-calc(100% - 40px) !important; width:calc(100% - 40px) !important;}
.lang{ float:left; margin-left:22px;}
.lang a{ float:left; display:block; font-size:26px; font-weight:bold; color:#fff; line-height:90px; padding:0 22px 0 30px; background:url(../images/phone1.png) left center no-repeat; background-size:28px;}
.lang a:hover{}
.nav3{ display:none;}
.top_fix{ height:80px; background:#222;}
.top_fix .logo{ margin-top:12px;}
.top_fix .nav a{ line-height:80px;}
.top_fix .lang a{ line-height:80px;}
/*1280*/
@media (min-width: 1440px) and (max-width: 1650px) {
.logo{ margin-top:23px; margin-left:2%;}
.logo img{ height:44px;}
.nav_bg{ margin-right:2%;}
.nav a{ font-size:19px;}
.lang a{ font-size:24px; background-size:26px; padding-right:0;}
.top_fix .logo{ margin-top:18px;}
}
/*1200*/
@media (min-width: 1366px) and (max-width: 1439px) {
.logo{ margin-top:25px; margin-left:2%;}
.logo img{ height:40px;}
.nav_bg{ margin-right:2%;}
.nav a{ font-size:18px; padding:0 18px;}
.nav a::after{ left:14px;}
.nav a:hover::after{ width:-moz-calc(100% - 30px); width:-ms-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:calc(100% - 30px);}
.cur::after{ width:-moz-calc(100% - 30px) !important; width:-ms-calc(100% - 30px) !important; width:-webkit-calc(100% - 30px) !important; width:calc(100% - 30px) !important;}
.lang a{ font-size:22px; background-size:24px; padding-right:15px;}
.top_fix .logo{ margin-top:20px;}
}
/*992*/
@media (min-width: 1201px) and (max-width: 1365px) {
.logo{ margin-top:26px; margin-left:2%;}
.logo img{ height:38px;}
.nav_bg{ margin-right:2%;}
.nav a{ font-size:18px; padding:0 12px;}
.nav a::after{ left:10px;}
.nav a:hover::after{ width:-moz-calc(100% - 30px); width:-ms-calc(100% - 30px); width:-webkit-calc(100% - 30px); width:calc(100% - 20px);}
.cur::after{ width:-moz-calc(100% - 30px) !important; width:-ms-calc(100% - 30px) !important; width:-webkit-calc(100% - 30px) !important; width:calc(100% - 20px) !important;}
.lang a{ font-size:20px; background-size:22px; padding-right:0;}
.top_fix .logo{ margin-top:21px;}
}
/*768*/
@media (max-width:1200px){
.top{ height:16vw;}
.logo{ margin-top:1vw; margin-left:3%;}
.logo img{ height:12vw;}
.nav{ display:none;}
.lang{ display:none;}
.nav3{ width:100%; display:block; position:relative; z-index:99999;}
#nav3_a{ position:absolute; right:3%; display:block; width:6.5vw; height:6.5vw; margin:4.75vw 0; background:url(../images/menu_btn.png) left center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu_btn.png', sizingMethod='scale'); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav3 a{ display:block; color:#333;}
.nav3 a:hover{ background:#0f58cf; color:#fff;}
.nav3 ul li ul{ position:absolute; z-index:2; width:100%; top:16vw; display:none; background:#fff; line-height:3em; font-size:3.5vw; text-align:center;}
.nav3 ul li ul li{ border-bottom:1px solid #fff;}
.nav3 ul li ul li:last-child{ border-bottom:none;}
.cur3 a{ background:#0f58cf; color:#fff !important;}
.top_fix{ height:16vw; background:#222;}
.top_fix .logo{ margin-top:1vw;}
}
/*768*/
@media (min-width: 1201px){
.mnav_bg{ display:none;}
.mnav{ display:none;}
}
/*768*/
@media (max-width: 1200px){
.top{ position:fixed; z-index:99990; width:100%; left:0; top:0; height:16vw; box-shadow:0 0 2vw rgba(0,0,0,.2);}
.logo{ margin-top:3vw;}
.logo img{ height:10vw;}
.top_fix .logo{ margin-top:3vw;}
.nav_bg{ display:none;}
.mnav_btn{ position:absolute; right:4vw; display:block; width:7vw; height:7vw; margin:4.5vw 0; background:url(../images/menu.png) center no-repeat; background-size:contain; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/menu.png', sizingMethod='scale');}
.mnav_bg{ display:none; position:fixed; z-index:99998; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7);}
.mnav{ position:fixed; z-index:99999; width:60%; height:100%; right:0; top:0; background:#fff; -moz-transform:translateX(60vw); -ms-transform:translateX(60vw); -webkit-transform:translateX(60vw); transform:translateX(60vw); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.mnav1{ height:16vw; height:-moz-calc(16vw - 1px); height:-ms-calc(16vw - 1px); height:-webkit-calc(16vw - 1px); height:calc(16vw - 1px); border-bottom:1px solid #eee;}
.mnav_logo{ float:left; font-size:0; margin-left:4vw; margin-top:4vw;}
.mnav_logo img{ height:8vw;}
.mnav_close{ float:right; width:6vw; height:6vw; margin:5vw 0; margin-right:4vw; background:url(../images/close2.png) center no-repeat; background-size:5vw;}
.mnav_tel{ position:fixed; bottom:0; width:100%; height:14.5vw; line-height:14.5vw; background:#333; color:#fff; font-size:5vw; text-align:left; padding-bottom:3vw;}
.mnav_tel a{ color:#fff;}
.mnav_tel1{ display:inline-block; vertical-align:middle; width:4.5vw; height:4.5vw; background:url(../images/phone1.png) center no-repeat; background-size:4.5vw; margin-left:4vw;}
.mnav_tel2{ display:inline-block; vertical-align:middle; padding-left:1vw;}
.mnav_tel2 span{ position:absolute; font-size:3vw;}
.mnav2{ padding:2vw 4vw 0;}
.mnav2 a{ display:block; line-height:13vw; font-size:4.5vw; color:#353535; border-bottom:1px solid #eee;}
.mcur{ color:#0f58cf !important;}
.mnav_block{ -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	background-position: center;
	background-repeat:no-repeat;
	background-size: cover;
}
.banner_p{ position:absolute; width:550px; height:306px; line-height:306px; background:rgba(0,0,0,.7); text-align:center; padding:0 60px; left:5%; top:50%; margin-top:-153px;}
.banner_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.banner_t1{ font-size:48px; color:#fff; font-weight:bold;}
.banner_t2{ font-size:30px; color:#fff; background:#0f58cf; padding:5px 0; margin:15px 0;}
.banner_t3{ font-size:12px; color:rgba(255,255,255,.5); line-height:20px;}
.banner .swiper-pagination-bullet{ width:12px; height:12px; margin:0 6px !important; background:#0f58cf !important;}
.bannersmall{ display:none;}
/*768*/
@media (max-width:1200px){
.swiper-container{ height:80vw;}
.banner_p{ width:60%; height:20vw; line-height:20vw; padding:0 1vw; left:3%; margin-top:11vw;}
.banner_t1{ font-size:5.25vw;}
.banner_t2{ font-size:3.5vw; padding:1vw 2vw; margin:2vw 0 1vw;}
.banner_t3{ display:none;}
.swiper-button-next,.swiper-button-prev{ display:none !important;}
.banner .swiper-pagination-bullet{ width:2vw; height:2vw; margin:0 1.5vw !important;}
.bannersmall{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.banner .swiper-slide{ background-image:none !important; position:relative;}
}

.about{ padding:120px 0 110px; background:#fff;}
.about .width{ width:1380px;}
.about_picbg{ float:left; position:relative; display:block; width:705px; height:430px; border-top-right-radius:70px; overflow:hidden;}
.about_pic{ position:relative; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.about_pic1{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3);}
.about_btn{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/vdo.png) center no-repeat; background-size:109px; cursor:pointer;}
.about_btn:hover{ background-image:url(../images/vdo2.png);}
.about_p{ float:right; width:600px; line-height:430px;}
.about_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.about_t1{ font-size:45px; font-weight:bold; color:#0f58cf;}
.about_t2{ position:relative; width:10px; height:10px; border-radius:5px; background:#0f58cf; margin:25px 0;}
.about_t2::after{ content:''; position:absolute; left:20px; top:1px; width:45px; height:8px; border-radius:4px; background:#0f58cf;}
.about_t3{ font-size:20px; color:#666; line-height:2em;}
.about_t4{ display:block; width:148px; height:40px; line-height:40px; font-size:16px; text-align:center; background:#0f58cf; border:1px solid #0f58cf; color:#fff; margin-top:25px;}
.about_t4:hover{ background:none; color:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.about_picbg{ width:575px; height:467px;}
.about_p{ width:575px;}
}
/*768*/
@media (max-width:1200px){
.about{ padding:6vw 0;}
.about_picbg{ float:none; width:100%; height:50vw; border-radius:5vw;}
.about_btn{ background-size:15vw;}
.about_p{ float:none; width:100%; line-height:normal; margin-top:3vw;}
.about_t1{ font-size:6vw; text-align:center;}
.about_t2{ width:1.5vw; height:1.5vw; border-radius:50%; margin:2.5vw 0; left:50%; margin-left:-5.5vw;}
.about_t2::after{ left:3vw; top:0; width:7vw; height:1.5vw; border-radius:1vw;}
.about_t3{ font-size:3.5vw;}
.about_t4{ width:30vw; height:8vw; line-height:8vw; font-size:3vw; margin:0 auto; margin-top:3vw;}
}

.vdo_bg{ display:none; position:fixed; z-index:998; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.9);}
.vdo{ display:none; position:fixed; z-index:999; left:50%; top:50%; margin-left:-400px; margin-top:-225px;}
.vdo video{ outline:none;}
.vdo_close{ position:absolute; right:0; top:0; width:60px; height:60px; background:url(../images/close.png) center no-repeat; background-size:contain; cursor:pointer; margin-right:-70px;}
.block{ display:block;}
/*768*/
@media (max-width:1200px){
.vdo{ width:94vw; margin-left:-47vw;}
.vdo video{ width:100%;}
.vdo_close{ right:0; width:12vw; height:12vw; margin-right:0; top:15vw;}
}

.a1_bg{ margin-top:80px;}
.a1{ float:left; width:420px; margin-left:60px;}
.a1:nth-child(1){ margin-left:0;}
.a1:hover .a1_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.a1_picbg{ display:block; width:100%; height:330px; overflow:hidden;}
.a1_pic{ position:relative; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.a1_t1{ text-align:center; font-size:32px; color:#333; font-weight:bold; padding:15px 0;}
.a1_t2{ text-align:center; font-size:20px; color:#666; line-height:32px;}
.a1_t3{ text-align:center; font-size:18px; margin-top:12px;}
.a1_t3 a{ color:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.a1{ width:380px; margin-left:30px;}
.a1_picbg{ height:280px;}
}
/*768*/
@media (max-width:1200px){
.a1_bg{ margin-top:6vw;}
.a1{ width:45.5vw; margin-left:0;}
.a1:nth-child(1){ margin-left:0;}
.a1:nth-child(2){ display:none;}
.a1:nth-child(3){ float:right;}
.a1_picbg{ height:36vw;}
.a1_t1{ font-size:4.5vw; padding:2vw 0;}
.a1_t2{ text-align:left; font-size:3vw; line-height:5vw;}
.a1_t3{ font-size:3vw; margin-top:2vw;}
}

.product_title{ padding:70px 0;}
.title1{ text-align:center; font-size:42px; color:#0f58cf; font-weight:bold;}
.title2{ text-align:center; font-size:14px; color:#888; padding:20px 0 25px;}
.product .about_t2,.app .about_t2,.news .about_t2,.case .about_t2{ margin:0 auto; -moz-transform:translateX(-29px); -ms-transform:translateX(-29px); -webkit-transform:translateX(-29px); transform:translateX(-29px);}
.product{ padding:70px 0 100px; background:#f8f8f8;}
.product .width{ width:1500px;}
.product_nav{ width:100%; border-bottom:1px solid #ddd;}
.product_nav .swiper-wrapper{ text-align:center; width:1200px; margin:0 auto;}
.product_nav .swiper-slide{ display:inline-block; vertical-align:top; width:200px; font-size:22px; color:#333; line-height:70px; cursor:pointer;}
.product_nav .swiper-slide-thumb-active{ color:#0f58cf; border-bottom:5px solid #0f58cf;}
.pro1_bg0{ position:relative; width:100%; overflow:hidden; padding-bottom:60px;}
.pro1_bg0 .swiper-wrapper{ width:100%;}
.pro1_bg{ margin-top:25px;}
.pro1{ float:left; position:relative; display:block; width:350px; background:#fff; color:#666; margin-left:33px; margin-top:33px;}
.pro1:nth-child(4n-3){ margin-left:0;}
.pro1::after{ content:''; position:absolute; left:0; top:0; width:0; height:5px; background:#0f58cf; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro1:hover{ background:#0f58cf; color:#fff;}
.pro1:hover::after{ width:100%;}
.pro1_pic{ position:relative; width:100%; height:350px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro1_p{ font-size:20px; line-height:60px; height:60px; overflow:hidden; text-align:center;}
.pro1_p > div{ display:inline-block; vertical-align:middle; line-height:30px; padding:0 5px;}
.pro1_more{ display:block; width:70px; height:43px; line-height:43px; font-size:16px; color:#888; background:url(../images/more.png) 25px center no-repeat; background-size:18px; border:1px solid #aaa; border-radius:25px; padding-left:55px; padding-right:25px; margin:30px auto 0;}
.pro1_more:hover{ background-image:url(../images/more2.png); color:#0f58cf; border-color:#0f58cf;}
.product .swiper-pagination-bullet-active{ background:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.pro1{ width:285px; margin-left:20px; margin-top:20px;}
.pro1_pic{ height:285px;}
}
/*768*/
@media (max-width:1200px){
.product_title{ padding:6vw 0;}
.title1{ font-size:6vw;}
.title2{ font-size:3vw; padding:1vw 0 3vw;}
.product .about_t2{ -moz-transform:translateX(-54vw); -ms-transform:translateX(-54vw); -webkit-transform:translateX(-54vw); transform:translateX(-54vw);}
.app .about_t2,.news .about_t2,.case .about_t2{ -moz-transform:translateX(-51vw); -ms-transform:translateX(-51vw); -webkit-transform:translateX(-51vw); transform:translateX(-51vw);}
.product{ padding:6vw 0;}
.product_nav .swiper-wrapper{ width:100%;}
.product_nav .swiper-slide{ width:31%; font-size:4vw; line-height:8vw;}
.product_nav .swiper-slide-thumb-active{ border-bottom:1vw solid #0f58cf; margin-bottom:-1px;}
.pro1_bg0{ padding-bottom:10vw;}
.pro1_bg{ margin-top:4vw;}
.pro1{ width:45.5vw; margin-left:0; margin-top:3vw;}
.pro1:nth-child(4n-3){ margin-left:0;}
.pro1:nth-child(2n-1){ margin-left:0;}
.pro1:nth-child(2n){ float:right;}
.pro1::after{ height:1vw;}
.pro1_pic{ height:45.5vw;}
.pro1_p{ font-size:3.5vw; line-height:10vw; height:10vw;}
.pro1_p > div{ line-height:5vw; padding:0 1vw;}
.pro1_more{ width:18vw; height:8vw; line-height:8vw; font-size:3.5vw; background-position:6vw center; background-size:4vw; border-radius:5vw; padding-left:12vw; padding-right:2vw; margin:2vw auto 0;}
}

.pro2_bg{}
.pro2_bg .pro1{ float:left; width:320px;}
.pro2_bg .pro1:nth-child(1),.pro2_bg .pro1:nth-child(2),.pro2_bg .pro1:nth-child(3),.pro2_bg .pro1:nth-child(4){ margin-top:0;}
.pro2_bg .pro1_pic{ width:318px; height:320px; border:1px solid #ddd;}
.pro2_bg .pro1:hover{ background:none; color:#0f58cf;}
.pro3_bg{ padding-bottom:40px !important;}
.pro3_bg .pro1{ width:320px; margin-left:0; margin-right:33px; margin-top:0;}
.pro3_bg .pro1_pic{ width:318px; height:320px; border:1px solid #ddd;}
.pro3_bg .pro1:hover{ background:none; color:#0f58cf;}
.pro3_bg .swiper-pagination{}
.pro3_bg .swiper-pagination-bullet{}
.pro3_bg .swiper-pagination-bullet-active{ background:#0158cf;}
/*1280*/
@media (max-width:1440px){
.pro2_bg .pro1{ width:285px;}
.pro2_bg .pro1_pic{ width:283px; height:283px;}
.pro3_bg .pro1{ width:275px;}
.pro3_bg .pro1_pic{ width:273px; height:273px;}
}
/*768*/
@media (max-width:1200px){
.pro2_bg .pro1{ width:45.5vw;}
.pro2_bg .pro1:nth-child(1),.pro2_bg .pro1:nth-child(2),.pro2_bg .pro1:nth-child(3),.pro2_bg .pro1:nth-child(4){ margin-top:3vw;}
.pro2_bg .pro1:nth-child(1),.pro2_bg .pro1:nth-child(2){ margin-top:0;}
.pro2_bg .pro1:nth-child(2n){ float:right;}
.pro2_bg .pro1_pic{ width:45.5vw; height:45.5vw; border:none; outline:1px solid #ddd;}
.pro3_bg{ height:auto; padding-bottom:15vw !important;}
.pro3_bg .pro1{ width:45.5vw; height:45.5vw; margin-right:3vw;}
.pro3_bg .pro1:nth-child(2n){ float:right;}
.pro3_bg .pro1_pic{ border:1px solid #ddd; width:-moz-calc(45.5vw - 2px); width:-ms-calc(45.5vw - 2px); width:-webkit-calc(45.5vw - 2px); width:calc(45.5vw - 2px); height:-moz-calc(45.5vw - 2px); height:-ms-calc(45.5vw - 2px); height:-webkit-calc(45.5vw - 2px); height:calc(45.5vw - 2px);}
}

.app{ padding:80px 0;}
.app .width{ width:1500px; overflow:hidden;}
.app_nav{ position:absolute; z-index:2; width:440px; height:600px; background:url(../images/navbg.jpg); margin-top:60px;}
.app_nav .swiper-wrapper{ width:100%;}
.app_nav .swiper-slide{ width:255px; height:120px; line-height:120px; background:url(../images/ap1.png) 100px center no-repeat; background-size:50px; padding-left:185px; cursor:pointer;}
.app_nav .swiper-slide-thumb-active{ background-color:rgba(15,88,207,.5);}
.app_nav .swiper-slide > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.app_nav_t1{ font-size:24px; color:#fff;}
.app_nav_t2{ font-size:18px; color:#fff; padding-top:3px; padding-bottom:3px;}
.app1_bg0{ position:relative; width:1060px; height:600px; margin-top:60px; margin-left:440px;}
.app1_bg0 .swiper-slide{ height:600px;}
.app_pic{ position:relative; height:600px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.app_t{ position:absolute; left:100px; bottom:30px;}
.app_t1{ position:relative; font-size:28px; font-weight:bold; color:#fff; margin-bottom:30px;}
.app_t1::after{ content:''; position:absolute; left:0; bottom:-16px; width:35px; height:3px; background:#0f58cf;}
.app_t1 a{ float:right; display:block; width:118px; height:38px; line-height:38px; border:1px solid #fff; border-radius:20px; color:#fff; font-size:16px; text-align:center;}
.app_t1 a:hover{ background:#0f58cf; border-color:#0f58cf;}
.app_t2{ font-size:18px; color:#fff; line-height:24px; max-width:850px;}
.app1_bg0 .swiper-pagination-bullets{ display:none;}
/*1280*/
@media (min-width: 1201px) and (max-width:1440px){
.app_nav{ width:200px; height:565px;}
.app_nav .swiper-slide{ width:175px; height:113px; line-height:113px; background-position:90px center; background-image:none !important; padding-left:25px;}
.app_t{ width:870px; left:65px;}
.app1_bg0{ width:1000px; height:565px; margin-left:200px;}
.app1_bg0 .swiper-slide{ height:565px;}
.app_pic{ background-size:contain; background-position:center top; background-repeat:repeat;}
}
/*768*/
@media (max-width:1200px){
.app{ padding:6vw 0;}
.app_nav{ display:none; width:30vw; height:60vw; margin-top:5vw;}
.app_nav .swiper-slide{ width:18vw; height:12vw; line-height:12vw; background-position:4vw center; background-size:5vw; padding-left:12vw;}
.app_nav_t1{ font-size:4.5vw; line-height:12vw;}
.app_nav_t2{ display:none;}
.app1_bg0{ width:100%; height:auto; background:#f8f8f8; margin-top:5vw; margin-left:0;}
.app1_bg0 .swiper-slide{ height:82vw;}
.bg_gray .app1_bg0{ background:#fff;}
.app_pic{ height:42vw; background-position:center top;}
.app_t{ position:relative; width:94%; left:3vw; top:3vw;}
.app_t1{ color:#333; font-size:5vw; margin-bottom:2vw;}
.app_t1::after{ bottom:-2vw; width:6vw; height:0.5vw;}
.app_t1 a{ width:30vw; height:8vw; line-height:8vw; font-size:3.5vw; color:#0f58cf; border-color:#0f58cf;}
.app_t1 a:hover{ color:#fff;}
.app_t2{ font-size:3.5vw; color:#666; line-height:1.75em; margin-top:4vw;}
.app1_bg0 .swiper-pagination-bullets{ display:inline-block; bottom:auto; top:36vw; height:5vw;}
.app1_bg0 .swiper-pagination-bullet{ background:#fff; width:2vw; height:2vw; margin:0 1vw !important;}
.app1_bg0 .swiper-pagination-bullet-active{ background:#0f58cf;}
}

.news{ padding-bottom:90px;}
.news .width{ width:1500px;}
.news1_bg{ position:relative; margin-top:60px; padding-bottom:60px; overflow-x:hidden;}
.news1{ width:455px !important; margin-right:67.5px;}
.news1:nth-last-child(1){ margin-right:0;}
.news1:hover .news1_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news1_t1{ font-size:20px; height:30px; line-height:30px; overflow:hidden;}
.news1_t1 a{ color:#0f58cf;}
.news1_t2{ font-size:16px; color:#888; padding:12px 0;}
.news1_t3{ font-size:16px; color:#666; line-height:24px; height:48px; overflow:hidden;}
.news1_picbg{ display:block; width:100%; height:250px; overflow:hidden; margin-bottom:18px;}
.news1_pic{ position:relative; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news1_bg .swiper-pagination-bullet-active{ background:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.news1{ width:380px !important; margin-right:30px;}
.news1_picbg{ height:230px;}
}
/*768*/
@media (max-width:1200px){
.news{ padding-bottom:6vw;}
.news1_bg{ margin-top:4vw; padding-bottom:9vw;}
.news1{ width:100% !important; margin-right:0;}
.news1_t1{ font-size:4vw; height:auto; line-height:1.5em;}
.news1_t2{ font-size:3vw; padding:2vw 0;}
.news1_t3{ font-size:3vw; height:auto; line-height:1.75em;}
.news1_picbg{ height:50vw; margin-top:2vw; margin-bottom:3vw;}
.news1_bg .swiper-pagination-bullet{ width:2vw; height:2vw; margin:0 1vw !important;}
}

.foot{ padding:60px 0 0; background:#222; color:#ddd;}
.foot a{ color:#ddd;}
.foot a:hover{ color:#fff;}
.foot .width{ width:1500px;}
.foot1_bg{ display:inline-block; vertical-align:top;}
.foot1{ float:left; margin-left:75px;}
.foot1:nth-child(1){ margin-left:0;}
.foot1_t1{ font-size:20px; font-weight:bold; color:#fff; line-height:40px; margin-bottom:5px;}
.foot1_t1 a{ color:#fff;}
.foot1_t2{ font-size:14px; line-height:30px;}
.foot2{ display:inline-block; vertical-align:top; width:140px; position:relative;}
.foot2::before,.foot2::after{ content:''; position:absolute; top:10px; width:1px; height:125px; background:rgba(255,255,255,.2);}
.foot2::before{ left:-50px;}
.foot2::after{ right:-50px;}
.foot2_pic{ width:100%; font-size:0;}
.foot2 p{ text-align:center; font-size:14px; color:#ddd; line-height:20px; padding-top:8px;}
.foot3{ display:inline-block; vertical-align:top;}
.copy{ text-align:center; line-height:70px; border-top:1px solid rgba(255,255,255,.2); margin-top:50px;}
.copy > p{ display:inline-block; vertical-align:top; margin:0 10px; font-size:14px; color:#ddd;}
/*1280*/
@media (max-width:1440px){
.foot1{ margin-left:50px;}
.foot1:nth-child(4){ display:none;}
.foot2::before{ left:-35px;}
.foot2::after{ right:-35px;}
}
/*768*/
@media (max-width:1200px){
.foot{ padding:0; margin-bottom:17vw;}
.foot1_bg{ display:none;}
.foot2{ display:none;}
.foot3{ display:none;}
.copy{ line-height:12vw; border-top:none; margin-top:0;}
.copy > p{ margin:0 3vw; font-size:3vw;}
.copy > p span{ display:none;}
.copy > p:nth-child(2),.copy > p:nth-child(3),.copy > p:nth-child(4){ display:none;}
}


.ban{ position:relative; width:100%; height:370px; line-height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.ban > div{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.8); font-size:42px; font-weight:bold; color:#fff; text-align:center;}
.ban_pro{}
.ban_t{ line-height:normal; padding-top:160px;}
.search{ text-align:center; font-size:0; line-height:normal; margin-top:20px;}
.search1{ display:inline-block; vertical-align:middle; width:380px; height:48px; line-height:48px; font-size:18px; color:#222; background:url(../images/search2.png) 10px center no-repeat #fff; background-size:24px; border:none; outline:none; padding:0 15px 0 45px;}
.search2{ display:inline-block; vertical-align:middle; width:118px; height:48px; line-height:48px; font-size:17px; color:#fff; background:#0f58cf; border:1px solid #0f58cf; outline:none; margin-left:-12px; cursor:pointer;}
.search2:hover{ background:#1064ed;}
.ban1{ height:470px;}
.ban_ico{ text-align:center; font-size:0; line-height:normal; margin-top:30px;}
.ban_ico1{ display:inline-block; vertical-align:top; width:180px; font-size:20px; font-weight:normal; color:#fff; background:url(../images/a1.png) center top no-repeat; background-size:70px; padding-top:75px; margin:0 20px;}
.ban_ico1 p:nth-child(2){ font-size:14px; color:#ccc; padding-top:10px;}
.nav2_bg{ background:#eee; height:80px; line-height:80px;}
.nav2_bg .width{ width:1380px;}
.nav2{ float:left;}
.nav2 a{ float:left; position:relative; display:block; width:auto; font-size:18px; color:#333; margin-right:50px;}
.nav2 a:nth-last-child(1){ margin-right:0;}
.nav2 a::after{ content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#0f58cf; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.nav2 a:hover{ color:#0f58cf;}
.nav2 a:hover::after{ width:100%;}
.cur1{ color:#0f58cf !important;}
.cur1::after{ width:100% !important;}
.pos{ float:right; font-size:14px; color:#999; background:url(../images/pos.png) left center no-repeat; background-size:20px; padding-left:26px;}
.pos a{ color:#999;}
.pos a:hover{ color:#0f58cf;}
/*768*/
@media (max-width:1200px){
.ban{ height:34vw; line-height:50vw;}
.ban > div{ font-size:6vw;}
.ban_pro{ height:50vw; line-height:normal;}
.ban_t{ padding-top:21vw;}
.search{ margin-top:4vw;}
.search1{ width:50vw; height:10vw; line-height:10vw; font-size:4vw; background:url(../images/search2.png) 2.5vw center no-repeat #fff; background-size:24px; padding:0 15px 0 45px;}
.search2{ width:24vw; height:10vw; line-height:10vw; font-size:3.75vw; margin-left:0;}
.ban1{ height:54vw;}
.ban_ico{ margin-top:3vw;}
.ban_ico1{ width:16vw; font-size:4vw; background-size:11vw; padding-top:11.5vw; margin:0 1.5vw;}
.ban_ico1:nth-child(5){ display:none;}
.ban_ico1 p:nth-child(2){ font-size:3vw; padding-top:1vw; display:none;}
.nav2_bg{ height:12vw; line-height:12vw; border-bottom:1px solid #ddd;}
.nav2{ float:none;}
.nav2 a{ width:auto; padding:0 3vw; font-size:4vw; margin-right:0; text-align:center;}
.nav2 a::after{ height:1vw;}
.nav2_case a{ padding:0 2vw;}
.pos{ display:none;}
}

.company{ padding:80px 0;}
.company .width{ width:1380px;}
.title3{ font-size:30px; font-weight:bold; color:#333; margin-bottom:42px;}
.title3 span{ font-size:18px; font-weight:normal; color:#0f58cf; padding-left:10px;}
.company_picbg{ float:left; position:relative; width:600px; height:425px; overflow:hidden;}
.company_pic{ position:relative; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.company_p{ float:right; width:735px; font-size:18px; line-height:32px; color:#666;}
.company_p p{ text-indent:2em; padding-bottom:18px;}
.company_p p span{ color:#0f58cf;}
.company_p a{ color:#666;}
.company_p a:hover{ color:#0f58cf;}
.num{ text-align:center; margin-top:40px;}
.num1{ display:inline-block; vertical-align:top; padding:0 70px;}
.num1_t1{ font-size:56px; color:#0f58cf; font-family:Impact;}
.num1_t1 sup{ position:absolute; font-size:18px; color:#666; padding-left:5px;}
.num1_t2{ font-size:22px; color:#666;}
/*1280*/
@media (max-width:1440px){
.company_picbg{ width:575px; height:545px;}
.company_p{ width:575px;}
.num1{ padding:0 55px;}
.num1:nth-child(1){ padding-left:0;}
.num1:nth-last-child(1){ padding-right:0;}
}
/*768*/
@media (max-width:1200px){
.company{ padding:6vw 0;}
.title3{ font-size:5.5vw; margin-bottom:4vw;}
.title3 span{ font-size:3vw; padding-left:1vw;}
.company_picbg{ float:none; width:100%; height:60vw;}
.company_p{ float:none; width:100%; font-size:3.5vw; line-height:1.75em; margin-top:3vw;}
.company_p p{ text-indent:2em; padding-bottom:2vw;}
.num{ margin-top:0;}
.num1{ width:32%; padding:0; margin-top:4vw;}
.num1_t1{ font-size:8vw;}
.num1_t1 sup{ font-size:3vw; padding-left:1vw;}
.num1_t2{ font-size:3.5vw;}
}

.culture_p{ float:left; width:820px; font-size:16px; line-height:36px; color:#666;}
.culture_pic{ float:right; position:relative; width:525px; height:320px; background-position:center top; background-repeat:no-repeat; background-size:cover; margin-top:-45px;}
/*1280*/
@media (max-width:1440px){
.culture_p{ width:630px;}
.culture_pic{ margin-top:-30px;}
}
/*768*/
@media (max-width:1200px){
.culture_p{ float:none; width:100%; font-size:3.5vw; line-height:1.75em;}
.culture_pic{ float:none; width:100%; height:55vw; margin-top:3vw;}
}

.dev{ position:relative; padding-top:20px;}
.dev::after{ content:''; position:absolute; width:3px; height:580px; background:#ddd; left:50%; top:110px; margin-left:-1.5px;}
.dev1{ float:left; width:620px; margin-top:70px; margin-left:20px;}
.dev1:nth-child(1){ margin-top:0;}
.dev1:nth-child(2n){ float:right; margin-left:0; margin-right:20px;}
.dev1_p{ float:left; width:315px; text-align:right; line-height:184px;}
.dev1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.dev1_pic{ float:right; position:relative; width:275px; height:178px; background-position:center; background-repeat:no-repeat; background-size:cover; border:3px solid #eee;}
.dev1_pic::before{ content:''; position:absolute; z-index:2; width:18px; height:18px; background:url(../images/dev1.png) left center no-repeat; background-size:contain; right:-22px; top:50%; margin-top:-9px;}
.dev1_pic::after{ content:''; position:absolute; z-index:2; width:12px; height:12px; background:#fff; border:3px solid #ddd; border-radius:50%; right:-62px; top:50%; margin-top:-9px;}
.dev1:nth-child(2n) .dev1_p{ float:right; text-align:left;}
.dev1:nth-child(2n) .dev1_pic{ float:left; text-align:left;}
.dev1:nth-child(2n) .dev1_pic::before{ background-image:url(../images/dev2.png); right:0; left:-21px;}
.dev1:nth-child(2n) .dev1_pic::after{ right:0; left:-62px;}
.dev1_t1{ font-size:44px; color:#0f58cf; font-family:Impact;}
.dev1_t2{ font-size:16px; color:#666; line-height:30px;}
/*1280*/
@media (max-width:1440px){
.dev1{ width:550px; margin-left:0;}
.dev1:nth-child(2n){ margin-right:0;}
.dev1_p{ width:240px;}
}
/*768*/
@media (max-width:1200px){
.dev{ padding-top:2vw;}
.dev::after{ width:3px; height:164vw; top:46vw; margin-left:-1.5px;}
.dev1{ width:40vw; margin-top:10vw;}
.dev1:nth-child(2){ margin-top:20vw;}
.dev1_p{ float:none; width:100%; line-height:normal;}
.dev1_pic{ float:none; width:100%; height:30vw; border:2px solid #eee; margin-top:2vw;}
.dev1_pic::before{ width:3vw; height:3vw; right:-3.5vw; margin-top:-1.5vw;}
.dev1_pic::after{ width:3vw; height:3vw; border:2px solid #ddd; right:-8.5vw; margin-top:-2vw;}
.dev1:nth-child(2n) .dev1_pic::before{ left:-3.5vw;}
.dev1:nth-child(2n) .dev1_pic::after{ right:0; left:-9.5vw;}
.dev1_t1{ font-size:7vw;}
.dev1_t2{ font-size:3.5vw; line-height:1.75em; margin-top:1vw;}
}

.honor{ padding-top:20px;}
.honor1{ float:left; width:240px; margin-left:45px; margin-top:35px;}
.honor1:nth-child(5n-4){ margin-left:0;}
.honor1:nth-child(1),.honor1:nth-child(2),.honor1:nth-child(3),.honor1:nth-child(4),.honor1:nth-child(5){ margin-top:0;}
.honor1_pic{ position:relative; width:234px; height:345px; border:3px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:cover;}
.honor1 p{ text-align:center; color:#666; font-size:20px; padding-top:8px;}
/*1280*/
@media (max-width:1440px){
.honor1{ width:216px; margin-left:30px; margin-top:30px;}
.honor1_pic{ width:210px; height:309px;}
}
/*768*/
@media (max-width:1200px){
.honor{ padding-top:1vw;}
.honor1{ width:45.5vw; margin-left:0; margin-top:3vw;}
.honor1:nth-child(5n-4){ margin-left:0;}
.honor1:nth-child(2n-1){ margin-left:0;}
.honor1:nth-child(1),.honor1:nth-child(2),.honor1:nth-child(3),.honor1:nth-child(4),.honor1:nth-child(5){ margin-top:3vw;}
.honor1:nth-child(1),.honor1:nth-child(2){ margin-top:0;}
.honor1:nth-child(2n){ float:right;}
.honor1_pic{ width:100%; height:67vw; border:none; outline:1px solid #ddd;}
.honor1 p{ font-size:3.5vw; padding-top:2vw;}
}

.photo{ padding-top:20px;}
.photo1{ float:left; width:320px; margin-left:33px; margin-top:30px;}
.photo1:nth-child(4n-3){ margin-left:0;}
.photo1:nth-child(1),.photo1:nth-child(2),.photo1:nth-child(3),.photo1:nth-child(4){ margin-top:0;}
.photo1_pic{ position:relative; width:314px; height:228px; border:3px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:cover;}
.photo1_p{ text-align:center; color:#666; font-size:20px; line-height:60px; height:60px; overflow:hidden;}
.photo1_p > div{ display:inline-block; vertical-align:middle; line-height:30px;}
.photo2_bg .photo1{}
.photo2_bg .photo1_pic{ -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.photo2_bg .photo1:hover .photo1_pic{ border-color:#0f58cf;}
.photo2_bg .photo1:hover p{ color:#0f58cf;}

.case{ padding:0 0 80px;}
.case .width{ width:1500px; overflow:hidden;}
.photo3_bg{ position:relative; margin-top:30px; padding-bottom:60px;}
.photo3_bg .photo1{ width:350px; margin-left:0; margin-right:33px; margin-top:0;}
.photo3_bg .photo1:nth-child(4n-3){ margin-left:0; margin-right:33px; margin-top:0;}
.photo3_bg .photo1:nth-child(1),.photo3_bg .photo1:nth-child(2),.photo3_bg .photo1:nth-child(3),.photo3_bg .photo1:nth-child(4){ margin-left:0; margin-right:33px; margin-top:0;}
.photo3_bg .photo1:nth-last-child(1){ margin-right:0;}
.photo3_bg .photo1_pic{ width:344px;}
.photo3_bg .swiper-pagination-bullet-active{ background:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.photo1{ width:277.5px; margin-left:30px;}
.photo1_pic{ width:271.5px; height:197px;}
.photo3_bg .photo1{ width:277.5px; margin-right:30px;}
.photo3_bg .photo1:nth-child(4n-3){ margin-right:30px;}
.photo3_bg .photo1:nth-child(1),.photo3_bg .photo1:nth-child(2),.photo3_bg .photo1:nth-child(3),.photo3_bg .photo1:nth-child(4){ margin-right:30px;}
.photo3_bg .photo1_pic{ width:271.5px; height:197px;}
}
/*768*/
@media (max-width:1200px){
.photo{ padding-top:1vw;}
.photo1{ width:45.5vw; margin-left:0; margin-top:3vw;}
.photo1:nth-child(4n-3){ margin-left:0;}
.photo1:nth-child(2n-1){ margin-left:0;}
.photo1:nth-child(1),.photo1:nth-child(2),.photo1:nth-child(3),.photo1:nth-child(4){ margin-top:3vw;}
.photo1:nth-child(1),.photo1:nth-child(2){ margin-top:0;}
.photo1:nth-child(2n){ float:right;}
.photo1_pic{ width:100%; height:33vw; border:none; outline:1px solid #ddd;}
.photo1_p{ font-size:3.5vw; line-height:10vw; height:10vw;}
.photo1_p > div{ line-height:5vw;}
.case{ padding:0 0 6vw;}
.photo3_bg{ margin-top:5vw; padding-bottom:9vw;}
.photo3_bg .photo1{ width:45.5vw; margin-right:3vw;}
.photo3_bg .photo1:nth-child(4n-3){ margin-right:3vw;}
.photo3_bg .photo1:nth-child(1),.photo3_bg .photo1:nth-child(2),.photo3_bg .photo1:nth-child(3),.photo3_bg .photo1:nth-child(4){ margin-right:3vw;}
.photo3_bg .photo1:nth-child(2n){ float:right;}
.photo3_bg .photo1_pic{ width:45.5vw; height:34vw;}
.photo3_bg .swiper-pagination-bullet{ width:2vw; height:2vw; margin:0 1.5vw !important;}
}

.partner{ padding-top:20px;}
.partner1{ float:left; width:200px; margin-left:36px; margin-top:30px;}
.partner1:nth-child(6n-5){ margin-left:0;}
.partner1:nth-child(1),.partner1:nth-child(2),.partner1:nth-child(3),.partner1:nth-child(4),.partner1:nth-child(5),.partner1:nth-child(6){ margin-top:0;}
.partner1_pic{ position:relative; width:100%; height:110px; background-position:center; background-repeat:no-repeat; background-size:contain;}
/*1280*/
@media (max-width:1440px){
.partner1{ width:175px; margin-left:30px;}
}
/*768*/
@media (max-width:1200px){
.partner{ padding-top:0;}
.partner1{ width:29vw; margin-left:2vw; margin-top:2vw;}
.partner1:nth-child(6n-5){ margin-left:2vw;}
.partner1:nth-child(2n-1){ margin-left:0;}
.partner1:nth-child(1),.partner1:nth-child(2),.partner1:nth-child(3),.partner1:nth-child(4),.partner1:nth-child(5),.partner1:nth-child(6){ margin-top:2vw;}
.partner1:nth-child(1),.partner1:nth-child(2),.partner1:nth-child(3){ margin-top:0vw;}
.partner1:nth-child(3n){ float:right;}
.partner1_pic{ height:25vw;}
}


.product2{ padding:100px 0;}
.product2 .width{ width:1380px;}

.page{ margin-top:60px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:16px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#1d3fbc;}
.page-num-current{ color:#1d3fbc !important;}
/*768*/
@media (max-width:1200px){
.product2{ padding:6vw 0;}
.page{ margin-top:4vw;}
.page,.page span,.page p,.page a{ padding:3vw; font-size:3vw;}
}

.pro_left{ float:left; width:520px;}
.pro_pic1{ position:relative; float:left; width:93px; height:404px; overflow:hidden;}
.pro_pic1 .swiper-wrapper{ width:100%;}
.pro_pic1 .swiper-slide{ position:relative; width:91px; height:93px; cursor:pointer; margin-bottom:10px;}
.pro_pic1 .swiper-slide > div{ position:relative; width:100%; height:93px; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_pic1 .swiper-slide-thumb-active > div{ border-color:#0f58cf;}
.pro_pic1 .swiper-button-next,.pro_pic1 .swiper-button-prev{}
.pro_pic1 .swiper-button-prev{ top:10px; left:35%; -moz-transform:translateX(-35%); -ms-transform:translateX(-35%); -webkit-transform:translateX(-35%); transform:translateX(-35%); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pro_pic1 .swiper-button-next{ top:auto; bottom:-10px; left:35%; -moz-transform:translateX(-35%); -ms-transform:translateX(-35%); -webkit-transform:translateX(-35%); transform:translateX(-35%); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pro_pic1 .swiper-button-next::after,.pro_pic1 .swiper-button-prev::after{ color:#0f58cf; font-size:22px;}
.pro_pic2{ position:relative; float:right; width:410px; height:410px; border:1px solid #ddd; overflow:hidden;}
.pro_pic2 .swiper-wrapper{ width:1000%;}
.pro_pic2 .swiper-slide{ position:relative; float:left; width:410px; height:410px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_pic2 .swiper-pagination-bullet-active{ background:#0f58cf;}
/*768*/
@media (max-width:1200px){
.pro_left{ float:none; width:100%;}
.pro_pic1{ width:17.75vw; height:74vw;}
.pro_pic1 .swiper-wrapper{ width:100%;}
.pro_pic1 .swiper-slide{ width:100%; height:17.75vw; margin-bottom:1vw;}
.pro_pic1 .swiper-slide > div{ width:calc(17.75vw - 2px); height:calc(17.75vw - 2px);}
.pro_pic1 .swiper-slide-thumb-active{ outline-color:#0f58cf;}
.pro_pic1 .swiper-button-next,.pro_pic1 .swiper-button-prev{ display:none;}
.pro_pic1 .swiper-button-prev{ top:4vw; left:20%; -moz-transform:translateX(-20%); -ms-transform:translateX(-20%); -webkit-transform:translateX(-20%); transform:translateX(-20%); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pro_pic1 .swiper-button-next{ top:auto; bottom:-4vw; left:20%; -moz-transform:translateX(-20%); -ms-transform:translateX(-20%); -webkit-transform:translateX(-20%); transform:translateX(-20%); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pro_pic1 .swiper-pagination-bullet{ width:2vw; height:2vw; margin:0 1vw !important;}
.pro_pic2{ width:74vw; height:74vw; border:none; outline:1px solid #ddd;}
.pro_pic2 .swiper-wrapper{ width:1000%;}
.pro_pic2 .swiper-slide{ width:74vw; height:74vw;}
.pro_pic2 .swiper-pagination-bullet{ width:2vw; height:2vw; margin:0 1vw !important;}
}

.pro_right{ float:right; width:805px;}
.pro_t1{ font-size:30px; font-weight:bold; color:#333; padding-left:22px;}
.pro_t1_xinghao{ font-size:16px; color:#666; padding-top:10px; padding-bottom:20px; padding-left:22px;}
.pro_t2{ font-size:16px; line-height:26px; color:#666; background:#eee; padding:15px 22px;}
.pro_t2 a{ color:#666;}
.pro_t3{ font-size:24px; color:#0f58cf; background:url(../images/phone.png) 22px center no-repeat; background-size:20px; padding-left:52px; margin:30px 0;}
.pro_t3 a{ color:#0f58cf;}
.pro_t4{ display:block; width:168px; height:38px; line-height:38px; text-align:center; font-size:16px; color:#fff; background:#0f58cf; border:1px solid #0f58cf; border-radius:25px; margin-left:22px;}
.pro_t4:hover{ background:none; color:#0f58cf;}
.pro_t5{ border-bottom:1px solid #eee; margin-top:50px;}
.pro_t5 span{ display:block; width:145px; height:40px; line-height:40px; font-size:16px; background:#0f58cf; color:#fff; text-align:center;}
.pro_t6{ font-size:16px; line-height:26px; color:#666; margin-top:20px;}
.pro_t6 a{ color:#666;}
.pro_xqy{ margin-bottom:30px;}
.pro_xqy img{ margin-bottom:-8px;}
.pro_contact{ color:#fff !important;}
.pro_more{ margin-top:80px;}
.pro_t7{ position:relative; font-size:28px; color:#0f58cf; padding-left:20px; margin-bottom:30px;}
.pro_t7::after{ content:''; position:absolute; left:0; top:7px; width:5px; height:28px; background:#0f58cf;}
.pro_ico{ margin-top:15px;}
.pro_ico1{ float:left; font-size:16px; color:#666; background:url(../images/a11.png) center top no-repeat; background-size:40px; padding-top:42px; margin-right:30px;}
/*1280*/
@media (max-width:1440px){
.pro_right{ width:640px;}
.pro_contact{ margin-top:50px !important;}
}
/*768*/
@media (max-width:1200px){
.pro_left{ height:74vw;}
.pro_right{ float:none; width:100%;}
.pro_t1{ font-size:6vw; line-height:normal; line-height:8vw; padding:4vw 0; padding-left:3vw;}
.pro_t1_xinghao{ font-size:3.5vw; margin-top:-5vw; padding-bottom:3vw; padding-left:3vw;}
.pro_t2{ font-size:3.5vw; line-height:1.75em; padding:3vw;}
.pro_t3{ position:absolute; font-size:5vw; background:url(../images/phone.png) 3vw center no-repeat; background-size:4.5vw; padding-left:9vw; margin:5vw 0;}
.pro_t3 span{ font-size:3.5vw;}
.pro_t4{ width:32vw; height:8vw; line-height:8vw; font-size:3.5vw; border-radius:4vw; margin-left:60vw; margin-top:3vw;}
.pro_t5{ border-bottom:1px solid #eee; margin-top:7vw;}
.pro_t5 span{ width:30vw; height:8vw; line-height:8vw; font-size:4vw;}
.pro_t6{ font-size:3.5vw; line-height:1.75em; margin-top:3vw;}
.pro_xqy{ margin-bottom:5vw;}
.pro_contact{ margin-top:5vw !important;}
.pro_more{ margin-top:6vw;}
.pro_t7{ font-size:5vw; padding-left:4vw; margin-bottom:4vw;}
.pro_t7::after{ top:12%; width:1vw; height:80%;}
.pro3_bg .swiper-pagination-bullet{ width:2vw; height:2vw; margin:0 1vw !important;}
.pro_ico{ margin-top:3vw;}
.pro_ico1{ font-size:3.5vw; background-size:8vw; padding-top:8vw; margin-right:4vw;}
.pro_ico1:nth-last-child(2){ margin-right:0;}
}

.news2_bg{}
.news2{ margin-top:50px;}
.news2:nth-child(1){ margin-top:0;}
.news2:hover .news2_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news2:hover .news2_t1 a{ color:#0f58cf;}
.news2_picbg{ float:left; display:block; width:360px; height:226px; overflow:hidden;}
.news2_pic{ position:relative; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news2_p{ float:right; width:980px; line-height:226px; border-bottom:1px solid #ddd;}
.news2_p > div{ display:inline-block; vertical-align:middle; line-height:normal; width:100%;}
.news2_d{ float:left; font-family:Arial; color:#999; line-height:50px; margin-top:30px; margin-left:10px;}
.news2_d1{ font-size:80px; font-weight:bold;}
.news2_d2{ font-size:26px;}
.news2_t{ float:right; width:820px;}
.news2_t1{ font-size:26px;}
.news2_t1 a{ color:#333;}
.news2_t2{ font-size:16px; line-height:30px; color:#888; margin:10px 0;}
.news2_t3{ font-size:16px;}
.news2_t3 a{ color:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.news2_p{ width:800px;}
.news2_t{ width:650px;}
}
/*768*/
@media (max-width:1200px){
.news2{ margin-top:6vw;}
.news2:nth-child(1){ margin-top:0;}
.news2_picbg{ float:none; width:100%; height:45vw;}
.news2_p{ float:none; width:100%; line-height:normal; padding-bottom:4vw;}
.news2_d{ display:none;}
.news2_t{ float:none; width:100%; margin-top:3vw;}
.news2_t1{ font-size:4.5vw;}
.news2_t2{ font-size:3.5vw; line-height:1.75em; margin:2vw 0 2vw;}
.news2_t3{ width:100%; text-align:center; background:#0f58cf; font-size:3.5vw; line-height:8vw;}
.news2_t3 a{ display:block; color:#fff;}
}

.news_left{ float:left; width:990px;}
.news_right{ float:right; width:280px; border-left:1px solid #ddd; padding-left:55px;}
.news_t1{ text-align:center; font-size:26px; color:#0f58cf;}
.news_t2{ text-align:center; font-size:14px; color:#c6c4c4; margin:15px 0 30px;}
.news_t2 span{ padding-left:25px;}
.news_t3{ font-size:14px; line-height:26px; color:#000000;}
.news_t3 p{ padding-bottom:20px;}
.news_t3 a{ color:#888;}
.news_t3 a:hover{ color:#0f58cf;}
.news_t4{ font-size:20px; color:#333; padding-bottom:5px;}
.news_t5{ background:#f0f0f0; font-size:14px; line-height:24px; color:#c7c3c3; padding:10px; margin-bottom:25px;}
.news_contact{ text-align:center; margin-top:30px;}
.news_contact1{ width:120px; margin:0 auto;}
.news_contact2{ font-size:14px; color:#666; line-height:1.75em;}
.news_contact2 a{ color:#666;}
.news3_bg{}
.news3{ display:block; margin-top:20px;}
.news3:hover .news3_pic{ -moz-transform:scale(1.05); -ms-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news3_picbg{ width:280px; height:150px; overflow:hidden;}
.news3_pic{ position:relative; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news3 p{ font-size:14px; color:#000000; line-height:28px; padding-top:8px;}
.news3:hover p{ color:#0f58cf;}
.news3_case{ text-align:center;}
/*1280*/
@media (max-width:1440px){
.news_left{ width:820px;}
}
/*768*/
@media (max-width:1200px){
.news_left{ float:none; width:100%;}
.news_right{ float:none; width:100%; border-left:none; padding-left:0;}
.news_t1{ font-size:5vw;}
.news_t2{ font-size:3.5vw; margin:2vw 0 4vw;}
.news_t3{ font-size:3.5vw; line-height:1.75em;}
.news_t4{ font-size:4vw; padding-bottom:3vw; margin-top:6vw;}
.news_t5{ font-size:3.5vw; line-height:1.75em; padding:3vw; margin-bottom:4vw;}
.news_contact{ margin-top:3vw;}
.news_contact1{ width:30vw; margin:0 auto;}
.news_contact2{ font-size:3.25vw;}
.news3_bg{}
.news3{ float:left; width:45.5vw; margin-left:0; margin-top:3vw;}
.news3:nth-child(2n-1){ margin-left:0;}
.news3:nth-child(1),.news3:nth-child(2){ margin-top:0;}
.news3:nth-child(2n){ float:right;}
.news3_picbg{ width:45.5vw; height:25vw;}
.news3 p{ font-size:3.5vw; line-height:5vw; height:5vw; overflow:hidden; padding-top:2vw;}
}

.job_t1{ width:100%; background:#0f58cf;}
.job_t1 > div{ display:inline-block; vertical-align:middle; width:16%; text-align:center; line-height:70px; font-size:24px; background:#0f58cf; color:#fff;}
.job_t2{ background:#ededed; border-bottom:1px dashed #ccc;}
.job_t2 > div{ display:inline-block; vertical-align:middle; width:16%; text-align:center; line-height:70px; font-size:18px; background:#ededed; color:#666;}
.job_t2 a{ color:#0f58cf;}
/*768*/
@media (max-width:1200px){
.job_t1 > div{ width:25%; line-height:10vw; font-size:4vw;}
.job_t1 > div:nth-child(3),.job_t1 > div:nth-child(5){ display:none;}
.job_t2 > div{ width:25%; line-height:10vw; font-size:3.5vw;}
.job_t2 > div:nth-child(3),.job_t2 > div:nth-child(5){ display:none;}
}

.con1{ float:left; width:460px; height:450px; line-height:450px; background:#f7f7f7; padding:0 30px;}
.con1 > div{ display:inline-block; vertical-align:middle; line-height:normal; width:100%;}
.con1 .title3{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px;}
.con1_t1{ font-size:24px; color:#666; font-weight:bold; border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.con1_t2{ font-size:16px; line-height:24px; color:#666;}
.con1_t2 p{ padding:6px 0;}
.con1_t2 a{ color:#666;}
.con1_t2 a:hover{ color:#0f58cf;}
.con1_t2 b{ color:#0f58cf; font-size:18px;}
.con1_t2 b a{ color:#0f58cf;}
.con2{ float:right; width:860px;}
.mes_t{ margin-top:60px;}
.message{}
.mes1{ float:left; margin-left:45px;}
.mes1:nth-child(1){ margin-left:0;}
.mes1 input{ width:408px; height:50px; line-height:50px; font-size:18px; color:#666; border:1px solid #ddd; padding:0 10px; outline:none;}
.mes2{ float:left; margin:30px 0;}
.mes2 textarea{ width:1358px; height:200px; line-height:50px; font-size:18px; color:#666; border:1px solid #ddd; padding:0 10px; outline:none; resize:none; font-family:'Microsoft Yahei';}
.mes3{ float:right;}
.mes3 input{ width:640px; height:52px; line-height:52px; font-size:18px; border:1px solid #0f58cf; background:#0f58cf; color:#fff; border-radius:25px; outline:none; cursor:pointer; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.mes3 input:hover{ background:none; color:#0f58cf;}
.mes4{ position:relative; margin-left:0;}
.mes4 input{ width:640px;}
.yanzheng{ position:absolute; right:0; top:7px;}
/*1280*/
@media (max-width:1440px){
.con2{ width:680px;}
.mes1{ margin-left:30px;}
.mes1 input{ width:358px;}
.mes2 textarea{ width:1178px;}
.mes4{ margin-left:0;}
.mes4 input{ width:500px;}
}
/*768*/
@media (max-width:1200px){
.con1{ float:none; width:88vw; height:auto; line-height:normal; padding:5vw 3vw;}
.con1 .title3{ display:none;}
.con1_t1{ font-size:5.5vw; padding-bottom:2vw;}
.con1_t2{ font-size:3.5vw; line-height:1.75em;}
.con1_t2 b{ font-size:4.5vw;}
.con2{ float:none; width:100%;}
#map{ height:70vw !important;}
.mes_t{ margin-top:6vw;}
.mes1{ float:none; width:100%; margin-left:0; margin-top:3vw;}
.mes1:nth-child(1){ margin-top:0;}
.mes1 input{ width:88vw; height:10vw; line-height:10vw; font-size:3.5vw; border:none; outline:1px solid #ddd; padding:0 3vw;}
.mes2{ float:none; width:100%; margin:3vw 0;}
.mes2 textarea{ width:88vw; height:40vw; line-height:10vw; font-size:3.5vw; border:none; outline:1px solid #ddd; padding:0 3vw;}
.mes3{ float:none; width:100%; margin:3vw auto 0;}
.mes3 input{ width:100%; height:9vw; line-height:9vw; font-size:3.5vw;}
.BMapLabel{ font-size:4vw !important;}
.yanzheng{ top:0.5vw;}
}

.bg_gray{ background:#f8f8f8;}
.price1{ position:relative; width:100%; height:800px; background-position:center; background-repeat:no-repeat; background-size:cover; margin-top:50px;}
.price2{ float:left; width:735px; margin-top:30px;}
.price2_pic{ position:relative; width:733px; height:418px; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:cover;}
.price2 p{ text-align:center; font-size:20px; color:#666; padding-top:10px;}
.price3{ float:right;}
.price4{ display:block; width:100%; height:60px; line-height:60px; text-align:center; font-size:22px; border:1px solid #0f58cf; background:#0f58cf; color:#fff; margin-top:50px; margin-bottom:20px;}
.price4:hover{ background:#0061ff;}
/*1280*/
@media (max-width:1440px){
.price1{ height:640px;}
.price2{ width:585px; height:335px;}
.price2_pic{ width:583px; height:333px;}
.price4{ margin-top:90px;}
}
/*768*/
@media (max-width:1200px){
.price1{ height:50.1vw; margin-top:5vw;}
.price2{ width:100%; height:53vw; margin-top:3vw;}
.price2_pic{ width:100%; height:53vw;}
.price2 p{ font-size:3.75vw; padding-top:2vw; line-height:normal;}
.price3{ margin-top:10vw;}
.price4{ height:10vw; line-height:10vw; font-size:3.5vw; margin-top:12vw; margin-bottom:2vw;}
}

.fa_bg{ margin-top:50px;}
.fa{ float:left; width:310px; background:#fff; text-align:center; padding:30px 20px; margin-left:33px; min-height:300px;}
.fa:nth-child(1){ margin-left:0;}
.fa_t1{ width:100px; height:120px; background-position:center; background-repeat:no-repeat; background-size:contain; margin:10px auto 0;}
.fa_t2{ font-size:26px; color:#666; padding:10px 0 15px;}
.fa_t3{ font-size:18px; color:#666; line-height:1.75em;}
/*1280*/
@media (max-width:1440px){
.fa{ width:237.5px; margin-left:30px;}
.fa:nth-child(1){ margin-left:0;}
}
/*768*/
@media (max-width:1200px){
.fa_bg{ margin-top:6vw; margin-bottom:2vw;}
.fa{ width:39.5vw; padding:3vw; margin-left:0; min-height:48vw;}
.fa:nth-child(1){ margin-left:0;}
.fa:nth-child(2n){ float:right;}
.fa:nth-child(3),.fa:nth-child(4){ margin-top:3vw;}
.fa_t1{ width:11vw; height:11vw; margin:2vw auto 0;}
.fa_t2{ font-size:4.5vw; padding:3vw 0 2vw;}
.fa_t3{ font-size:3.5vw;}
}

.process_bg{ margin-top:20px;}
.process{ position:relative; float:left; width:310px; background:#fff; padding:15px 20px; border-radius:50px; margin-left:33px; margin-top:35px;}
.process:nth-child(4n-3){ margin-left:0;}
.process_t1{ position:absolute; width:58px; height:58px; border-radius:50%; background-color:#666; background-position:center; background-repeat:no-repeat; background-size:36px;}
.process_t2{ font-size:26px; color:#666; padding-left:85px;}
.process_t3{ font-size:20px; color:#888; padding-left:85px;}
.process_t4{ position:absolute; right:20px; top:0; font-size:32px; font-style:italic; font-weight:bold; color:#0f58cf;}
/*1280*/
@media (max-width:1440px){
.process{ width:247.5px; padding:15px 15px; margin-left:30px;}
.process:nth-child(4n-3){ margin-left:0;}
.process_t2{ padding-left:70px;}
.process_t3{ font-size:19px; padding-left:70px;}
.process_t4{ right:15px;}
}
/*768*/
@media (max-width:1200px){
.process_bg{ margin-top:2vw;}
.process{ width:39.5vw; padding:3vw; border-radius:8vw; margin-left:0; margin-top:3vw;}
.process:nth-child(4n-3){ margin-left:0;}
.process:nth-child(2n){ float:right;}
.process:nth-child(1),.process:nth-child(2){ margin-top:4vw;}
.process_t1{ width:11vw; height:11vw; background-size:7vw;}
.process_t2{ font-size:4.25vw; padding-left:13vw;}
.process_t3{ font-size:3vw; padding-left:13vw; padding-top:1vw;}
.process_t4{ right:0; font-size:6vw;}
}


.foot_nav{ display:none;}
.fix_bg{ position:fixed; z-index:99999; width:56px; right:10px; bottom:100px;}
.fix{ width:100%; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.2);}
.fix a{ display:block; width:100%; height:15px; font-size:13px; text-align:center; color:#999; background-position:center 5px; background-repeat:no-repeat; background-size:34px; padding-top:36px; padding-bottom:10px;}
.fix a:hover{ color:#0f58cf;}
.fix1{}
.fix3{ margin-top:10px;}
.fix21{ cursor:pointer;}
.fix21:hover img{ display:block;}
.fix21 img{ display:none; position:fixed; right:76px; width:140px; height:140px; margin-top:-92px; box-shadow:0 0 5px rgba(0,0,0,.2);}
.fix31{ cursor:pointer;}
.fix21:hover{ background-image:url(../images/i-wechat2.png) !important;}
.fix31:hover{ background-image:url(../images/i-top2.png) !important;}

/*768*/
@media (max-width:1200px){
.fix_bg{ display:none;}
.foot_nav{ display:block; position:fixed; z-index:999; width:100%; left:0; bottom:0; text-align:center; background:#0f58cf; font-size:0; box-shadow:0 0 2vw rgba(0,0,0,.3);}
.foot_nav a{ display:inline-block; vertical-align:middle; width:20%; font-size:3vw; line-height:4vw; color:#fff; background-position:center 2vw; background-repeat:no-repeat; background-size:6vw; padding:2vw 0 5vw; padding-top:8.5vw;}
.foot_nav a:nth-child(3){ background-color:#0f79ff;}
}


.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857;text-decoration:none;color:#666;background-color:#fff;border:1px solid #ddd;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span,.pagination>.active>span:hover,.pagination>.active>span:focus{z-index:3;color:#fff;background-color:#0f58cf;border-color:#0f58cf;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}





/* 0f58cf */