@charset "utf-8";
/* CSS Document */


html{color:#333;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:12px/1.8 "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif; font-family: "Microsoft YaHei",Arial,sans-serif; width:100%;}
img{border:none; vertical-align:middle; width:100%;}
em,b{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1{font-size:18px;}
h2{font-size:36px; text-align:center; font-weight:normal;}
h3{font-size:14px;}
h4, h5, h6{font-size:100%;}

a{text-decoration:none; color:#333}
a:hover,.bs{text-decoration:none; color:#00a0e8 !important;}

q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */

address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */

input{ outline:none;}
/* 通用样式 */
.clear:after,.clear:before{ content: "";display: table;}
.clear:after{ clear:both;}
.clear{zoom:1;}
.fl{ float:left;}
.fr{ float:right;}

/*初始化样式*/
.w1360{ width:1360px; margin:0 auto;}
.w1230{ width:1230px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w1000{ width:1000px; margin:0 auto;}
.w850{ width:850px; margin:0 auto;}
.w800{ width:800px; margin:0 auto;}
.clear{ clear:both;}







/*头部*/
.header{ position:fixed; top:0; width:100%; height:140px; line-height:140px; z-index:9999; background-color:#fff;} 
.header .fl-l{ float:left; margin-left:2%; margin-top:30px;}
.header .fl-r{ float:right; margin-right:2%; position:relative;}
.header .fl-r ul li{ display:inline-block; margin-right:55px; margin-left:0;}
.header .fl-r ul li a{ width:100%; height:100%; font-size:18px; color:#000;}
.header .fl-r .qiehuan{ position:absolute; top:55px; right:0; width:100px; height:30px; background-color:#515151;}
.header .fl-r .qiehuan ul{ background:url(../images/sanjiao.png) 72px 10px no-repeat; width:100%; height:30px; overflow:hidden;}
.header .fl-r .qiehuan ul li{ display:block; margin-right:0; height:30px; line-height:30px; text-align:center; padding-right:18px; cursor: pointer;}
.header .fl-r .qiehuan ul li:nth-child(2),.header .fl-r .qiehuan ul li:nth-child(3),.header .fl-r .qiehuan ul li:nth-child(4){ background-color:#fff;}
.header .fl-r .qiehuan ul li:nth-child(2) a,.header .fl-r .qiehuan ul li:nth-child(3) a,.header .fl-r .qiehuan ul li:nth-child(4) a{ color:#515151;}
.header .fl-r .qiehuan ul li:nth-child(2):hover,.header .fl-r .qiehuan ul li:nth-child(3):hover,.header .fl-r .qiehuan ul li:nth-child(4):hover{  background-color:#515151;}
.header .fl-r .qiehuan ul li:nth-child(2):hover a,.header .fl-r .qiehuan ul li:nth-child(3):hover a,.header .fl-r .qiehuan ul li:nth-child(4):hover a{ color:#fff !important;}
.header .fl-r .qiehuan ul li a{ font-size:14px;}
.header .fl-r .qiehuan ul li:hover a{ color:#fff !important;}
.qiehuan-1{ overflow:scroll; height:120px !important;animation:myfirst 0.5s; -webkit-animation:myfirst 0.5s;}
@keyframes myfirst
{
	from {height:30px;}
	to {height:120px !important;}
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
	from {height:30px;}
	to {height:120px !important;}
}




/*banner*/
.banner{ margin-top:140px;}
.banner img{ width:100%;}
.device {
  position: relative;
}
/*.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}*/
.device,.swiper-container{
  height: auto !important;
  width: 100% !important;
}
.swiper-wrapper,.swiper-slide{
	height:auto !important;}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:45px;
  width: 100%;
  z-index:999;
}
.swiper-slide{ position:relative;}
.swiper-slide .zi{ position:absolute; right:4%; bottom:25%; color:#fff; text-align:justify;}
.swiper-slide .zi p:first-child{ font-size:45px; font-weight:bold;}
.swiper-slide .zi p:last-child{ font-size:22px; letter-spacing:8px; line-height:1;}
.swiper-pagination-switch {
  display: inline-block;
  width: 50px;
  height: 5px;
  background: #767577;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}


/*产品中心*/
.sy-bt{ padding:80px 0;}
.sy-bt h2{ margin-bottom:20px;}
.sy-bt span{ display:block; width:40px; height:2px; background-color:#686868; margin:0 auto;}

.sy-cp{ overflow:hidden;}
.sy-cp .fl{ width:32.5%;}
.sy-cp .fr{ width:66.5%;}
.sy-cp a{ position:relative;}
.sy-cp .xf{ position:absolute; top:50%; left:0; width:100%; text-align:center; margin-top:-35px;}
.sy-cp .xf p{ width:230px; height:70px; line-height:70px; background-color:rgba(255,255,255,0.5); margin:0 auto; font-size:36px; color:#000;}
/*.sy-cp .xf span{ display:block; font-size:18px; color:#000; width:500px; margin:25px auto 0; text-align:justify;}
.sy-sp-1 .xf span{ width:100%; text-align:center;}*/
.sy-sp-2{ margin-top:1.2%;}
.sy-sp-2 .fl,.sy-sp-2 .fr{ width:49.3%;}

.sx{}

.cp-pd{ margin-bottom:80px;}




/*百安兴简介*/
.sy-2{ background:url(../images/sy-2-bg.jpg) center bottom no-repeat; padding-bottom:60px;}
.sy-jj{ background-color:#f5f5f5; padding:35px 0; margin-top:30px;}
.sy-jj .w1230{ position:relative;}
.sy-jj .fl{ position:absolute; top:0; left:0; margin-top:-178px;}
.sy-jj .fr{ width:845px;}
.sy-jj p,.sy-jj a{ font-size:16px; line-height:33px; color:#666; text-align:justify;}









/*产品应用*/
.ul-1{ text-align:center; margin:0 auto 65px;}
.ul-1 li{ width:160px; height:80px; line-height:80px; text-align:center; display:inline-block; margin-right:110px;}
.ul-1 li:nth-child(4n){ margin-right:0;}
.ul-1 li a{ font-size:24px; color:#000; display:block; width:100%; height:100%;}
.ul-1 li a:hover{ background-color:#00a0e8; color:#fff !important;}

.sy-yy .ul-2 li{ float:left; width:24.25%; margin-right:1%; position:relative;}
.sy-yy .ul-2 li:nth-child(4n){ margin-right:0;}
.sy-yy .ul-2 li p{ position:absolute; bottom:0; left:0; width:100%; height:80px; line-height:80px; font-size:24px; background-color:rgba(0,0,0,0.43); text-align:center; color:#fff;}
.sy-yy .ul-2 li a:hover p{ background-color:#00a0e8;}




/*资讯动态*/
.sy-4{ margin-bottom:80px;}
.sy-xw{ background-color:#f5f5f5;}
.sy-xw .fl-1{ width:900px; margin-top:60px;}
.sy-xw .fl ul li{ width:100%; padding:29px 0; border-bottom:1px solid #e5e5e5;}
.sy-xw .fl ul li:hover{ background-color:#fff;}
.sy-xw .fl ul li .img{ margin-left:25%; width:142px; border-radius:50%; overflow:hidden;}
.sy-xw .fl ul li .zi{ margin-left:45px; width:340px; margin-top:16px;}
.sy-xw .fl ul li .zi p{ font-size:18px; display:block; margin-bottom:10px; line-height:1.2; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.sy-xw .fl ul li .zi span{ font-size:14px; line-height:26px; color:#666; display:block; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */}
.sy-xw .fl ul li .zi a:hover span{ color:#666 !important;}
.sy-xw .fl ul li .jiantou{ width:30px; height:30px; margin-top:56px; margin-left:70px;}
.sy-xw .fl ul li .jiantou a{ display:block; width:100%; height:100%;}
.sy-xw .fl ul li:hover .jiantou{ background:url(../images/jiantou.jpg) center center no-repeat;}
.sy-xw .more{ display:block; float:right; margin-top:10px; font-size:14px; color:#666;}
.sy-xw .fr{ margin-right:15%;}







/*关于威尔邦*/
.banner-bg{ width:100%; height:420px; line-height:500px; text-align:center;}
.banner-bg h1{ font-size:36px; font-weight:bold; color:#fff; margin:0 auto; line-height:inherit;} 

.guanyu-1{ width:1025px; margin:0 auto 90px; color:#666666;}
.guanyu-1 h2{ margin-top:70px;}
.guanyu-1 .guanyu-nr{ margin:30px auto; font-size:16px; text-align:justify;}
.guanyu-1 ul li{ float:left; width:18%; margin-right:2.5%; margin-bottom:20px;}
.guanyu-1 ul li:nth-child(5n){ margin-right:0;}


.guanyu-2{ width:100%; height:350px; background:url(../images/guanyu-4.jpg) center no-repeat; background-size:cover; margin-bottom:100px;}
.guanyu-2 .guanyu-nr{ color:#fff; text-align:center;}
.guanyu-2 h2:first-child{ padding-top:70px;}
.guanyu-2 h2{ color:#fff; padding-top:50px;}
.guanyu-2 p{ color:#fff; text-align:center; font-size:18px; margin-top:15px;}


.guanyu-3 h2{ margin-bottom:30px;}
.guanyu-3 ul.ul-1{ margin-bottom:30px;}
.guanyu-3 ul.ul-1 li{ height:auto; float:none;}

.guanyu-4{ background-color:#e2e2e2; padding:50px 0 80px;}
.guanyu-4 .guanyu-1{ margin-bottom:0;}
.guanyu-4 .guanyu-1 h2{ margin-top:0;}





/*产品系列*/
.chanpin{ text-align:center;}
.chanpin h1{ font-size:36px; color:#00a0e8; margin-top:80px; text-align:left;}
.chanpin p{ font-size:16px; color:#666666; margin-top:20px; text-align:left;}
.chanpin img{ margin:50px auto; width:auto;}
.chanpin tr td img{ margin:0 auto !important;}
.chanpin ul{ margin-top:20px;}
.chanpin ul li{ text-align:left; font-size:16px; list-style:inherit; margin-left:20px;}
.chanpin ul.ul-1 li{ text-align:center;}



.table td strong a{ color:#F00;}
.chanpin .ul-1{ }
.chanpin ul.ul-1 li{  width:180px;}


.sx a{ display:block; width:156px; height:48px; line-height:48px; font-size:18px; background-color:#00a0e8; color:#fff;}
.sx a:hover{ color:#fff !important;}

.biaoge table{ width:100% !important;}
.biaoge table tr td{ padding:2px 0;}








/*应用领域*/
.bg-2{ line-height:430px;}
.sousuo{ position:absolute; top:265px; left:50%; line-height:1; margin-left:-267px;}
.sousuo form{ width:535px; height:50px; border:2px solid #fff;}
.sousuo form #siteid{ background:none; border:0; padding:0; width:80%; height:100%; color:#fff; float:left; padding-left:3%;}
.sousuo form #anniu{ width:15%; padding:0 !important; border:0; background:url(../images/sousuo.png) center no-repeat; background-size:40%; height:30px; float:right; font-size:14px; margin-top:10px; border-left:1px solid #fff; cursor:pointer;}
::-webkit-input-placeholder{ color:#fff;}
:-moz-placeholder{ color:#fff;}
.sousuo dl{ margin-top:20px;}
.sousuo dl dt,.sousuo dl dd,.sousuo dl dd a{ display:inline-block; font-size:14px; color:#fff;}
.sousuo dl dd{ margin-left:10px;}



.yy{ margin:70px auto;}
.yy ul li{ width:30%; float:left; margin-right:5%; margin-bottom:55px; display:block;}
.yy ul li.sjb{ display:none;}
.yy ul li:nth-child(3n){ margin-right:0;}
.yy ul li h3{ padding:20px 0; font-size:16px; color:#333; text-align:center;}
.yy ul li p{ font-size:14px; color:#666666; text-align:justify; padding:0 2%; display:block; display:-webkit-box; display: -ms-flexbox; /* IE 10 */ -webkit-box-orient:vertical; -webkit-line-clamp:5; overflow:hidden; -o-text-overflow: ellipsis; /* for Opera */ height:121px;}
.yy ul li span a{ font-size:12px; color:#fa0707;}



.yyly_content{margin:50px auto 80px}
.yyly_content h1{font-size:20px;text-align:center;line-height:2;margin-bottom:15px;}
.yyly_content_nr,.yyly_content_nr p,.yyly_content_nr span{/*color:#666;*/line-height:28px}
.yyly_content_nr img{max-width:100% !important;height:auto !important;}











/*手机应用领域*/
.sjly h1{ margin-top:60px; margin-bottom:20px; text-align:center; font-size:30px;}
.sjly .sjdh{ border-bottom:1px solid #a0a0a0;}
.sjly .sjdh,.sjly .sjdh a{ color:#000; padding-bottom:5px; font-size:14px;}
.sjly .nr{ margin:40px auto; width:1025px; font-size:14px;}
.sjly .nr img{ width:auto; height:auto; margin:0 auto;}





#content {width:1025px;margin:0 auto;overflow:hidden;}

.menu ul li {display:block;width:100%;padding-top:2px;list-style:none;overflow:visible;}
.menu ul li a {background: url(../images/qqqqq.png) 20px no-repeat; display:block;font-size:16px;outline:none; height:50px; line-height:50px; background-color:#f2f2f2; padding-left:50px; position:relative; cursor:pointer;}
.menu ul li a:hover{ color:#333 !important; background-color:#c1d9ee;}
.menu ul li a span{ position:absolute;top:22px; right:20px;}
.menu ul li .active { background-color:#c1d9ee;}

.menu ul li .inactive {  background-color:#f2f2f2;}
.menu ul li ul {display:none;}
.menu ul li ul li {display:block;background:none;list-style:circle; margin:20px auto 40px; width:90%;}


.fanhui{ margin:70px auto 50px; text-align:center;}
.fanhui a{ padding:10px 40px; font-size:16px; color:#666666; border:1px solid #666666; border-radius:5%;}
.fanhui a:hover{ color:#666666 !important;}



.sj-xq ul{ display:block !important;}
.sj-xq .f_l,.sj-xq .f_r{ float:left;}
.sj-xq .f_l{ width:30%; background-color:#1768a7; height:495px;}
.sj-xq .f_r{ width:70%; height:495px; overflow:hidden; text-align:center; background-color:#f7f6f4;}
.sj-xq .f_l ul{ padding:50px 90px;}
.sj-xq .f_l ul li{ padding:0; margin:0; color:#fff; list-style-type:square !important;}
.sj-xq .f_l ul:first-child{ border-bottom:1px solid #fff;}
.sj-xq .f_l ul li span{ width:8px; height:8px; background-color:#fff; display:inline-block; margin-right:5px;}
.sj-xq .f_r img{ width:73%;}




/*新闻资讯*/
.ny_news{width:100%}
.nn_nav{background:#EEE;margin-bottom:50px;height:50px;line-height:50px;}
.n_nav_l{float:left;color:#666;white-space: nowrap;}
.n_nav_l a{color:#666}
.n_nav_l span{color:#00a0e8}
.n_nav_r{float:right}
.n_nav_r ul li{text-align:center;width:150px;line-height:50px;float:right;position:relative;}
.n_nav_r ul li a{display:block}
.bt_icon{position:absolute;bottom:0;left:50%;width:14px;height:7px;margin-left:-4px;display:none}
.btin .bt_icon{display:block}
.nn_list ul li{padding:12px;border:1px solid #EDEDED;margin-bottom:20px;}
.nn_list ul li:hover{background:#dde4f8;border:1px solid #dde4f8;}
.nnl_img{width:26%;margin-right:30px;float:left;overflow:hidden;}
.nnl_img img{max-width:100%;height:auto;}
.nnl_nr{width:70%;float:left}
.nnl_nr h1{font-weight:normal;line-height:3;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nnl_nr h1 a{color:#444}
.nnl_nr span{color:#999;margin-bottom:10px;display:block;}
.nnl_nr p{color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.aon{background:#00a0e8}
.aon a{color:#fff !important}

.nn_list ul li.sjb{ display:none;}
.nn_list ul li{ display:block;}




/* 分页 */
.pagestyle{width: 100%;height: 35px;line-height: 35px;margin-top: 50px;margin-bottom:100px;text-align: center;}
.pagestyle a{color: #666;padding:9px 15px;border: #D0D0D0 solid 1px;text-align: center;font-size: 13px;margin-right: 10px;}
.pagestyle a:hover{background:#00a0e8;color:#fff;}
.pagestyle span{color: #fff;padding:9px 15px;border: #CBCBCB solid 1px;text-align: center;background-color: #00a0e8;margin-right: 10px;font-size:13px;}

.news_content{width:100%}
.news_content h1{font-weight:normal;font-size:20px;text-align:center;line-height:1.6;}
.sn_fbtime{color:#999;text-align:center;font-size:13px;margin:20px auto;display:block;}
.news_nr{color:#333;margin-bottom:60px;line-height:1.8;}
.news_nr p,.news_nr span{line-height:1.8 !important}
.news_nr img{max-width:100% !important;height:auto !important; width:auto !important; margin:0 auto 10px;}

.guanyu-3 ul li{ text-align:center;}
.guanyu-3 ul.ul-1 li{ text-align:center; width:22%; margin-right:4%; margin-bottom:20px; float:left;}
.guanyu-3 ul.ul-1 li:nth-child(4n){ margin-right:0;}

.showpro{margin-top:40px}
.spro_nav{width:260px;float:left;}
.cpfl{height:50px;line-height:50px;background:#ff8033;color:#fff;font-size:21px;padding-left:25px;border-bottom:1px solid #fff;}
.spro_con{width:935px;float:right;}
.sprocon_pos{color:#666;height:35px;line-height:35px;border-bottom:1px solid #D1D1D1;}
.sprocon_pos a{color:#666}
.sprocon_pos span{color:#333}
.sprocon_con{margin-top:40px}
.sprc_lunbo{width:450px;float:left}
.sprc_desc{float:right;width:450px;color:#666}
.sprc_desc h1{font-size:18px;color:#333;line-height:1.7;margin-bottom:22px;}
.lbdesc{line-height:1.8;text-align: justify;}
















/*联系我们*/
.lianxi{ width:1025px; margin:80px auto;}
.lianxi h2{ color:#666666;}
.lianxi .ul-1{ margin-top:30px; text-align:center;}
.lianxi .ul-1 li{ display:inline-block; margin-right:5px; width:156px; height:48px; line-height:48px;}
.lianxi .ul-1 li:last-child{ margin-right:0;}
.lianxi .ul-1 li a{ width:100%; height:100%; background-color:#bbdaf0; font-size:18px; color:#666666; display:block;}
.lianxi .ul-1 li a:hover,.bianse{ color:#fff !important; background-color:#00a0e8 !important;}


.lianxi .lianxi-1{ margin:90px auto 70px; font-size:16px; color:#666666; text-align:center;}


.lianxi .ul-2 li{ height:182px; float:left; width:30%; text-align:center; padding:0 1.5%; border-right:1px solid #666666;}
.lianxi .ul-2 li:nth-child(3){ border-right:none !important;}
.lianxi .ul-2 li img{ width:40%;}
.lianxi .ul-2 li span{ display:block; font-size:16px; color:#333; margin-top:10px;}





.ditu{ width:100%; margin:auto;}


/*人才招聘*/
.zhaopin li{ text-align:left; font-size:14px; border-bottom:1px solid #a0a0a0; padding-bottom:20px;}
.zhaopin li:last-child{ border:none;}
.zhaopin li p{ font-size:24px; color:#393a88; margin:10px auto;}
.zhaopin li .zhize{ margin-bottom:15px;}


/*尾部*/

.footer{ background:url(../images/di-bg.jpg) center top no-repeat; background-size:cover; padding:50px 0 20px;}
.footer .fl-1,.footer .fl-2,.footer .fr-1{ width:33%; height:210px;}
.footer .fl-1,.footer .fl-2{ border-right:1px solid #fff;}

.footer .fl{ position:relative;}
.footer a,.footer{ color:#fff;}
.footer .di-1{ width:140px; height:85px;}
.footer .di-2{ position:relative;}
.footer .di-2 .p1{ font-size:14px; line-height:1; position:absolute; top:0; left:0; margin-left:0;}
.footer .di-2 .fl{ width:55px; height:55px; background:url(../images/di-3.png) center top no-repeat;}
.footer .di-2 .fr{ margin-left:10px;}
.footer .di-2 .fr p{ text-align:right; margin-bottom:10px;}
.footer .di-2 .fr p a{ font-size:36px; line-height:1;}
.footer a:hover{ color:#fff !important;}
.footer .di-3{ margin-top:20px; font-size:14px;}
.footer .di-4{ width:130px; height:105px; margin-top:20px;}
.footer .fr-1{ position:relative;}
.footer .fr-1 .clear{ width:360px; margin-left:auto; margin-right:auto;}
.footer .fr dl{ float:left; margin-right:80px; margin-top:20px;}
.footer .fr dl:nth-child(3){ margin-right:0;}
.footer .fr dl dt,.footer .fr dl dd{ line-height:1;}
.footer .fr dl dt{ font-size:16px; margin-bottom:20px;}
.footer .fr dl dd{ font-size:14px; margin-bottom:15px;}
.footer .fr dl dd:last-child{ margin-bottom:0;}
.footer .bq{ font-size:12px; text-align:center; margin-top:30px;}

.footer .fl-2{}
.footer .fl-2 .m30{ margin-bottom:20px; margin-top:20px; font-size:16px; line-height:1; font-weight:bold;}
.footer .di-2 p{ margin-left:70px; line-height:1; margin-bottom:10px;}
.footer .di-2 p a{ font-size:14px;}
.footer .di-4,.footer .di-1{ margin-left:auto; margin-right:auto;}
.footer .fl-2 .fl-2-1{ margin-left:auto; margin-right:auto; width:320px;}