*{ 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:470px; 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 .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; font-family:Arial;}

.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(2n-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:250px; 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:35px; width:210px; margin-top:-260px;}



.pro_btn16{ width:220px; position:relative; color:#666; background:url(../img/ico04.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:20px; width:210px; margin-top:-260px;}



.pro_btn17{ width:250px; position:relative; color:#666; background:url(../img/ico03.png) 10px center no-repeat #fff; background-size:24px; cursor:pointer; padding-left:25px; padding-right:5px; margin-top:15px;}

.pro_btn17:hover{ background-color:#fff;}

.pro_btn17:hover img{ display:block;}

.pro_btn17 img{ display:none; position:absolute; left:35px; width:210px; margin-top:-260px;}



.pro_btn18{ width:220px; 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; margin-top:15px;}

.pro_btn18:hover{ background-color:#fff;}

.pro_btn18:hover img{ display:block;}

.pro_btn18 img{ display:none; position:absolute; left:20px; 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 */