@charset "utf-8";

* { margin: 0px; padding: 0px; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); box-sizing: border-box; -webkit-box-sizing: border-box; }
body { margin: 0px; padding: 0px;font-family: 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif; font-size: 12px; color: #333; position: relative; overflow-x:hidden; background: #fff; -webkit-text-size-adjust: none; }
html, body { width: 100%; height: 100% }
ul, li, p, span, h1, h2, h3, h4, dl, dt, dd, form, input, textarea, select { margin: 0px; padding: 0px; }
input, textarea, select { color: #666; font-family: 'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif; }
i { display: inline-block; font-style: normal; }
*:focus { outline: none }
img { border: 0px; max-width: 100%; }
.wrap { max-width: 1224px; margin: 0 auto; padding:0 12px; }
ul, li { list-style-type: none; }
a { color: #333; text-decoration: none; border: none; outline: none; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
a:hover { color: #0b8dd8; }
.clear { clear: both; content: ''; height: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
em, i { font-style: normal; }
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('../font/HELVETICANEUELTPRO-THEX.OTF'); font-weight: normal; font-style: normal; }

/***loading***/
#pageloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 2000 }
#pageloader::after, #pageloader::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 50%; background: #fff; z-index: -1; -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0s }
#pageloader::before { top: 0 }
#pageloader::after { bottom: 0 }
#pageloader .loader-icon { -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s }
#pageloader.hide::after, #pageloader.hide::before { height: 0 }
#pageloader.hide .loader-icon { opacity: 0 }
.loader-icon { position: absolute; top: 50%; left: 50%; width:50px; height:50px; margin-top: -25px; margin-left: -25px }
.loader-icon .circular { width: 100%; height: 100%; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
.loader-icon .circular .path { stroke-dasharray: 1, 200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round }
@-webkit-keyframes rotate { 100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@keyframes rotate { 100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}
@-webkit-keyframes dash { 0% {
	stroke-dasharray:1, 200;
	stroke-dashoffset:0
}
50% {
	stroke-dasharray:89, 200;
	stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89, 200;
stroke-dashoffset:-124px
}
}
@keyframes dash { 0% {
stroke-dasharray:1, 200;
stroke-dashoffset:0
}
50% {
stroke-dasharray:89, 200;
stroke-dashoffset:-35px
}
100% {
stroke-dasharray:89, 200;
stroke-dashoffset:-124px
}
}

/***头部***/
.header { position:fixed; top: 0px; left: 0px; height:80px; background:#000; width: 100%; z-index: 111; }
.header .logo { position:absolute; left:20%; top:50%; transform:translateY(-50%); height:50%;}
.header .fr{ width:60%; padding-right:244px;}
.header .tel { position:absolute; right:47px; background: url(../img/tel.png) no-repeat left center; padding-left:30px; top:29px; }
.header .tel h3 { font-size: 24px; color: #0b8dd8; font-weight: normal; border-left:1px solid #eee; height:20px; line-height:20px; padding-left:10px; }
.header .nav { float:left; width:100%; }
.header .nav li { width:14.2777777%; float: left; min-width:98px;  }
.header .nav li > a { display: block; line-height: 35px; width:98px; height:35px;display:block; margin:0 auto;  margin-top:21px;  font-size: 18px; color: #fff; text-align: center; position: relative; }
.header .nav li > a.on, .header .nav li:hover > a {  color: #0b8dd8; }
.menu{ position:absolute; width:40px; padding-top:13px; cursor:pointer; left:20px; top:0px; height:100%;}
.menu span{ display:block; height:2px; background:#fff; margin:10px 0;}
.menu span:nth-child(1){ -webkit-animation:menu1 1.5s ease-in-out infinite;}
.menu span:nth-child(2){ -webkit-animation:menu2 1.5s ease-in-out infinite;}
.menu span:nth-child(3){-webkit-animation:menu3 1.5s ease-in-out infinite;}

@-webkit-keyframes menu1{
    0%{ width:100%;}
    25%{ width:25%;}
    100%{ width:100%}
}
@-webkit-keyframes menu2{
    0%{ width:100%;}
    50%{ width:25%;}
    100%{ width:100%}
}
@-webkit-keyframes menu3{
    0%{ width:100%;}
    75%{ width:25%;}
    100%{ width:100%}
}


@media(max-width:1572px){
	.header .logo{ left:7%;}
	.header .fr{ width:70%;}	
}
@media(max-width:1360px){
	.header .logo{ left:7%;}
	.header .fr{ width:78%;}	
}
@media(max-width:1270px){
	.header .logo{ left:7%;}
	.header .fr{ width:75%; padding-right:0px;}
	.header .tel{ display:none;}	
}
@media(max-width:1042px){
	.header .logo{ left:7%;}
	.header .fr{ width:73%; padding-right:0px;}
	.header .nav li{ min-width:70px;}
	.header .nav li > a{ font-size:14px; width:70px;}		
}

@media(max-width:920px){
	.header{ height:50px; }
	.header .logo{  left:12px;}
	.header .fr{ display:none; }	
	.menu{ left:auto; right:12px; padding-top:2px;}
}

/***焦点图***/
.banner { background: #f2f2f2; position: relative; }
.banner .swiper-wrapper{ height:auto;}
.banner .swiper-slide { width: 100%; overflow: hidden; }
.banner .swiper-slide img { display: block; width: 100%; }
.banner .swiper-pagination{ }
.banner .swiper-pagination-bullet {  width: 12px; height:12px; background: #fff; opacity: 0.7; margin:0 3px; cursor: pointer;  }
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #0b8dd8; opacity: 1; }
.ani{ transition:all 2.5s ease; opacity:0; -webkit-transform:translateX(-110px); }
.banner .swiper-slide { visibility: hidden; opacity: 0; -webkit-transform: perspective(600px) rotateX(5deg) rotateY(-10deg); -webkit-transform-origin: center center;
 -webkit-transition:all 1s cubic-bezier(.77,0,0.5,1) 0s; }
.banner .swiper-slide.swiper-slide-active { visibility: visible; opacity: 1; -webkit-transform: perspective(600px) rotateX(0deg) rotateY(0deg) scale(1); }
.banner .swiper-slide.swiper-slide-active .ani{opacity:1; -webkit-transform:translateX(0px);}


/***菜单***/
.mobileMenu{ position:fixed; left:0px; left:0px; top:0px; width:200px; background:rgba(0,0,0,0.7); height:100%; z-index:111; transition:all 0.5s cubic-bezier(0.77,0,0.3,1) 0s; 
-webkit-transform: perspective(600px) rotateY(-90deg); transform-origin:left center 0; }
.mobileMenu h2{ padding:50px 0; color:#fff; font-size:20px;border-bottom:1px solid rgba(255,255,255,0.1); padding-left:20px;}
.mobileMenu .closemenu{ width:40px; height:40px; background:#333 url(../img/c.png) no-repeat center; text-align:center; color:#fff; font-size:40px; position:absolute; right:0px; font-family:"Arial"; top:0px;}
.mobileMenu ul li a{ display:block; height:50px; line-height:50px; background:url(../img/r.png) no-repeat 90% center; border-bottom:1px solid rgba(255,255,255,0.1); padding-left:20px; font-size:14px; color:#fff;}
.mobileMenu ul li a:hover{ background:#0b8dd8 url(../img/r2.png) no-repeat 90% center; color:#fff;}
.mobileMenu.open{  left:0px; -webkit-transform: perspective(600px) rotateY(0deg);}
.mobileMenu ul li .mnson{ border-bottom:1px solid rgba(255,255,255,0.1); display:none;}
.mobileMenu ul li .mnson a{ line-height:40px; height:40px; border-bottom:0px; font-size:12px;}


/***首页小导航***/
.inav{ overflow:hidden; padding:99px 0;}
.inav li{ width:25%; float:left; text-align:center; border-right:1px dotted #ddd; }
.inav li .yuan{ width:170px; height:170px; overflow:hidden; position:relative; display:block; margin:0 auto;}
.inav li .yuan .pie_progress{ width: 170px; }
.inav li:last-child{ border:0px;}
.inav li h2{ font-size:24px; font-weight:normal; padding:20px 0 10px 0;}
.inav li p{ font-size:14px;color:#999999; margin-top:13px;}
.inav li:hover p{ color:#0b8dd8;}
.inav li.li1 .yuan{ background:url(../img/in1.png) no-repeat center; background-size:50% auto;}
.inav li.li2 .yuan{ background:url(../img/in2.png) no-repeat center; background-size:50% auto;}
.inav li.li3 .yuan{ background:url(../img/in3.png) no-repeat center; background-size:50% auto;}
.inav li.li4 .yuan{ background:url(../img/in4.png) no-repeat center; background-size:50% auto;}
.inav li.li1:hover .yuan{ background:url(../img/in1on.png) no-repeat center; background-size:50% auto;}
.inav li.li2:hover .yuan{ background:url(../img/in2on.png) no-repeat center; background-size:50% auto;}
.inav li.li3:hover .yuan{ background:url(../img/in3on.png) no-repeat center; background-size:50% auto;}
.inav li.li4:hover .yuan{ background:url(../img/in4on.png) no-repeat center; background-size:50% auto;}

@media(max-width:976px){
	.inav{ padding-bottom:49px;}
	.inav li{ width:50%; margin-bottom:50px;}
	.inav li:nth-child(2n){ border:0px; }
}

@media(max-width:640px){
	.inav{ padding-top:20px;}
	.inav li{ width:50%; margin-bottom:20px;}
	.inav li .yuan{ width:130px; height:130px;}
	.inav li .yuan .pie_progress{ width:130px;}
	.inav li h2{ font-size:18px; padding:10px 0 0 0;}
	.inav li p{ font-size:14px; margin-top:5px;}
}

@media(max-width:350px){
	.inav{ padding-top:20px;}
	.inav li{ width:50%; margin-bottom:20px;}
	.inav li .yuan{ width:100px; height:100px;}
	.inav li .yuan .pie_progress{ width:100px;}
	.inav li h2{ font-size:16px; padding:10px 0 0 0;}
	.inav li p{ font-size:13px; margin-top:5px;}
}

/***案例***/
.case{ background:#f4f4f4; overflow:hidden; padding:63px 0;}
.title{ overflow:hidden; height:45px;}
.title .fl{ border-left:2px solid #0b8dd8; padding-left:12px; height:45px;}
.title .fl h2{  font-size:22px; font-weight:normal; line-height:18px; }
.title .fl p{ font-size:18px; color:#999999; padding-top:7px; font-family:HELVETICANEUELTPRO-THEX, "Arial"}
.title .fr{ margin-top:5px;}
.title .fr a{ background:#f7f7f7; padding:6px 15px; float:left; margin-left:12px; font-size:16px; color:#666;}
.title .fr a:hover,.title .fr a.on{ background:#0b8dd8; color:#fff;}

.cate{ margin-top:20px; overflow: hidden;}
.cate li{float:left; margin-right:12px; margin-bottom:10px;}
.cate li a{ background:#f7f7f7; padding:6px 15px; display: block; font-size:14px; color:#666;}
.cate li a:hover,.cate li a.on{ background:#0b8dd8; color:#fff;}

.videolist{ margin-left:-35px;}
.videolist li{ width:33.33333333%; float:left; padding-left:35px; padding-top:35px; }
.videolist li a{ display:block; overflow:hidden; /* border-bottom:1px solid #ddd; */ background:#fff; position:relative;  transition:all 0.6s ease ; }
.videolist li a .pic{ overflow:hidden; position:relative;}
.videolist li a .pic img { display:block; width:100%; height:auto;  transition:all 0.6s ease ; -webkit-filter:brightness(100%);}
.videolist li a .note{ height:66px; overflow:hidden; position:relative; padding:0 12px;}
.videolist li a .note h3{ font-size:16px; line-height:66px; text-align: center; font-weight:normal;overflow: hidden;  display:block; white-space: nowrap; text-overflow: ellipsis; }
.videolist li a .note p{ font-size:12px;  display: none; font-weight:normal; color:#999999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.videolist li a .note span{ width:38px; display:none; position:absolute; height:34px; border-left:1px solid #ddd; background:url(../img/rr.png) no-repeat right; right:20px; top:15px; transition:all 0.6s ease ;}
.videolist li a:hover{ box-shadow:#bbb 0 0 30px; transform:translateY(0px); /* border-bottom:1px solid #0b8dd8 */}
.videolist li a:hover p{color:#0b8dd8;}
.videolist li a:hover .pic img{ -webkit-filter:brightness(120%); -webkit-transform:scale(1.1);}
.videolist li a:hover .note span{ background:url(../img/rr.png) no-repeat left; border-left:1px solid #0b8dd8;}


.fadeInUp{ -webkit-transition:all 0.5s cubic-bezier(0.77,0,0.3,1) 0s; }

@media(max-width:680px){
	.case{ padding:30px 0;}
	.videolist{ margin-left:-12px;}
	.videolist li{ width:50%; padding-left:12px; padding-top:12px; }
	.videolist li.mo{ display:none;}
	.title{ height:auto;}
	.title .fl{ width:100%;}
	.title .fr{ width:100%;}
	.title .fr a{ margin:12px 12px 0 0;}
}

@media(max-width:400px){
	.videolist li a .note{ padding:10px;}
	.videolist li a .note span{ display:none;}
}

/***关于我们***/
.about{ overflow:hidden; background-color:#f4f4f4; background-image:url(../img/aboutbg.jpg); background-repeat:no-repeat; padding-bottom:40px; background-position:center top; }
.about .avideo{ text-align:center; padding-top:59px;}
.about .avideo img{ display:block; margin:0 auto;}
.about .avideo .im2{ margin-top:18px;}
.about .aboutbox{ background:#fff; box-shadow:#bbb 1px 15px 20px; padding:29px 25px 29px 40px; overflow:hidden; margin-top:40px;}
.about .afl{ float:left; width:60%; padding-right:70px; }
.about .afl .about-c{ font-size:14px; color:#999999; line-height:30px; padding-top:23px;}
.about .afl .more{ display:block; width:126px; height:42px; color:#888; border-radius:40px; font-family:HELVETICANEUELTPRO-THEX,'Microsoft Yahei'; margin-top:30px; border:1px solid #ddd; text-align:center; line-height:42px; letter-spacing:3px; }
.about .afl .more:hover{ background:#0b8dd8; color:#fff; border-color:#0b8dd8;}
.about .fr{ float:left; width:40%; position:relative; }
.about .fr .swiper-slide img{ display:block; width:100%;}
.about .abtn{ position:absolute; width:110px; height:55px; background:url(../img/btnrl.png) no-repeat; overflow:hidden; left:-55px; bottom:0px; z-index:11;}
.about .abtn a{ display:block; width:55px; height:55px; float:left;}

@media(max-width:870px){
	.about .aboutbox{ padding:20px;}
	.about .afl{ width:100%; float:none; padding:0px;}
	.about .fr{ width:100%; float:none; margin-top:20px;}
	.about .abtn{ left:0px;}
}

@media(max-width:640px){
	.about .avideo img{ height:60px;}
	.about .aboutbox{ margin-top:40px; padding:12px; box-shadow:#dcdcdc 1px 5px 10px;}
	.about .afl .about-c{ padding-top:15px; }
	.about .afl .more{ margin-top:15px;}	
}

/***数字***/
.mbcy{ overflow:hidden; padding-top:75px; padding-bottom:90px;}
.mbcy .mbtit{ text-align:center;}
.mbcy .mbtit p{font-family:HELVETICANEUELTPRO-THEX,'Microsoft Yahei'; color:#0b8dd8; font-size:24px; padding-bottom:10px;}
.mbcy .mbtit h2{ font-size:36px;}
.mbcy ul{ overflow:hidden; margin-top:60px;}
.mbcy ul li{ float:left; width:25%; background:url(../img/fg.png) no-repeat right center; text-align:center; overflow:hidden; position:relative;}
.mbcy ul li b{ font-size:60px; line-height:60px; font-weight:normal;font-family:HELVETICANEUELTPRO-THEX,'Microsoft Yahei'; }
.mbcy ul li .num i{ font-size:30px; color:#999; vertical-align:30px; margin-left:10px;}
.mbcy ul li .txt{ font-size:14px;color:#999999; margin-top:10px;}
.mbcy ul li:last-child{ background:none;}

@media(max-width:870px){
	.mbcy{ padding:50px 0;}
	.mbcy ul li{ width:50%; margin-bottom:20px;}
	.mbcy ul li:nth-child(2){ background:none;}
}

@media(max-width:640px){
	.mbcy{ padding:20px 0;}
	.mbcy .mbtit p{ font-size:18px;}
	.mbcy .mbtit h2{ font-size:22px;}
	.mbcy ul{ margin-top:20px;}
	.mbcy ul li b{ font-size:40px;}
	.mbcy ul li .num i{ vertical-align:15px;}
	.mbcy ul li .txt{ margin-top:0px; font-size:12px;}
}

/***新闻***/
.news{ overflow:hidden; padding:74px 0;}
.news .nfl{ float:left; width:50%;; padding-right:28px; padding-top:47px;}
.news .nfl dl{ overflow:hidden;}
.news .nfl dl dt img{ display:block; width:100%;}
.news .nfl h2{ border-bottom:1px solid #ddd; font-weight:normal; font-size:16px; height:50px; line-height:50px; position:relative; overflow:hidden;}
.news .nfl h2 a{ display:block; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:90px;}
.news .nfl h2 a span{ position:absolute; right:0px; top:0px; font-size:14px; color:#888;}
.news .nfl dl dd p{ font-size:14px; line-height:22px; color:#888; padding-top:12px;}
.news .nfr{ float:right; width:50%; padding-left:28px;}
.news .nfr ul li{ overflow:hidden; height:87px; position:relative; padding-left:155px; margin-top:47px;}
.news .nfr ul li span{ position:absolute; left:0px; top:0px; border-right:1px solid #ddd; width:115px; font-size:100px; color:#e3e3e3; font-family:Impact; line-height:90px;}
.news .nfr ul li h2{ border-bottom:0px; height:30px; line-height:30px;white-space:nowrap; font-weight:normal; overflow:hidden; text-overflow:ellipsis; padding-right:90px;}
.news .nfr ul li h2 em{position:absolute; right:0px; top:0px; font-size:14px; color:#888;}
.news .nfr ul li p{ font-size:14px; color:#888; line-height:22px; padding-top:8px;}
.news .nfr ul li:hover span{ color:#0b8dd8;}

@media(max-width:920px){
	.news{ padding:50px 0;}
	.news .nfl{ padding:0px; width:100%; padding-top:20px;}
	.news .nfr{  width:100%;padding:0px; padding-top:15px;}
	.news .nfr ul li{ margin-top:30px;}
}

@media(max-width:640px){	
	.news{ padding:20px 0;}
	.news .nfr ul li{ margin-top:12px; padding-left:0px;}
	.news .nfr ul li h2{ font-size:15px;}
	.news .nfr ul li span{ display:none;}
}

/***联系我们***/
.contact{ padding:107px 0; overflow:hidden; background:url(../img/cbg.jpg) no-repeat center top; background-size:auto 100%; }
.contact .ctit{ text-align:center; color:#fff;}
.contact .ctit h1{ font-size:36px;}
.contact .ctit p{ font-size:14px; padding-top:5px;}
.contact ul{ margin-top:60px; }
.contact ul li{ float:left; width:25%; font-size:14px; text-align:center; color:#fff;}
.contact ul li i{ width:114px; height:90px; display:block; margin:0 auto;}
.contact ul li h2{ font-size:18px; padding-top:25px;}
.contact ul li h2:after{ width:22px; height:4px; background:#fff; display:block; margin:18px auto; content:'';}
.contact ul li a{ color:#fff;}
.contact ul li.li1 i{ background:url(../img/f1.png) no-repeat center; background-size:100% 100%;}
.contact ul li.li2 i{ background:url(../img/f2.png) no-repeat center; background-size:100% 100%;}
.contact ul li.li3 i{ background:url(../img/f3.png) no-repeat center; background-size:100% 100%;}
.contact ul li.li4 i{ background:url(../img/f4.png) no-repeat center; background-size:100% 100%;}

@media(max-width:640px){	
	.contact{ padding:30px 0; padding-bottom:10px;}
	.contact .ctit h1{ font-size:22px;}
	.contact ul li{ width:50%; margin-bottom:20px; height:227px;}
}

@media(max-width:480px){	
	.contact ul{ margin-top:20px;}
	.contact ul li{ height:170px; font-size:12px; }
	.contact ul li h2{ padding-top:10px; font-size:15px;}	
	.contact ul li i{ width:80px; height:70px;}	
	.contact ul li h2:after{ margin:10px auto;}
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
::-webkit-scrollbar  
{  
    width: 5px;  
    height: 5px;  
    background-color: #F5F5F5;  
}  
  
/*定义滚动条轨道 内阴影+圆角*/  
::-webkit-scrollbar-track  
{  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);  
    border-radius: 10px;  
    background-color: #333;  
}  
  
/*定义滑块 内阴影+圆角*/  
::-webkit-scrollbar-thumb  
{  
    border-radius: 10px;  
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
    background-color: #0b8dd8;  
}  

/***底部***/
.footer{ background:#333; overflow:hidden;}
.footer .link{ height:79px; line-height:79px; color:#eee; overflow:hidden; border-bottom:1px solid #444}
.footer .link h2{ float:left; font-size:14px;}
.footer .link a{ font-size:14px; margin-left:30px; color:#eee;}
.footer .footnav{ overflow:hidden; padding:40px 0;}
.footer .footnav .fl{ width:55%; border-right:1px solid #444;}
.footer .footnav .fl dl{ float:left; width:25%;}
.footer .footnav .fl dl dt a{ font-size:14px; font-weight:bold; color:#eee;}
.footer .footnav .fl dl dd a{ display:block; color:#999; margin-top:22px; font-size:14px;}
.footer .footnav .fr{ width:45%; padding-left:10%;}
.footer .footnav .fr .dbewm{ float:right;}
.footer .footnav .fr .dbcon{ float:left;}
.footer .footnav .fr .dbcon h2{ font-size:14px; color:#666;}
.footer .footnav .fr .dbcon .dbtel{ padding-top:18px; color:#999; }
.footer .footnav .fr .dbcon .dbtel h3{ color:#0b8dd8; font-size:24px; font-weight:normal;font-family:HELVETICANEUELTPRO-THEX, "Arial"; padding-top:5px;}
.footer .footnav .fr .dbcon .share{ border-top:1px solid #444; margin-top:10px; padding-top:15px;}
.footer .footnav .fr .dbcon .share a{ float:left; width:37px; height:37px; background:url(../img/share.png) no-repeat; margin-right:18px;}
.footer .footnav .fr .dbcon .share a.a2{ background-position:-58px 0;}
.footer .footnav .fr .dbcon .share a.a3{ background-position:-116px 0;}
.footer .footnav .fr .dbcon .share a.a4{ background-position:right 0; position: relative;}
.footer .footnav .fr .dbcon .share a.a4 img{ position: absolute; max-width:120px; width:120px; height:120px; left:-40px; bottom:50px; display: none;}
.footer .footnav .fr .dbcon .share a.a4:hover img{display: block;}
.footer .copyright{ border-top:1px solid #444; padding:25px 0; text-align:center; background:#222; overflow:hidden; color:#999;}
.footer .footnav .fl dl dt a:hover{ color:#0b8dd8;}
.footer .footnav .fl dl dd a:hover{ color:#0b8dd8;}
@media(max-width:1098px){
	.footer .footnav .fr{ padding-left:12px;}	
}
@media(max-width:984px){
	.footer .copyright .fl{ float:none;}
	.footer .copyright .fr{ float:none; padding-top:12px;}
}
@media(max-width:900px){
	.footer .link{ height:50px; line-height:50px;}
	.footer .footnav{ padding:20px 0;}
	.footer .footnav .fl{ float:none; width:100%; border:0px; overflow:hidden;}
	.footer .footnav .fr{ float:none; width:100%; overflow:hidden; padding-left:0px; padding-top:15px;}
}


@media(max-width:640px){
	.footer .link{ height:auto; line-height:22px;}
	.footer .link h2{ display:block; float:none; padding-top:10px;}
	.footer .link a{ float:none; display:inline-block; margin:0px; margin-bottom:10px; margin-right:10px; font-size:12px;}
	.footer .footnav { display:none;}
}


/***内页***/
.content{ padding:20px 0; overflow:hidden;}
.content .title{ border-bottom:1px solid #eee; overflow:hidden; height:60px;}

.pdbox{ padding:20px 0; font-size:14px; line-height:25px; color:#666;}
.nytit{ font-size:16px; font-weight:bold; margin-bottom:12px; margin-top:20px;}
.nytit:before{ width:2px; height:15px; background:#0b8dd8; overflow:hidden; content:''; display:inline-block; vertical-align:middle; margin-right:10px;}

.team{ overflow:hidden; margin-left:-20px;}
.team li{ float:left; width:25%; padding-left:20px; margin-bottom:20px; }
.team li a{ display:block; background:#f2f2f2;}
.team li a img{ display:block; width:100%; border:1px solid #eee;}
.team li a p{ font-size:14px; text-align:center; padding:15px 10px;}

@media(max-width:920px){
	.team{ margin-left:-12px;}
	.team li{ width:50%; padding-left:12px;}	
}

@media(max-width:920px){
 .content .title{ height:auto; padding-bottom:10px;}
 .content .title .fl{ width:100%;}
 .content .title .fl h2{ font-size:18px;}
 .content .title .fr{ width:100%;}
 .content .title .fr a{ margin:12px 12px 0 0;}
}

/***视频弹窗***/
.alertvideo{ background:#000; width:100%; height:100%; overflow:hidden; }
.pagelist{ margin:20px 0; text-align:center; padding-top:40px;}
.pagelist ul li { display:inline-block; margin:0 2px;}
.pagelist ul li a,.pagelist ul li span{ padding:10px 15px; background:#f2f2f2; font-size:12px; color:#666; margin-top:5px;}
.pagelist ul li a:hover,.pagelist ul li.active span{ background:#0b8dd8; color:#fff;}


@media(max-width:640px){
	.pagelist{ min-height:50px; height:auto;}
	.pagelist ul li a,.pagelist ul li span{  padding:5px 10px;}
}


.videolist.im li .note h3{ padding-top:15px;}
.videolist.im li a .pic:after{ display:none;}

@media(max-width:640px){
	.videolist.im li .note{ height:40px; line-height:40px; padding:0px;}
	.videolist.im li .note h3{ padding:0px; text-align:center; font-size:14px;}	
}

.ntit{ text-align:center; border-bottom:1px dotted #ddd; padding-bottom:12px; margin-bottom:20px;}
.ntit h1{ font-size:20px;}
.ntit p{ font-size:12px; color:#999;}


.newlist{ margin-top:30px;}
.newlist li{ padding:20px; overflow:hidden; position:relative; height:220px; border-bottom:1px solid #eee; padding-left:300px; transition:all 0.4s ease;}
.newlist li img{ width:286px; height:180px; position:absolute; left:0px; top:20px; }
.newlist li .newc h2{ font-size:18px; font-weight:normal;}
.newlist li .newc .note{ font-size:14px; color:#999; line-height:32px; padding:18px 0;}
.newlist li .newc .date{ font-size:12px; color:#999; }
.newlist li:hover{ box-shadow:#dddddd 0 5px 30px;}

@media(max-width:740px){
  .newlist li{ padding:12px; padding-left:140px; height:120px;}
  .newlist li img{ width:120px; height:90px; top:12px;}	
  .newlist li .newc h2{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .newlist li .newc .note{ font-size:12px; line-height:20px; padding:6px 0; height:50px; overflow:hidden;}
}


.prevnext{ margin-top:20px;}
.prevnext a{ color:#888;}
.prevnext a:hover{ color:#0b8dd8;}

.confl{ float:left; width:40%; padding-top:15px;}
.confr{ float:right; width:50%; padding-top:20px;}

.confr .intext{ padding:10px; width:100%; border:1px solid #eee; margin-bottom:12px;}
.confr p{ overflow:hidden;}
.confr .intext.i2{ float:left; width:45%;}
.confr .intext.i2:nth-child(2){ float:right;}
.confr .subbtn{ border:0px; padding:10px; width:120px; cursor:pointer; background:#0b8dd8; color:#fff;}

@media(max-width:640px){
	.confl{ float:none; width:100%; padding-top:0px;}
	.confr{ float:none; width:100%;}
	.confr .intext.i2{ float:none; width:100%;}
	
}

.topimg{ display:block;}

@media(max-width:640px){
	.topimg{ height:180px; object-fit: cover;}
	#banner{margin-top:50px;}
}

/***产品详情***/
.prodetail{ background:#eee; overflow:hidden; padding:20px 0;}
.prodetail .protop{ background:#fff; padding:20px; overflow:hidden;}
.prodetail .protop .proimg{ float:left; width:50%; background:#333;}
.prodetail .protop .proimg .swiper-wrapper{ height:auto;}
.prodetail .protop .proimg .prothumbs{ background:#333; padding:10px;}
.prodetail .protop .proimg .gallery-top{ height:362px; overflow:hidden;}
.prodetail .protop .proimg .gallery-top img{ display:block; width:100%; height:100%;}
.prodetail .protop .proimg .prothumbs .swiper-slide{ cursor:pointer;}
.prodetail .protop .proimg .gallery-thumbs .swiper-slide{ width:25%;opacity: 0.7; height:85px;}
.prodetail .protop .proimg .gallery-thumbs .swiper-slide img{ display:block; width:100%; height:100%;}
.prodetail .protop .proimg .swiper-button-next,.prodetail .protop .proimg .swiper-button-prev{ width:15px; margin:0px; transform:translateY(-50%); height:20px; background-size:100% auto; opacity:0.8; }
.prodetail .protop .proimg .gallery-thumbs .swiper-slide.on{ opacity:1;}
.prodetail .protop .protext{ float:right; width:50%; padding-left:20px;}
.prodetail .protop .protext h2{ font-size:18px; color:#0b8dd8; border-bottom:1px dotted #ddd; padding:12px 0;}
.prodetail .protop .protext .note{ padding-top:12px; font-size:14px; line-height:30px; color:#888;}
.prodetail .protop .protext .note .tel{ margin-top:20px;}
.prodetail .protop .protext .note .tel h3{ font-size:20px; color:#0b8dd8; font-weight:normal; font-family:HELVETICANEUELTPRO-THEX, "Arial";}

.pro-box.mg0{ margin-top:0px;}
.pro-box{ margin-top:20px; background:#fff;}
.pro-box .tabul{ height:50px; line-height:50px; border-bottom:1px solid #eee;}
.pro-box .tabul li{ line-height:50px; cursor:pointer; width:100%; text-align:center; font-size:16px; float:left;}
/* .pro-box .tabul li:nth-child(1){ border-right:1px solid #eee;} */
.pro-box .tabul li.on{ color:#0b8dd8;}
.pro-box .pdbox{ padding:20px; min-height:400px; }
.content.pb0{ padding-bottom:0px;}

@media(max-width:800px){
	.prodetail .protop .proimg{ float:none; width:100%;}
	.prodetail .protop .proimg .gallery-top{ height:auto;}
	.prodetail .protop .protext{ float:none; width:100%; padding-left:0px;}
	.prodetail .protop .proimg .gallery-thumbs .swiper-slide{ height:65px;}
}

/***下载中心***/
.downlist li{ border-bottom:1px solid #eee; padding:20px 0;}
.downlist li h2{ font-size:14px; font-weight:normal;}
.downlist li span{ float:right; color:#0b8dd8;}

.book{ margin-top:12px;}
.book .intext{ padding:10px; width:48%; float:left; border:1px solid #eee; margin-bottom:12px;}
.book .intext.i2{ float:right;}
.book .intext.te{ float:none; width:100%; height:80px;}
.book .sbtn{ padding:10px; width:120px; border:0px; cursor:pointer; background:#0b8dd8; color:#fff;}