@charset "utf-8";

/* CSS Document */

@font-face {

  font-family: 'SFProDisplay-Bold'; 

  src: url(../fonts/SF-Pro-Text-Bold.otf);

}
@font-face {

  font-family: 'SFProText-Medium'; 

  src: url(../fonts/SF-Pro-Text-Medium.otf);

}
@font-face {

  font-family: 'SFProText-Regular'; 

  src: url(../fonts/SF-Pro-Text-Regular.otf);

}
@font-face {

  font-family: 'SFProText-Semibold'; 

  src: url(../fonts/SF-Pro-Text-Semibold.otf);

}
@font-face {

  font-family: 'SFProDisplay-Black'; 

  src: url(../fonts/SF-Pro-Display-Black.otf);

}
@font-face {

  font-family: 'SFProDisplay-Medium'; 

  src: url(../fonts/SF-Pro-Display-Medium.otf);

}

body{ font-size:100%;line-height:1.1; color:#414141; width:100%; position:relative; background:none; font-family:SFProText-Regular,SFProText; font-weight:400; overflow-x:hidden;}

*{ padding:0; margin:0;}

img{ max-width:100%;}



html, body { height:auto !important; 

overflow:visible !important;

	overflow-x:hidden !important; overflow-y:auto !important;

}




/*my reset*/





/* 主体开始*/



/*导航按钮开始*/

#m_bnt_nav{ display:none; position: absolute;top:1.375rem;right:10px;border-radius:5px;cursor: pointer;width: 2.8125rem; text-align: center;z-index:99999;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}

#m_bnt_nav .point{display: inline-block;width: 30px;height: 22px; position: relative;}

#m_bnt_nav .point:hover .navbtn,

#m_bnt_nav .point:hover .navbtn::after,

#m_bnt_nav .point:hover .navbtn::before{width: 28px;}

#m_bnt_nav .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;}

#m_bnt_nav .navbtn::after,

#m_bnt_nav .navbtn::before{position: absolute; right: 0;display: inline-block;width: 28px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #666;}

#m_bnt_nav .navbtn::after{top: -8px;}

#m_bnt_nav .navbtn::before{top: 8px;}

#m_bnt_nav .point.on .navbtn{background: transparent;}

#m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}

#m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

.device__screen{ overflow:hidden;}

/*导航按钮结束*/



/*一级导航 开始*/

.m_nav_list{ }

.slide_nav{ position:static;}

#m_nav li{ display: inline-block; transition:.5s; position:relative; }

#m_nav li .a{display:block;text-align:left;position:relative; z-index:0; line-height:5rem; padding: 0 0.85rem; white-space: nowrap;}

#m_nav li .a h3{ display: inline-block; font-size:1rem; color:#414141;}

#m_nav li:hover .a h3,#m_nav li.act .a h3{ color:#00ACC8;}

#m_nav .title .a i{  opacity:0;filter:alpha(opacity=0);display: inline-block; font-family:simsun; float: right; transition:.3s; font-size:0; width:10px; background:url(../images/nav_ico_right.svg) center no-repeat;    background-size: contain;}

#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}

/*二级导航 开始*/

#m_nav .title .list{ opacity:0; visibility:hidden; position:absolute; background:#fff;  width:200px; left:-0.6rem; text-align: center; }

#m_nav .title .list a { display:block; line-height:3rem; font-size:13px; color:#333; padding:0 0.8rem; }

#m_nav .title .list span{  display: block; text-align:left; vertical-align:top; }

#m_nav .title .list span:hover>a{ color:#00acc8;}

#m_nav .title:hover .list{ opacity:1 !important; visibility:visible !important;}



/*pc端鼠标滑过header效果*/

@media (min-width: 1201px)

{

#m_nav .title .list{background:rgba(255,255,255,1); padding:.5rem 0;

box-shadow:0px 2px 16px 0px rgba(0,0,0,0.11); transform: rotateX(-90deg); transform-origin:top; transition:.5s;

border-radius:0px 0px 4px 4px;}

#m_nav .title:hover .list{ transform: rotateX(0);}

#m_nav .title .list a { display:block; line-height:2.5rem; font-size:13px; color:#333; margin:.3rem .6rem; padding:0 0.8rem; }

#m_nav .title .list a:hover { background:#F6F8F7;}

}



@media (max-width: 1200px)

{

#header{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}

#m_nav .title .list a{ padding:0 20px;}

#logo {

    width: 136px; z-index: 999;

}

.m_nav_list{flex-direction:column; justify-content: flex-start;}

.m_nav_list{ background:none;}

#m_bnt_nav{ display:block;}

#m_nav{ display:none; }

#header{ padding:0;}

ul.m_nav_list>li{  border-bottom:1px solid #f5f5f5; width:100%; }

#m_nav li .a{ padding:0 20px; line-height:5rem;}

#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100);}

#m_nav li .a i{ line-height:5rem;}

#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}

#m_nav li{display:block;width:100%;}

#m_nav { z-index: 999; position: fixed; width: 100%; height:100vh; left: 0; top: 5rem; background: #fff; display:none; padding-top:2rem; overflow:hidden;}

.slide_nav{ position: absolute; left:0; z-index: 998; top:0; width: 100%; }

#m_nav .title .list{display:none;position:relative; width:100%;z-index:9; left:0; margin-left:0; background:#f9f9f9; padding:10px 0;border:0; }

#m_nav .title .list span{ background:none; border:0; }

#m_nav .title .list span:hover { }

#m_nav .title .list span a:hover{ color: #00acc8;}

#m_nav .title .list a{display:block;font-size:1rem;color:#777;text-align:left;line-height:40px; height: 40px; border:0; font-weight:300;}

.yuyan{ float: right; margin-right: 68px;}



/*动画*/

ul.m_nav_list>li:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}

ul.m_nav_list>li:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}

ul.m_nav_list>li:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}

ul.m_nav_list>li:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}

ul.m_nav_list>li:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}

ul.m_nav_list>li:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}

ul.m_nav_list>li:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}

ul.m_nav_list>li:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}

#m_nav li{ margin-bottom:100px; opacity:0;}

#m_nav.on li{ margin-bottom:0px; opacity:1;}

}

/*===========================header=============================*/





/*======================移动端头部======================*/



.j_tab{ display:table; width:100%; height:100%;}

.j_tab_cel{ display:table-cell; width:100%; height:100%; vertical-align:middle;}



/*首页banner*/

.main-banner{position:relative;z-index:1;height:615px; top:5rem; padding-top:5.5rem; margin-bottom:12rem;background: url(../images/bg01.svg) center no-repeat;}

.main-banner  li{ position:relative; }

.main-banner .txt{ }

.main-banner .txt .con{ transition:.8s;}

