*{ margin:0; padding:0;}
.width{ width:1300px; 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;}
body{ overflow-x:hidden; background:#fff; font-family:'Microsoft YaHei', Arial;}
.table{ width:100%; border-collapse:collapse;}
.table td{ border:1px solid #ddd !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;
}

.banner{width:100%;position:relative;z-index:5;overflow:hidden; height:850px;}
.banner .swiper-container {position:relative;width:1920px;left:50%;margin-left:-960px;}
.banner .swiper-container-horizontal .swiper-pagination-bullets {bottom: 30px;}
.banner .swiper-container-horizontal .swiper-pagination-bullet {width: 40px;height: 5px;border-radius:0;display: inline-block;background:#868686;opacity:1;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease}
.banner .swiper-container-horizontal .swiper-pagination-bullet-active{opacity:1;background:#0169ec;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 4px;}
.banner .swiper-container .swiper-slide img{width:100%}
.banner .swiper-button-next,.banner .swiper-button-prev{ position:absolute; top:0; margin-top:0; width:100px; height:100%; background:#ddd;}
.banner .swiper-button-next::after,.banner .swiper-button-prev::after{ font-size:0;}
.banner .swiper-button-next{ right:0; background:linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,.3));}
.banner .swiper-button-prev{ left:0; background:linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0));}

