/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#333;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}.navs li
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}




/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.wh{width:1186px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

/*头部样式*/

.top2{height:96px;background:rgba(0,0,0,.3);width:1920px;position:absolute;left:50%;margin-left:-960px;top:0;z-index:99999;}
.logo{float:left;line-height:96px;width:500px;}
.logo img{width:100%;}
.topright{width:670px;}
.k2{color:#fdfdfd;font-size:12px;float:right;margin-top:18px;}
.k2 a{color:#fdfdfd;}

.k1{color: #fdfdfd;
    font-size: 12px;
    float: left;
    line-height: 24px;
    margin-left: 13px;}
.k1 a{color:#000;}


.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.topLink .k1 a{color: #595959;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}


/*热门搜索*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*搜索和热门搜索*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:24px;line-height:24px;padding-left:4px;color:#333;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#006699;color:#fff;border:none;cursor:pointer;font-size: 12px;}

#formsearch input::-webkit-input-placeholder {color:#333;}
#formsearch textarea::-webkit-input-placeholder {color: #333;}








/*首页banner*/
.banner{width:1920px;margin:0 auto;position:relative;left:50%;margin-left:-960px;height:680px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;left:3%;bottom:45%;z-index:100;}
.banner .num li{width:12px;height:12px;display:block;background: url(../images/b1.png) no-repeat;line-height:12px;margin:9px 0;
	text-indent:-100px;overflow:hidden;}
.banner .num li.num_hover{background: url(../images/b2.png) no-repeat;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:block;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}



/*导航栏样式*/
#menu{}
.navs li{text-align:center;float:left;position:relative;z-index:999;width: 95px;}
.navs li a{display:block;line-height:96px;color:#ffffff;height:37px;padding: 0;font-size: 18px;padding: 0;height:96px;}
.navs>li:hover a{text-decoration:none;background:none;color:#006699;}
.navs>li>a:focus, .navs>li>a:hover {}

.navs li .sec{background: url(../images/hx2.png) no-repeat #555b62;color:#fff;overflow:hidden;z-index:9999;position:absolute;left:-3px;width:132%;padding:5px 0;display: none;}
.navs li .sec a{color:#ffffff;height:43px;line-height:43px;font-size:16px;text-align:center;}
.navs li .sec a:hover{text-decoration:none;color:#ffffff;}











/*个性化AR解决方案*/
.index-c1{margin-top:0px; }
.tlt1{text-align: center;margin-bottom:10px;}
.tlt1 h2{font-size: 36px;color: #000000;font-weight:normal;}
.tlt1 h3{font-size: 32px;color: #000;opacity:.6;font-weight:normal;margin-top:23px;}

.project-list-2{margin-top:0px;}
.project-slider-2 .slick-list {
  overflow: inherit;
}
.project-slider-2 .slick-slide {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  outline: none;
}
.project-slider-2 .slick-slide .inner {
  margin-top: 50px;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.project-slider-2 .slick-slide .inner img {
  margin-bottom: 8px;
  width: 100%;
  height: auto;
}
.project-slider-2 .slick-slide .inner p {
  max-width: 880px;
  margin-bottom: 15px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  line-height: 1.8;
}
.project-slider-2 .slick-slide .inner h4 {
  margin-bottom: 15px;
}
.project-slider-2 .slick-slide .inner h4 a {
  color: #000;
  font-size: 20px;font-weight:normal;
}
.project-slider-2 .slick-slide .inner h4 a:hover {
  color: #006699;
}
.project-slider-2 .slick-center {
  opacity: 1;
  outline: none;
}
.project-slider-2 .slick-center .slide-img img {
 
}
.project-slider-2 .slick-center .inner {
  opacity: 1;
}

.project-list-2{
  overflow: hidden;
}
.project-list-2 .container {
  position: relative;
}
.project-list-2 .slick-arrow {
  position: absolute;
  border: none;
  outline: none;
  font-size: 30px;
  text-align: center;
  width: 45px;
  height: 45px;
  line-height: 42px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  z-index: 1;
  bottom: 30px;
  right: 15px;
  background: #fff;
  border: 1px solid #d3d8dd;
  color: #737373;
}
.project-list-2 .slick-arrow i {
  margin-top: -2px;
  display: block;
  font-style: normal;
}
.project-list-2 .slick-arrow:hover {
  background: #006699;
  border-color: #006699;
  color: #fff;
}
.project-list-2 .slick-arrow.prev-nav {
  right: 70px;
}
.pagelink.gray {
  color: #b2b2b2;
  border-bottom:1px solid #b2b2b2;
  display: inline-block;font-size:14px;
}
.pagelink.gray:hover {
  color: #006699;
  border-color: #006699;
}


.project-list-2 .slick-dots
{
    position: absolute;
    bottom: -40px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.project-list-2 .slick-dots li
{
    position: relative;
    display: inline-block;

    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.project-list-2 .slick-dots li button
{
  
    display: block;
    width: 11px;
    height: 11px;
    cursor: pointer;
    outline: none;
    border-radius: 50%;
    background: none;
    padding: 0;
    border: 2px solid #999;
    text-indent: 100px;
    overflow: hidden;
 
}
.project-list-2 .slick-dots li.slick-active button{
  background: #006699;
  border-color: #006699;
}






/*产品*/
.index-c2{
  margin-top:0px;
}
.index-c2 ul li{
  background: url(../images/c212.png) repeat;
  /*height:460px;padding-top:60px;*/
  overflow:hidden;
}


.index-c2 ul li:nth-child(2n){
   background: url(../images/c211.png) repeat;overflow:hidden;
}
.index-c2 ul li .wz{
  width:530px;margin-top:28px;
}

.index-c2 ul li:nth-child(2n) .wz{margin-top:55px;}

.index-c2 ul li .wz h3{
  font-size: 28px;
  color: #000;
  padding:10px 0 26px;font-weight:normal;
}
.index-c2 ul li .wz p{
  font-size: 16px;
  line-height:28px;color:#000000;opacity:.6;
}
.index-c2 ul li .wz a{
  display: block;
  width: 120px;
  height: 36px;
  border: 1px solid #b2b2b2;
  border-radius: 20px;
  text-align: center;
  line-height: 36px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
  margin-top: 40px;
}
.index-c2 ul li .wz a:hover{
  background: #006699;
  border-color: #006699;
  color: #fff;
}


.index-c2 ul li:nth-child(3) .wz a{margin-top:78px;}




/*行业应用*/
.index-c4{margin-top:33px;overflow:hidden;background:#f6f6f6;padding-top:70px;padding-bottom:20px;}

.certify{width:1200px;margin:0 auto;}
#certify{position: relative;width:1920px;left:50%;margin-left:-960px;margin-top:40px;}

#certify .swiper-container {
	padding-bottom:66px;
}

#certify  .swiper-slide {
	width:750px;
	height:460px;
	background: #fff;padding:29px;border-radius:20px;
}
#certify  .swiper-slide img{
	display:block;position:relative;border-radius:25px;
}
#certify  .swiper-slide.swiper-slide-active .mask{width:690px;background: url(../images/mask.png) repeat;height:355px;position:absolute;left:50%;top:29px;margin-left:-345px;border-radius:26px;z-index:999;display:block;}

#certify  .swiper-slide p{display:none;}
#certify  .swiper-slide.swiper-slide-active p {
	text-align: center;
	color: #fff;
	font-size:32px;opacity:.8;
	position:absolute;width:100%;left:0;top:40%;display:block;z-index:9999;
}

#certify .swiper-pagination {
	width: 100%;
	bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
	background-color: #818181;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{background-color: #006699;}










/*我们的优势*/
.index-c3{margin-top:68px;}

.adv-slick{margin-top:0px;}


.index-c3 .adv-slick .slick-list{
  padding: 4% 0;
  background: #fff;
  box-shadow: 0 0 10px #eee;
}
.index-c3 .adv-slick li{
  outline: none;
}
.index-c3 .adv-slick li .conn{
  padding: 10px 35px;
  border-right: 1px solid #d6d6d6;
}
.index-c3 .adv-slick li .conn dt{
   padding-left: 70px;
   position: relative;
   font-weight: normal;
}
.index-c3 .adv-slick li .conn dt .num{
  width: 60px;
  height: 60px;
  border-radius: 50%;
  line-height: 60px;
  font-size: 28px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.index-c3 .adv-slick li dt .num{
  background: #e18197;
}
.index-c3 .adv-slick li.li01 dt .num{
  background: #00a0df;
}
.index-c3 .adv-slick li.li02 dt .num{
  background: #64d9d6;
}
.index-c3 .adv-slick li.li03 dt .num{
  background: #e18197;
}
.index-c3 .adv-slick li.li04 dt .num{
  background: #e1c734;
}

.index-c3 .adv-slick li .conn dt h3{
  font-size: 20px;
  color: #003366;
  line-height: 3;font-weight:normal;
}
.index-c3 .adv-slick li .conn dt p{
  font-size: 16px;
  line-height:30px;
  color:#666;
}
.index-c3 .adv-slick .slick-dots{
  text-align: center;
  margin-top: 30px;
}
.index-c3 .adv-slick .slick-dots li{
  display: inline-block;
  margin: 0 5px;
}

.index-c3 .adv-slick .slick-dots li button{
  display: block;
  width: 30px;
  height: 3px;
  text-indent: 100px;
  overflow: hidden;
  border: none;
  outline: none;
}

.index-c3 .adv-slick .slick-dots li.slick-active button{
  background: #006699;
}






/*横图*/
.index-c5{
  background: url(../images/bg5.png) no-repeat center 0;
  height:500px;
  background-attachment: fixed;
  background-size: cover;
}
.index-c5-con1{padding-top: 83px;}
.index-c5-con{
  width:525px;
  padding-top:115px;
}
.index-c5-con .logo2{font-size: 42px;
    color: #ffff;
    font-weight: 800;}

.index-c5-con .index-c5-wz{
  font-size: 20px;
  line-height:30px;
  color: #fff;margin-top:25px;
}
.index-c5-con a{
  display: block;
  width: 177px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 18px;
  color: #fff;
  line-height: 50px;
  margin-top:63px;
}






/*合作伙伴*/
.index-c6{
  padding:0px 0 42px;
  background: #f6f6f6;
}
.hzhb-slick .slick-slide{
  outline: none;margin-top:42px;
}
.hzhb-slick .slick-slide li{
  padding: 10px;
}
.hzhb-slick .slick-slide li .conn{
  transition: .5s;
}
.hzhb-slick .slick-slide li:hover .conn{
  box-shadow: 0 0 10px #ddd;
-webkit-transform: translateY(-10px);

          -moz-transform: translateY(-10px);

          -ms-transform: translateY(-10px);

          -o-transform: translateY(-10px);

          transform: translateY(-10px);

          -webkit-transition: all 0.8s;

          -moz-transition: all 0.8s;

          -ms-transition: all 0.8s;

          -o-transition: all 0.8s;

          transition: all 0.8s; 

}


.hzhb-slick .slick-slide li .conn img{
  width: 100%;
  height: auto;
}
.hzhb-slick .slick-dots{
  text-align: center;
  margin-top: 20px;
}
.hzhb-slick .slick-dots li{
  display: inline-block;
  margin: 0 6px;
}
.hzhb-slick .slick-dots li button{
  display: block;
  width: 10px;
  height: 10px;
  border: none;
  outline: none;
  text-indent: 100px;
  overflow: hidden;
  border-radius: 50%;
  background: #818181;
  padding: 0;
}

.hzhb-slick .slick-dots li.slick-active button{
  background: #006699;
}







/*新闻资讯*/
.index-c7{margin-top:70px;}
.index-c7 ul{margin-top:40px;}
.index-c7 ul li{float: left;margin-right:37px;width:370px;}
.index-c7 ul li:last-child{margin-right:0;}
.index-c7 ul li a{
  display: block;
  padding: 9px;
  border: 1px solid #e5e5e5;
  position: relative;
  transition: .5s;
}
.index-c7 ul li a img{
  width:350px;height:192px;
}
.index-c7 ul li a .wz{
  padding: 10px;
}
.index-c7 ul li a .wz h3{
  font-size: 16px;
  color:#000;
  line-height: 2.5;font-weight:normal;
}
.index-c7 ul li a .wz h4{
  font-size: 14px;
  line-height:26px;
  color:#999999;font-weight:normal;
}
.index-c7 ul li a .wz dt{
  width: 126px;
  height: 33px;
  background: #006699;
  text-align: center;
  font: normal 14px/33px "微软雅黑";
  color: #fff;
  margin-top: 20px;
}
.index-c7 ul li a .wz h5{
  font: normal 14px/33px "微软雅黑";
  color:#b2b2b2;
  position: absolute;
  bottom: 19px;
  right: 19px;
}
.index-c7 ul li a:hover{
  box-shadow: 0 0 15px #ddd;
}


.swiper-wrapper li{float: left;margin-right: 16px;margin-bottom: 37px;}
/*.swiper-wrapper li:nth-child(4n){margin-right: 0}*/
.swiper-wrapper li img{width: 308px;height: 259px;}
.swiper-wrapper li h3{font-weight: normal;text-align: center;line-height: 35px;background: #f5f5f5;border-bottom: 2px solid #939393;font-size:15px;color: #2a2a2a;}
.swiper-wrapper li:hover h3{border-bottom-color: #108978;}






/*页面底部*/
.foot{
    /*margin-top:69px;*/
  background: #262a33;
  padding-bottom: 30px;
}
.foot1{border-bottom: 1px solid #3c4048;height:210px;overflow:hidden;}
.fzuo{width:840px;margin-top:50px;}

.foot1 ul li{float: left;width:165px;}
.foot1 ul li:last-child{width:453px;}
.foot1 ul li h3{
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;font-weight:normal;
}
.foot1 ul li .secc{
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 30px;
}
.foot1 ul li .secc a{
  color: rgba(255, 255, 255, 0.5);
  display: block;
  line-height: 30px;
}
.foot1 ul li .secc p{
  margin: 0;
}
.foot1 .fwei{width:115px;height:115px;margin-top:57px;}
.footer_tel{margin-top:78px;color:#fff;font-size:18px;margin-left:10px;}
.footer_tel strong{margin-top:12px;font-size:28px;display:block;}





.foot2{
  padding-top: 20px;text-align: center
}
.foot2 .k1{
  font: normal  14px/32px "微软雅黑";
  color: rgba(255, 255, 255, 0.5);
}
.foot2 .k1 a{
  color: rgba(255, 255, 255, 0.5);
  margin-right: 15px;
}

.copyright,.kk1{
  font: normal  14px/32px "微软雅黑";
  color: rgba(255, 255, 255, 0.5);
}

.copyright a{
  color: rgba(255, 255, 255, 0.5);
}

.kk1 a{
  color: rgba(255, 255, 255, 0.5);
}











.f_link1{width:1200px;margin:0 auto;margin-top:15px;margin-bottom: 10px;}
.f_link a{color:#000;}

/*内页左侧样式*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}

/*.left{width: 225px;float: left;}
.right{width: 940px;float: right;}
.xypg-case-list li{width:300px;}
.xypg-product-list li{width: 293px;}
.xypg-product-list li .img img{width: 271px;height: 205px;}
.relate-product-slick .owl-item .img img{    width: 213px;height: 159px;}
.xypg-case-list li .img img{width: 300px;height: 300px;}
.page-product-inquiry a{color: #fff;}
.page-mob-tool{display: none;}*/
.page-product-inquiry a{color: #fff;}

.c1_conttt {
    position: relative;
    margin-top: 40px;
    width: 1200px;
    margin: 0 auto
}

.c1_list1 {
    position: relative;
}

.c1_list1 li {
    float: left;
    width: 378px;
    height: 328px;
    overflow: hidden;
    margin-right: 33px;
    margin-bottom: 35px;
}

.c1_list1 li:nth-child(3n) {
    margin-right: 0px;
}

.c1_list1 li a.img {
    display: block;
}

.c1_list1 li a.img img {
    width: 378px;
    height: 258px;
    border: 1px solid #c9c9c9;
}

.c1_list1 li .ks {
    position: relative;
    background: #fff;
    height: 70px;
    text-align: center;
    padding: 0 40px;
    cursor: pointer;
    /*border:1px solid #c9c9c9;*/
    transition: all .6s ease;
}

.c1_list1 li .ks h3 {
    color: #303030;
    font-size: 16px;
    padding-bottom: 5px;
    padding-top: 10px;
    font-weight: bold;
}

.c1_list1 li .ks span {
    display: block;
    font-size: 13px;
    color: #656565;
    padding-top: 5px;
}

.c1_list1 li .ks a {
    display: none;
}

.c1_list1 li:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, .1);
}

.c1_list1 li:hover .ks {
    height: 140px;
    margin-top: -40px;
}


.c1_list1 li:hover .ks a {
    display: block;
    width: 82px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    margin: 10px auto;
    background: #0762bf;
}


.hzhb-slick li{float: left;
    width: 215px;margin-right:10px;
     margin-bottom: 12px;
}
.hzhb-slick li img{width:100%;}    
    
    
/*四大类*/
.adv-slick{width:100%; height: auto; overflow: hidden; margin-top: 20px; padding: 0px 40px;}
.adv-slick ul{width:100%; height: auto; overflow: hidden}
.adv-slick ul li{width:49.6%; height: auto; position: relative; margin-bottom: 10px; float: left; overflow: hidden}
.adv-slick ul li:nth-child(2n){float: right}
.adv-slick ul li img{width:100%; height: 100%; display: block;   
transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s;}
.silei_xx{width:100%; height: 100%; position: absolute; top:0; left:0; padding-left: 65px; padding-top: 25px;}
.silei_xx h3{font-size: 24px; color: #fff; margin-bottom: 20px;}
.silei_xx p{
     display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    font-size: 15px;
    color: #fff;
    line-height:32px;
    width:92%}
.silei_xx span{width:132px; height: 46px; border: 1px solid #fff; background:rgba(255,255,255,0.5);  float: right; text-align: center; line-height: 46px; font-size: 14px; color: #fff; position: absolute; bottom:15px; right:10px;}
.adv-slick ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
.adv-slick ul li:hover span{background: #fff; color: #00489e}









.x-banner .owl-carousel {
  position: relative;
}

.x-banner .owl-carousel .banner-item a {
  display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
  left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
  right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
  outline: none;
  position: absolute;
  top: 50%;
  z-index: 9999;
  background: #424246;
  height: 65px;
  width: 50px;
  margin-top: -32.5px;
  border-radius: 0;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.x-banner .owl-carousel .owl-nav button.owl-prev:hover,
.x-banner .owl-carousel .owl-nav button.owl-next:hover {
  background: #003581;
}

.x-banner .owl-carousel .owl-nav .icon-font {
  display: block;
  width: 100%;
  height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
  background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
  background-position: -26px -480px;
}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-nav button.owl-prev,
  .x-banner .owl-carousel .owl-nav button.owl-next {
    height: 40px;
    width: 30px;
    margin-top: -20px;
  }
  .x-banner .owl-carousel .owl-nav .iconfont {
    font-size: 20px;
  }
}

.x-banner .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 5%;
}

.x-banner .owl-carousel .owl-dots button.owl-dot {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin: 0 .5em;
  outline: none;
  background-color: #fff;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  border: 1px solid #fff;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
  opacity: .5;
  background-color: #003581;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
  opacity: 1;
  background-color: #003581;
}

@media (max-width: 990px) {
  .x-banner .owl-carousel .owl-dots button.owl-dot {
    font-size: 12px;
  }
}


.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev{ position:absolute; left:3%; top:6%; margin-top:-25px; display:block; width:64px; height:64px; background:url(../images/left.png)no-repeat;   }
.slideBox .next{ position:absolute; right:3%; top:6%; margin-top:-25px; display:block; width:64px; height:64px; background:url(../images/right.png)no-repeat;}