@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;max-width: 100%}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:12px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#565656;font-size:.875rem;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }
a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}
a:hover{color:#f5d51e ;text-decoration:none;}:focus{outline:none;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.tran{transition: 0.5s all;
-moz-transition: 0.5s all;  /* Firefox 4 */
-webkit-transition: 0.5s all; /* Safari 和 Chrome */
-o-transition: 0.5s all;  }

@font-face {
 font-family: 'Trump';
 src: url('../font/Trump.eot');
 src:
   url('../font/Trump.eot?#font-spider') format('embedded-opentype'),
   url('../font/Trump.woff') format('woff'),
   url('../font/Trump.ttf') format('truetype'),

   url('../font/Trump.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{width:1680px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.clearfix{clear: both;}
.wapI,.wapT{display: none}
.head-long{display: none}
.layui-layer{width:650px;min-width:650px;max-width:660px;height:500px;}
.Img{overflow: hidden;transition: 0.5s all}
 li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.padding{padding-bottom: 3%;overflow: hidden;}
.banner .samll{display: none;}
.list-bg{background: #f3f3f3;padding: 90px 0;overflow: hidden;}
.list-bg2{padding: 90px 0;overflow: hidden;}
.list-bg3{padding: 90px 0 0 0;overflow: hidden;}


/*内页次导航*/
.sindeMenu{line-height: 58px;margin: 3% 0}
.sindeMenu ul{text-align: center;}
.sindeMenu li{display: inline-block;width: 150px;height: 45px;line-height: 45px;background: #e9e9e9;text-align: center;margin: 0 2px 5px 2px;transition: 0.5s all}
.sindeMenu li a{font-size: 14px;color: #6c6c6c;display: block;}
.sindeMenu li.active{background: #005aa8;}
.sindeMenu li.active a,.sindeMenu li:hover a{background: #005aa8; color: #fff}

/*目标位置*/
.pageTitle{padding: 19px 0;border-bottom: 1px solid #eaeaea;overflow: hidden;}
.pageTitle span{font-size: 12px;color: #626262;display: inline-block;margin-right: 30px;background: url(../images/home.png)no-repeat left;padding-left: 24px;}
.pageTitle span a{font-size: 12px;color: #626262;}

.container{position:relative;max-width:1400px;min-width:320px;margin:0 auto;}
.listWrapper{padding:90px 0;font-size:.875rem;line-height:1.8;}
.breadCrumb{background:#f6f6f6;font-size:.875rem;height:50px;line-height:50px;text-align:right;}
.breadCrumb span{background: url('../images/home_icon.png') no-repeat left center;padding-left:25px;}

/*  产品详情 */
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;right: 0;bottom: 0; max-width:100%;max-height:100%;margin:auto;transition:all 0.5s;}
.proShow_box1{overflow:hidden;margin-bottom:50px;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;overflow:hidden;position:relative;padding:15px;background:#f7f7f7;}
.gallery .gallery-top{max-height:600px;margin-bottom:20px;position:relative;}
.gallery img{width:100%;}
.gallery-top li a{position:relative;}
.gallery-top:after{content:"\e639";position:absolute;right:0;bottom:0;color:#222;padding:10px 15px;font-family:"iconfont";font-size:2rem;z-index:2;}
.gallery-thumbs li{border:1px solid #bdc4ce;padding:5px;cursor:pointer;}
.gallery-thumbs .swiper-slide-active{border:1px solid #333;}
.gallery .swiper-button-white{display:none;}


.proShow_R{width:44%;overflow:hidden;}
.proShow_R .title{font-size:1.815em;padding-bottom:10px;margin-bottom:20px;border-bottom:1px solid #ddd;color:#333;}
.proShow_R .title span{display:block;font-size:0.7em;color:#555;}
.proShow_R .font{min-height:140px;}
.proShow_R .font .f{color:#111;}
.proShow_R .phone{padding-left:40px;margin-bottom:25px;color:#014099;padding-top:20px;position:relative;}
.proShow_R .phone:before{position:absolute;content: "\e602";font-family: "iconfont";color:#014099;font-size:30px;left:0;top:15px;}
.proShow_R .phone span{font-size:1.429em;font-family:Arial;}
.proShow_R .btn{border-top:1px solid #e5e5e5;padding-top:25px;margin-bottom:25px;margin-top:40px;overflow:hidden;}
.proShow_R .btn a{width:46%;height:60px;line-height:60px;float:left;text-align:center;background:#333;color:#fff;box-sizing: border-box;font-size:1.143em;border:2px solid #222;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.5rem;line-height:1;top:2px;}
.proShow_R .btn a:nth-child(2){border:2px solid #8d8d8d;background:none;color:#666;float:right;}
.proShow_R .btn a:hover{background:#333;color:#fff;border:2px solid #333;}


.proShow-menu{height:50px;line-height:50px;border-bottom:1px solid #ddd;margin-bottom:30px;font-size:1.25rem;}
.proShow-menu a{float:left;height:50px;margin-right:20px;color:#333;}
.proShow-menu .on{color:#014099;border-bottom:1px solid #014099;}
.proShow-main{padding-bottom:30px;overflow:hidden;}
.proShow-main img{max-width: 100% ! important;}
.relative_pro .title{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;}
.relative_pro .title span{display:inline-block;border-bottom:1px solid #014099;;color:#014099;height:50px;}
.relative_pro ul{margin-right:-15px;}
.relative_pro li{float: left;width:25%;padding-right:15px;}
.relative_pro li .pImg{}
.relative_pro li p{border-bottom:1px solid #ddd;padding:10px 0;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center}
.relative_pro li:hover img{transform:scale(1.1);}
@media all and (max-width:1024px) {
  .proShow_R,.gallery{float:none;width:100%;}
  .gallery .gallery-top{margin-bottom:10px;}
  .gallery{margin-bottom:40px;padding:10px;}
  .bshare-custom{display:none;}
  .proShow_R .font{min-height:auto;}
  .proShow_R .btn a{height:50px;line-height:46px;}
  .proShow_R .btn{margin-top:20px;margin-bottom:0;}
}
@media all and (max-width:768px) {
  .listWrapper{padding-top:60px;padding-bottom:60px;font-size:0.813rem;}
  .newsList{padding:0 2%;}
  .HomeAbout ul.slow{display: none;}
  .HomeAbout{padding:40px 0;}
}
/*内页左侧导航*/
.proLeft{float: left;width: 21.54%;border:1px solid #f5d51e;background: #fff;padding: 2%}
.proLeft ul li{border-bottom: 1px dashed #ccc;margin-bottom: 6%}
.proLeft ul li .a1{display:block;font-size: 16px;color: #000;font-weight: bold;padding-left: 32px;}
.proLeft ul li .child-nav{padding: 20px 0 24px 32px;overflow: hidden;}
.proLeft ul li .child-nav a{float: left;margin-right: 6%;font-size: 14px;color: #acacac;}
.proLeft2{display: none;width: 99.6%; top: 39px;right: 1px;z-index: 999;position: absolute; float: left;border:1px solid #f5d51e;background: #fff;padding: 2%}
.proLeft2 ul li{border-bottom: 1px dashed #ccc;margin-bottom: 6%}
.proLeft2 ul li .a1{display:block;font-size: 16px;color: #000;font-weight: bold;padding-left: 32px;}
.proLeft2 ul li .child-nav{padding: 20px 0 24px 32px;overflow: hidden;}
.proLeft2 ul li .child-nav a{float: left;margin-right: 6%;font-size: 14px;color: #acacac;}
/*内页右侧*/
.proRight{float: right;width: 76%;background: #fff;padding: 2%;position: relative;}
.proRight .catname{padding-left: 32px;padding-bottom: 10px;border-bottom: 1px solid #dbdbdb;font-size: 18px;color: #000;margin-bottom: 40px;}
.proRight .pro-menu{display: none;}

/* 顶部  */
.fixedTop1{background: rgba(0, 90, 168, 0.8);}
.fixedTop2{position: fixed ! important;background: rgba(0, 90, 168, 0.8);}
.headerTwo2{background: rgba(0, 90, 168, 0.8);}
.headerTwo{position: absolute;line-height: 60px; width: 100%;top: 0;left: 0;z-index: 999;transition: 0.4s all}
.headerTwo .logo{width: 21%;line-height: 54px;float: left;}
.headerTwo .nav{width: 54%;display: table;float: left;line-height: 63px;}
.headerTwo .nav li{text-align: center;float: left;margin-right: 6%;position: relative;}
.headerTwo .nav li:last-child{margin-right: 0}
.headerTwo .nav li a{font-size:1rem;font-weight: 600;display: block;color: #fff;font-weight: normal;white-space: nowrap;}
.headerTwo .nav li .subnav{min-width: 120px; position: absolute;left: 0;top: 63px;margin-left: -45%; background: rgba(0,0,0,0.4);text-align: center;padding:8px;display: none;}
.headerTwo .nav li .subnav li{width: 100%;line-height: 50px;}
.headerTwo .nav li .subnav li:hover{background: rgba(0,0,0,0.4);}
.headerTwo .nav li a.active{color: #f6d51e}
.headerTwo .nav li a:hover{color: #f6d51e}

.top-right{float: right;position: relative;}
.top-right .top-tel{background: url(../images/top-tel.png)no-repeat left;padding-left: 20px;font-size: 12px;color: #fff;margin-right: 26px;position: relative;}
.top-right .top-tel:after{content: '';position: absolute;right: -12px;top: 24px;height: 10px;width: 1px;border-right: 1px dotted #fff}
.top-right .top-tel b{font-size: 20px;margin-left: 6px;font-weight: normal;}
.top-right .top-lang{background: url(../images/lang.png)no-repeat left;padding-left: 20px;}
.top-right .top-lang a{color: #fff;font-size: 14px;}



/*广告banner*/
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{display: block;margin: 0 auto;width: 100%;}
.banner .swiper-pagination{bottom: 20px ! important}
.banner-pagination span{width: 12px;height: 12px;margin: 0 2px ! important;}
.banner-pagination .swiper-pagination-bullet{background-color: #919191 }
.banner-pagination .swiper-pagination-bullet-active{background-color: #f6d51e;}

.list_banner{position: relative;width: 100%;margin: 0 auto}
.list_banner img{display: block;margin: 0 auto;width: 100%;}

/*手机端广告banner*/
.wapbanner{display: none}
.wapbanner .swiper-slide{position: relative;}
.wapbanner .swiper-slide .slogan{position: absolute;left: 18%;top: 35%;width: 22%;}
.wapbanner .swiper-slide .slogan span{display: block;font-size:80px;color: #fff;margin-bottom: 60px;font-weight: lighter;}
.wapbanner .swiper-slide .slogan li{width: 45%;float: left;margin-right: 17px;
padding-left: 52px;margin-bottom: 20px;color: #fff}
.wapbanner .swiper-slide .slogan li:nth-child(2){background: url(../images/ban-a.png)no-repeat left;}
.wapbanner .swiper-slide .slogan li:nth-child(3){background: url(../images/ban-b.png)no-repeat left;}
.wapbanner .swiper-slide .slogan li:nth-child(4){background: url(../images/ban-c.png)no-repeat left;}
.wapbanner .swiper-slide .slogan li:nth-child(5){background: url(../images/ban-d.png)no-repeat left;}
.wapbanner .swiper-slide .slogan a{color: #fff;border: 1px solid #fff;padding: 21px 16px 21px 38px;margin-top: 19px;float: left;line-height: 0;border-radius: 5px;background: url(../images/ban-video.png)no-repeat left;background-position-x: 10px;}
.wapbanner .swiper-pagination{bottom: 20px ! important}
.wapbanner-pagination span{width: 12px;height: 12px;margin: 0 2px ! important;}
.wapbanner-pagination .swiper-pagination-bullet{background-color: #919191 }
.wapbanner-pagination .swiper-pagination-bullet-active{background-color: #f6d51e;}


/*首页*/
/*公共标题*/
.index-tie{font-size: 35px;color: #010101;text-align: center;margin-bottom: 50px;}
.index-tie p{font-size: 14px;margin-top: 20px;}
.index-tie2{font-size: 30px;color: #f03f61;text-align: center;font-weight: normal;}
.index-tie2 p{font-size: 14px;margin-top: 20px;color: #2bc0f6;}

.index-tie-nav{margin: 0 0 50px 0;text-align: center;overflow: hidden;line-height: 40px;}
.index-tie-nav h3{float: left;font-size: 35px;color: #010101;font-weight: normal}
.index-tie-nav ul{float: right;}
.index-tie-nav a{font-size: 14px;color: #8c8c8c;display: inline-block;margin-right: 48px;position: relative;}
.index-tie-nav a:after{content: '';position: absolute;bottom: 0;left: 50%;width: 0;height: 2px;background: #f5d51e;transition: 0.5s all;}
.index-tie-nav a.on:after{left: 0;width: 100%;}
.index-tie-nav a.on{color: #f5d51e}
.index-tie-nav .more{font-size: 12px;color: #b1b1b1;border:1px solid #b1b1b1;padding: 0 10px;line-height: 30px;margin-right: 0}
.index-tie-nav .more:hover{color: #fff;border:1px solid #f5d51e;background: #f5d51e;}


/*产品中心*/
.index-pro{padding: 3% 0;background: #f9f9f9;}
.index-pro-nav{width: 100%;margin: 0 auto;text-align: center;}
.index-pro-nav a{display: inline-block;width: 150px;height: 50px;line-height: 50px;font-size: 14px;color: #262626;}
.index-pro-nav a.on,.index-pro-nav a:hover{background: #005aa8; color: #fff}


/*公司优势*/
.index-ys{padding: 9% 0;background: url(../images/index-ys-bg.jpg)no-repeat center;line-height: 40px;background-size: cover;overflow: hidden;}
.index-ys ul{width: 100%;text-align: center;margin: 0 auto}
.index-ys ul li{margin: 0 4%;display: inline-block;text-align: left;}
.index-ys ul li h3{display: inline-block;position: relative;}
.index-ys ul li strong{font-size: 140px;color: #f6d51e;font-weight: normal}
.index-ys ul li b{position: absolute;right: -16px;top: 10%;font-size: 30px;color: #f6d51e;font-size: 24px;}
.index-ys ul li span{position: absolute;right: -16px;bottom: 0;font-size: 30px;color: #f6d51e;font-size: 16px;}
.index-ys ul li p{font-size: 16px;color: #fff;height: 24px;text-align: left;line-height: 24px;}

/*实力展示*/
.index-show{padding: 3% 0;background: #f5f5f5}
.index-show-nav{width: 100%;margin: 0 auto;text-align: center;margin-bottom: 50px;}
.index-show-nav a{display: inline-block;width: 105px;height: 40px;line-height: 40px; font-size: 16px;color: #fff;background: #d5d5d5;margin: 0 5px;}
.index-show-nav a.on{background: #005aa8;}
.index-show-vies{overflow: hidden;}
.index-show-vies ul li{overflow: hidden;}
.index-show-vies ul li .pic{width: 100%;position: relative;padding-top: 77%;display: block;}
.index-show-vies2 ul li .pic{padding-top: 120%;}
.index-show-vies ul li .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.index-show-vies1 ul li .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;}
.index-show-vies ul li h4{line-height: 60px;font-size: 14px;color: #fff;background: rgba(0,0,0,0.5);position: absolute;bottom: 0;left: 0;width: 100%;padding: 0 30px;}
.index-show-vies ul li h4 i{float: right;font-size: 18px;color: #fff;font-style: normal}
.index-show-vies1 ul li:hover img{transform: scale(1.1);}
.index-show-vies1 ul li:hover h4{color: #005aa8}
.index-show-vies ul li:hover i{transform: rotateY(360deg);color: #005aa8}

.index-show-vies2 li dt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.index-show-vies2 li dt p{display: table;margin: 0 auto}
.index-show-vies2 li dt span{display: table-cell;vertical-align: middle;height: 400px;}
.index-show-vies2 li dt img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}

/*合作伙伴*/
.index-partner {
 padding: 3% 0;
 overflow: hidden;
 /*background: url(../images/index-partner-bg.jpg)no-repeat center;
 background-size: cover*/
}
.index-partner-cont{overflow: hidden;}
.index-partner ul li {
 float: left;
 height: 98px;
 position: relative;
}
.index-partner ul li a{
 display: table;
 margin: 0 auto;
}
.index-partner ul li span {
 display: table-cell;
 vertical-align: middle;
 height: 98px;

}
.index-partner ul li img {
 display: block;
 max-width: 100%;
 max-height: 100%;
 transition: 0.5s all;
}


.index-partner .index-more{margin: 0 auto;width: 126px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #6a6a6a;border:2px solid #898989;display: block;margin-top: 30px;}

.index-partner ul li:hover img {
 transform: scale(1.1);
}




/*内页*/
/*关于*/
.page-ab{padding: 60px 0 70px 0;margin-top: 0;overflow: hidden;}
.page-ab img{display: block;margin: 0 auto}
.page-ab .tie{font-size: 25px;text-align: center;color: #000;position: relative;font-weight: lighter;margin: 20px 0 60px 0;line-height: 34px;}
.page-ab .tie b{position: relative;font-weight: normal}
.page-ab .tie b:after{content: '';position: absolute;left: 0;bottom: 2px;width: 100%;height: 4px;background: #f6d51e;z-index: -1}
.page-ab .page-cont{width: 66%;margin: 0 auto;font-size: 16px;color: #666;line-height: 32px;}

/*企业文化*/
.page-cult{padding: 5% 0 0 0;overflow: hidden;}
.page-cult ul li{float: left;width: 31.33%;height: 400px; margin-right: 3%;text-align: center;padding: 70px 7% 0 7%;background: #eee;}
.page-cult ul li:last-child{margin-right: 0}
.page-cult ul li h3{font-size: 30px;color: #000;margin: 50px 0 10px 0;}
.page-cult ul li span{font-size: 14px;color: #848484;}
.page-cult ul li p{font-size: 16px;color: #636363;margin-top: 40px;}


.design .tie{text-align: center;margin-bottom: 60px;}
.design .tie h3{font-size: 35px;color: #000;}
.design .tie p{font-size: 20px;color: #c0c0c0;margin-top: 20px;}
/*设计研发*/
.page-design{padding: 60px 0;overflow: hidden;}
.caselist li{width: 31.3%;overflow: hidden;margin-bottom: 3%;margin-right: 3%; float: left;}
.caselist li span{display: block;float: left;width: 50%;padding-top: 23%;position: relative;}
.caselist li span img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.caselist li .txt{font-size: 20px;font-weight: bold; color: #191818; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;margin:10px 0;}
.caselist li:nth-child(3n){margin-right: 0}

/*我们的承诺*/
.page-promise{padding: 4% 0;background: #f5f5f5;overflow: hidden;}
.page-promise ul li{float: left;width: 20%;text-align: center;padding: 0 3%;}
.page-promise ul li i{display: block;margin: 0 auto;width: 78px;height: 70px;background: url(../images/page-promise-icon.png)no-repeat center;background-position: 0 6px;}
.page-promise ul li:nth-child(2) i{background-position: -87px 6px}
.page-promise ul li:nth-child(3) i{background-position: -185px 6px}
.page-promise ul li:nth-child(4) i{background-position: -268px 6px}
.page-promise ul li:nth-child(5) i{background-position: -360px 6px}
.page-promise ul li b{display: block;font-size: 20px;color: #000;margin: 30px 0;}
.page-promise ul li p{font-size: 16px;color: #7f7f7f;}

/*研发成果*/
.page-certificate{padding: 4% 0;}
.page-certificate .grWidth{position: relative;}
.page-cert-vise ul li{width: 400px;height: 565px;}
.page-cert-vise .page-cert-buttom{position: absolute;top: 50%;width: 51px;height: 51px;border-radius: 100px;cursor: pointer;z-index: 9999}
.page-cert-vise .page-cert-prev{left: 0;background:#e5e5e5 url(../images/page-cert-prev.png)no-repeat center;}
.page-cert-vise .page-cert-next{right: 0;background:#e5e5e5 url(../images/page-cert-next.png)no-repeat center;}
.page-cert-vise .page-cert-prev:hover{left: 0;background:#333 url(../images/page-cert-prev.png)no-repeat center;}
.page-cert-vise .page-cert-next:hover{right: 0;background:#333 url(../images/page-cert-next.png)no-repeat center;}

.picScroll-left .page-cert-buttom{position: absolute;top: 50%;width: 51px;height: 51px;border-radius: 100px;cursor: pointer;z-index: 9}
.picScroll-left .page-cert-prev{left: 0;background:#e5e5e5 url(../images/page-cert-prev.png)no-repeat center;}
.picScroll-left .page-cert-next{right: 0;background:#e5e5e5 url(../images/page-cert-next.png)no-repeat center;}
.picScroll-left .page-cert-prev:hover{background:#333 url(../images/page-cert-prev.png)no-repeat center;}
.picScroll-left .page-cert-next:hover{background:#333 url(../images/page-cert-next.png)no-repeat center;}

/*案例列表*/
.productList{width: 100%;overflow: hidden;padding-left: 1px;}
.productList li{float: left;width: calc(25% - 15px);margin-right: 20px; position: relative;transition: 0.5s all}
.productList li:nth-child(4n){margin-right: 0}
.productList li a{z-index: 999;display: block;}
.productList li dt{}
.productList li dt h3{font-size: 18px;font-weight: normal;margin: 20px 0 20px 0;text-align: center;}
.productList li dt p{font-size: 14px;font-weight: normal}
.productList li .pic {display: block; margin-bottom:20px;overflow: hidden;-webkit-transition: all ease-in-out 0.4s;transition: all ease-in-out 0.4s;padding-bottom: 100%;height: 0;position: relative;}
.productList li .pic:hover {background: #ffffff;box-shadow: 0px 16px 22px 0px rgba(90, 91, 95, 0.3);transform: translate3d(0,-5px,0);
  -webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);border-radius: 5px;}
.productList li .pic img {border-radius: 5px;width: 100%;position: absolute; left: 0; right: 0; top: 0;bottom: 0;margin:auto;}

/*常见问题*/
.news-faq-list .hd{overflow: hidden;background: #f0f0f0;padding-right: 8px;}
.news-faq-list .hd ul li{float: left;color: #707070; padding: 13px 42.3px;cursor: pointer;}
.news-faq-list .hd ul .on{background: #f5d51e;color: #fff}
.news-faq-list .hd .search{float: right;width: 24%;background: #fff;margin-top: 8px;border-radius: 5px;border:1px solid #d2d2d2;}
.news-faq-list .hd .search .sear_btn{background: url(../images/search.png)no-repeat center;width: 35px;height: 35px;float: left;}
.news-faq-list .hd .search .sear_text{width: 83%;float: left;height: 34px;}
.news-faq-list .bd .sinbox li dd{border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.news-faq-list .bd .sinbox li dd h3{display: inline-block;padding: 18px 0 18px 30px;background: url(../images/faq-w.png)no-repeat left bottom;background-position: 0 20px;color: #707070;font-weight:normal;}
.news-faq-list .bd .sinbox  .on h3{background: url(../images/faq-w-on.png)no-repeat left bottom;background-position: 0 20px;color: #f5d51e}
.news-faq-list .bd .sinbox li dd span{float: right;display: block;padding: 18px 30px;color: #9e9e9e;}
.news-faq-list .bd .sinbox li dt{padding: 30px 0 30px 30px;color: #939393;background: url(../images/faq-d.png)no-repeat left top;background-position: 0 32px;}



/*常见问题搜索结果*/
.news-faq-search .hd{overflow: hidden;background: #f0f0f0;padding-right: 8px;}
.news-faq-search .hd ul li{float: left;color: #707070; padding: 13px 42.3px;cursor: pointer;}
.news-faq-search .hd ul .on{background: #f5d51e;color: #fff}
.news-faq-search .hd .search{float: right;width: 24%;background: #fff;margin-top: 8px;border-radius: 5px;border:1px solid #d2d2d2;}
.news-faq-search .hd .search .sear_btn{background: url(../images/search.png)no-repeat center;width: 35px;height: 35px;float: left;}
.news-faq-search .hd .search .sear_text{width: 83%;float: left;height: 34px;}
.news-faq-search .bd .sinbox li dd{border-bottom: 1px solid #e9e9e9;cursor: pointer;}
.news-faq-search .bd .sinbox li dd h3{display: inline-block;padding: 18px 0 18px 30px;background: url(../images/faq-w.png)no-repeat left bottom;background-position: 0 20px;color: #707070;font-weight:normal;}
.news-faq-search .bd .sinbox  .on h3{background: url(../images/faq-w-on.png)no-repeat left bottom;background-position: 0 20px;color: #f5d51e}
.news-faq-search .bd .sinbox li dd span{float: right;display: block;padding: 18px 30px;color: #9e9e9e;}
.news-faq-search .bd .sinbox li dt{padding: 30px 0 30px 30px;color: #939393;background: url(../images/faq-d.png)no-repeat left top;background-position: 0 32px;}


/*应用列表*/
.picturelist ul li{float: left;width: 50%;padding: 0 40px 40px 0}
.picturelist ul li:nth-child(1n){padding-right: 20px;}
.picturelist ul li:nth-child(2n){padding-right: 0;padding-left: 20px;}
.picturelist ul li .pb{overflow: hidden;display: block;width: 50%;float: left;}
.picturelist ul li .pic{width: 100%;height: 309px; }
.picturelist ul li .pic img{width: 100%;}
.picturelist ul li .txt{width: 50%;height: 100%; float: left;background: #f1f1f1;padding: 20px}
.picturelist ul li .txt h2{font-weight:normal;font-size:25px;color: #252020}
.picturelist ul li .txt p{margin:20px 0 30px 0;}
.picturelist ul li .txt .more{width: 47.9%;display: inline-block;background: #3e8ee1;padding: 10px 0;text-align: center;color: #fff;border-radius: 5px;margin-bottom: 7px;}

/*新闻列表*/
.newsList{width: 100%;}
.newsList li{float: left;width: 31.3%;margin-right: 3%;margin-bottom: 3%;}
.newsList li:nth-child(3n){margin-right: 0}
.newsList li .pic{display: block;position: relative;width: 100%;padding-top: 62.76%;overflow: hidden;}
.newsList li .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}
.newsList li h3{font-size: 20px;color: #191818;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin: 10px 0}
.newsList li span{display: block;color: #7f7f7f;font-size: 16px;margin: 10px 0}
.newsList li .time{font-size: 12px;}
.newsList li .more{width: 96px;line-height: 26px;font-size: 12px;color: #898989;transition: 0.5s all;background-position-x: 70px;border:2px solid #898989;display: block;text-align: center; transition: 0.5s all}
.newsList li p{font-size: 14px;color: #9b9b9b;white-space: normal;height: 48px;overflow: hidden;margin: 10px 0}
.newsList li .more:hover{border: 2px solid #f5d51e;color: #fff;background:#f5d51e;}
.newsList li:hover img{transform: scale(1.1);}
.newsList li:hover h3{color: #005aa8}


/* 新闻详细样式 */
.news-wrap{padding:0 0 90px 0;overflow: hidden;}
.newsIs{ padding-top:20px;}

.newsIsLeft {width:60%;padding-right:3%;border-right: 1px solid #e8e8e8;margin-right: 3%;}

.newsIsTop {border-bottom: 1px solid #eaeaea;padding-bottom: 30px;margin-bottom: 60px;}
.newsIsTop h1 {font-size:25px;line-height:40px;color:#000;}
.newsIsTop .time{display: block;font-size: 16px;color: #000;}
.newsIsTop span{font-size: 14px;color: #a3a3a3;}
.newsIsContent {font-size:14px;line-height:2em;text-align:justify;white-space:normal;margin-bottom:30px;overflow:hidden;min-height:613px;}
.newsIsContent p{padding:5px 0;
}
.newsIsContent img{max-width:100%}
.newsIsLeft .fen {padding-top: 20px;border-top: 1px solid #e8e8e8;}
.newsIsLeft .fen .prew {float: left;width: 362px;background: #ebebeb;padding: 16px;}
.newsIsLeft .fen .nextw {float: right;width: 362px;background: #ebebeb;padding: 16px;}
.newsIsLeft .fen a {white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color: #6b6b6b;font-size: 14px;}
.newsIsRight{width:23%;}
.newsIsRightTitl{font-size:18px;color: #000;overflow:hidden;margin-bottom: 20px;}
.newsIsRight .news-hot ul li{font-size:14px;position: relative;margin-bottom: 30px;}
.newsIsRight .news-hot ul li .pic{display: block;width: 100%;padding-top: 75%;position: relative;overflow: hidden;}
.newsIsRight .news-hot ul li .pic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: 0.5s all}
.newsIsRight .news-hot ul li h3{color: #000;background: url(../images/news-hot-li.png)no-repeat left;margin: 10px 0; font-size: 16px;font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsIsRight .news-hot ul li span{font-size: 12px;color: #b5b5b5;}
.newsIsRight .news-hot ul li:hover img{transform: scale(1.1);}
.showPage{border-top:1px solid #ddd;padding-top:40px;margin-top:30px;}
.showPage p{margin-bottom:10px;font-size: 14px;color: #7b7b7b;}
.showPage p a{font-size: 14px;color: #7b7b7b;}
.showPage .back{float:right;width:130px;height:40px;line-height:40px;background:#ddd;text-align:center;margin-top:-55px;color: #fff;}
.showPage .back i{position:relative;margin-right:8px;font-size:1rem;}
.showPage .back:hover{background:#59b5e9;color:#fff;}
.showPage p a:hover{color: #ffba16}

/*团队列表*/
.teamlist li{width: 100%;padding: 2%;margin-bottom: 30px;    overflow: hidden;background: #fff;}
.teamlist li .pic{display: block;position: relative;width:37%;padding-top: 23.562%;float: left;}
.teamlist li .pic img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.teamlist li .txt{float: right;width: 58%;padding: 2% 0;}
.teamlist li .txt h2{font-size: 35px;color: #000;font-weight: normal}
.teamlist li .txt span{display: block;background: url(../images/list-point.png)no-repeat left;padding-left: 20px; font-size: 16px;color: #ffb321;margin-top: 10px;}
.teamlist li .txt dt{font-size: 14px;color: #6a6a6a;margin: 5% 0;}
.teamlist li .txt .more{display: block;width: 96px;height: 30px;border:2px solid #6a6a6a;font-size: 14px;color: #6a6a6a;text-align: center;line-height: 26px;}


/*案例列表*/
.caseList li{float: left;background: #fff;width: 25%;padding: 0 1%;margin-bottom: 4%}
.caseList li:nth-child(4n){margin-right: 0}
.caseList li .pic{display: block; position: relative;width: 100%;padding-top: 62.2%;}
.caseList li .ntxt{padding: 4% 0 0 0;}
.caseList li .ntxt h4{font-size: 18px;color: #010101;font-weight: normal;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #dedede;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.caseList li .ntxt span{font-size: 12px;color: #9b9b9b;}
.caseList li .ntxt p{font-size: 12px;color: #9b9b9b;margin:10px 0 16px 0;}
.caseList li .ntxt .more{font-size: 12px;color: #afafaf;border:1px solid #afafaf;padding: 8px 20px;}
.caseList li .ntxt .more:hover{color: #fff;border:1px solid #f5d51e;background: #f5d51e}
.caseList li:hover .ntxt h4{color: #f5d51e}
/*案例详情*/
.pictureIsLeft{ width:73%;padding:30px;border: 1px solid #e8e8e8;}
.pictureTop h1{ font-weight:normal; font-size:25px; line-height:40px; color:#000;}
.pictureTop .top{ font-size:14px; line-height:35px; color:#888;overflow:hidden;border:1px solid #eee;margin-top:15px;}
.pictureTop .top span{ padding-right:40px;}
.pictureTop .top .bshare-custom{margin-top:8px;margin-left: 4%;}
.pictureTop .top .sp1{background: url('../images/time-bg_03.png') no-repeat;width:272px;text-align:center;font-size: 14px;color: #9d9d9d;}
.pictureTop .top .sp3{background: url('../images/single-view.png') no-repeat left center;padding-left:30px;}
.pictureContent{ padding-top:20px; font-size:14px; line-height:2em; text-align:justify; white-space:normal;margin-bottom:30px;overflow:hidden;min-height:25rem;}
.pictureContent p{ padding:5px 0;}
.pictureContent img{max-width:100%;}
.pictureIsLeft .fen{padding-top: 20px;border-top: 1px solid #e8e8e8;}
.pictureIsLeft .fen .prew{float: left;width: 48%;background: #ebebeb;padding: 13px;}
.pictureIsLeft .fen .nextw{float: right;width: 48%; background: #ebebeb;padding: 13px;}
.pictureIsLeft .fen a{display: block; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color: #6b6b6b;font-size: 14px;}

.pictureRight{ width:24%;float: right;}
.pictureRight .news-hot{padding: 8%;border: 1px solid #e8e8e8;margin-bottom: 30px;}
.pictureRightTitl{font-size:18px;color: #000;position: relative;padding-left: 14px;}
.pictureRightTitl:after{content: '';position: absolute;top: 5px;left: 0;width: 5px;height: 16px;background: #f5d51e;}
.pictureRight .main{margin-top: 20px;}
.pictureRight .main li{width: 100%;margin-bottom: 4%;background: url(../images/newsIsRight-li.png)no-repeat left;padding-left: 24px;}
.pictureRight .main li a{font-size: 14px;color: #999;}
.pictureRight .main li:last-child{margin-bottom: 0}


.picList li{float: left;width: 25%;position: relative;padding:0 1%}
.picList li .pic{display: block; position: relative;width: 100%;padding-top: 80%;}
.picList li img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: 0.5s all}
.picList li h4{line-height: 50px;font-size: 14px;color: #333;text-align: center;width: 100%}

/*资质证书列表*/
.honorlist li{float: left;width: 20%;position: relative;height: 360px;}
.honorlist li dd{width: 100%;height: 296px;background: #fff;padding: 4%;}
.honorlist li dd p{width: 100%;height: 100%;}
.honorlist li dd a{display: table;margin: 0 auto;}
.honorlist li dd span{display: table-cell;vertical-align: middle;height: 270px;}
.honorlist li dd img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all}
.honorlist li h4{line-height: 30px;font-size: 14px;color: #333;text-align: center;width: 100%}

/*合作伙伴列表*/
.hezuolist ul li {
 float: left;
 height: 120px;
 background: #fff;
 width:16.66%;
 margin-bottom: 1%
}
.hezuolist ul li:nth-child(7n){margin-right: 0;}
.hezuolist ul li a {
 display: table;
 margin: 0 auto;
}
.hezuolist ul li span {
 display: table-cell;
 vertical-align: middle;
 height: 120px;
}
.hezuolist ul li img {
 display: block;
 max-width: 100%;
 max-height: 100%;
 transition: 0.5s all;
}
.hezuolist ul li:hover img {
 transform: scale(1.1);
}

.hezuolist ul li:hover img {
 transform: scale(1.1);
}

/*视频列表*/
.videolist ul li{width: 33.333%;float: left;text-align: center;padding: 0 10px 10px 10px;}
/*.picturelist ul li:nth-child(3n){padding-right: 20px;}*/
.videolist ul li h3{font-size:16px;font-weight:normal;padding: 20px 0;color: #070707;}
.videolist ul li .pic{position:relative;width: 100%;padding-top: 62.6%;border: 1px solid #cecece}

.videolist ul li .pic img{position:absolute;display: block;width: 100%;height: 100%;top: 0;left: 0;padding: 5px;}
.videolist ul li .pic b:after{content: '';position:absolute; display: block;width: 97.333%;height: 96%;background: #000c url(../images/video-icon.png)no-repeat center;top: 5px;left:5px;opacity: 0.8;cursor: pointer;}
.videolist ul li:hover .pic b:after{opacity: 1}
.layui-layer{width:650px;min-width:650px;max-width:800px;height:500px;}



/*联系我们*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #9c9c9c;
  font-size: 14px;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #9c9c9c;
  font-size: 14px;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #9c9c9c;
  font-size: 14px;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #9c9c9c;
  font-size: 14px;
}
.conpage{overflow: hidden;}
.con-tie{font-size: 40px;color: #000;margin: 0 0 4% 0;font-weight: normal;text-align: center;}
.con-tie p{font-size: 16px;color: #868686;padding-top: 20px;}
.ContentBox .map{width: 100%;height: 480px;position: relative;}
.ContentBox .map .baidumap{width: 100%;height: 100%}
.ContentBox .config{position: absolute;left: 0;top: 0; width: 25%;height: 100%; background: rgba(0,90,168,0.9);padding: 2% 3%;color: #fff;z-index: 99;}
.ContentBox .config dt{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #fff;}
.ContentBox .config dt span{font-size: 25px;color: #fff;display: block;line-height: 30px;}
.ContentBox .config .content{margin-bottom:8%}
.ContentBox .config .content h3{font-size: 18px;}
.ContentBox .config .con-tel{background: url(../images/con-tel.png)no-repeat left;font-size: 14px;color: #fff;padding-left: 52px;background-position-y: 6px;margin-top: 2%;}
.ContentBox .config .con-tel b{font-size: 30px;display: block;    margin-bottom: 10px;}
.ContentBox .config .con-tel span{display: block}
.ContentBox .config .con-code img{float: left;}
.ContentBox .config .con-code p{float: right;width: 50%;padding: 12% 0;text-align: left;}

.ContentBox .Sales-call{padding: 2% 0 3% 0;overflow: hidden;}
.ContentBox .Sales-call li{float: left;width: 32%;padding:6% 6%;margin-right: 2%;border:1px solid #e0e0e0;text-align: center;}
.ContentBox .Sales-call li:last-child{margin-right: 0;}
.ContentBox .Sales-call li h3{font-size: 20px;color: #000;margin:10% 0;}
.ContentBox .Sales-call li span{display: inline-block; font-size: 14px;color: #868686;position: relative;}
.ContentBox .Sales-call li span:after{content: '';position: absolute;left: 120%;top: 52%; display: block;width: 25px;height: 1px;background: #cbcbcb;}
.ContentBox .Sales-call li span:before{content: '';position: absolute;right: 120%;top: 52%;display: block;width: 25px;height: 1px;background: #cbcbcb}
.ContentBox .Sales-call li p{font-size: 30px;color: #f5d51e;margin-top: 4%;}

.ContentBox .con-sales li{float: left;width: 48.5%;margin-right: 3%;padding: 3% 4% 10% 3%;color: #fff;}
.ContentBox .con-sales li:nth-child(1){background: url(../images/con-li1.jpg)no-repeat center;background-size: cover}
.ContentBox .con-sales li:nth-child(2){margin-right: 0;background: url(../images/con-li2.jpg)no-repeat center;background-size: cover}


.confeedback{width: 100%;float: left;margin-top: 4%;background: #f2f2f2;padding: 3% 0;}
.confeedback span{font-size:18px;color: #000;font-weight:600;display: block;margin-bottom: 40px;}
.confeedback .contact-feedback li{float: left;width: 32%;margin-right: 2%;}
.confeedback .contact-feedback li:nth-child(3){margin-right: 0}
.confeedback .contact-feedback li input{width: 100%;padding: 16px 20px;border: 1px solid #e1e1e1;border-radius: 2px;font-size:14px;}
.confeedback .textarea{width: 100%;overflow: hidden;padding: 20px 0;}
.confeedback .textarea textarea{width: 100%;border: 1px solid #e1e1e1;height: 16.0rem;padding: 20px;border-radius: 5px;margin-bottom: 20px;font-size:14px;}
.confeedback .textarea button{ width: 10.6%;background: #eb3259;font-size:16px;color: #fff;padding: 17px 0;border-radius: 2px;transition: 0.5s all;cursor: pointer;margin-right: 10px}

/*短视频营销*/
.w1210{width: 1210px;overflow: hidden;margin: 0 auto}
.part1{position: relative;}
/*.part1 .p2{position: absolute;top: 0;left: 0;}
.part1 .p3{position: absolute;bottom:0;left: 0;}
.part1 .p4{position: absolute;bottom:0;right: 0;}
.part1 .p5{position: absolute;bottom:0;z-index: -1;}*/
.part2{background: url(../images/dspyx-part2.jpg);padding: 55px 0 0 0;background-size:cover;}
.part2 ul li{float: left;width: 50%;margin-bottom: 50px;padding: 0 5%;}
.part2 ul li i{display: block;width: 72px;height: 50px;}
.part2 ul li:nth-child(1) i{background: url(../images/part2-01.png)no-repeat center;}
.part2 ul li:nth-child(2) i{background: url(../images/part2-02.png)no-repeat center;}
.part2 ul li:nth-child(3) i{background: url(../images/part2-03.png)no-repeat center;}
.part2 ul li:nth-child(4) i{background: url(../images/part2-04.png)no-repeat center;}
.part2 ul li h3{font-size: 30px;color: #000;position: relative;display: inline-block;margin: 14px 0 20px 0;}
.part2 ul li h3:after{content: '';position: absolute;left: 0;bottom: -4px;width: 100%;height: 5px;background: url(../images/after-h3.jpg);background-size:cover;z-index: -1;}
.part2 ul li:nth-child(2){padding-left: 3%;padding-right: 7%}
.part2 ul li:nth-child(4){padding-left: 3%;padding-right: 7%}

.part3{background: url(../images/dspyx-part3.jpg);padding: 40px 0;background-size:cover;}
.part3 .part-tie{background: url(../images/part3-tie.png)no-repeat center;height: 50px;margin-bottom: 46px;}
.part3 ul li{float: left;width: 22%;margin-right: 4%;}
.part3 ul li:nth-child(4){margin-right: 0}
.part3 ul li h3{margin: 24px 0 16px 0;line-height: 40px;padding-left: 46px;font-size: 20px;color: #191818;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url(../images/dy-icon.png)no-repeat left;}
.part3 ul li b{font-size: 20px;color: #191818;}
.part3 ul li b i{position: relative;font-style: normal}
.part3 ul li b i:after{content: '';position: absolute;left: 0;bottom: 0;width: 100%;height:5px; background: url(../images/i-after.jpg);background-size: cover;z-index: -1;}
.part3 ul li span{display: block;margin: 10px 0 14px 0;font-size: 16px;color: #191818;}

.part4{background: url(../images/dspyx-part4.jpg);padding: 64px 0px 63px 0;background-size:cover;}
.part4 .part-tie{background: url(../images/part4-tie.png)no-repeat center;height: 50px;margin-bottom: 60px;}
.part4 .part-tie-p{font-size: 25px;color: #000;text-align: center;position: relative;top: 60px;}
.part4 ul{margin-top: 90px;}
.part4 ul li{float: left;width: 20%;text-align: center;padding: 0 1.6%;}
.part4 ul li img{display: inline-block;}
.part4 ul li h3{font-size: 22px;color: #000;margin: 60px 0 30px 0; }
.part4 ul li p{font-size: 14px;color: #575757;text-align: left;}

.part5{background: url(../images/dspyx-part5.jpg);padding: 66px 0 74px 0;background-size:cover;}
.part5 .part-tie{background: url(../images/part5-tie.png)no-repeat center;height: 50px;margin-bottom: 60px;}
.part5 ul li{float: left;width: 20%;text-align: center;}


.part6{background: url(../images/dspyx-part6.jpg);padding: 40px 0 69px 0;}
.part6 .part-tie{background: url(../images/part6-tie.png)no-repeat center;height: 50px;margin-bottom: 60px;}

.part7{background: url(../images/dspyx-part7.jpg);padding:100px 0 32px 0;}
.part7 .part-tie{background: url(../images/part7-tie.png)no-repeat center;height: 50px;margin-bottom: 60px;}
.part7 .ab-txt-fl{float: left;width: 45%;padding-right: 5%}
.part7 .ab-txt-fl h3{font-size: 25px;color: #000;}
.part7 .ab-txt-fl img{margin: 30px 0 50px 0; }
.part7 .ab-txt-fl p{font-size: 16px;color: #595959;line-height: 32px;}
.part7 .ab-img-fr{float: right;width: 55%;}
.part7 .director{margin-top: 65px;}
.part7 .director img{display: block;margin: 0 auto;}
.part7 .works li{margin-top: 60px;}
.part7 .works li h3{font-size: 25px;color: #000;text-align: center;margin-bottom: 30px;}
.part8{background: url(../images/dspyx-part8.jpg);padding: 40px 0 138px 0;}
.part8 .part-tie{background: url(../images/part8-tie.png)no-repeat center;height: 50px;margin-bottom: 60px;}
.part8 ul img{display: block;margin: 0 auto;}

/*产品详情页*/
.probox{margin: 0 auto;overflow: hidden;}
.probox1 ul{float: left;width: 33.33%;text-align: left;padding-right: 2%}
.probox1 ul .tie{font-size: 30px;color: #000;padding-top: 24px;position: relative;font-weight: normal;margin-bottom: 10px;}
.probox1 ul .tie:after{content: '';position: absolute;left: 0;top: 0;width: 60%;height: 3px;background: #fff000;}
.probox1 ul span{font-size: 14px;color: #5c5c5c;}
.probox1 ul p{font-size: 18px;color: #000;margin-top: 120px;margin-bottom: 30px;}
.probox1 ul b{display: block;font-size: 20px;color: #000;}
.probox1 ul dt{margin: 8% 0;font-size: 14px;color: #5c5c5c;}
.probox2{margin: 4% 0;}
.probox2 img{max-width: 100%;}
.probox2 table{max-width: 100%}

.probox3 ul li{float: left;width: 22.2%;}
.probox3 ul li .pic{display: block;position: relative;width: 100%;padding-top:84.5%;}
.probox3 ul li .pic img{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.probox3 ul li .pic:after{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);opacity: 0;transition: 0.5s all;}
.probox3 ul li span{position: absolute;left: 0;top: 50%;width: 100%; font-size: 16px;color: #fff;text-align: center;opacity: 0;transition: 0.5s all;}
.probox3 ul li:nth-child(1){width: 52%;margin-right: 1.8%;}
.probox3 ul li:nth-child(1) .pic{display: block;position: relative;width: 100%;padding-top:75.5%;}
.probox3 ul li:nth-child(2){margin-bottom: 1.8%;margin-right: 1.8%;}
.probox3 ul li:nth-child(3){margin-bottom: 1.8%;}
.probox3 ul li:nth-child(4){margin-right: 1.8%;}

.probox3 ul li:hover span{opacity: 1}
.probox3 ul li:hover .pic:after{opacity: 1}
/*相关产品*/
.relapro{position: relative;padding: 60px 0;background: #f3f3f3;margin-top: 4%}
.relapro .tie{font-size: 50px;color: #000;padding-bottom: 20px;margin-bottom: 30px;}
.rela_pro{overflow: hidden;padding: 0 1px}
.rela_pro li{float: left;}
.rela_pro li .pic{display: block;width: 100%;padding-top: 74%;position: relative;overflow: hidden;}
.rela_pro li .pic img{display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0; transition: 0.5s all}
.rela_pro li h3{font-size: 18px;color: #000;font-weight: normal;margin: 20px 0 10px 0; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.rela_pro li h3 span{font-size: 14px;color: #7a7a7a;}
.rela_pro li:hover .pic img{transform: scale(1.1);}
.rela_pro li:hover h3{color: #f5d51e}



/*底部*/
.footer {
 background:url(../images/foot_bg.jpg) no-repeat center top;background-size: cover;
 padding:70px 0;
 overflow:hidden;
 color:#919191;
}
.footer .Plate-fl{float: left;width: 50%}
.footer .Plate-fr{float: right;width: 50%}
.footer .Plate1{width: 45%;float:left;}
.footer .Plate1 h3{margin-bottom: 50px;}
.footer .Plate1 ul{width: 100%;height: 16px;}
.footer .Plate1 ul a{float:left;display: block;width: 20px;height: 16px;margin-right: 10px;}
.footer .Plate1 ul a:nth-child(1){background: url(../images/wx-icon.png)no-repeat center;}
.footer .Plate1 ul a:nth-child(2){background: url(../images/sina-icon.png)no-repeat center;}
.footer .Plate1 ul a:nth-child(3){background: url(../images/qq-icon.png)no-repeat center;}
.footer .Plate1 a{font-size: 12px;color: #fff;}
.footer .Plate1 p{font-size: 12px;color: #fff;}
.Plate2{width: 50%;text-align: center;float:left;}
.Plate2 ul a{display: inline-block;width: 32%;padding: 10px 0;font-size: 14px;color: #fff;border-bottom: 1px solid #ddd;margin: 0 5%;text-align: left;}
.Plate3{width: 56%;float:left;}
.Plate3 h3{font-size: 20px;font-weight: normal;color: #fff;margin-bottom: 10px;}
.Plate3 ul li{font-size: 14px;color: #fff;line-height: 30px;}
.Plate3 ul li i{display: inline-block;width: 20px;height: 20px;}
.Plate3 ul li.p1 i{background: url(../images/foot-icon.png)no-repeat center;background-position: 0 0;}
.Plate3 ul li.p2 i{background: url(../images/foot-icon.png)no-repeat center;background-position: 0 -30px;}
.Plate3 ul li.p3 i{background: url(../images/foot-icon.png)no-repeat center;background-position: 0 -60px;}
.Plate3 ul li.p4 i{background: url(../images/foot-icon.png)no-repeat center;background-position: 0 -90px;}
.Plate4{width: 40%;float:left;}
.Plate4 h3{font-size: 20px;font-weight: normal;color: #fff;margin-bottom: 10px;}
.Plate4 b{font-size: 25px;color: #fbaa1f;}

.wh{width: 100%;}
.HomeProduct{margin:70px 0}
.HomeProduct .tone{margin:10px 0 35px;text-align:center}
.HomeProduct .tone li{display:inline-block;color:#333;font-size:20px;border:1px #ddd solid;padding:18px 60px;cursor:pointer}
.HomeProduct .tone li.hit{color:#fff;background:#108bd6}
.HomeProduct .picScroll-left{position:relative}
.HomeProduct .list li{position:relative;float:left;width:420px;text-align:center; margin-bottom: 20px;}
.HomeProduct .list li:before{content:"";position:absolute;right:11px;top:0;width:75px;height:73px;z-index:99}
.HomeProduct .list li img{height:300px;width:auto;max-width:100%}
.HomeProduct .list li a{display:block;margin:0 10px 0;padding:0 0 20px; box-shadow: 0px 8px 10px 0px rgba(90, 91, 95, 0.3);border-radius: 5px;}
.HomeProduct .list li h4{margin:10px 0 5px;color:#222;font-size:16px}
.HomeProduct .list li span{color:#333;font-size:12px}
.HomeProduct .next,.HomeProduct .prev{position:absolute;left:-55px;top:180px;cursor:pointer}
.HomeProduct .next{left:auto;right:-55px}
.HomeProduct .list li:hover a{transform: translate3d(0,-5px,0);-webkit-transform: translate3d(0,-5px,0);-moz-transform: translate3d(0,-5px,0);-o-transform: translate3d(0,-5px,0);}
.HomeProduct .list li:hover h4{color:#108bd6}

.titleAx{margin:10px 0;text-align:center;font-size:36px;color:#333;font-weight:700}
.titleAx font{display:block;color:#333;font-size:12px;margin-top:5px;font-weight:400}
#titleAx-white,#titleAx-white font{color:#fff}
.HomeAbout{padding:80px 0;background:url(../images/hbBg.jpg) no-repeat center;height:580px}
.HomeAbout .wx{margin:40px 0 70px;color:#fff;font-size:14px;text-align:center}
.HomeAbout ul{text-align:center}
.HomeAbout ul li{display:inline-block;border:1px #eee solid;padding:20px 30px;margin:0 20px;text-align:center}
.HomeAbout ul li em{display:block;width:50px;height:50px;margin:auto}
.HomeAbout ul li h3{color:#fff;font-size:16px;margin-top:5px}
.HomeAbout ul li.x1 em{background:url(../images/hbIco01.png) no-repeat center}
.HomeAbout ul li.x2 em{background:url(../images/hbIco02.png) no-repeat center}
.HomeAbout ul li.x3 em{background:url(../images/hbIco03.png) no-repeat center}
.HomeAbout ul li.x4 em{background:url(../images/hbIco04.png) no-repeat center}
.HomeAbout ul li.x5 em{background:url(../images/hbIco05.png) no-repeat center}
.HomeAbout ul li:hover{background:#108bd6}

.page-news{padding-top: 60px; overflow: hidden;background: #f5f5f5}