.top{ position:fixed; z-index:9999; left:0; top:0; width:100%; height:120px; background:rgba(0,0,0,.9); -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.top .width{ position:relative;}
.logo{ float:left; width:280px; height:120px; font-size:0; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.logo img{ height:41px; margin-top:39.5px; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.nav{ float:right; margin-top:70px; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.nav a{ float:left; font-weight:bold; font-size:18px; color:#fff; margin-left:45px;}
.nav a:nth-child(1){ margin-left:0;}
.nav a:hover{ color:#2183ff !important;}
.cur1{ color:#2183ff !important;}

.tel{ position:absolute; right:130px; top:16px; font-size:22px; color:#fff; background:url(../img/tel.png) left center no-repeat; background-size:20px; padding-left:28px; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.top_fix{ height:80px !important; box-shadow:0 0 10px rgba(0,0,0,.2);}
.top_fix .logo{ height:80px;}
.top_fix .logo img{ margin-top:19.5px;}
.top_fix .tel{ filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; top:-20px;}
.top_fix .lang{ filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; top:-20px;}
.top_fix .nav{ margin-top:30px;}
.top2{ background:#fff;}
.top2 .logo{ background:#f8f8f8;}
.top2 .nav a{ color:#353535;}
.top2 .tel{ color:#0169ec; background-image:url(../img/tel2.png);}

.lang{ position:absolute; right:0; top:10px; filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.lang0{ line-height:40px; font-size:15px; color:#fff; background:url(../img/lang.png) left center no-repeat; background-size:20px; padding-left:28px; cursor:pointer;}
.lang_sub{ display:none; position:absolute; right:0; width:210px; height:210px; background:rgba(255,255,255,.9); padding:18px 30px 15px; margin-left:-10px;}
.lang_sub1{ color:#333; height:26px; line-height:26px; font-size:16px; font-family:Arial;}
.lang_sub1 a{ display:block; height:26px; line-height:26px; font-size:14px; background:url(../img/lang-cn.jpg) left center no-repeat; background-size:20px; padding-left:28px; color:#333; margin-left:40px;}
.lang_sub1 a:nth-child(1){ margin-left:0;}
.lang_sub1 a:hover{ color:#0169ec;}
.lang_sub2{ border-bottom:1px dashed #aaa; padding-bottom:15px; margin-bottom:18px;}
.lang_sub2 a{ float:left; font-size:15px;}
.lang_sub3{ float:left; margin-left:40px;}
.lang_sub3:nth-child(1){ margin-left:0;}
.lang_sub3 p{ font-size:15px; background:url(../img/lang-cn.jpg) left center no-repeat; background-size:20px; padding-left:28px; margin-bottom:5px;}
.lang_sub3 a{ background:none; padding-left:0; margin-left:0; margin-bottom:3px;}

.top2 .lang0{ color:#0169ec; background-image:url(../img/lang2.png);}
.top2 .lang_sub{ background:rgba(0,0,0,.9);}
.top2 .lang_sub p{ color:#fff;}
.top2 .lang_sub a{ color:#fff;}
.top2 .lang_sub a:hover{ color:#2183ff;}

.cate{ position:absolute; z-index:9; width:280px; height:730px; padding-top:120px; background:rgba(0,0,0,.7); margin-top:-850px;}
.cate1{}
.cate2{ margin-top:24px;}
.cate1_t{ position:relative; font-size:18px; font-weight:bold; color:#fff; padding:0 30px; padding-top:30px; margin-bottom:15px;}
.cate2 .cate1_t::before{ content:''; position:absolute; width:230px; height:1px; background:rgba(255,255,255,.1); left:0; top:0; margin-left:25px;}
.cate1_nav{}
.cate1_nav > li{}
.cate1_nav > li:hover ul{ display:block;}
.cate1_nav > li:hover > a{ background-color:#0169ec;}
.cate1_nav > li > a{ display:block; line-height:42px; font-size:16px; color:#e0e0e0; padding:0 30px; padding-left:60px; background-position:30px center; background-repeat:no-repeat; background-size:20px;}
.cate1_nav ul{ display:none; position:absolute; background:#fff; left:280px; top:120px; height:640px; width:440px; padding:45px 30px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.cate1_nav ul li{ float:left; width:220px; margin-bottom:10px;}
.cate1_nav ul li:hover a{ color:#0169ec;}
.cate1_nav ul li a{ position:relative; display:block; font-size:15px; color:#666; line-height:90px; background-position:left center; background-repeat:no-repeat; background-size:90px; padding-left:95px;}

.t1{ text-align:center; font-size:40px; font-weight:bold; color:#353535;}
.t2{ text-align:center; font-size:15px; color:#888; position:relative; padding:2px 0 15px; margin-bottom:40px;}
.t2::before{ content:''; position:absolute; width:50px; height:3px; background:#0169ec; bottom:0; left:50%; margin-left:-25px;}
.t2::after{ content:''; position:absolute; width:25px; height:3px; background:#0169ec; bottom:0; left:50%;}
.t3{ position:relative; padding-bottom:15px; margin-bottom:40px;}
.t3::before{ content:''; position:absolute; width:50px; height:3px; background:#0169ec; bottom:0; left:50%; margin-left:-25px;}
.t3::after{ content:''; position:absolute; width:25px; height:3px; background:#0169ec; bottom:0; left:50%;}

.solu{ padding:60px 0; background:url(../img/bg1.jpg) bottom center no-repeat;}
.solu1{ position:relative; height:580px; overflow:hidden;}
.solu1 .swiper-container { width: 100%; height: 580px; margin-left: auto; margin-right: auto; overflow:hidden;}
.solu1 .swiper-slide { background-size: cover; background-position: center;}
.solu1 .gallery-top { height: 580px; width: 100%;}
.solu1 .gallery-top .swiper-button-next,.solu1 .gallery-top .swiper-button-prev{ background:rgba(0,0,0,.7); padding:10px; margin-top:-32px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.solu1:hover .gallery-top .swiper-button-next,.solu1:hover .gallery-top .swiper-button-prev{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
.solu1 .gallery-top .swiper-button-next{ right:0; -moz-transform:translateX(50px); -ms-transform:translateX(50px); -webkit-transform:translateX(50px); transform:translateX(50px);}
.solu1 .gallery-top .swiper-button-prev{ left:0; -moz-transform:translateX(-50px); -ms-transform:translateX(-50px); -webkit-transform:translateX(-50px); transform:translateX(-50px);}
.gallery-thumbs { position:absolute; bottom:155px; height: 125px !important; box-sizing: border-box; width:1240px !important; margin-left:30px; overflow:visible !important;}
.gallery-thumbs .swiper-slide { height: 125px; opacity: 0.4; background:rgba(0,0,0,.7); width:240px !important; opacity:1 !important; cursor:pointer;}
.gallery-thumbs .swiper-slide-thumb-active { opacity: 1; background:rgba(1,105,236,.7);}

.solu1_t1{ text-align:center; font-size:14px; color:#fff; margin-top:17px;}
.solu1_t2{ text-align:center; font-size:20px; color:#fff; margin:2px 0 15px;}
.solu1_t3{ display:block; width:58px; height:24px; line-height:24px; text-align:center; border:1px solid #fff; color:#fff; font-size:14px; margin:0 auto; font-family:'宋体', Arial;}
.solu1_t3:hover{ background:#fff; color:#999;}

.advan{ padding:60px 0; background:#353535;}
.advan .t1{ color:#fff;}
.advan1_bg{ text-align:center; font-size:0;}
.advan1{ display:inline-block; vertical-align:top; width:156px; padding:0 30px;}
.advan1_t1{ width:70px; height:70px; background-position:center; background-repeat:no-repeat; background-size:70px; margin:0 auto;}
.advan1_t2{ font-size:20px; color:#fff; padding:10px 0 8px;}
.advan1_t3{ font-size:14px; color:#999;}

.product{ padding:60px 0; background:#f6f6f6;}
.product .t1{ color:#0169ec;}
.pro_nav{ height:45px; margin-bottom:40px;}
.pro_nav li{ float:left; position:relative; margin-left:20px;}
.pro_nav li:nth-child(1){ margin-left:0;}
.pro_nav a{ float:left; position:relative; z-index:2; display:block; width:200px; height:45px; line-height:45px; text-align:center; font-size:16px; color:#666; background:#fff; cursor:pointer;}
.pro_nav li:hover a{ background:#0169ec; color:#fff;}
.pro_nav li::after{ content:''; position:absolute; bottom:0; margin-bottom:-5px; left:50%; margin-left:-5px; width:10px; height:10px; background:#f6f6f6; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro_nav li:hover::after{ background:#0169ec;}
.cur2 a{ background:#0169ec !important; color:#fff !important;}
.cur2::after{ background:#0169ec !important;}
.pro_bg0{}
.pro_bg{ display:none;}
.pro_bg_cur{ display:block;}
.pro_p{ float:left; position:relative; width:390px; height:670px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_h{ position:absolute; width:100%; height:100%; background:rgba(0,0,0,.7); background:linear-gradient(to top, rgba(0,0,0,.7), rgba(0,0,0,0));}
.pro_t{ position:absolute; width:100%; bottom:40px;}
.pro_t1{ text-align:center; font-size:26px; color:#fff; font-weight:bold;}
.pro_t2{ text-align:center; font-size:16px; color:#fff; padding:8px 0 35px;}
.pro_t3{ display:block; width:118px; height:38px; line-height:38px; text-align:center; font-size:15px; color:#fff; background:#0169ec; border:1px solid #0169ec; margin:0 auto;}
.pro_t3:hover{ background:none; color:#0169ec;}
.pro1_bg{ float:right; width:890px;}
.pro1{ float:left; display:block; width:290px; margin-right:10px; margin-top:10px;}
.pro1:nth-child(3n){ margin-right:0;}
.pro1:nth-child(1),.pro1:nth-child(2),.pro1:nth-child(3){ margin-top:0;}
.pro1:hover .pro1_pic::after{ background:rgba(0,0,0,.1);}
.pro1:hover p{ background:#0169ec; color:#fff;}
.pro1_pic{ position:relative; width:100%; height:290px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro1_pic::after{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro1 p{ text-align:center; font-size:15px; background:#ddd; color:#353535; padding:10px 0; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}

.pro3_bg0{ position:relative; width:100%; overflow-x:hidden; padding-bottom:50px;}
.pro3_bg{ padding:0;}

.team{ padding:60px 0; background:#353535;}
.team .t1{ color:#fff;}
.team_bg{}
.team1{ width:220px !important; padding:8px 8px 0; background:#fff; color:#666; -moz-transition:.3s ease !important; -ms-transition:.3s ease !important; -webkit-transition:.3s ease !important; transition:.3s ease !important;}
.team1:hover{ background:#0169ec; color:#fff !important;}
.team1_pic{ position:relative; width:220px; height:274px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.team1 p{ text-align:center; font-size:16px; line-height:48px;}
.team_bg .swiper-button-next,.team_bg .swiper-button-prev{ color:#fff; background:rgba(0,0,0,.7); padding:10px; top:50%; margin-top:-52px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.team_bg .swiper-button-next{ right:0; -moz-transform:translateX(50px); -ms-transform:translateX(50px); -webkit-transform:translateX(50px); transform:translateX(50px);}
.team_bg .swiper-button-prev{ left:0; -moz-transform:translateX(-50px); -ms-transform:translateX(-50px); -webkit-transform:translateX(-50px); transform:translateX(-50px);}
.team_bg:hover .swiper-button-next,.team_bg:hover .swiper-button-prev{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}

.team .photo_nav a{ background:#555; color:#fff;}
.team .photo_nav li:hover a{ color:#fff !important;}
.team .photo_nav li::after{ background:#555;}
.team .cur3 a{ color:#fff !important;}
.team .a1_t1{ color:#fff;}
.team .a1_t2{ color:#fff;}

.news{ padding:60px 0;}
.news1_bg{}
.news1{ float:left; width:625px; line-height:45px; height:45px; overflow:hidden; border-bottom:1px solid #eee; margin-right:50px;}
.news1:nth-child(2n){ margin-right:0;}
.news1_t1{ float:left; color:#353535; max-width:500px; overflow:hidden; font-weight:bold;}
.news1_t1 a{ font-size:16px; color:#353535; font-weight:normal;}
.news1_t1 a:hover{ color:#0169ec;}
.news1_t2{ float:right; font-size:14px; color:#888;}

.bottom{ background:#353535; height:90px; line-height:88px; overflow:hidden; border-bottom:3px solid #0169ec;}
.bot1_bg{ text-align:center; font-size:0;}
.bot1{ display:inline-block; vertical-align:middle; position:relative; text-align:center; width:260px; font-size:17px; color:#fff;}
.bot1::after{ content:''; position:absolute; right:0; top:25px; width:1px; height:40px; background:#5d5d5d;}
.bot1:nth-child(5)::after{ width:0;}
.bot1 > div{ display:inline-block; vertical-align:middle; width:30px; height:30px; background-position:center; background-repeat:no-repeat; background-size:30px;}
.bot1 > p{ display:inline-block; vertical-align:middle; padding-left:10px;}

.foot{ padding:60px 0 30px; background:#222;}
.f1{ float:left; text-align:left;}
.f1_logo{ display:inline-block; vertical-align:middle; width:230px; height:100px; background-position:center; background-repeat:no-repeat; background-size:contain;}
.f1_p{ display:inline-block; vertical-align:middle; padding-bottom:10px; padding-left:50px;}
.f1_t1{ font-size:20px; color:#fff;}
.f1_t2{ font-size:18px; color:#fff; background:url(../img/tel.png) left center no-repeat; background-size:15px; padding:8px 0; padding-left:22px;}
.f1_t3{ font-size:14px; color:rgba(255,255,255,.7); line-height:22px;}
.f2{ float:right; max-width:600px; margin-top:15px; margin-right:-15px;}
.f2_t1{ font-size:16px; color:#fff; margin-bottom:15px;}
.f2_t1 span{ background:none; padding:5px;}
.f2_t2{ font-size:14px; color:rgba(255,255,255,.7);}
.f2_t2 span{ float:left; margin-right:10px; padding:5px; line-height:15px;}
.f2_t2 a{ color:rgba(255,255,255,.7);}
.f2_t2 a:hover{ color:rgba(255,255,255,1);}
.copy{ border-top:1px solid #3d3d3d; color:rgba(255,255,255,.7); font-size:14px; padding-top:30px; margin-top:25px;}
.copy a{ color:rgba(255,255,255,.7);}
.copy a:hover{ color:rgba(255,255,255,1);}
.copy1{ float:left;}
.copy2{ float:right;}

.ban{ position:relative; height:530px; margin-top:120px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.nav2_bg0{ height:80px;}
.nav2_bg{ position:absolute; width:100%; height:80px; line-height:80px; background:#353535;}
.nav2_bg .width{ position:relative;}
.nav2{ float:left; position:relative; z-index:2;}
.nav2 > li{ float:left; margin-left:1px;}
.nav2 > li > a{ display:block; font-size:15px; color:#fff; text-align:center; min-width:70px; padding:0 16px;}
.nav2 > li:nth-child(1){ margin-left:0;}
.nav2 > li:hover > a{ background:#0169ec;}
.nav2 > li:hover .swiper{ display:block;}
.nav2_pro > li:hover::after{ content:''; position:absolute; left:0; top:0; width:1000%; height:65px; margin-top:80px; margin-left:-500%; background:#ddd; background:none;}
.cur4 > a{ background:#0169ec;}

/*
.nav2 .swiper{ display:none; position:absolute; width:1220px; padding:0 40px; height:65px; top:0; margin-top:80px; left:0; background:#ddd; text-align:center;}
.nav2 .swiper a:hover{ color:#0169ec; background:#eee;}
.nav2 .swiper a:hover::after{ content:''; position:absolute; width:100%; height:4px; background:#0169ec; left:0; bottom:0;}
.nav2 .swiper a{ position:relative; display:block; width:auto; line-height:65px !important; font-size:14px; color:#666; padding:0 20px;}
.nav2 .swiper .swiper-button-prev,.nav2 .swiper .swiper-button-next{ width:40px; height:65px; top:0; margin-top:0;}
.nav2 .swiper .swiper-button-prev{ left:0; background-image:-moz-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-ms-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-webkit-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0));}
.nav2 .swiper .swiper-button-next{ right:0; background-image:-moz-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-ms-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-webkit-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0));}
.nav2 .swiper .swiper-button-prev::after,.nav2 .swiper .swiper-button-next::after{ font-size:24px !important; color:#fff;}
.nav2 .swiper .swiper-button-prev::after{ margin-left:-15px;}
.nav2 .swiper .swiper-button-next::after{ margin-right:-15px;}
.nav2_bg_fix .swiper{ position:fixed; top:60px; left:50%; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.nav2_bg_fix .nav2 > li:hover::after{ position:fixed; top:0; margin-top:140px;}
*/

.nav2 .swiper{}
.nav2 .swiper a:hover{ background:#0169ec;}
.nav2 .swiper a{ position:relative; display:block; width:auto; color:#fff; font-size:14px; padding:0 20px; margin-right:1px;}
.nav2 .swiper .swiper-button-prev,.nav2 .swiper .swiper-button-next{ width:40px; height:80px; top:0; margin-top:0;}
.nav2 .swiper .swiper-button-prev{ left:0; background-image:-moz-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-ms-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-webkit-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0));}
.nav2 .swiper .swiper-button-next{ right:0; background-image:-moz-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-ms-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-webkit-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0));}
.nav2 .swiper .swiper-button-prev::after,.nav2 .swiper .swiper-button-next::after{ font-size:24px !important; color:#fff;}
.nav2 .swiper .swiper-button-prev::after{ margin-left:-15px;}
.nav2 .swiper .swiper-button-next::after{ margin-right:-15px;}
.nav2 .swiper .swiper-slide{ width:auto;}
.nav2_bg_fix .swiper{ position:fixed; top:80px; left:50%; width:1300px; -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%);}
.nav2_bg_fix .nav2 .swiper .swiper-button-prev,.nav2_bg_fix .nav2 .swiper .swiper-button-next{ height:60px;}
.nav2_bg_fix .nav2 > li:hover::after{ position:fixed; top:0; margin-top:140px;}

.cur4 .cur5{ color:#0169ec !important;}
.nav2_p{ float:right; font-size:14px; color:rgba(255,255,255,.7); background:url(../img/pos.png) left center no-repeat; background-size:13px; padding-left:22px;}
.nav2_p a{ font-size:14px; color:rgba(255,255,255,.7);}
.nav2_p a:hover{ color:rgba(255,255,255,1);}
.nav2_p_2{ position:absolute; right:0; margin-top:77px; color:rgba(170,170,170,.7); background-image:url(../img/pos2.png);}
.nav2_p_2 a{ color:rgba(170,170,170,.7);}
.nav2_p_2 a:hover{ color:#0169ec;}
.nav2_bg_fix{ position:fixed; z-index:999; left:0; top:80px; height:60px; line-height:60px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.2);}
.nav2_bg_fix .nav2 ul{ position:fixed; top:60px;}
.link{ position:absolute; margin-top:-140px;}
.position{ position:absolute; right:0; top:0; font-size:14px; color:rgba(170,170,170,.7); background:url(../img/pos2.png) left center no-repeat; background-size:13px; padding-left:22px; margin-top:-29px;}
.position a{ color:rgba(170,170,170,.7);}
.position a:hover{ color:#0169ec;}

.a1{ padding:60px 0;}
.a1_bg{}
.a1_pic{ float:left; position:relative; width:625px; height:420px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.a1_p{ float:right; width:625px; line-height:420px;}
.a1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.a1_t{ font-size:32px; font-weight:bold; color:#333; padding-bottom:0.75em;}
.a1_t1{ font-size:24px; font-weight:bold; color:#0169ec; padding-bottom:1em;}
.a1_t2{ font-size:16px; color:#666; line-height:1.75em;}
.a1_t2 div{ padding-bottom:1.2em;}
.a1_t2 p{ text-indent:2em;}
.a1 .a1_t2 div{ padding-bottom:0;}
.a1 .a1_t2 p{ padding-bottom:1.2em; text-indent:2em;}

.a2{ padding:60px 0; background:#f6f6f6;}
.a2 .a1_pic{ float:right;}
.a2 .a1_p{ float:left;}
.a3{ padding:60px 0;}
.a4{ height:500px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.a4 .a1_p{ float:none; width:100%; line-height:500px;}
.a4 .a1_t,.a4 .a1_t1,.a4 .a1_t2{ color:#fff;}
.a4 .a1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.a5{ padding:60px 0;}
.a5 .a1_pic{ float:right;}
.a5 .a1_p{ float:left;}
.a6{ padding:60px 0; background:#f6f6f6;}


.ap1_bg{ margin-top:40px;}
.ap1{ float:left; width:380px; margin-left:80px;}
.ap1:nth-child(1){ margin-left:0;}
.ap1_t1{ font-size:18px; color:#333; font-weight:bold; padding-bottom:0.2em;}
.ap1_t2{ font-size:16px; color:#666; line-height:1.75em;}

.photo{ padding:60px 0; background:#f6f6f6;}
.photo_nav{ float:left;}
.photo_nav li{ position:relative; width:280px; margin-top:1px;}
.photo_nav li:nth-child(1){ margin-top:0;}
.photo_nav li::after{ content:''; position:absolute; right:0; margin-right:-8px; top:50%; margin-top:-8px; width:16px; height:16px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#f6f6f6; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.photo_nav a{ position:relative; z-index:2; display:block; height:120px; line-height:120px; text-align:center; font-size:20px; color:#fff; background:#353535; cursor:pointer;}
.photo_nav li:hover::after{ background:#0169ec;}
.photo_nav li:hover a{ background:#0169ec;}
.cur3::after{ background:#0169ec !important;}
.cur3 a{ background:#0169ec !important;}
.photo1_bg{ float:right; position:relative; width:1000px; height:483px;}
.photo1{ position:absolute !important; top:0; left:0; width:1000px; height:483px;}
.photo11{ position:relative; width:1000px; height:483px;}
.photo1 .swiper-pagination-bullet-active{ background:#0169ec !important;}
.photo1_cur{ z-index:2 !important;}

.honor{ padding:60px 0;}
.hon1_bg{}
.hon1{ display:block; width:295px; height:360px;}
.hon1:hover .hon1_pic{ border-color:#0169ec;}
.hon1_pic{ position:relative; width:293px; height:358px; border:1px solid #ddd; background-position:center; background-repeat:no-repeat; background-size:contain; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.hon1_bg .swiper-button-next,.hon1_bg .swiper-button-prev{ color:#fff; background:rgba(0,0,0,.7); padding:10px; top:50%; margin-top:-32px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.hon1_bg .swiper-button-next{ right:0;}
.hon1_bg .swiper-button-prev{ left:0;}
.hon1_bg:hover .swiper-button-next,.hon1_bg:hover .swiper-button-prev{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
.hon1_bg .swiper-button-next{ right:0; -moz-transform:translateX(50px); -ms-transform:translateX(50px); -webkit-transform:translateX(50px); transform:translateX(50px);}
.hon1_bg .swiper-button-prev{ left:0; -moz-transform:translateX(-50px); -ms-transform:translateX(-50px); -webkit-transform:translateX(-50px); transform:translateX(-50px);}

.partner{ padding:60px 0; background:#f6f6f6;}
.par1_bg{ text-align:center; font-size:0; margin-top:-36px;}
.par1_bg0{ margin-top:0;}
.par1{ display:inline-block; vertical-align:middle; position:relative; width:140px; height:162px; background:url(../img/part.png) center no-repeat; background-size:contain; margin-left:5px;}
.par1:nth-child(1){ margin-left:0;}
.par1_pic{ position:absolute; width:120px; height:90px; left:10px; top:36px; background-position:center; background-repeat:no-repeat; background-size:contain;}

.case1_bg{ padding:60px 0;}
.case1{ float:left; width:414px; margin-right:29px; margin-top:25px;}
.case1:nth-child(3n){ margin-right:0;}
.case1:nth-child(1),.case1:nth-child(2),.case1:nth-child(3){ margin-top:0;}
.case1:hover p{ background:#0169ec; color:#fff;}
.case1:hover .case1_pic::after{ background:rgba(0,0,0,.1);}
.case1_pic{ position:relative; width:100%; height:300px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case1_pic::after{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.case1 p{ text-align:center; font-size:16px; padding:10px 0; background:#ddd; color:#353535; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}

.page{ font-size:14px; color:#bbb; margin-top:70px; margin-bottom:10px;}
.page a{ border:1px solid #ddd; color:#999; padding:4px 10px; margin:0 5px;}
.page a:hover{ background:#0169ec; border-color:#0169ec; color:#fff;}
.page-num-current{ background:#0169ec; border-color:#0169ec !important; color:#fff !important;}

.case2_pic{ float:left; position:relative; width:650px; height:470px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.case2_p{ float:right; width:550px; padding:0 50px; background:#353535; line-height:470px;}
.case2_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.case2_t1{ font-size:24px; color:#fff; border-bottom:1px solid rgba(255,255,255,.1); padding-bottom:20px; margin-bottom:20px;}
.case2_t2{ font-size:15px; color:rgba(255,255,255,.7); line-height:2em;}
.case3_bg{ margin-top:40px;}
.case3{ float:left; width:301px; margin-right:32px; margin-top:30px; cursor:pointer;}
.case3:nth-child(4n){ margin-right:0;}
.case3:nth-child(1),.case3:nth-child(2),.case3:nth-child(3),.case3:nth-child(4){ margin-top:0;}
.case3_pic{ position:relative; width:100%; height:205px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.next1_bg{ border-top:1px solid #ddd; padding-top:15px; margin-top:40px;}
.next1{ float:left; font-size:15px; color:#666;}
.next2{ float:right;}
.next1 a{ color:#666;}
.next1 a:hover{ color:#0169ec;}
.next1_bg2{ border:none; padding-top:0; padding-left:60px; padding-right:60px;}
.next1_bg2 .next1{ color:#aaa;}
.next1_bg2 .next1 a{ color:#aaa;}
.next1_bg2 .next1 a:hover{ color:#0169ec;}

.contact{ padding:60px 0 40px;}
.contact .width{ position:relative;}
.add{ padding:40px 0 60px;}
.add_t{ position:relative; text-align:center; font-size:20px; color:#fff; line-height:60px; background:#0169ec;}
.add_t::after{ content:''; position:absolute; left:50%; margin-left:-8px; bottom:0; margin-bottom:-8px; width:16px; height:16px; background:#0169ec; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.add1_bg{}
.add1{ float:left; width:346px; padding:30px; background:#f2f2f2; min-height:200px; margin-right:40px; margin-top:30px;}
.add1:nth-child(3n){ margin-right:0;}
.add1:nth-child(1),.add1:nth-child(2),.add1:nth-child(3){ margin-top:40px;}
.add1_t1{ font-size:20px; color:#353535; position:relative; padding-bottom:15px; margin-bottom:20px;}
.add1_t1::after{ content:''; position:absolute; left:0; bottom:0; width:40px; height:2px; background:#0169ec;}
.add1_t2{ font-size:15px; color:#666; line-height:1.75em;}

.team_bg2{ padding:60px 0; background:#f6f6f6;}
.team_bg2 .width{ position:relative;}
.team2{ float:left; display:block; width:220px; padding:8px; padding-bottom:0; background:#fff; margin-right:30px; margin-top:30px;}
.team2:nth-child(5n){ margin-right:0;}
.team2:nth-child(1),.team2:nth-child(2),.team2:nth-child(3),.team2:nth-child(4),.team2:nth-child(5){ margin-top:0;}
.team_pic{ float:left; position:relative; width:360px; height:480px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.team_p{ float:right; width:780px; height:480px; line-height:480px; background:#353535; padding:0 60px;}
.team_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.team_t1{ font-size:24px; color:#fff;}
.team_t2{ font-size:15px; color:rgba(255,255,255,.7); line-height:1.75em; border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1); padding:20px 0; margin:30px 0;}
.team_t3{ height:36px;}
.team_t3 a{ float:left; display:block; width:98px; height:34px; line-height:34px; text-align:center; font-size:15px; margin-left:10px; cursor:pointer;}
.team_t3 a:nth-child(1){ background:#fff; border:1px solid #fff; color:#0169ec; margin-left:0;}
.team_t3 a:nth-child(2){ background:#0169ec; border:1px solid #0169ec; color:#fff;}
.team_t3 a:hover{ background:none; border-color:#0169ec; color:#0169ec;}
.team_bg3{ background:#fff; height:480px; margin-top:40px;}
.team_t4{ float:left; position:relative; width:190px; line-height:480px; text-align:center; font-size:20px; color:#fff; background:#0169ec;}
.team_t4::after{ content:''; position:absolute; right:0; margin-right:-8px; top:50%; margin-top:-8px; width:16px; height:16px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#0169ec;}
.team3_bg{ float:right; width:1080px;}
.team3{ float:left; display:block; width:240px; margin-right:30px; margin-top:30px;}
.team3:hover p{ background:#0169ec; color:#fff;}
.team3_pic{ position:relative; height:155px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.team3 p{ text-align:center; line-height:40px; background:#f2f2f2; color:#666; font-size:15px; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}

.bg1,.bg2{ display:none; position:fixed; z-index:90; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7);}
.vdo{ display:none; position:fixed; z-index:91; left:50%; top:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-height:80%; outline:none;}
.code{ display:none; position:fixed; z-index:91;}
.code img{ position:fixed; z-index:91; left:50%; top:50%; -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:15%;}

.news2_bg{ padding:60px 0; background:#f6f6f6;}
.news2{ display:block; background:#fff; height:160px; padding:30px; margin-top:30px;}
.news2:nth-child(1){ margin-top:0;}
.news2:hover{ background:#ddd;}
.news2:hover .news2_d{ color:#aaa;}
.news2_pic{ float:left; position:relative; width:240px; height:160px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.news2_p{ float:left; line-height:160px; margin-left:35px; width:760px;}
.news2_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.news2_t1{ position:relative; font-size:20px; color:#353535; padding-bottom:15px; margin-bottom:20px;}
.news2_t1::after{ content:''; position:absolute; left:0; bottom:0; width:32px; height:4px; background:#0169ec;}
.news2_t2{ font-size:15px; color:#666; line-height:1.75em;}
.news2_d{ float:right; position:relative; text-align:center; color:#aaa; margin-top:45px;}
.news2_d::after{ content:''; position:absolute; left:0; margin-left:-60px; top:50%; margin-top:-22px; width:1px; height:50px; background:#eee;}
.news2_d1{ font-size:30px;}
.news2_d2{ font-size:18px;}

.news_t1{ text-align:center; font-size:24px; color:#0169ec;}
.news_t2{ text-align:center; font-size:15px; color:#aaa; padding:10px 0 30px;}
.news_t3{ background:#fff; padding:50px 60px; font-size:15px; color:#888; line-height:1.875em;}
.news_t3 a{ color:#0169ec;}
.news_t3 a:hover{ text-decoration:underline;}

.solu_bg{ padding:60px 0;}
.solu_bg .width{ position:relative;}
.solu_bg .swiper-container { width: 100%; height: 580px; margin-left: auto; margin-right: auto; overflow:hidden;}
.solu_bg .swiper-slide { background-size: cover; background-position: center;}
.solu_ico { height:90px !important; box-sizing: border-box; width:1290px !important; margin-left:5px; overflow:hidden; margin-bottom:40px;}
.solu_ico .swiper-slide { height: 30px; width:90px !important; background:#e0e0e0; opacity: 1 !important; font-size:16px; text-align:center; color:#666; background-position:center 10px !important; background-repeat:no-repeat !important; background-size:50px !important; padding-top:60px; cursor:pointer;}
.solu_ico .swiper-slide:hover{ background:#0169ec; color:#fff;}
.solu_ico .swiper-slide-thumb-active { opacity: 1; background:#0169ec; color:#fff;}
.solu_ico .swiper-button-next::after,.solu_ico .swiper-button-prev::after{ font-size:20px !important; color:#888;}
.solu_ico .swiper-button-next,.solu_ico .swiper-button-prev{ background:rgba(0,0,0,.7); top:50%; margin-top:-22px; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-transition:.5s ease; -ms-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.solu_ico .swiper-button-next{ right:0;}
.solu_ico .swiper-button-prev{ left:0;}
.solu_ico:hover .swiper-button-next,.solu_ico:hover .swiper-button-prev{ filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible; -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0);}
.solu_ico .swiper-button-next{ right:0; -moz-transform:translateX(30px); -ms-transform:translateX(30px); -webkit-transform:translateX(30px); transform:translateX(30px);}
.solu_ico .swiper-button-prev{ left:0; -moz-transform:translateX(-30px); -ms-transform:translateX(-30px); -webkit-transform:translateX(-30px); transform:translateX(-30px);}
.solu_pic0{ height:550px !important; background:#0169ec;}
.solu_pic0 .swiper-slide{ height:550px !important;}
.solu_pic{ float:left; width:900px; height:550px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.solu_p{ float:right; width:300px; padding:0 50px; line-height:550px;}
.solu_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.solu_t1{ position:relative; text-align:center; font-size:28px; color:#fff; padding-bottom:20px;}
.solu_t1::after{ content:''; position:absolute; width:36px; height:2px; background:#fff; left:50%; margin-left:-18px; bottom:0;}
.solu_t2{ text-align:center; font-size:15px; color:#fff; line-height:1.875em; margin:25px 0;}
.solu_t3{ display:block; width:148px; height:38px; line-height:38px; text-align:center; font-size:15px; color:#fff; border:1px solid #fff; -moz-border-radius:25px; -ms-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; margin:0 auto;}
.solu_t3:hover{ background:#fff; color:#0169ec;}

.s1{ padding:60px 0;}
.s1_p{ float:left; width:600px; line-height:400px;}
.s1_p > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.s1_t1{ font-size:32px; margin-bottom:25px;}
.s1_t1 span{ background:#0169ec; color:#fff; padding:2px 10px;}
.s1_t2{ font-size:16px; color:#666; line-height:1.75em;}
.s1_pic{ float:right; width:650px; height:400px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover;}
.s1_imgbg{ margin-top:40px;}
.s1_img{ float:left; width:301px; height:205px; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; margin-right:32px;}
.s1_img:nth-child(4n){ margin-right:0;}

.s2{ padding:60px 0; background:#f6f6f6;}
.solu2_bg{ position:relative; height:453px;}
.solu2{ position:absolute; z-index:1;}
.solu2_cur{ z-index:2 !important;}
.solu2_left{ float:left; width:496px;}
.solu2_right{ float:left; width:803px; margin-left:1px;}
.solu2_t{}
.solu2_t > li{ position:relative;}
.solu2_t > li:hover ul{ display:block;}
.solu2_t > li > a{ position:relative; display:block; font-size:20px; line-height:60px; color:#fff; background:url(../img/num.png) 40px center no-repeat #353535; background-size:25px; padding-left:85px;}
.solu2_t > li > a::after{ content:''; position:absolute; width:14px; height:14px; background:url(../img/li.png) center no-repeat; background-size:contain; margin-top:23px; right:40px;}
.solu2_t > li ul{ display:none; position:absolute; z-index:2; width:100%; background:#ddd;}
.solu2_t > li ul a{ display:block; font-size:16px; line-height:60px; color:#353535; padding:0 40px; padding-left:85px; border-bottom:1px solid #fff; cursor:pointer;}
.solu2_t > li ul a:hover{ color:#0169ec;}
.list{ width:496px !important; height:392px !important; margin-top:1px;}
.list1{ position:relative; width:496px; height:392px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.list .swiper-pagination-bullet-active{ background:#0169ec !important;}
.solu2_t1{ height:60px;}
.solu2_t1 a{ float:left; display:block; width:200px; line-height:60px; font-size:16px; background:#ddd; color:#353535; text-align:center; margin-left:1px; cursor:pointer;}
.solu2_t1 a:nth-child(1){ margin-left:0;}
.solu2_t1_cur{ background:#0169ec !important; color:#fff !important;}
.solu2_c{ position:relative; font-size:0; background:#fff; margin-top:1px;}
.solu2_c1{ position:absolute; z-index:1; left:0; top:0;}
.solu2_c1_cur{ z-index:2 !important;}

.s3{ padding:60px 0; background:#353535;}
.s3 .t3{ color:#fff;}
.solu3_bg{}
.solu3{ float:left; display:block; position:relative; width:301px; height:205px; margin-right:32px; margin-top:30px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.solu3:hover::after{ background:rgba(0,0,0,.1);}
.solu3::after{ content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.solu3:nth-child(4n){ margin-right:0;}
.solu3:nth-child(1),.solu3:nth-child(2),.solu3:nth-child(3),.solu3:nth-child(4){ margin-top:0;}
.solu3_bg .pro2_pic{ height:205px;}
.solu3_bg .pro2 p{ background:#353535; color:#fff;}

.s4{ padding:0 0 60px;}
.s4_t{ position:relative; text-align:center; font-size:40px; font-weight:bold; line-height:100px; background:#0169ec; color:#fff; margin-bottom:50px;}
.s4_t::after{ content:''; position:absolute; left:50%; margin-left:-10px; bottom:0; margin-bottom:-10px; width:20px; height:20px; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); background:#0169ec;}
.solu4{ height:400px; margin-top:15px;}
.solu4:nth-child(1){ margin-top:0;}
.solu4_pic{ float:left; position:relative; width:800px; height:400px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.solu4_p{ float:right; width:400px; padding:0 50px; line-height:400px; background:#f2f2f2;}
.solu4_p > div{ width:100%; display:inline-block; vertical-align:middle; line-height:normal;}
.solu4_t1{ position:relative; text-align:center; font-size:24px; color:#353535; padding-bottom:20px; margin-bottom:20px;}
.solu4_t1::after{ content:''; position:absolute; width:40px; height:3px; background:#0169ec; left:50%; margin-left:-20px; bottom:0;}
.solu4_t2{ text-align:center; font-size:16px; color:#666; line-height:1.75em;}
.solu4:nth-child(2n) .solu4_pic{ float:right;}
.solu4:nth-child(2n) .solu4_p{ float:left;}

.pro2_bg{ padding:70px 0 60px; background:#f6f6f6;}
.pro2{ float:left; width:295px; margin-right:40px; margin-top:30px;}
.pro2:nth-child(4n){ margin-right:0;}
.pro2:nth-child(1),.pro2:nth-child(2),.pro2:nth-child(3),.pro2:nth-child(4){ margin-top:0;}
.pro2:hover .pro2_pic::after{ background:rgba(0,0,0,.1);}
.pro2:hover p{ background:#0169ec; color:#fff;}
.pro2_pic{ position:relative; width:100%; height:295px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro2_pic::after{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0); -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro2 p{ text-align:center; font-size:15px; padding:10px 0; background:#ddd; color:#353535; -moz-transition:.3s ease; -ms-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}

.pro_left{ float:left; width:578px;}
.pro_right{ float:right; width:572px; padding:0 50px; background:#353535; line-height:480px;}
.pro_right > div{ display:inline-block; vertical-align:middle; line-height:normal;}
.pro_s{ float:left; width:88px; height:480px;}
.pro_small{ position:relative; height:100%;}
.pro_small .swiper-button-prev::after,.pro_small .swiper-button-next::after{ font-size:24px;}
.pro_small .swiper-button-prev{ position:absolute; top:20px; margin-left:20px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pro_small .swiper-button-next{ position:absolute; top:462px; margin-right:20px; -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
.pro_s1{ position:relative; width:86px; height:86px; border:1px solid #eee; margin-top:0; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_s1:nth-child(1){ margin-top:0;}
.pro_s1_cur{ border-color:#0169ec;}
.pro_b{ float:left; position:relative; width:480px; height:480px; background:#fff; margin-left:10px;}
.pro_b1{ position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.pro_b1_cur{ z-index:2 !important;}
.pro_t11{ font-size:24px; color:#fff;}
.pro_t12{ position:relative; font-size:15px; color:rgba(255,255,255,.7); line-height:2em; padding:20px 0; margin:25px 0;}
.pro_t12::before{ content:''; position:absolute; width:100%; height:1px; background:rgba(255,255,255,.1); left:0; top:0;}
.pro_t12::after{ content:''; position:absolute; width:100%; height:1px; background:rgba(255,255,255,.1); left:0; bottom:0;}
.pro_btn{ height:40px;}
.pro_btn1{ float:left; width:128px; height:38px; line-height:38px; text-align:center; background:center no-repeat #fff; background-size:110px; border:1px solid #fff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; margin-left:10px;}
.pro_btn1:nth-child(1){ margin-left:0;}
.pro_btn11{ background-image:url(../img/btn1.png);}
.pro_btn12{ background-image:url(../img/btn2.png);}
.pro_btn13{ background-image:url(../img/btn3.png);}
.pro_btn14{ background-image:url(../img/btn4.png);}
.pro_btn1:hover{ background-color:#353535;}
.pro_btn15{ width:180px; position:relative; color:#666; background:url(../img/ico01.png) 10px center no-repeat #fff; background-size:24px; cursor:pointer; padding-left:25px; padding-right:5px;}
.pro_btn15:hover{ background-color:#fff;}
.pro_btn15:hover img{ display:block;}
.pro_btn15 img{ display:none; position:absolute; left:0; width:210px; margin-top:-260px;}
.pro_btn16{ width:180px; position:relative; color:#666; background:url(../img/ico02.png) 10px center no-repeat #fff; background-size:24px; cursor:pointer; padding-left:25px; padding-right:5px;}
.pro_btn16:hover{ background-color:#fff;}
.pro_btn16:hover img{ display:block;}
.pro_btn16 img{ display:none; position:absolute; left:0; width:210px; margin-top:-260px;}

.pro_nav2{ position:absolute; width:1300px; height:50px; line-height:50px; background:#fff; margin-top:40px;}
.pro_nav2 a{ float:left; position:relative; display:block; padding:0 40px; font-size:15px; color:#666; margin-left:10px; cursor:pointer;}
.pro_nav2 a:hover{ color:#0169ec;}
.pro_nav2_h{ height:90px;}
.pro_nav2_fix{ position:fixed; z-index:990; top:140px; margin-top:0;}
.pro_nav2_fix::after{ content:''; position:fixed; z-index:-1; left:50%; top:0; width:1000%; height:50px; margin-left:-500%; margin-top:140px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.2);}
.pro_nav2_cur{ background:rgba(1,105,236,.05); color:#0169ec !important;}
.pro_nav2_cur::after{ content:''; position:absolute; width:100%; height:2px; left:0; top:0; background:#0169ec;}
.pro_desc{ position:relative; margin-top:30px;}
.pro_desc1{ font-size:15px; color:#666; line-height:1.875em;}
.pro_desc1:nth-child(1) img{ margin-bottom:-8px;}
.pro_desc1_cur{}
.process_bg0{ position:relative; width:100%; height:483px; padding-bottom:71px;}
.process_bg{ position:absolute; z-index:1; left:0; top:0; width:100%; height:483px; background:#f6f6f6;}
.process_bg_cur{ z-index:2;}
.process_t{ position:absolute; z-index:2; font-size:24px; font-weight:bold; color:#0169ec; top:50%; -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); transform:translateY(-50%); background:#f6f6f6; padding-right:20px;}
.process{ position:absolute !important; width:1116px !important; height:483px; left:184px;}
.process .swiper-wrapper{ padding-left:146px;}
.process::before{ content:''; position:absolute; width:100%; height:3px; background:#e2e2e2; left:0; top:240px;}
.process::after{ content:''; position:absolute; z-index:2; right:0; top:50%; margin-top:-15px; width:17px; height:30px; background:url(../img/pr.jpg) center no-repeat; background-size:contain;}
.process1{ position:relative; width:198px !important; height:160px !important; background:#fff; padding:20px; border:1px solid #eee; margin-left:-146px;}
.process1::before{ content:''; position:absolute; left:50%; margin-left:-11px; top:0; margin-top:-51px; width:14px; height:14px; background:#e2e2e2; border:4px solid #f6f6f6; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.process1:nth-child(2n)::before{ top:auto; margin-top:0; bottom:0; margin-bottom:-52px;}
.process1:nth-child(2n-1){ margin-top:281px;}
.pr1_t1{ width:62px; height:62px; background-position:center; background-repeat:no-repeat; background-size:32px; background-color:#0169ec; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:5px auto 0;}
.pr1_t2{ position:relative; text-align:center; font-size:20px; color:#353535; margin:10px 0;}
.pr1_t2::after{ content:''; position:absolute; z-index:2; left:50%; margin-left:-8px; bottom:0; margin-bottom:-83px; width:14px; height:14px; border:1px solid #eee; border-left:none; border-top:none; background:#fff; -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.pr1_t3{ text-align:center; font-size:14px; color:#888; line-height:24px; height:48px; overflow:hidden;}
.process1:nth-child(2n-1) .pr1_t2::after{ bottom:auto; top:0; margin-bottom:0; margin-top:-105px; -moz-transform:rotate(-135deg); -ms-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); transform:rotate(-135deg);}
.process_nav{ position:absolute; z-index:2; text-align:center; font-size:0; width:400px; border:2px solid #0169ec; -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; overflow:hidden; top:483px; margin-top:30px; left:50%; margin-left:-202px;}
.process_nav a{ display:inline-block; vertical-align:middle; font-size:18px; text-align:center; width:200px; height:36px; line-height:36px; color:#0169ec; cursor:pointer;}
.process_nav_cur{ background:#0169ec; color:#fff !important;}

.map{ padding-bottom:60px;}
.store{ margin-top:50px;}
.store1{ float:left; display:block; color:#666; margin-left:30px;}
.store1:nth-child(1){ margin-left:0;}
.store1:hover{ color:#0169ec;}
.store1_pic{ width:50px; height:50px; background-color:#0169ec !important; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:0 auto;}
.store1 p{ text-align:center; padding-top:5px;}


/*解决方案*/

.solution_right::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 6px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  .solution_right::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #999;
  }
  .solution_right::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background   : #ededed;
  }
.solution_list .swiper-scrollbar-drag{ background:#0169ec;}
  
.solution{ position:relative; width:100%; margin:0 auto; background:#f6f6f6; margin:20px 0 5px;}
.solution_nav{ width:496px; height:60px; line-height:60px;}
.solution_nav a{ display:block; background:url(../img/num.png) 30px center no-repeat #333; background-size:26px; color:#fff; font-size:24px; padding-left:80px;}

.mySwiper{ position:relative; float:right; width:603px; margin-right:200px !important; margin-top:-60px;}
.mySwiper .swiper-slide{ width:200px; height:60px; line-height:60px; font-size:17px; text-align:center; background:#ddd; color:#333; cursor:pointer;}
.mySwiper .swiper-button-prev,.mySwiper .swiper-button-next{ width:40px; height:60px; top:0; margin-top:0;}
.mySwiper .swiper-button-prev{ left:0; background-image:-moz-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-ms-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-webkit-linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:linear-gradient(to right, rgba(0,0,0,.3), rgba(0,0,0,0));}
.mySwiper .swiper-button-next{ right:0; margin-right:1px; background-image:-moz-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-ms-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:-webkit-linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0)); background-image:linear-gradient(to left, rgba(0,0,0,.3), rgba(0,0,0,0));}
.mySwiper .swiper-button-prev::after,.mySwiper .swiper-button-next::after{ font-size:24px !important; color:#fff;}
.mySwiper .swiper-button-prev::after{ margin-left:-15px;}
.mySwiper .swiper-button-next::after{ margin-right:-15px;}
.mySwiper .swiper-slide-thumb-active{ background:#0169ec; color:#fff;}
.solution_left{ position:relative; float:left; width:496px; height:393px; overflow:hidden; margin-top:1px;}
.solution_pic{ width:100%;}
.solution_pic .swiper-slide{ width:496px; height:393px;}
.solution_pic .swiper-pagination{ margin-left:15px; margin-bottom:15px; max-width:200px;}
.solution_pic .swiper-pagination-bullet{ float:left; width:20px; height:20px; background:#000; opacity:0.5;}
.solution_pic .swiper-pagination-bullet-active{ background:#0169ec; opacity:1;}
.solution_pic > p{ position:absolute; z-index:99; background:rgba(0,0,0,.5); color:#fff; padding:10px 30px; font-size:24px;}
.solution_left .btn1{ position:absolute; z-index:99; display:block; height:43px; line-height:43px; padding:0 15px; border:1px solid rgba(255,255,255,.5); background:rgba(0,0,0,.3); color:#fff; font-size:18px; cursor:pointer; right:18px; bottom:15px; pointer-events:none;}
.solution_left .btn2{ bottom:15px; right:140px; pointer-events:auto !important;}
.gallery img{ cursor:pointer;}
.solution_right{ float:right; background:#eee; width:803px; height:393px; font-size:0; overflow-x:hidden; overflow-y:auto; margin-top:1px;}

.dingzhi{ position:absolute; top:0; right:0; display:block; width:200px; height:60px; line-height:60px; font-size:17px; text-align:center; background:#ddd; color:#333; cursor:pointer; user-select:none;}
.dingzhi_solution{ position:absolute; background:#eee; top:60px; left:0;}
.dingzhi_solution .solution_right{ margin-left:1px;}
.dingzhi_cur{ background:#0169ec; color:#fff;}
.dingzhi_solution_cur{ z-index:99;}

.solution_list { width: 100%; height: 100%;}
.solution_list .swiper-slide { height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}

#nb_icon_wrap{ margin-top:-200px !important;}
#newBridge .nb-customer-icon-style-newicon .nb-icon-inner-wrap-newicon{ width:200px !important;}





/*活动主图*/
.-------huodong11{ background:url(../img/huodong/zhutu.png) center top no-repeat; background-size:contain; width:100%; height:100%; position:absolute; z-index:2; left:0; top:0; pointer-events:none;}
.-------postbird-img-glass-box::after{ content:''; position:absolute; width:100%; height:100%; max-height:90%; left:0; top:5%; background:url(../img/huodong/zhutu.png) center top no-repeat; background-size:contain;}
.-------pro_small .swiper-wrapper{ margin-top:0px;}
.-------huodong12{ background:url(../img/huodong/zhutu.png) center top no-repeat; background-size:contain; width:86px; height:86px; position:absolute; z-index:2; left:1px; top:1px; pointer-events:none;}

/*活动弹出*/
@keyframes gg_bg
{
    from { opacity:0; filter:alpha(opacity=0);}
    to { opacity:1; filter:alpha(opacity=100);}
}
@keyframes gg
{
    from { opacity:0; filter:alpha(opacity=0); -moz-transform:translateY(-100px); -ms-transform:translateY(-100px); -webkit-transform:translateY(-100px); transform:translateY(-100px);}
    to { opacity:1; filter:alpha(opacity=100); -moz-transform:translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0);}
}
.-------gg_bg{ position:fixed; z-index:99999; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.7); opacity:0; filter:alpha(opacity=0); animation: gg_bg .8s; -webkit-animation: gg_bg .8s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.-------gg{ position:fixed; z-index:99999; width:1300px; height:576px; left:50%; top:50%; margin-left:-650px; margin-top:-288px; font-size:0; opacity:0; filter:alpha(opacity=0); animation: gg .8s; -webkit-animation: gg .8s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards;}
.-------gg a{ display:block;}
.-------gg img{ width:100%; height:100%;}
.-------gg_close{ position:absolute; right:10px; top:10px; width:50px; height:50px; line-height:46px; text-align:center; border-radius:50%; background:#fff; color:#333; font-size:40px; cursor:pointer;}



/* dark  #0044c1 */
/* light #0169ec */
/* #012fa7 */