.main-banner .txt h3{ color:#fff; margin-bottom:1.5rem; font-size:3.75rem; font-weight:500; line-height:1.2;font-family:SFProText-Medium,SFProText;  }

.main-banner .txt p{ font-size:1.25rem; color:#fff; line-height:1.875rem; margin-bottom:2.5rem; font-weight:400;}

.main-banner .txt .s_btn{ margin-right:16px;}

.main-banner .right-col{ margin-top:-2rem;}

.main-banner  .mobile-display__canvas {  margin-top: 40px; margin-left: 46px; transform: skew(-27.5deg, 13deg) translate(64px, 17px) scale3d(0.95, 1.06, 1) rotateZ(-6deg)rotateY(15deg);}

.main-banner .mobile-display, .main-banner .mobile-display__cover { height: 565px; width: 450px;  overflow: hidden; float: right;}

.main-banner .mobile-display__cover { background-repeat: no-repeat; position: absolute; top: 0; right: 0; z-index: 200;}

.mobile-display__canvas__video{ height: 426px; width: 257px;}

/* 主体开始*/



#container01{ }
#container01 .li_1{ background: url(../images/cube01.png) 43% center no-repeat;}
#container01 .li_2{ background: url(../images/cube02.png) 42% bottom no-repeat;}
#container01.n_video_slide .li_2{ background:none; padding-bottom:8rem !important;}
#container01 .container{ position:relative;}

#container01 ul{}

#container01 ul li{ overflow:hidden; position:relative;}

#container01 .video_box{ float:none; overflow:hidden;}

#container01 .li_1 .video_box video{ max-width:22.5rem; max-width:100%; max-height:40rem;}

#container01 .txt{  position:absolute; right:0; top:0; height:100%;}
#container01 .txt .con{ max-width:25.875rem; margin:0 auto;}
#container01 .txt font{ display:block;}
#container01 .txt p{ max-width:21.875rem; }
#container01 .txt h5{ margin-top:2rem; margin-bottom:2.5rem; text-transform:inherit; }

#container01 .txt .s_btn{ margin-top:2.5rem;}



.s_tt{ color:#414141; margin-bottom:4.3125rem; padding-top:5rem; }



#container02 ul{position:relative; background:#fff;}

#container02 ul{ z-index:0; width:100%;}

#container02 ul.trantop{ position:fixed; top:0; }





#container02 ul{ overflow:hidden;}

#container02 ul li{ overflow:hidden; position:relative; background:#F9FAFB;}

#container02 .img{ float:none; overflow:hidden; background:##F9FAFB; text-align:right; padding:4rem 6rem;}

#container02 .txt{  position:absolute; right:0; top:0; height:100%; padding:0 8%;}

#container02 .txt .con{ max-width:300px; float:left;}

#container02 .txt font{ display:block;}

#container02 .txt h5{ margin-bottom:1.5rem; color:#fff;}

#container02 .txt p{ color:#fff; margin-bottom:1.5rem;}

#container02 .txt .s_btn{ margin-top:2.5rem;}

#container02 .li_2{ }

#container02 .li_2 .txt .con{ float:right;}

#container02 .li_2 .img{ float:right; text-align:left;}

#container02 .li_2 .txt{ left:0;}



#container03{ background:#fff; position:relative; padding-bottom:5rem;}

#container03 .item{ padding:20px; margin-bottom:5rem;}

#container03 .item a{ display:block; box-shadow:0px 6px 17px 0px rgba(0,0,0,0.06); padding:1.25rem; position:relative; transition:.5s;}

#container03 .item a:hover{box-shadow:0px 6px 17px 0px rgba(0,0,0,0.2);}

#container03 .item p{ margin-bottom:1.25rem;}

#container03 .item .img{ text-align:right;}

#container03 .item .img img{ width:auto; height:auto; max-width:100%; max-height:38px; display:inline-block;}

#container03 .item:nth-child(odd) a{ top:5rem;}

#container03 .bd{ overflow:hidden;}
#container03 ul li.item{ width:287px !important; float:left;}

#s_coop{ padding-bottom:5rem; padding-top:2rem; background:#F9FAFB; position:relative;}

#s_coop ul li .box{ text-align:center; height:6.25rem;}

#s_coop ul li img{max-width:100%;width: auto;height:auto;max-height: 60px;opacity:1;transition:.3s;}

#s_coop ul li .box:hover img{ opacity:.6;}



#s_lianxi{ background-image:url(../images/bg02.png); background-position: center top; background-repeat:no-repeat; background-color:#F9FAFB; text-align:center; color:#fff; padding:5rem 0; position: relative;}

#s_lianxi h3{ margin-bottom:1rem;}

#s_lianxi p{ margin-bottom:2.5rem;}

#s_lianxi .s_btn{ padding:0 3.625rem;}



/*foot*/

.foot{ background:#f6f6f7; padding-top:4.5rem; position:relative;}

.foot .container{ position:relative;}

.foot_nav{ }

.foot_nav h3{ font-size:14px; color:#5e5e5e; margin-bottom:20px;}

.foot_nav ul li{float:left; padding-left:33px;}

.foot_nav .list a{ display:block; font-size:12px; color:#88888a; line-height:36px; }

.foot_logo{ text-align:left;}

.foot_logo img.logo{ display:block; margin-bottom:25px; width:130px; margin-top:-15px;}

.foot_logo .txt span{ display:inline-block; margin:0 10px;}

.foot .social-share-block {

margin: 2.5rem 0 0; }

.foot .social-share-block li {

display: inline-block; width:1.375rem; height:1.375rem;

vertical-align: middle;

margin-right: 18px; }

.foot .social-share-block li a {

display: table-cell; height:22px;vertical-align: middle;

-webkit-transition: ease 0.3s;

-moz-transition: ease 0.3s;

-ms-transition: ease 0.3s;

-o-transition: ease 0.3s;

transition: ease 0.3s; }

.foot .social-share-block li a:hover {

  opacity: 0.6; }

.foot .social-share-block li:last-of-type {

margin-right: 0; }



		

.foot_huodong{ width:232px; float:right; }

.foot_huodong .hd{ margin-bottom:24px; font-size:14px;}

.foot_huodong .owl-dots{ position:absolute; top:-40px; right:0;}

.foot_huodong button.owl-dot{width:4px;height:4px;background:#DBE4EE; border-radius:50%; margin-left:6px; margin-right:0; border:0 !important;}

.foot_huodong button.owl-dot.active{ background:#6C7C94;}

.foot_huodong .item h5{font-size:12px; font-weight:500;color:#737373;line-height:20px; height:20px; overflow: hidden; margin-top:10px;}

.foot_huodong .item p{font-size:12px;font-family:SFProDisplay-Medium,SFProDisplay,arial;font-weight:500;color:rgba(115,115,115,1); line-height:18px; height:18px; overflow:hidden;}



.foot_bot{ font-size:12px; min-height:69px; line-height:21px; padding:0 10px; padding-top:24px; margin-top:4.5rem; color:#737373;padding-bottom:20px; border-top:1px solid #e1e1e3; text-align:center;}

.foot_bot *{ color:#737373; font-size:12px; display:inline-block;}

.foot_bot a{ color:#414141; margin-left:1.5rem;}

.foot a:hover{ color:#333;}

.foot a{ transform:.3s;}





/*内页*/



#n_banner{ height:360px; margin-top:5rem; background-size: cover !important;}

#n_banner .container{ height:100%;}

#n_banner .txt{ display: table; height:100%;}

#n_banner .txt .con{ transition:.8s; display:table-cell; vertical-align:middle; padding-left:20px;}

#n_banner .txt h3{ color:#fff; margin-bottom:1.5rem; 
font-family:SFProText-Medium,SFProText;
font-weight:500; }

#n_banner .txt p{ font-size:1.25rem; color:#fff; line-height:1.875rem;font-family:SFProText-Regular,SFProText;
font-weight:400; margin-bottom:2.5rem; max-width:980px;}

#n_banner .txt .s_btn{ margin-right:16px;}



#n_fanyule01{padding-top: 6.8125rem;padding-bottom:5rem;background: white;}

#n_fanyule01 ul{}

#n_fanyule01 ul li{ text-align:center; margin-bottom:15px;}

#n_fanyule01 ul li font{ display:inline-block; height:7.5rem; margin-bottom:15px;}

#n_fanyule01 ul li font img{ max-width:100%; max-height:100%;}
#n_fanyule01 ul li:hover font img{ animation: transf 1s; -webkit-animation: transf 1s; -moz-animation: transf 1s;}
@keyframes transf {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}


#n_fanyule01 ul li h5{ margin:1.5rem 0 1.2rem;}

#n_fanyule01 ul li p{ max-width:250px; color:#737373; margin:0 auto; text-align: center;}





#n_youshi{ padding-top:2rem; padding-bottom:3rem; background:#fff; position:relative;}
#n_youshi.guanggaozhu ul li{ height: 20rem;}
#n_youshi ul{ overflow:hidden;}

#n_youshi ul li{ text-align:center; height:16.25rem; border-left:1px solid #DBE4EE; margin-left:-1px; border-top: 1px solid #DBE4EE; padding-top: 2rem; margin-top: -1px;}

#n_youshi ul li font{ display:inline-block; height:4rem;}

#n_youshi ul li font img{ max-width:80%; max-height:100%; transition:.5s;}
#n_youshi ul li:hover font img{ transform:rotateY(180deg);}
#n_youshi ul li h5{ margin:1.2rem 0;}

#n_youshi ul li p{ max-width:350px; color:#737373; margin:0 auto; text-align: center;}





#n_case_slide{ overflow:hidden; width:100%;}

#n_case_slide .item{}

#n_case_slide .item .img{ padding:0;}

#n_case_slide .item .img img{ width:100%;}

#n_case_slide .item .txt{ padding:2rem 8rem 0 4rem;}

#n_case_slide .item .txt .con{ max-width:600px; height:100%; }
@media (min-width: 1200px){
#n_case_slide .item .txt .con{padding-bottom: 30px;}
}
#n_case_slide .item .txt .img_s{ overflow:hidden; margin-bottom:2rem;}

#n_case_slide .item .txt .img_s img{ max-width:7.3125rem; float:right; max-height: 5rem;

    width: auto;}

#n_case_slide .item .txt h3{ margin-bottom:1.5rem; font-weight:500; color:#414141; font-family:SFProText-Medium,SFProText; }

#n_case_slide .item .txt p{ line-height:1.5; height:6.375rem; overflow:hidden; ont-family:SFProText-Regular,SFProText;}
#n_case_slide.n_fabushang .item .txt p{ color: #414141;}

#n_case_slide .item .txt .s_btn{ margin-top:3.3rem; display:inline-block;}



#n_case_slide .owl-dots{ margin-top:3rem;}

#n_case_slide button.owl-dot{ width:0.5rem; transition:.5s;

width:0.5rem;

background:rgba(254,184,25,1);

border-radius:4px; margin-left:6px; margin-right:0; border:0 !important;}

#n_case_slide button.owl-dot.active{ width:40px;}

#n_case_slide.yule{}
#n_case_slide.yule .item .txt .img_s img{ max-width:9.3rem;max-height: 7rem;}
#n_case_slide.yule .item .txt .j_tab{ display:block;}
#n_case_slide.yule .item .txt h3{ font-family:SFProText-Medium,SFProText;font-weight: 500;}
#n_case_slide.yule .item .txt p{ height:8rem; line-height:2rem; overflow:hidden;font-family:SFProText-Regular,SFProText;font-weight:300; color:#737373;}


.n_hezuo{ padding:5rem 0;}



.over_hid{ overflow:hidden;}

#n_jianjie{ padding:4rem 0;}

#n_jianjie .container{ position:relative;  }

#n_jianjie .txt{ font-size:1.15rem; line-height:2rem; position:relative; z-index:1; }

#n_jianjie .txt *{ font-size:1.15rem; line-height:2rem;}

#n_jianjie .txt p{ margin-bottom:1.875rem; }

#n_jianjie .img{ text-align:right; position:relative; overflow:visible; z-index:0;}

#n_jianjie .img img{ max-width:450px; width:100%;}

#n_jianjie .img .yuan1{ width:5.5rem; height:5.5rem; border-radius:50%; background:#7DE7E0; display:block;opacity:0.5; position: absolute; bottom:-2rem; left:-2rem; z-index:-1;}

#n_jianjie .img .yuan2{width:1.6875rem; height:1.6875rem; border-radius:50%; background:#7DE7E0; display:block;opacity:0.5; position: absolute; top:2rem; right:-2rem;}





#n_rongyu{ margin-top:4rem; padding-top:2rem; padding-bottom:5rem; background:#F9FAFB;}

#n_rongyu .ul{ margin: 0 auto;}

#n_rongyu .ul .li{ text-align:center; margin-bottom:2rem;}

#n_rongyu .ul .li a{ background:#fff; display:block; max-width:20rem; height:21.25rem; margin:0 auto; margin-top:20px; margin-bottom:3rem; transition:.5s; position:relative; top:0;}

#n_rongyu .ul .li a:hover{ box-shadow:0px 6px 17px 0px rgba(0,0,0,0.2); top:-10px;}

#n_rongyu .ul .li .img{ display:inline-block; padding:2.5rem 0;}

#n_rongyu .ul .li .img img{ max-width:14.0625rem; width:80%; margin:0 auto;}

#n_rongyu .ul .li p{ color:#666; margin:0 2rem; height:4.5rem; overflow:hidden;}



#n_rongyu .owl-dots{ margin-top:1rem; display:block !important;}

#n_rongyu button.owl-dot{ width:0.5rem; transition:.5s;

width:0.5rem;

background:rgba(254,184,25,1);

border-radius:4px; margin-left:6px; margin-right:0; border:0 !important;}

#n_rongyu button.owl-dot.active{ width:40px;}



#n_team{ padding-top:7rem;}

#n_team .fl{ text-align:right; padding-right:10rem;}

#n_team .swiper-container{ position:static !important;}

#n_team .swiper-container-horizontal>.swiper-scrollbar{ left:-300px !important; max-width: 150px; top:80%;}

#n_team .swiper-scrollbar-drag{ width:16px !important; height:16px !important; background:#FEB819; top:-6px;}

#n_team .li h5{ color:#414141; font-size:1.25rem; margin:1.5rem 0 1rem;}

#n_team .li h5 span{ margin-left:.5rem;}

#n_team .li p{ font-size:1rem; color:#737373;}

#n_team .li img{ width:100%; transition:.5s;}

#n_team .li:hover img{ transform:scale(1.1);}



#n_licheng{ background:#F9FAFB; padding-bottom:6rem; margin-top:5rem;}

#n_licheng .top{ font-size:4rem; text-align:center; color:#DBE4EE;}

#n_licheng .slick-current .top{ color:#414141;}

#n_licheng .top b{ padding-bottom: 2rem; position:relative; display:inline-block; cursor:pointer;font-family:SFProDisplay-Black,SFProDisplay;
font-weight:900;}

#n_licheng .top b:before{ content:""; display:block; width:0px; height:.5rem; background:#FEB819; border-radius:4px; position:absolute; left:0; bottom:0; transition:.5s;}

#n_licheng .slick-current .top b:before{ width:40px;}

#n_licheng p{ font-size:1.25rem; line-height:1.875rem;}

#n_licheng .bottom_slide .slick-list{ max-width:700px; overflow:hidden; margin:0 auto; text-align:center; padding:3rem 0 4rem; background:#fff; margin-top:4rem;box-shadow:0px 6px 17px 0px rgba(0,0,0,0.06);

border-radius:4px;}

#n_licheng .bottom_slide p{ margin:0 3rem; text-align:left; color:#737373;}

#n_licheng .slick-dots{ bottom:2rem;}

#n_licheng .slick-arrow{ width:3.75rem; height:3.75rem; background:url(../images/icon_left.svg) center no-repeat; border-radius:50%; z-index:996; top:-3px;}

#n_licheng .slick-next{background:url(../images/icon_right.svg) center no-repeat;}
#n_licheng .slick-prev:before{ font-size:0 !important; display:none;}
#n_licheng .slick-next:before{ font-size:0 !important; display:none;}
#n_licheng .slick-disabled{ display:none !important;}

#n_licheng .slider-for>div{ z-index:99;}

#n_licheng .bottom_slide .slick-arrow{ margin-top:-4rem; background:#333;}

#n_licheng .slick-list{ overflow:visible;}

#n_licheng .slider-nav:before{ content:""; width:2000px; height:1px; display:block; background:#DBE4EE; position:absolute; left:50%; margin-left:-1000px; bottom:3px;}

#n_licheng .slider-nav .slick-list{ overflow:hidden;}





#n_map{ margin-bottom:5rem;}

#n_map .s_tt{ max-width:880px; width:70%; margin-left:auto; margin-right:auto; text-align:center;}

#n_map .s_tt h3{ }

#n_map .s_tt p{ font-size:1.25rem; color:#666; line-height:2.125rem; margin-top:1.5rem;}

#n_map .map_box{ position:relative; text-align:center;}
#n_map .map_box img{     width: 100%;}
#n_map .btn2{ position:absolute; cursor:pointer;}

@media (min-width: 992px)
{
.col-md-9 { display:none;}
}
#n_map .btn2.meiguo{top: 38.7%;left: 12%;}

#n_map .btn2.deguo{top: 30.7%;left: 48%;}

#n_map .btn2.yindu{top: 54%;left: 67%;}

#n_map .btn2.xian{ top:42%; left:73%;}

#n_map .btn2.beijing{ top:33%; left:76%;}

#n_map .btn2.hanguo{top: 40.8%;left:86%;}

#n_map .btn2.riben{top: 26.8%;left:90%;}

#n_map .btn2.xianggang{ top:54.9%; left:77%;}

#n_map .btn2.taiwan{ top:56.7%; left:85%;}
#n_map .btn2 span{ font-size:14px; color:#333; font-weight:bold; line-height:28px; text-align:center;}

#n_map .btn2 span font:after{ content:"";background:#00ACC8; border-radius:50%; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:0;transform:scale(1.6); opacity:.3;}

#n_map .btn2 span font:hover:after{animation: home_hero_item_hints_border 1.5s linear infinite; }
#n_map .btn2.on span font:after{animation: home_hero_item_hints_border 1.5s linear infinite; }
 @keyframes home_hero_item_hints_border

				{

                  0%,

                  100% {

                    transform:scale(1.6); opacity:.3;

                  }



                  50% {

                    transform:scale(.8); opacity:.5;

                  }

				}				

#n_map .btn2 span font{ display:block; width:1.5rem; height:1.5rem; background:#00ACC8; border-radius:50%; position:relative; z-index:0; margin:0 auto;}

#n_map .btn2 span font:before{ content:"";background:#00ACC8; border:2px solid #fff; border-radius:50%; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:1; }

#n_map .btn2 .tips{ position:absolute; left:-290px; top:-50%; width:250px; background:#fff; border:1px solid #DBE4EE;  line-height:18px; padding:20px; opacity:0; margin-top:-25px; visibility:hidden;transition:.3s;  -webkit-transition:.3s; border-radius:10px; text-align:left;}

#n_map .btn2 .tips h5{ display:block; color:#737373;font-size:1.125rem; color:#414141; font-weight:500; margin-bottom:.5rem;}

#n_map .btn2 .tips p{ display:block; color:#737373;font-size:.875rem;}

#n_map .btn2.on .tips{left:-265px; opacity:1; visibility:visible;}

#n_map .btn2.on{ z-index:99;}

#n_map .btn2 .tips.right{ right:-290px; left:auto;}

#n_map .btn2 .tips.top{top:-150px;left:50%;margin-left: -27px;}

#n_map .btn2 .tips.top:before{left:50%;right:auto;bottom:-14px;border:7px solid transparent;border-top:7px solid #2644A9;top: auto;margin-left: -105px;}

#n_map .btn2.on .tips.top{ top:-100px; left:-80px;}



/*内页导航*/

#n_nav{ margin-bottom:3.5rem; margin-top:5rem;}

#n_nav ul{}

#n_nav ul li{ float:left; width:150px; text-align:center; border-bottom:1px solid #DBE4EE;}

#n_nav ul li a{ font-size:1rem; color:#737373; display:inline-block; line-height:2.8125rem; position:relative; transition:.3s;}

#n_nav ul li a:before{ content:""; width:0; height:3px; background:#FEB819; display:block; position:absolute; left:50%; margin-left:-16px; bottom:-2px; transition:.3s;}

#n_nav ul li.on{ position:relative;}

#n_nav ul li.on a,#n_nav ul li a:hover{ color:#FEB819;}

#n_nav ul li.on a:before,#n_nav ul li a:hover:before{ width:32px; }



#n_case_list{ padding-bottom:5rem;}

#n_case_list ul{}

#n_case_list ul li{ margin-bottom:2.5rem; overflow:hidden;}

#n_case_list ul li>div{ background:#fff; position:relative; overflow:hidden;}

#n_case_list ul li .img{ float:none; overflow:hidden; padding:0; max-width:450px;}
#n_case_list ul li .img img{ width:100%;transition:1s; max-height:284px;}
#n_case_list ul li:hover .img img{ transform:scale(1.1);}

#n_case_list ul li .txt{ position:absolute; height:100%; right:0; top:0; padding-right:50px; padding-left:0;}

#n_case_list ul li .txt .img_s{ max-height:3.5rem; max-width:7.5rem; font-size:0.875rem; color:#FEB819; font-weight:500;}

#n_case_list ul li .txt .img_s img{ max-width:100%; max-height:100%;}

#n_case_list ul li .txt h5{ margin-top:1rem; margin-bottom:.8rem;}

#n_case_list ul li .txt p{ font-size:1rem; color:#737373; line-height:1.5rem;}

#n_case_list ul li .txt .tag{ font-size:12px; color:#337AB7; padding-left:25px; background:url(../images/tag.png) left 2px no-repeat; background-size:15px; line-height:20px; margin-top:2rem;}

#n_case_list ul li .txt .s_btn{ margin-top:1.2rem; display:block;}





#n_news_list{ padding-bottom:5rem;}

#n_news_list ul{}

#n_news_list ul li{ margin-bottom:2rem; overflow:hidden; padding-top:15px;}

#n_news_list ul li>div{ background:#fff; position:relative; overflow:hidden; padding:1.5rem; transition:.5s; top:0;}

#n_news_list ul li .img{ float:none; margin:0 -1.5rem;}

#n_news_list ul li .img img{ width:100%;transition:1s;}
#n_news_list ul li:hover .img img{ transform:scale(1);}

#n_news_list ul li .img_s{ font-size:0.875rem; color:#FEB819; font-weight:500;}

#n_news_list ul li h5{ margin-top:1rem; margin-bottom:1rem; line-height:1.875rem; height:3.75rem; overflow:hidden;}

#n_news_list ul li .tag{ font-size:12px; color:#337AB7; padding-left:25px; background:url(../images/tag.png) left 2px no-repeat; background-size:15px; line-height:20px; margin-top:1rem;}

#n_news_list ul li .s_btn{ margin-top:.6rem; display:block; float:right;}



.n_news_tt{ color:#337AB7; font-size:1.375rem; margin-bottom:2.5rem;}

#n_huodong_list{ padding-bottom:5rem;}

#n_huodong_list ul{}

#n_huodong_list ul li{ margin-bottom:2rem; overflow:hidden; padding-top:15px;}

#n_huodong_list ul li>div{ background:#fff; position:relative; overflow:hidden; padding:1.5rem; transition:.5s; top:0;}

#n_huodong_list ul li .img{ float:none; margin:0 -1.5rem; margin-top:1rem;}

#n_huodong_list ul li .img img{ width:100%; transition:1s;}
#n_huodong_list ul li:hover .img img{ transform:scale(1);}
#n_huodong_list ul li .time{ font-size:0.875rem; color:#737373; }

#n_huodong_list ul li h5{  margin:0.625rem 0; line-height:1.875rem; height:3.75rem; overflow:hidden;}

#n_huodong_list ul li .add{ font-size:0.875rem; color:#737373; line-height:20px; }

#n_huodong_list ul li .s_btn{ margin-top:1.5rem; display:block; float:right;}



#n_xinwen_list{ padding-bottom:5rem;}

#n_xinwen_list ul{}

#n_xinwen_list ul li{ margin-bottom:2rem; overflow:hidden; padding-top:15px;}

#n_xinwen_list ul li>div{ background:#fff; position:relative; overflow:hidden; padding:1.5rem; transition:.5s; top:0;}
#n_xinwen_list ul li>div:hover,#n_huodong_list ul li>div:hover,#n_news_list ul li>div:hover{ top:-10px; box-shadow:0 3px 3px 0 rgba(0,0,0,.07);}

#n_xinwen_list ul li .img{ float:none; margin:0 -1.5rem; margin-top:1rem;}

#n_xinwen_list ul li .img img{ width:100%; transition:1s;}
#n_xinwen_list ul li:hover .img img{ transform:scale(1);}

#n_xinwen_list ul li .time{ font-size:0.875rem; color:#737373;font-family:SFProDisplay-Medium,SFProDisplay;
font-weight:500; }

#n_xinwen_list ul li h5{  margin:0.625rem 0; line-height:1.875rem; height:5.625rem; overflow:hidden;font-weight:500;font-family:SFProDisplay-Medium,SFProDisplay; color:#414141;}

#n_xinwen_list ul li .share{ float:left; margin-top:1.5rem;}

#n_xinwen_list ul li .share a{ display:inline-block; margin-right:1.25rem;}

#n_xinwen_list ul li .share img{ width:1.05rem;}

#n_xinwen_list ul li .s_btn{ margin-top:1.5rem; display:block; float:right;}



@media (max-width: 550px)

{

#n_news_list ul li{ width:100%;}

#n_huodong_list ul li{ width:100%;}

#n_xinwen_list ul li{ width:100%;}

#n_xinwen_list ul li h5{ font-size:1.25rem;  }

}





#n_lianxi{ padding-bottom:7rem; padding-top:7rem; position:relative; }

#n_lianxi .yuan1{ right:20%; top:0; }

#n_lianxi .yuan2{ right:10%; bottom:10%; }

.hs-form{ max-width:853px;}
@media (min-width: 1200px){
#n_lianxi .hs-form{ margin-left:-25px;}
#n_lianxi .hs-form .col-lg-6{padding: 0 25px;}

}
.hs-form .form-group{ margin-bottom:20px; position:relative; width:330px;}

.hs-form .input{ margin-bottom:1rem;}

.hs-form input{height:2.8125rem;border-radius:0;box-shadow:none;-webkit-appearance: none; font-size:.875rem; color:#777;border:1px solid rgba(219,228,238,1); border-radius:3px; padding: .5rem 1rem; background:none;}

.hs-form select{height:2.8125rem;border-radius:0;box-shadow:none;-webkit-appearance: none; font-size:.875rem; color:#777;border:1px solid rgba(219,228,238,1); background-color: transparent; border-radius:3px; padding: .5rem 1rem;}

.hs-form input:focus,.hs-form select:focus{border-color: #8ec7cc;}

.hs-form label{ font-size:1rem; color:#282828; margin-bottom:14px; display:inline-block;}

.hs-form label i{ color:#d93434; font-size:16px; font-style:normal; display:inline-block; width:13px;}

.hs-form label span{ font-family:arial; color:#c1c1c1; margin-left:8px;}

.hs-form textarea{border-radius:0;box-shadow:none;-webkit-appearance: none;font-size:.875rem; height:8.5rem; color:#777; font-family:Microsoft Yahei;border:1px solid rgba(219,228,238,1); background-color:none; border-radius:3px;    padding: .5rem 1rem; background:none;}

.hs-form .btn_tijiao{border-radius:0;box-shadow:none;width:330px; border-radius:2px !important;height:2.8125rem; border:0; background:#e13a39;text-align:center;color:#fff;font-size:16px; margin-top:10px; cursor:pointer; transition:.3s;}

.hs-form .btn_tijiao:hover{ background:#c42524; color:#fff;}

#n_recruite_detail .tt{ font-size:24px; color:#333; text-align:center; margin-bottom:50px;}

#n_recruite_detail .group{ margin-bottom:60px;}

.form-control { display: block; width: 100%; padding: 7px 12px; font-size: .875rem; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius:2px !important;}

.code{ position:absolute; right:1px; bottom:1px; border-left:1px solid #c3c3c4; width:135px; height:43px; overflow:hidden; text-align:center; font-size:0;}



.contact-label{color:#414141; font-size:.875rem; font-weight:600;line-height:1.875rem;text-align:left; margin-bottom:.2rem;}

.contact-label i{ color:#DB2037; margin-right:0.625rem;}

.contact-hidden{display:none}

.mage-error{border:2px solid red;box-shadow:0 0 5px red inset}
.contact-form{ padding-left:15px; padding-right:15px;}
.contact-form .input .hs-form-booleancheckbox-display{margin-bottom:15px;display:inline-block}

.contact-form .input .hs-form-booleancheckbox-display input{height:0;width:0;position:absolute;opacity:0}

.contact-form .input .hs-form-booleancheckbox-display span{font-size:.875rem;line-height:1.625rem;font-weight:400}

.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]+span{position:relative;z-index:1;padding-left:2rem}

.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]+span:after{content:"";width:1.25rem;height:1.25rem;text-align:center;display:block;top:-2px;left:0;position:absolute;color:#fff;border:1px solid #e6e6e6}.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]+span:after{border-radius:4px}

.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]+span:hover{cursor:pointer;color:#737373}

.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]+span:hover:after{border:1px solid #feb819}

.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]:checked+span:after{width:1.25rem;height:1.25rem;left:0;line-height:1.25rem;background-color:#feb819}

.contact-form .input .hs-form-booleancheckbox-display input[type=checkbox]:checked+span:after{content:""; background-image: url(../images/duigou.svg); background-size:contain; background-repeat:no-repeat; background-position:center; width:1.25rem; color:#fff;border:1px solid #feb819}

.hs_submit input{ width:8.375rem;height:3.625rem; background:#FEB819;border-radius:30px; color:#fff; font-size:1rem;  border:0;}





#n_bangongshi{ background:#F9FAFB; padding:7rem 0;}

#n_bangongshi ul{}

#n_bangongshi ul li{ margin-bottom:1.5rem;}

#n_bangongshi ul li>div{ background:#fff; margin:0 auto; padding:2.5rem; height:18rem;}

#n_bangongshi ul li h5{ font-size:1.5rem; font-weight:600;}

#n_bangongshi ul li p{ font-size:1rem; margin:1.3rem 0 1rem; line-height:1.375rem; font-weight:500;}

#n_bangongshi ul li span{ font-size:1rem; color:#FEB819; line-height:1.375rem; font-weight:500;}



.yuan1{width:1.5rem; height:1.5rem; border-radius:50%; background:#BCF1ED; position:absolute; }

.yuan2{width:7.875rem; height:7.875rem; border-radius:50%; background:#BCF1ED; position:absolute; }





#n_ziyuan{ text-align:center; padding-bottom:7rem;}

#n_ziyuan .con{ position:relative;}

#n_ziyuan .ico{}

#n_ziyuan .ico span{ position:absolute;  animation-delay: 0ms; animation-duration: 2000ms; animation-iteration-count: infinite; animation-name: arrow02; animation-play-state: running; animation-timing-function: linear;}

#n_ziyuan .ico span img{ width:2.25rem;}

#n_ziyuan .ico span.app01{ left:27%; top:11%; animation-delay: 100ms;}

#n_ziyuan .ico span.app02{ left:43%; top:82%; animation-delay: 200ms;}

#n_ziyuan .ico span.app03{ right:18%; top:69%; animation-delay: 150ms;}

#n_ziyuan .ico span.app04{ left:39%; top:3%; animation-delay: 300ms;}

#n_ziyuan .ico span.app05{ left:27.5%; top:38%; animation-delay: 250ms;}

#n_ziyuan .ico span.app06{ left:20.5%; top:45%; animation-delay: 490ms;}

#n_ziyuan .ico span.app07{ left:50%; top:7%; animation-delay: 350ms;}

#n_ziyuan .ico span.app08{ left:61%; top:0%; animation-delay: 560ms;}

#n_ziyuan .ico span.app09{ left:34%; top:80%; animation-delay: 450ms; display:none;}

#n_ziyuan .ico span.app10{ right:15%; top:18%; animation-delay: 510ms;}

#n_ziyuan .ico span.app11{ right:9%; top:48%; animation-delay: 160ms;}

#n_ziyuan .ico span.app12{ right:15%; top:42.5%; animation-delay: 620ms;}

#n_ziyuan .ico span.app13{ left:69%; top:79%; animation-delay: 50ms;}

#n_ziyuan .ico span.app14{ left:55%; top:83.5%; animation-delay: 700ms;}

#n_ziyuan .ico span.app15{ left:16%; top:18%; animation-delay: 660ms;}

#n_ziyuan .ico span.app16{ left:73.5%; top:17%; animation-delay: 380ms;}

#n_ziyuan .ico span.app17{ left:62.5%; top:63%; animation-delay: 460ms;}

#n_ziyuan .ico span.app18{ left:39%; top:50%; animation-delay: 320ms;}

#n_ziyuan .ico span.app19{ left:71%; top:45%; animation-delay: 260ms;}

#n_ziyuan .ico span.app20{ left:31%; top:80%; animation-delay: 180ms;}

#n_ziyuan .ico span.app21{ left:54%; top:52%; animation-delay: 280ms;}

#n_ziyuan .ico span.app22{ left:17.5%; top:72%; animation-delay: 540ms;}

#n_ziyuan .ico span.app23{ left:47%; top:66%; animation-delay: 650ms;}

#n_ziyuan .ico span.app24{ left:10.5%; top:45%; animation-delay: 690ms;}

@-webkit-keyframes arrow02 {
   0% {transform: translate3d(0px, -6px, 0px); }
    50% { transform: translate3d(0px, 0px, 0px); }
    100% {transform: translate3d(0px, -6px, 0px); }
}

@keyframes arrow02 {

    0% {  transform: translate3d(0px, -6px, 0px); }
    50% { transform: translate3d(0px, 0px, 0px); }
    100% { transform: translate3d(0px, -6px, 0px); }
}


#n_join{ padding:7rem 0;}

#n_join .container{ position:relative;}

#n_join .yuan1{ left:20%; top:-3rem; }

#n_join .yuan2{ right:-5%; bottom:0; }

#n_join .img{}

#n_join .txt{ position:absolute; height:100%; top:0; right:0;}

#n_join .txt h5{ margin-bottom:1.5rem; text-transform:uppercase; max-width:450px;}

#n_join .txt p{ line-height:2rem; max-width:450px;}



#n_wenhua{ padding-bottom:7rem;}

#n_wenhua .container{ position:relative;}

#n_wenhua .tt{ margin-bottom:3.25rem;}

#n_wenhua .p{ margin-bottom:2rem; font-size:1.375rem;}

#n_wenhua ul{ margin:0 -4.5rem;}

#n_wenhua ul li{}

#n_wenhua ul li>div{ width:12.5rem; height:12.5rem; max-width:100%; margin:0 auto; border-radius:50%; overflow:hidden; position:relative; }

#n_wenhua ul li img{ width:100%;}

#n_wenhua ul li .mask{position:absolute; height:4.125rem; line-height:3.5rem; position:absolute; width:100%; text-align:center; left:0; bottom:0; background:#00ACC8; opacity:.86; color:#fff; font-size:1.2rem; transition:.5s; padding:0 20px; line-height:1.2; display:table-cell; vertical-align:middle;}

#n_wenhua ul li:hover .mask{ height:12.5rem; line-height:1.2; opacity:1;}



#n_fuli{ background:url(../images/bg05.png) center no-repeat; position:relative; z-index:0; padding:7rem 0;}

#n_fuli{ margin-top:30px; z-index:0; width:100%;}

#n_fuli.trantop{ position:fixed; top:0; }




#n_fuli:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#043B5A; opacity:.86; z-index:-1;}

#n_fuli .tt{ color:#fff; text-align:center; margin-bottom:1.5rem;}

#n_fuli .p{ color:#fff; text-align:center; line-height:1.5; max-width:900px; margin:0 auto; font-size:1.25rem;}

#n_fuli ul{ max-width:830px; display:block; margin:0 auto; margin-top:5rem;}

#n_fuli ul li{ text-align:center; color:#fff;}

#n_fuli ul li span{ display:block; height:5rem; max-width:6.25rem; margin:0 auto;}

#n_fuli ul li .mask{ margin-top:2rem; color:#fff; font-size:1rem;}



#n_zhiwei{ padding:7rem 0;  position:relative; background:#fff; }

#n_zhiwei .tt{ text-align:center; margin-bottom:5rem;}



/*==============人才招聘=====================*/

#n_zhiwei #list_slide{  position:relative; background:#fff;  }
#n_zhiwei #list_slide li{ margin-bottom:2rem;}
#n_zhiwei #list_slide li h5{ border-bottom:1px solid #DBE4EE; line-height:3rem; margin-bottom:1rem; font-size:1rem; font-family:SFProDisplay-Medium,SFProDisplay;
font-weight:500;
color:rgba(65,65,65,1); }
#n_zhiwei #list_slide dl{position: relative; overflow:hidden; margin-bottom:15px; }
#n_zhiwei #list_slide dl:nth-child(even){  }
#n_zhiwei #list_slide dl:nth-child(odd){ background:#F9FAFB !important;}
#n_zhiwei #list_slide dt{ position:relative; cursor:pointer; height:4rem; line-height:4rem; margin:0; float:none; width:100%; opacity:1;  font-weight:300; padding-right:1rem;}

#n_zhiwei #list_slide dt.on{}

#n_zhiwei #list_slide dt span{ font-weight:400; color:#414141; padding-left:16px; font-size:.875rem; line-height:4rem;  display: inline-block; }

#n_zhiwei #list_slide dd{ display:none; line-height:24px;  padding: 0px 18px; padding-bottom:15px;width: 100%;}

#n_zhiwei #list_slide dd p{  margin-bottom:0;}

#n_zhiwei #list_slide dd p:last-child{ padding-bottom:0;}

#n_zhiwei #list_slide dd .content{ padding:5px 20px 15px 0px;}

#n_zhiwei #list_slide dd .content { color:#8c8d90; font-size:.875rem; line-height:1.7;}

#n_zhiwei #list_slide dd .content *{ color:#8c8d90; font-size:.875rem; line-height:1.7;}
#n_zhiwei #list_slide dd .content p{ }
#n_zhiwei #list_slide dt.on h1{ background:url(../images/ico_s_on.png) right center no-repeat ;  }



#n_pintu{ padding-bottom:7rem; overflow:hidden; position:relative; background:#fff; }



#n_news_xq{ margin-top:5rem;}

#n_news_xq .box1{ position:relative; overflow:hidden; padding:6rem 0 5rem;min-height: 19rem;}

#n_news_xq .box1 .txt{ position:absolute; height:100%; top:0;}

#n_news_xq .box1 .txt .con{ max-width:450px; margin:0 auto;}

#n_news_xq .box1 .tag{ font-size:1.25rem; color:#FEB819;}

#n_news_xq .box1 .tt{ line-height:3.125rem; margin-top:1.5rem;}

#n_news_xq .box1 .img{ position:relative; float:right; text-align:center;}

#n_news_xq .box1 .img img{ max-width:400px; max-height:100%; width:100%;}

#n_news_xq .box2{ max-width:1000px; overflow:hidden; margin:0 auto; padding-bottom:3rem;}

#n_news_xq .box2 .ar_title img{ width:2rem;}

#n_news_xq .box2 .ar_title .share{ text-align:right; }

#n_news_xq .box2 .ar_title .share li{ display:inline-block; margin-right:1.25rem;}

#n_news_xq .box2 .ar_title .share img{ width:1.05rem; transition:.3s;}

#n_news_xq .box2 .ar_title .share img:hover{ opacity:.6;}

#n_news_xq .box2 .ar_title{ padding-bottom:1rem; border-bottom:1px solid #F1F3F5; overflow:hidden; margin-bottom:4rem;}

#n_news_xq .box2 .ar_article{ max-width:800px; margin:0 auto;}



 /*======== 上一篇下一篇 ===========*/

/*web*/

#ar_bot{ border-top:1px solid #e1e1e1; max-width:800px; margin:0 auto; padding:1.875rem 0; overflow:hidden;}

#ar_bot h5{ font-size:0.875rem; max-width:300px;}

#ar_bot h5 span{ display:block; color:#414141; font-weight:500; margin-bottom:8px;transition:.3s;}

#ar_bot h5 a{ font-size:12px; color:#717171; display:block; line-height:1.5; transition:.3s;}

#ar_bot h5 a:hover{ color:#414141;}

#ar_bot h5 a:hover span{ color:#FFB81A;}



/*wap*/

#ar_fot{ margin-top:10px; position:relative; padding-bottom:3rem;}

#ar_fot .inbox{ position:relative;}

#ar_fot h3{ display:block; font-size:14px; line-height:30px; color:#676869;width:35px; height:35px; transition:.3s; margin:0;}

#ar_fot h3 a{   display:block; width:35px; height:35px;}

#ar_fot h3 a:hover{ color:#d9353c;}

#ar_fot h3.prev{ position: absolute; left:0; top:0; background:url(../images/news_prev.png) center no-repeat; background-size:contain;}

#ar_fot h3.next{ position: absolute; right:0; top:0; background:url(../images/news_next.png) center no-repeat; background-size:contain;}

#ar_fot h3.prev:hover{ background:url(../images/news_prev_on.png) center no-repeat; background-size:contain;}

#ar_fot h3.next:hover{ background:url(../images/news_next_on.png) center no-repeat; background-size:contain;}

#ar_fot .bnt_back{ font-size:14px; width:160px; height:35px; line-height:35px; margin:0 auto; text-align:center; border:1px solid #dedfe0; border-radius:20px; transition:.3s;}

#ar_fot .bnt_back a{ display:block; font-size:14px; color:#7f7f7f; transition:.3s;}

#ar_fot .bnt_back:hover{ border:1px solid #FEB819;}

#ar_fot .bnt_back:hover a{ color:#FEB819; }





/*编辑器*/

.ar_article{ font-size:1rem; color:#818181; line-height:2rem; padding-bottom:2rem;}

.ar_article p{font-size:1rem;color:#818181;line-height:2rem; padding-bottom:1rem;}	

.ar_article strong{ font-weight:bold;}

.ar_article td,.ar_article th{ padding:5px 15px; border: 1px solid #c6c5c5;}

.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}

.ar_article img{ max-width:100%;}

.ar_article a{ color:#818181;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}

.ar_article ul li,

.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}

.ar_article ul li p,

.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }

.ar_article ul,

.ar_article ol{ margin-bottom:15px;}

.ar_article sub {

    vertical-align: sub;

    font-size: smaller;

}



.ar_article sup {

    vertical-align: super;

    font-size: smaller;

}



#n_news_xq .box3{ background:#F9FAFB; padding:7rem 0;}

#n_news_xq .box3 .tt{ margin-bottom:5rem; text-transform:uppercase;}



/*跨境电商*/

#n_youshi.n_dianshang{ margin-top:0; padding-bottom:7rem; }

#n_fanyule01.n_dianshang ul li{ margin-bottom:0 !important;}

#n_youshi.n_dianshang ul{ overflow:hidden; max-width:1000px; margin:0 auto;}

#n_youshi.n_dianshang ul li{ margin:0; border-top:1px solid #DBE4EE; padding:2rem 10px; margin-top:-1px; margin-left:-1px; height:auto;}

#n_youshi.n_dianshang ul li .con{ max-width:300px; margin:0 auto;}

#n_youshi.n_dianshang ul li .con p{ height:4.5rem; overflow:hidden; line-height:19px;}



#n_zhenghe{ background:url(../images/n_dianshang_bg.jpg) center no-repeat; position:relative;  background-size: cover; z-index:0; color:#fff; padding-top:2rem; padding-bottom:7rem; width:100%;}

#n_zhenghe:before{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#043B5A; opacity:.86; z-index:-1;}

#n_zhenghe .s_tt{ color:#fff;}

#n_zhenghe .s_tt h3{ max-width:800px; margin:0 auto; line-height:1.2;}

#n_zhenghe .s_tt p{ max-width:880px; margin:0 auto; margin-top:1.5rem; line-height:2.125rem;}

#n_zhenghe .con{ position:relative; max-width:670px; height:23.25rem; text-align:center; margin:0 auto;}

#n_zhenghe .diannao{ position:absolute; width:100%; height:100%; top:0; left:0; font-family:SFProDisplay-Medium,SFProDisplay;}

#n_zhenghe .diannao img{}

#n_zhenghe ul{}

#n_zhenghe ul li{ width:7.75rem; height:7.75rem; text-align:center; border-radius:50%; background:#00ACC8; background:rgba(0,172,200,.86); padding:10px; line-height:1.5; position:absolute; z-index:0;}

#n_zhenghe ul li:before{ content:""; display:block; width:100%; height:100%; position:absolute; z-index:-1; top:0; left:0; transform:scale(1.1); background:rgba(0,172,200,.6); border-radius:50%; }

#n_zhenghe ul li h5{ font-size:1.25rem; margin-bottom:4px;}

#n_zhenghe ul li p{ font-size:.6rem; color:#F9FAFB; opacity:.8; line-height:1.0rem;}

#n_zhenghe ul li.li_1{ left:3rem; top:-1rem;}

#n_zhenghe ul li.li_2{ right:3rem; top:-1rem;}

#n_zhenghe ul li.li_3{ left:-2rem; top:50%; margin-top:-3.875rem;}

#n_zhenghe ul li.li_4{ right:-2rem; top:50%; margin-top:-3.875rem;}

#n_zhenghe ul li.li_5{ left:3rem; bottom:-1rem;}

#n_zhenghe ul li.li_6{ right:3rem; bottom:-1rem;}



#n_zhenghe.ggzhu{ padding-top:5rem;}


#n_baozhang{ position:relative; z-index:0; padding-top:2rem; background:#F9FAFB; padding-bottom:7rem; }

#n_baozhang .s_tt{ margin-bottom:5rem;}

#n_baozhang .s_tt h3{}

#n_baozhang .s_tt p{ max-width:880px; margin:0 auto; margin-top:1.5rem; line-height:2.125rem; color:#737373;}

#n_baozhang .con{ position:relative; text-align:center; margin:0 auto;}



#n_dianshang{ position:absolute; margin-top:30px; z-index:0; width:100%;}

#n_dianshang.trantop{ position:fixed; top:0; }





#n_case_slide{ position:relative; background:#fff;}

#n_case_slide .item .txt h3{ margin-top:0; font-size:1.375rem; color:#414141;font-weight:500;}

#n_case_slide .item .txt p{ height:auto; margin-bottom:1.5rem;font-weight:400; font-size:1.25rem;
color:#737373;}

#n_case_slide .item .txt { padding-top: 0; position: absolute; right: 0; height:100%;}

#n_case_slide .item .txt .s_btn{ margin-top:0;}

#n_case_slide .item .txt .img_s{ text-align:right;}

#n_case_slide .item .txt .img_s span{ display:inline-block; position:relative; z-index:0; padding:0 10px; text-align:center; height:100%;}

#n_case_slide .item .txt .img_s span:before{ content:""; display:block; width:100%; position:absolute; top:50%; z-index:-1; margin-top:-5px; left:0; height:0px; background:rgba(254,184,25,1);}

#n_case_slide .item .txt .tag{ color:#FEB819 !important; }



#n_liuliang{ position:relative; z-index:0; padding-top:2rem; background:#F9FAFB; padding-bottom:5rem; }

#n_liuliang .s_tt{ margin-bottom:5rem;}

#n_liuliang .s_tt h3{}

#n_liuliang .s_tt p{ max-width:880px; margin:0 auto; margin-top:1.5rem; line-height:2.125rem;}

#n_liuliang .con{ position:relative; text-align:center; margin:0 auto;}

#n_liuliang .txt{}

#n_liuliang .txt ul li{ max-width:250px; position:absolute; text-align:left;}

#n_liuliang .txt ul li h5{ margin-top:0; margin-bottom:1rem;}

#n_liuliang .txt ul li p{ font-size:1rem; color:#737373; line-height:1.625rem;}

#n_liuliang .txt ul li.li_1{ left:8%; bottom:0;}

#n_liuliang .txt ul li.li_2{ right:8%; top:0;}







#n_client_slide{ background:#fff; position:relative;}

#n_client_slide .item{}

#n_client_slide .item .img{ padding:0;}

#n_client_slide .item .img img{ width:100%;}

#n_client_slide .item .txt{ padding:2rem 8rem 0 4rem;}

#n_client_slide .item .txt .con{ max-width:600px; height: 100%;}

#n_client_slide .item .txt .img_s{ overflow:hidden; }

#n_client_slide .item .txt .img_s img{ max-width:8.3125rem; float:right; max-height: 5rem;

    width: auto;}

#n_client_slide .item .txt h5{ margin-bottom:1.5rem;}

#n_client_slide .item .txt p{ line-height:1.8rem; height:6.375rem; overflow:hidden;}

#n_client_slide .item .txt .s_btn{ margin-top:3.3rem; display:inline-block;}



#n_client_slide .owl-dots{ margin-top:3rem;}

#n_client_slide button.owl-dot{ width:0.5rem; transition:.5s;

width:0.5rem;

background:rgba(254,184,25,1);

border-radius:4px; margin-left:6px; margin-right:0; border:0 !important;}

#n_client_slide button.owl-dot.active{ width:40px;}

#n_client_slide .item .txt font{ margin-bottom:2rem; display:block;}

#n_client_slide .item .txt font img{ width:3.25rem;}

#n_client_slide .item .txt h5{ margin-top:0;}

#n_client_slide .item .txt p{ height:auto; margin-bottom:0.5rem;}

#n_client_slide .item .txt h6{ font-size:1rem; font-weight:400; color:#737373; line-height:22px; margin-bottom:2rem;}

#n_client_slide .item .txt { padding-top: 0; position: absolute; right: 0; height:100%;}

#n_client_slide .item .txt .s_btn{ margin-top:0;}

#n_client_slide .item .txt .img_s{ text-align:right;}

#n_client_slide .item .txt .img_s span{ display:inline-block; position:relative; z-index:0; padding:0 10px; text-align:center;}

#n_client_slide .item .txt .img_s span:before{ content:""; display:block; width:100%; position:absolute; top:50%; z-index:-1; margin-top:-5px; left:0; height:10px;}




@media (max-width: 1200px)

{

#n_client_slide .item .txt{ padding-right:1rem; padding-left:1rem; padding-top:0;}



#n_case_slide .item .txt{ padding-right:1rem; padding-left:1rem; padding-top:0;}

}

@media (max-width: 992px)

{

#n_client_slide .item .txt h5{ margin-bottom:.3rem;}

#n_client_slide .item .txt p{ margin-bottom:1rem;}



#n_case_slide .item .txt h3{ margin-bottom:.3rem;}

#n_case_slide .item .txt p{ margin-bottom:1rem;}

}



@media (max-width: 768px)

{

#n_client_slide{ padding-top:0;}

#n_client_slide .item .txt font img{ width:2rem;}

#n_client_slide .item .txt { position:relative; margin-top:1.5rem;}

#n_client_slide .item .txt font{ margin-bottom:1rem;}

#n_client_slide .item .txt .s_btn{ margin-top:0;}

#n_client_slide .item .txt .img_s{  margin-bottom:0;}

#n_client_slide .item .txt h5{ }

#n_client_slide .item .txt .img_s {

    height: 3rem;

    overflow: visible;

}



#n_case_slide .owl-carousel{ padding-top:0; width:calc(100% - 30px); margin: 0 auto;}

#n_case_slide .item .txt font img{ width:2rem;}

#n_case_slide .item .txt { position:relative; margin-top:1.5rem;}

#n_case_slide .item .txt font{ margin-bottom:1rem;}

#n_case_slide .item .txt .s_btn{ margin-top:0;}

#n_case_slide .item .txt .img_s{  margin-bottom:0;}

#n_case_slide .item .txt h3{ }

#n_case_slide .item .txt .img_s {

    height: 3rem;

    overflow: visible;

}
.content-image-frame:before{ transform:scale(.5);}
}
.content-image-frame{ z-index:0;}
.content-image-frame .shouji{ width:100%; height:100%; display: block; position: absolute; z-index:99;}
.content-image-frame:before{ content: url(../images/fubu_cube.png); position:absolute; right:-67px; bottom:0; z-index:-1; }
.content-image-frame.horizontal {

    position: relative; float:right;

    background-repeat: no-repeat;

    background-size:100% !important;

    width: 632px; max-width:100%;

    height: 320px;

	margin: 0 auto;

    margin-top: 8rem;

    right: 0;

    box-shadow: 0 10px 40px 0 rgba(176, 188, 207, 0.6);

    border-radius: 3rem;

}


.content-image-frame.horizontal .frame-inner-video {

    position: absolute; 

    top: 6%;

    left: 10%;

    margin: auto;

    width: 80%;

    border-radius: 4px;

    max-width: 610px;

}



.content-image-frame.vertical {

    position: relative; right:10%;

    background-repeat: no-repeat;

    background-size: 100% 100% !important;

    min-height: 707px;

    width: 390px;

    margin: 0 auto;

	margin-top: -100px;

}



.content-image-frame.vertical .frame-inner-video {

    position: absolute;

    top: -17px;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 100%;

    padding: 53px;

}
.content-image-frame.vertical img{  position: absolute;

    top: -17px;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    width: 100%;

    padding: 53px;}




.n_xingshi_hd dl{ margin-top:1.5rem;}

.n_xingshi_hd dt{ font-size:1.25rem;font-weight:600; margin-bottom:1rem; cursor:pointer;font-family:SFProText-Semibold,SFProText;}

.n_xingshi_hd dt.on{ color:#00ACC8;}

.n_xingshi_hd dd{ font-size:1rem; color:#737373; line-height:1.5rem; margin-bottom:1rem;}



.slider-for li{ padding:30px;}

#container01 .li_2{ margin-top:8.75rem; padding-bottom:3rem;}

#container01 .li_2 .video_box{ float:right; text-align:right; overflow:visible;}

#container01 .li_2 .txt{ left:0;}

#container01 .li_2 .video_box video{ max-width:40rem; max-width:100%;}



.n_video_slide{ position:relative;}
.n_video_slide#container01 .txt h5{ text-transform:uppercase;}
.n_video_slide .slider-for{}

.n_video_slide .content-image-frame{ opacity:0; transform:translateY(200px); transition:.7s; margin-left:auto; margin-right:auto;}

.n_video_slide .on .content-image-frame{ opacity:1; transform:translateY(0); margin-left:auto; margin-right:auto;}

.n_video_slide .slider-for .slick .content-image-frame.vertical{transform:translateY(200px) rotate(90deg);}

.n_video_slide .slider-for .slick.slick-current .content-image-frame.vertical{ opacity:1; transform:translateY(0) rotate(0deg);}



#container01.n_video_slide .txt{ position:static !important;}

.content-image-frame{ position:absolute !important; top:0; right:0;}


#n_xianlu{ padding-top:7rem; padding-bottom:7rem;}
#n_xianlu .j_tab_cel{ text-align: center;}
#s_coop ul.row.owl-carousel.owl-theme.owl-loaded.owl-drag{ margin:0 auto;}

#zy_tc.tc{ transition:all ease 300ms; position: fixed; width: 100%; height: calc(100vh - 5rem);  height: -moz-calc(100vh - 5rem); height: -webkit-calc(100vh - 5rem);bottom:-100%; left: 0; z-index:999; pointer-events: none; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:.7s; overflow: auto;}
#zy_tc.tc.act{ filter:alpha(opacity=100);   -moz-opacity:1;   -khtml-opacity: 1;   opacity: 1;  display: block;  pointer-events: auto; bottom:0;}
#zy_tc.tc .tc-box{ max-width:853px;
   margin:0 auto; box-sizing:border-box; background:#fff; display: block; position:relative; z-index:1;
    -webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;  -webkit-animation-name: anim-close-2; animation-name: anim-close-2;}
#zy_tc.tc.act .tc-box{ -webkit-animation-name: anim-open-2; animation-name: anim-open-2; transform:scale(1);}
#zy_tc.tc .tc_close{ position: absolute; cursor:pointer; color:#666; font-size:22px; right: 30px; top: 11px; z-index:999;}
#zy_tc.tc .tc_close:hover{ color:#999;}
#zy_tc.tc .tc_bg { height: 100%; background:#fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 0;}

.ad_box{ width:100%; position:relative; height:3.75rem; background:rgb(4,59,90); text-align:center;}
.ad_box ul{ max-width:800px; margin:0 auto; overflow:hidden; width: 80%;}
.ad_box li a{ display:block; font-size:1rem; color:#fff; height:3.75rem; overflow:hidden;
line-height:3.75rem;
  }
.ad_box li .ico{ display:inline-block; width:28px;  height:16px; position:relative; top:2px; background:url(../images/report_download.svg) left center no-repeat; background-size:contain;}	
.ad_box .bnt_close{ position:absolute; color:#fff; color:rgba(255,255,255,.5); font-size:20px; right:50px;  top:50%; margin-top: -11px; line-height:inherit; cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; z-index:9999;}
.ad_box .bnt_close:hover{  }
.ad_box .owl-dots{ position:absolute; bottom:2px; z-index:999; width:100%; text-align:center; height: 20px; line-height: 20px;}
.ad_box button.owl-dot{ border:0 !important;background: none;}
.ad_box button.owl-dot span{ content:""; border:1px solid #fff !important;background:#fff; opacity:.5; width:2px; height:2px; border-radius:50%; display:inline-block;}
.ad_box button.owl-dot.active span{ opacity:.8; }
.hs-form select{ margin-bottom:0;}
img{ max-width:100%; max-height:100%;}