html,body{padding: 0;margin: 0;font-family: "Microsoft YaHei";font-size: 16px;color: #333;overflow-x:hidden;}
.wrap{max-width:1400px;margin: 0 auto; width:100%}
.wrapa{max-width:1400px;margin: 0 auto; width:100%}
.wraps{max-width:1400px;margin: 0 auto; width:100%;padding-top:10px;font-size: 12px;}
.wrapss{max-width:1400px;margin: 0 auto; width:100%;padding-top:10px;font-size: 12px;display:inline;}
.wrapss ul li a{color:#fff;}
.wrapss ul li{display:inline;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.bgf9f9f9{background: #F9F9F9;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden }
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: "Microsoft YaHei"!important;}

@font-face {
  font-family: 'iconfont';  /* Project id 2533522 */
  src: url('../font/font_2533522_4otu3gjkj7c.woff2') format('woff2'),
       url('../font/font_2533522_4otu3gjkj7c.woff') format('woff'),
       url('../font/font_2533522_4otu3gjkj7c.ttf') format('truetype');
}
/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#aaa; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#fff;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#fff;}

/**导航菜单**/
header .wrap{max-width: none;padding: 0 2.864vw;}
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 99;height: 100px;background: rgba(255, 255, 255, 1);border-bottom: 1px solid rgba(255,255,255,.2);}
header.indexHeader{background: none;}
.on-fixed header{border-bottom: 1px solid rgba(0, 0, 0, .1);}
.on-fixed header.indexHeader{background: rgba(255, 255, 255, 1);}
.on-fixed header.indexHeader .rightDiv .menu>ul>li>a{ color:#333}
.on-fixed header .rightDiv .menu>ul>li:hover>a,.on-fixed header .rightDiv .menu>ul>li:focus>a,.on-fixed header .rightDiv .menu>ul>li.on>a,.on-fixed header .rightDiv .menu>ul>li.active>a{color:#fff;}	
.on-fixed header.indexHeader .rightDiv .english,.on-fixed header.indexHeader .rightDiv .search{ color:#0271bd;}
.on-fixed header.indexHeader .mbtn{background: url(../image/menu1.png) no-repeat center center;}
header .logo a{height: 100px;position: relative;z-index: 99;display:flex;justify-content:center;align-items:center;}
header .logo img{max-height: 90%;}
header .rightDiv .menu{text-align: right;position: relative;height: 100px;}
header .rightDiv .menu>ul{display: inline-block!important;}
header .rightDiv .menu>ul>li{float: left;position: relative;margin-right: .5vw;}
header .rightDiv .menu>ul>li>a{height: 100px;line-height: 100px;text-align: center;color: #333;font-size:15px;display: block;position: relative;text-transform:uppercase;/*font-weight: bold;*/width:150px;}
header.indexHeader .rightDiv .menu>ul>li>a{color: #fff;}
header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on,header .rightDiv .menu>ul>li.active{background:#0271bd;}

header .rightDiv .menu>ul>li:hover>a,header .rightDiv .menu>ul>li:focus>a,header .rightDiv .menu>ul>li.on>a,header .rightDiv .menu>ul>li.active>a{color:#fff; }	
/*header .rightDiv .menu>ul>li>a::before{content: "";position: absolute;width: 100%;background: #fff;height: 3px;left: 0;bottom: 14px;opacity: 0;transform: scaleX(0);-webkit-transition: all 0.4s;transition: all 0.4s;}
header .rightDiv .menu>ul>li:hover>a::before,header .rightDiv .menu>ul>li.on>a::before{opacity: 1;transform: scaleX(1);}*/
header .rightDiv .ny_menu>ul>li:hover,header .rightDiv .ny_menu>ul>li:focus,header .rightDiv .ny_menu>ul>li.on,header .rightDiv .ny_menu>ul>li.active{background:;}
header .rightDiv .ny_menu .english{ color:#0271bd}
header .rightDiv .ny_menu .search{ color:#0271bd}
header .rightDiv .ny_menu .telDiv{ color:#0271bd}

header .rightDiv .telDiv{line-height: 100px;padding-left: 36px;background: url(../image/tel.png) no-repeat left center;font-size: 24px; font-family: fontC;color: #333;}
header.indexHeader .rightDiv .telDiv{background: url(../image/tel1.png) no-repeat left center;color: #fff;}
header .rightDiv .english{line-height: 100px; padding-left:25px; font-size: 24px; font-family: fontC; color: #fff;}
header .rightDiv .english img{ width:30px}
header .rightDiv .search{line-height: 105px; padding-left:25px; font-size: 24px; font-family: fontC; color: #fff;}
header .rightDiv .search i{font-family:"iconfont" !important;font-size:24px;font-style:normal;}
header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../image/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../image/menu.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../image/menu-hide1.png) no-repeat center center;background-size: 22px auto;}
/*body.on-menu header.indexHeader .mbtn{background: url(../images/menu-hide.png) no-repeat center center;}*/
@media (max-width:1500px) {
header .rightDiv .menu>ul>li>a{width:130px;}	
}
@media (max-width:1400px) {
	header .wrap{padding: 0 15px;}
	header .rightDiv .menu>ul>li{margin-right:10px;}
	header .rightDiv .menu>ul>li>a{width:120px;}
	header .rightDiv .telDiv{font-size: 20px;}
	header .rightDiv .english{font-size: 20px; padding-left:15px;}
	header .rightDiv .search{font-size: 20px; padding-left:15px;}
	header .rightDiv .search i{font-size: 20px;}
	.wrap{width:96%;}
}
.bd p{
    margin-top:12px;
	margin-left:22px;
}
.bd p a{
	color:#333;
}
@media (max-width:1250px) {
	header .logo a{width: 141px;}
	header .rightDiv .menu>ul>li>a{width:110px;font-size: 14px;}
	header .rightDiv .telDiv{font-size: 16px;padding-left: 30px;}
}
@media (max-width:1150px) {
header .rightDiv .menu>ul>li>a{width:100px;}	
}
@media (max-width:1080px) {
header .rightDiv .menu>ul>li>a{width:90px;}	
}
@media (max-width:920px) {
	header .rightDiv .telDiv{display: none;}	
	header .rightDiv .english{display:none}
	header .rightDiv .search{display:none}
	table{ width:100% !important}
}
@media (max-width:780px) {
header .rightDiv .ny_menu .telDiv,header .rightDiv .ny_menu .english,header .rightDiv .ny_menu .search{ display:none}	
}
/****友链***/
.yqlj{margin: 0px auto;padding-top:6px;font-size: 12px; max-width:1400px;} 
.yqlj p{display:inline;}
.yqlj li{display:inline;}
.yqlj li a{color:#fff; padding-left:5px;}

/****底部***/
.footerDiv{color: #fff;}
.footerDiv .hd{padding:30px 0;background: #1e1e1e;}
.footerDiv .hd .listDiv{height: 100%;}
.footerDiv .hd span{display: block; font-size:14px;}
.footerDiv .hd .listDiv a{display: block;color:#ccc; margin-top: 10px; font-size:12px}
.footerDiv .hd .listDiv a:hover{color:#fff;}
.footerDiv .hd .infoDiv .p{margin:5px 0; font-size:14px;}
.footerDiv .hd .infoDiv .p p{margin: 0;line-height: 2;color: rgba(255,255,255,.6);}
.footerDiv .hd .infoDiv .p .tel{ font-size:30px; font-weight:bold; color:#FFF}
.footerDiv .hd .infoDiv .p p a{color: rgba(255,255,255,.6);}
.footerDiv .hd .ewmDiv{text-align: left;position: relative;margin-top: 10px;}
.footerDiv .hd .ewmDiv img{border-radius: 10px;max-width: 124px;}
.footerDiv .hd .ewmDiv span{display: inline-block;color: rgba(255,255,255,.5);margin-left: 10px;position: absolute;left: 134px;bottom: 0;}
.footerDiv .bd{text-align: center;background: #000;color: rgba(255,255,255,.5);}
.footerDiv .bd .linkDiv{border-bottom: 1px solid rgba(255,255,255,.1);padding: 15px 0;text-align: left;color: #fff;}
.footerDiv .bd .linkDiv a{color: #fff;margin-right: 20px;}
.footerDiv .bd .banquan{padding: 15px 0; font-size:12px; overflow:hidden}
.footerDiv .bd .banquan a{color: rgba(255,255,255,.5);}
.footerDiv .bd .linkDiv a:hover{color: #10cd5c;}
.footerDiv .bd .banquan a:hover{color: rgba(255,255,255,1);}
.footerDiv .col-sm-box{ width:14%; border-right: 1px solid rgba(255,255,255,.1); margin-right:6%}
.footerDiv .col-sm-conta{width:20%;}

@media (max-width:1024px) {
.footerDiv .hd{ padding:40px 0}	
.footerDiv .col-sm-box{margin-right:3%; width:17%;}	
.footerDiv .bd .banquan .fl,.footerDiv .bd .banquan .fr{ width:100%}
.footerDiv .hd .infoDiv .p .tel{font-size:16px;}
}

@media (max-width:820px) {
.footerDiv .col-sm-box{ width:100%;margin-right:0; display:none}
.footerDiv .hd .listDiv a{ width:20%; float:left; height:30px; line-height:30px; overflow:hidden}
.footerDiv .hd .listDiv{ margin-bottom:20px; overflow:hidden}
.footerDiv .col-sm-conta{width:100%; text-align:center}
}

@media (max-width:480px) {
.footerDiv .hd{ padding:30px 0}		
.footerDiv .hd span{font-size:20px;}
.footerDiv .bd .banquan .fl{ display:none}
}

@media (max-width:380px) {	

}
/********************************* 首页 **********************************/
.main{margin-top: 100px;}
.index-main{margin: 0;}

/*banner轮播*/
.index-banner{width: 100%;position:relative;}
.index-banner i{font-family:"iconfont" !important;font-size:30px; font-style:normal; color: rgba(255,255,255,.8);}
.index-banner i:hover{color: rgba(237, 3, 3, 0.9);}
.ui-homebanner .swiper-slide{overflow: hidden;}
.ui-homebanner .img{width: 100%;display: block;height:920px;min-height: 920px;background-size: cover;}
.ui-homebanner .img a{ display:block; width:100%; height:100%}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
.ui-homebanner .swiper-pagination-bullet {width: 72px;height: 35px;text-align: center;line-height: 30px;font-size: 20px;color: #fff;opacity: .5; margin: 0;border-bottom: 2px solid rgba(255,255,255,1);background: none;border-radius: 0;position: relative;font-family: fontC;}
.ui-homebanner .swiper-pagination-bullet:before{content: "";width: 2px;height: 10px;background: rgba(255,255,255,1);position: absolute;left: -2px;bottom: -6px;}
.ui-homebanner .swiper-pagination-bullet:after{content: "";width: 2px;height: 10px;background: rgba(255,255,255,1);position: absolute;right: 0;bottom: -6px;}
.ui-homebanner .swiper-pagination-bullet-active {opacity: 1;}

@media (max-width:1400px) {
.ui-homebanner .img{min-height:850px; height:850px;}
}
@media (max-width:1024px) {
.ui-homebanner .img{min-height:720px; height:720px;}
}
@media (max-width:780px) {
.ui-homebanner .img{min-height:550px; height:550px;}
}
@media (max-width:480px) {
.ui-homebanner .img{min-height:280px; height:280px;}
}



.index-title{text-align: center; margin-bottom:30px; visibility:visible; animation-name:fadeInDown;}
.index-title span{font-size:36px; display: block; font-weight: bold;}
.index-title h1{font-size:36px; display: block; font-weight: bold;}
.index-title p{display: block; color: #999999; margin: 5px 0 0; font-size: 16px; letter-spacing: .2em;}
.index-title:after {content: ""; display: inline-block; width:60px; height:3px; background-color:#0271bd; vertical-align: middle;}

@media (max-width:1024px) {
     .index-title{margin-bottom:20px;}
}

@media (max-width:480px) {
	.index-title span{font-size: 24px;}
	.index-title p{font-size: 12px;}

}
#sj_search{ display:none}


.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}

/**搜索**/
#pop__search {display:none;margin-bottom:0;position:relative}
#pop__search .box {width:680px;height:52px;background:#fff;border:1px solid #ddd;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s}
#pop__search .box form {display:block;width:100%;height:50px;position:relative;padding-right:50px}
#pop__search .box form .btn01 {width:100%;height:50px;line-height:50px;border:none;background:none;outline:0;padding:0 0 0 20px;font-size:14px;color:#666}
#pop__search .box form .btn01::-webkit-input-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01::-moz-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01:-moz-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn01:-ms-input-placeholder {color:#666;font-size:14px}
#pop__search .box form .btn02 {display:block;padding:10px;width:50px;height:50px;border:none;background:none;outline:0;position:absolute;right:0;top:0}
#pop__search .box form .btn02 i {vertical-align:top;margin-top:0px;width:20px;height:20px;color:#333;font-family:"iconfont" !important;font-size:24px;font-style:normal;}
#pop__search .box form .btn02:hover svg {color:#0000ff}


.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#282828;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color: #fff;}
/*.menu>ul>li.has-sub>a{padding-right:25px}*/
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-15px;width:8px;height:8px;border-bottom:1px solid #000;border-right:1px solid #000;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu>ul>li.has-sub:hover>a::after,.menu>ul>li.has-sub.on>a::after{border-color:#fff}*/
.menu ul ul{position:absolute;left:-9999px;text-align: left;box-shadow: 0px 5px 5px rgba(0,0,0,.1);}
.menu li:hover>ul{left:0;margin-left: 0px;}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top:0;width: auto;}
.menu ul ul li:hover>ul{left: auto;margin-left: 0;}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
.menu ul ul{padding: 0 0; width:250px;background: rgba(0, 0, 0, .8);top: 100px;padding: 15px;}
.menu ul ul li a{padding:10px 30px 10px 14px;width:100%;font-size:15px;text-decoration:none;color:#fff;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;background: url(http://www.yantech.cn/script/ca/images/yuan.png) no-repeat left center;}
.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#b91768;background: url() no-repeat left center;}
/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/
.ny_menu ul ul{background: rgba(255, 255, 255, .8);}
.ny_menu ul ul li a{ color:#666}


@media (min-width:992px) and (max-width:1024px) {
	.menu ul ul ul,.menu ul ul li a{width: 180px;}
	.menu li:hover>ul{margin-left: -90px;}
}
@media (min-width:768px) and (max-width:991px) {
	.menu ul ul ul,.menu ul ul li a{width: 180px;}
	.menu li:hover>ul{margin-left: -90px;}
}
@media all and (max-width:992px){
	
	img{max-width: 100%;height:auto!important;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu ul ul{top: 0;border: 0;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;z-index:99}
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	header {position: fixed !important;z-index: 99;top: 0;left: auto;right: 0;width: 100%;height: 50px;transition: right 300ms !important;}
	/*.on-fixed header.indexHeader{background: rgba(0,0,0,.5);}*/
	header .logo a{height: 50px;line-height: 50px;width: initial;}
	header .logo img {max-height: 60%;}
	/*body.on-menu header {right: 45%;}*/
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {float: right;position: fixed;top: 0px;right: 0;width: 100%;height: 100%;padding-top: 0;background-color: rgba(255, 255, 255, 1);/*border-bottom: 1px solid #f8f8f847;*/transition: right 300ms;        right: -100%;padding: 0;overflow-y: auto;}
	/*header.indexHeader .rightDiv .menu{background-color: rgba(0, 0, 0, .9);}*/
	header .rightDiv .menu ul li {padding: 0;margin: 0;/*border-bottom: 1px solid #f8f8f847;*/float: none;}
	header .rightDiv .menu ul li a {display: block;line-height: 50px;height: 50px;/*color: #fff;*//*padding: 0 15px;*/text-align: left;font-size: 16px;}
	header .rightDiv .logSignDiv{float: left;line-height: 50px;padding: 0;}
	header .rightDiv .menu>ul {display: block;padding-top: 50px;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu ul li i{display: block;}
	header .rightDiv .menu ul li>a{margin: 0;width: calc(100% - 50px);}
	header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}
	header .rightDiv .menu ul li>a:hover, header .rightDiv .menu ul li>a:focus, header .rightDiv .menu ul li>a.on{color: #FFF!important;}
	header .rightDiv .menu>ul>li:hover, header .rightDiv .menu>ul>li:focus, header .rightDiv .menu>ul>li.active{background: none;}
	header.indexHeader .rightDiv .menu>ul>li.on>a{color: #fff;}
	header .rightDiv .menu>ul>li:hover>a{color: #333;}
	.menu ul ul{box-shadow: none;}
	header .rightDiv .menu .linkDiv{display: none;}
	header .rightDiv .menu>ul>li.has-sub{padding: 0;}
	header .rightDiv .menu>ul>li>a::before{display: none;}
	header .rightDiv .telDiv{float: left;line-height: 50px;margin-left: 20px;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	.index-main{margin-top: 0;}
	header .rightDiv .search{ display:none}
	
	#sj_search{ display: block; width:100%; background:#0271bd; padding:20px 0; overflow:hidden}
	#sj_search form {display:block;width:80%; margin:0 auto;height:50px;position:relative;}
#sj_search .btn01 {width:100%;height:50px;line-height:50px;border:none;;outline:0;padding:0 0 0 20px;font-size:14px;color:#666; border:1px solid #ccc; background:#fff; border-radius:0}
#sj_search .btn02 {display:block; width:50px;height:50px; line-height:50px; border:none;background:none;outline:0;position:absolute;right:0;top:0;  background:#fff}
#sj_search .btn02 i {vertical-align:top;margin-top:0px;color:#333;font-family:"iconfont" !important;font-size:24px;font-style:normal;}


}

/*手机*/
@media (max-width:767px) {
	img{max-width: 100%;height:auto!important;}
	.hidden-xs{display: none;}
	.visible-xs{display: block;}

	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
	.ui-homebanner .swiper-pagination-bullet{width: 42px;font-size: 16px;height: 30px;line-height: 25px;}
	.breadcrumbDiv{float: initial;margin: 0 15px;font-size: 14px;line-height: 50px;}	
}


/**首页产品中心**/
.index_pro{ margin-top:60px}
.pc-slide {width:100%;margin:0 auto; overflow:hidden;}
.preview {width:100%; position:relative; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.preview .swiper-container-preview {width:94%;height:50px;overflow:hidden; float:left}
.preview .swiper-slide {height:50px;line-height:50px;text-align:center;cursor:pointer; width:190px; background:#f5f5f5; border:1px solid #f5f5f5; margin-right:1px}
.preview .arrow-left {width:3%;height:50px; background:#f5f5f5; border:1px solid #f5f5f5; float:left; text-align:center}
.preview .arrow-right {width:3%;height:50px; background:#f5f5f5; border:1px solid #f5f5f5; float:right; text-align:center}
.preview .arrow-left i,.preview .arrow-right i{ color:#999; line-height:50px; font-family:"iconfont" !important;font-size:16px; font-style:normal; }
.preview .arrow-left:hover i,.preview .arrow-right:hover i{color:#296df4;}
.preview img {padding:1px;}
.preview .active-nav {padding:0; background-color:#0271bd; border:#0271bd; color:#fff;}

.view{visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.6s;}
.view .swiper-slide dl{overflow:hidden; margin-top:30px}
.view .swiper-slide dl dt{width:43%; float:left;}
.view .swiper-slide dl .box{width:55%; float:right}
.view .swiper-slide dl .pro_img{width:100%; border:1px solid #ddd; overflow:hidden; position:relative}
.view .swiper-slide dl .pro_name{ width:100%; height:100%; background:rgba(0, 0, 0, .8); position:absolute; top:100%}
.view .swiper-slide dl .pro_name span{ display:block; width:90%; height:90%; margin:5%; border:1px solid #FFF; padding:5%; font-size:14px; color:#FFF; font-weight:normal; line-height:25px}
.view .swiper-slide dl .pro_name span i{ display: block; width:80px; height:80px; line-height:80px; margin:0 auto; font-family:"iconfont" !important;font-size:50px; font-style:normal; margin-top:60px}
.view .swiper-slide dl .pro_img:hover{border:1px solid rgba(0, 0, 0, .5); transition: all 0.8s ease-out 0s}
.view .swiper-slide dl .pro_img:hover .pro_name{background:rgba(0, 0, 0, .5); top:0; display:block; transition: all 0.3s ease-out 0s}
.view .swiper-slide dl p{ width:100%; background:#0271bd; height:40px; line-height:40px; text-align:center; color:#FFF; margin-bottom:0}

.view .swiper-slide dl dt .pro_img01{height:540px;}
.view .swiper-slide dl dt .pro_img{display:block;width:100%;height:100%;text-align:center;overflow:hidden;background:#fff;position:relative;}
.view .swiper-slide dl dt .pro_img img{max-width:100%;max-height:112%;vertical-align:middle;transition: all 0.3s ease-out 0s;}

.view .swiper-slide dl dd{ width:48.5%; float:left; margin-bottom:25px; overflow:hidden; height:277.5px}
.view .swiper-slide dl dd .pro_img01{height:237.5px;}
.view .swiper-slide dl dd .pro_img{display:block;width:100%;height:100%;text-align:center;overflow:hidden;background:#fff;position:relative;}
.view .swiper-slide dl dd .pro_img img{max-width:100%;vertical-align:middle;}
.view .swiper-slide dl dd .pro_name span{ height:195px}
.view .swiper-slide dl dd:nth-of-type(even){float:right;}
.view .swiper-slide dl dd:nth-child(3),.view .swiper-slide dl dd:nth-child(4){ margin-bottom:0}
@media (max-width:1400px) {
.preview .swiper-slide{ width:180px}	
}
@media (max-width:1024px) {
	.index_pro{ margin-top:40px}
	.preview .swiper-slide{ width:185px}	
	.view .road-text{margin-top:0px;}
	.view .road-text .road-font02 font{ line-height:0px}
	.view .swiper-slide dl dt{width:50.5%;}
	.view .swiper-slide dl dt .pro_img01{height:480px}
	.view .swiper-slide dl dd{height:252.5px; margin-bottom:15px;}
	.view .swiper-slide dl dd .pro_img01{height:212.5px;}
	.view .swiper-slide dl dd .pro_name span{ height:195px}
	.view .swiper-slide dl .box{width:48%;}
}
@media (max-width:820px) {
    .preview .swiper-slide{ width:175px}
	.view .swiper-slide dl dt .pro_img01{height:360px}
	.view .swiper-slide dl dd{height:192px; margin-bottom:15px;}
	.view .swiper-slide dl dd .pro_img01{height:152px;}
	.view .swiper-slide dl dd .pro_name span{ height:135px}	
	.view .swiper-slide dl .pro_name span i{margin-top:30px;}
}
@media (max-width:480px) {
	.index_pro{ margin-top:30px}
	.view .road-text .road-icon{ display:none}
	.view .road-text .road-icon02{ display:none}	
	.preview .arrow-left,.preview .arrow-right	{ display:none}	
	.preview .swiper-container-preview{ width:100%}
	.preview .swiper-slide{ width:200px}
	.view .swiper-slide dl{margin-top:15px;}
	.view .swiper-slide dl dt{width:100%; margin-bottom:15px}
	.view .swiper-slide dl .box{width:100%;}
}
@media (max-width:380px) {
.preview .swiper-slide{ width:180px}	
}
@media (max-width:320px) {
.view .swiper-slide dl dt .pro_img01{height:300px}
}


/**首页关于我们**/
.index_about{ margin-top:60px; background:url(../image/b.png) no-repeat bottom #f8f8f8; padding:60px 0 80px; overflow:hidden}
.index_about .index_about_box{ overflow:hidden}
.index_about .video_play{ float:left; width:40%; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.2s;}
.index_about .index_about_wz{ float:right; width:56%; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.4s;}
.index_about .index_about_wz .index_about_wz_bt{ overflow:hidden}
.index_about .index_about_wz h2{ font-size:30px; color:#0271bd; font-weight:bold; letter-spacing:.1em; margin-right:5px; float:left}
.index_about .index_about_wz .index_about_wz_box{ font-size:14px; line-height:30px; color:#333; text-indent:2em; }
.index_about .index_about_wz .index_about_lst{ width:100%; overflow:hidden; margin-top:20px}
.index_about .index_about_wz .index_about_lst li{ width:25%; float:left; height:160px;}
.index_about .index_about_wz .index_about_lst li a{ width:150px; height:150px; border-radius:20px; background:rgba(0, 0, 0, .05);  display:block; margin:0 auto; text-align:center; box-shadow:3px 3px 3px #ccc;}
.index_about .index_about_wz .index_about_lst li a i{ display:block; padding-top:20px; color:#296df4; font-family:"iconfont" !important;font-size:40px; font-style:normal; }
.index_about .index_about_wz .index_about_lst li a p{ font-size:16px; margin-bottom:0; color:#666}
.index_about .index_about_wz .index_about_lst li a span{font-size:12px; text-transform:uppercase; color:#999}
.index_about .index_about_wz .index_about_lst li a:hover{background:rgba(237, 133, 3, .7); color:#FFF; transition:all 0.7s linear;-webkit-transition:all 0.7s linear; transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}
.index_about .index_about_wz .index_about_lst li a:hover i,.index_about .index_about_wz .index_about_lst li a:hover p,.index_about .index_about_wz .index_about_lst li a:hover span{color:#FFF}
.index_about .index_about_wz .index_about_lst li:nth-child(1){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.6s;}
.index_about .index_about_wz .index_about_lst li:nth-child(2){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.8s;}
.index_about .index_about_wz .index_about_lst li:nth-child(3){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:1s;}
.index_about .index_about_wz .index_about_lst li:nth-child(4){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:1.2s;}

@media (max-width:1400px) {
.index_about .index_about_wz h2{font-size:28px}
.index_about .index_about_wz .index_about_wz_box{line-height:30px;}	
}

@media (max-width:1024px) {
.index_about{margin-top:40px; padding:40px 0 50px;}	
.index_about .video_play{width:100%; margin-bottom:20px}
.index_about .index_about_wz{width:100%;}
}

@media (max-width:480px) {
.index_about{margin-top:30px; padding:30px 0 40px;}		
.index_about .index_about_wz .index_about_lst li{ width:50%}
.index_about .index_about_wz h2{letter-spacing: 0em;}
}

/**首页新闻资讯**/
.index_news{margin-top:60px; overflow:hidden}
.index_news .preview01 {position:relative; text-align:center; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.index_news .preview01 .swiper-container-preview { height:50px;overflow:hidden;  display:inline-block}
.index_news .preview01 .swiper-slide {height:50px;line-height:50px;text-align:center;cursor:pointer; width:190px; border:1px solid #eee; margin-right:20px}
.index_news .preview01 .swiper-slide:last-child{margin-right:0px}
.index_news .preview01 img {padding:1px;}
.index_news .preview01 .active-nav {padding:0; background-color:#0271bd; border:1px solid #0271bd; color:#fff;}
.index_news .view01 .swiper-slide{overflow:hidden; margin-top:30px}
.index_news .rowDiv{margin-top:20px;}
.index_news .rowDiv .leftDiv{width:40%; visibility:visible; animation-name:fadeInLeft; animation-duration:1s; animation-delay:.6s;}
.index_news .rowDiv .leftDiv a{display: block;position: relative; overflow: hidden;}
.index_news .rowDiv .leftDiv a .date{position: absolute;left: 0;top: 0;background:#006428; color: #fff;padding: 5px 10px;}
.index_news .rowDiv .leftDiv a .titleDiv{font-size: 18px;color: #fff;background: rgba(0,0,0,.3);text-align: center;position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;}
.index_news .rowDiv .leftDiv a:hover .titleDiv{background:#0271bd;}
.index_news .rowDiv .rightDiv{width:58%;}
.index_news .rowDiv .rightDiv ul li{background:#f8f8f8; margin-bottom:26px;}
.index_news .rowDiv .rightDiv ul li:last-child{margin-bottom: 0;}
.index_news .rowDiv .rightDiv ul li a{display: block;overflow: hidden; padding:19px 0;}
.index_news .rowDiv .rightDiv ul li .dateDiv{width:100px; text-align:center; color:#999999; border-right:1px solid #eee; padding:5px}
.index_news .rowDiv .rightDiv ul li .dateDiv span{display: block; font-size:38px; color:#666; line-height: 1; margin-bottom: 7px;}
.index_news .rowDiv .rightDiv ul li .textDiv{width: calc(100% - 120px);float: right; padding-right:20px}
.index_news .rowDiv .rightDiv ul li .textDiv span{display: block;font-size:18px;color:#333333; height:30px; line-height:30px; overflow:hidden}
.index_news .rowDiv .rightDiv ul li .textDiv p{display: block;color: #999999; margin:5px 0 0; height:50px; line-height:25px; overflow:hidden; font-size:14px}
.index_news .rowDiv .rightDiv ul li a:hover .textDiv span{color: #296df4; }
.index_news .rowDiv .rightDiv ul li:nth-child(1){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.8s;}
.index_news .rowDiv .rightDiv ul li:nth-child(2){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:1s;}
.index_news .rowDiv .rightDiv ul li:nth-child(3){visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:1.2s;}

@media (max-width:1400px) {
.index_news .rowDiv .rightDiv ul li{margin-bottom:15px;}
}

@media (max-width:1024px) {
.index_news{ margin-top:40px}	
.index_news .view01 .swiper-slide{margin-top:0px;}
.index_news .rowDiv .leftDiv{ width:100%; margin-bottom:20px}
.index_news .rowDiv .leftDiv img{ width:100%}
.index_news .rowDiv .rightDiv{ width:100%}
}
@media (max-width:480px) {
.index_news{ margin-top:30px}	
.index_news .preview01 .swiper-slide{ width:120px;margin-right:10px;}	
}
@media (max-width:380px) {
.index_news .preview01 .swiper-slide{ width:110px;margin-right:5px;}	
}
@media (max-width:320px) {
.index_news .preview01 .swiper-slide{ width:90px;}	
}

/**首页合作伙伴**/
.index_case{ margin-top:60px; background:#f8f8f8; padding:60px 0 80px; overflow:hidden}
.index_case .swiperWrap{margin-top: 29px;position: relative;padding: 0 58px; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.index_case .swiperWrap a{display:block; width:100%; height:240px; overflow:hidden; padding:0;}
.index_case .swiperWrap a .imgDiv{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_case .swiperWrap a img{display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.index_case .swiperWrap span{display:block; font-size:18px;text-align: center; padding:15px 0 0; color: #666;}
.index_case .swiper-button-prev{left: 0;}
.index_case .swiper-button-next{right: 0;}
.index_case .swiper-button-prev:hover{left: 0;}
.index_case .swiper-button-next:hover{right: 0;}
.index_case i{font-family: "iconfont" !important;font-size:22px; font-style: normal; text-align:center; color:#333}
.index_case i:hover{ color:#296df4;}

@media (max-width:1024px) {
.index_case{ margin-top:40px; padding:40px 0 50px;}	
.index_case .swiperWrap{ margin-top:0}
.index_case .swiperWrap a{ height:150px}
}

@media (max-width:480px) {
.index_case{ margin-top:30px; padding:30px 0 40px;}		
.index_case .swiperWrap a{ height:200px}
}

/**首页合作伙伴**/
.index_partner{ margin-top:60px; background:#f8f8f8; padding:60px 0 80px; overflow:hidden}
.index_partner .swiperWrap{margin-top: 29px;position: relative;padding: 0 58px; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.index_partner .swiperWrap a{display:block; width:100%; height:240px; overflow:hidden; padding:0;}
.index_partner .swiperWrap a .imgDiv{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.index_partner .swiperWrap a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.index_partner .swiperWrap span{display:block; font-size:18px;text-align: center; padding:15px 0 0; color: #666;}
.index_partner .swiper-button-prev{left: 0;}
.index_partner .swiper-button-next{right: 0;}
.index_partner .swiper-button-prev:hover{left: 0;}
.index_partner .swiper-button-next:hover{right: 0;}
.swiper-button-next:focus,.swiper-button-prev:focus{outline: none;}
.index_partner i{font-family: "iconfont" !important;font-size:22px; font-style: normal; text-align:center; color:#333}
.index_partner i:hover{ color:#296df4;}

@media (max-width:1024px) {
.index_partner{ margin-top:40px; padding:40px 0 50px;}	
.index_partner .swiperWrap{ margin-top:0}
.index_partner .swiperWrap a{ height:180px}
}
@media (max-width:480px) {
.index_partner{ margin-top:30px; padding:30px 0 40px;}		
}

/**首页我们的优势**/
.index_advantage{overflow:hidden; background:#f8f8f8; margin-top: 60px;     padding: 60px 0 80px;}
.preview02 {position:relative; text-align:center; visibility:visible; animation-name:fadeInUp; animation-duration:1s; animation-delay:.4s;}
.preview02 .swiper-container-preview {overflow:hidden; display:inline-block}
.preview02 .swiper-slide {text-align:center;cursor:pointer; width:150px;}
.preview02 .swiper-slide i{ width:100%; display:block; text-align:center; font-family: "iconfont" !important;font-size:40px; font-style: normal; color:#666}
.preview02 .swiper-slide p{ width:100%; text-align:center}
.preview02 li:nth-child(3){margin-right:0px;}
.preview02 .active-nav { color:#0271bd}
.preview02 .active-nav i{color:#0271bd;}
.view02 .swiper-slide{overflow:hidden; margin-top:10px; visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.6s;}

.index_advantage .swiper-slide{position: relative;}
.index_advantage .layer-mask{position: absolute;left: 0;width: 100%;height: 100%;top: 0;background: rgba(0,0,0,.5);border-radius: 6px;}
.index_advantage .swiper-slide-active .layer-mask{background: rgba(0,0,0,0);}

.index_advantage .pc-zlzs{margin-top:0;}
.index_advantage .pc-zlzs .swiper-slide{display:block; width:100%; height:330px; overflow:hidden; padding:0;}
.index_advantage .pc-zlzs a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; }
.index_advantage .pc-zlzs a img{display:block; max-width:95%; max-height:95%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.index_advantage .pc-zlzs .textDiv{position: absolute;left: 0;bottom: 0;background: #0271bd;color: #fff;text-align: center;font-size:16px; width: 100%; line-height:30px; height:30px; overflow:hidden;z-index: 9;}

.index_advantage .pc-scjd{margin-top:0;}
.index_advantage .pc-scjd .swiper-slide{display:block; width:100%; height:330px; overflow:hidden; padding:0; cursor: pointer}
.index_advantage .pc-scjd a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;  position:relative; }
.index_advantage .pc-scjd a img{display:block; width:100%; height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.index_advantage .pc-scjd .textDiv{position: absolute; left: 0; bottom: -90%; background: #0271bd;color: #fff;width:100%; height:100%; z-index: 9; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.index_advantage .pc-scjd .textDiv .bt{ display:block; height:30px; line-height:30px; margin-bottom:0; text-align: center; font-size:16px;}
.index_advantage .pc-scjd .textDiv span{ line-height:25px; height:175px; overflow: hidden; font-size:14px; display:block; margin-top:5px}
/**.index_advantage .pc-scjd .swiper-slide:hover .textDiv{bottom: 0; padding:10%}**/

.index_advantage .pc-hzhb{margin-top:0;}
.index_advantage .pc-hzhb .swiper-slide{display:block; width:100%; height:330px; overflow:hidden; padding:0;}
.index_advantage .pc-hzhb a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative; }
.index_advantage .pc-hzhb a img{display:block;width:100%; height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.index_advantage .pc-hzhb .textDiv{position: absolute; left: 0; bottom: -90%; background: #0271bd;color: #fff;width:100%; height:100%; z-index: 9; -moz-transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;}
.index_advantage .pc-hzhb .textDiv .bt{ display:block; height:30px; line-height:30px; margin-bottom:0; text-align: center; font-size:16px;}
.index_advantage .pc-hzhb .textDiv span{ line-height:25px; height:175px; overflow: hidden; font-size:14px; display:block; margin-top:5px}
.index_advantage .pc-hzhb .swiper-slide:hover .textDiv{bottom: 0; padding:10%; background: rgba(0,38,102,0.7);}

@media (max-width:1400px) {
}
@media (max-width:1024px) {
.index_advantage{ margin-top:40px; padding:40px 0 50px;}
.view02 .swiper-slide{margin-top:0px;}
.index_advantage .pc-hzhb .swiper-slide,.index_advantage .pc-scjd .swiper-slide,.index_advantage .pc-zlzs .swiper-slide{height:240px;}
.index_advantage .pc-hzhb .textDiv,.index_advantage .pc-zlzs .textDiv{font-size:14px;}
}
@media (max-width:820px) {
.index_advantage .pc-hzhb .swiper-slide,.index_advantage .pc-scjd .swiper-slide,.index_advantage .pc-zlzs .swiper-slide{height:180px;}
}

@media (max-width:480px) {
.index_advantage{margin-top:30px; padding:30px 0 40px;}	
.preview02 .swiper-slide {width:135px;}
.index_advantage .pc-hzhb .swiper-slide,.index_advantage .pc-scjd .swiper-slide,.index_advantage .pc-zlzs .swiper-slide{height:250px;}
}
@media (max-width:380px) {
.preview02 .swiper-slide {width:125px;}
}
@media (max-width:320px) {
.preview02 .swiper-slide {width:100px;}
}


/**nybanner**/
.ny-banner{width: 100%;position: relative;height:500px;min-height:500px;}
.ny-banner .textDiv{width:100%; padding-top:15%}
.ny-banner .textDiv span{display: block; font-size: 2.5vw; font-weight: bold; color:#0271bd}
.ny-banner .textDiv p{font-size:14px; margin: 10px 0 0; color:#666}
.ny-banner .textDiv p a{ color:#666}
.ny-banner .textDiv_f span,.ny-banner .textDiv_f p,.ny-banner .textDiv_f p a{color:#fff}
@media (max-width:1400px) {
.ny-banner{height:340px;min-height:340px;}	
.ny-banner .textDiv{padding-top:11%}
}
@media (max-width:1024px) {
.ny-banner{height:300px;min-height:300px;}		
.ny-banner .textDiv{padding-top:12%}	
}
@media (max-width:780px) {
.ny-banner{height:200px; min-height:200px;}
.ny-banner .textDiv{ display:none}
}
@media (max-width:480px) {
.ny-banner{height:150px; min-height:150px;}
}

/**内页导航**/
.twoMenuDiv{background:#f8f8f8; overflow:hidden}
.twoMenuDiv .categoryDiv .hd{ display:none}
.twoMenuDiv .categoryDiv .bd li a{line-height:72px; display:block; float:left; text-align: center;font-size:15px; color:#666; padding:0 60px;  border-bottom:4px solid #f8f8f8}
.twoMenuDiv .categoryDiv .bd li a:hover{background:#0271bd; color:#fff; border-bottom:4px solid #0271bd}
.twoMenuDiv .categoryDiv .bd li a.active{background:#fff; color:#0271bd; border-bottom:4px solid #0271bd}
@media (max-width:1024px) {
.twoMenuDiv .categoryDiv .bd li a{padding:0 49px;}
.twoMenuDiv .partDiv .bd li a{padding:0 45px;}
}
@media (max-width:820px) {	
.twoMenuDiv{ background:none}
.twoMenuDiv .wrap{padding: 0;}
.twoMenuDiv .categoryDiv{ margin-top:30px}
.twoMenuDiv .categoryDiv .hd{ display:block; text-align:center; font-size:22px; color:#FFF; background:#0271bd; padding:20px 0;}
.twoMenuDiv .categoryDiv .hd.on { background:#ed8503;}
.twoMenuDiv .categoryDiv .hd i{font-family: "iconfont" !important;font-size:22px; font-style: normal; margin-left:10px}
.twoMenuDiv .categoryDiv .bd { display:none;}
.twoMenuDiv .categoryDiv .bd ul{ border:1px solid #eee; overflow:hidden; border-top:none; border-bottom:none}
.twoMenuDiv .categoryDiv .bd ul li:last-child { border:0;}
.twoMenuDiv .categoryDiv .bd ul li a { line-height:50px; font-size:18px; width:100%; border-bottom:1px solid #eee}
.twoMenuDiv .categoryDiv .bd li a:hover,.twoMenuDiv .categoryDiv .bd li a.active{background:#0271bd; color:#fff; border-bottom:1px solid #0271bd}
}
@media (max-width:820px) {	
.twoMenuDiv .categoryDiv .hd{padding:10px 0;}
}
/**内页**/
.ny-title h1{text-align: center;font-size: 28px;font-weight: bold; padding-top: 20px;color: #7b7979;}
.ny-title-en{text-align: center;font-size:14px;color:#999; text-transform:uppercase; margin-bottom:30px}
.aboutDiv{padding:0px 0; overflow:hidden}
@media (max-width:1024px) {
.aboutDiv{padding:40px 0;}
.ny-title-en{margin-bottom:20px}
}
@media (max-width:780px) {
.aboutDiv{padding:30px 0;}
}
@media (max-width:480px) {
.aboutDiv{padding:20px 0;}
}

/**公司概况**/
.ny_about_wz{ font-size:14px; line-height:30px; color:#333; margin-bottom:30px; overflow:hidden; position:relative}
.ny_about_wz .ny_about_js{ position:absolute; width:60%; height:500px; overflow-y: auto; background:#FFF; top:10%; left:0; padding:3% 4% 3% 0;}
.ny_about_wz .ny_about_js:-webkit-scrollbar-thumb {border-radius:3px;-webkit-box-shadow: inset 0 0 5px #3C0;background:#3C0;}
.ny_about_wz .ny_about_js:-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
.ny_about_wz .ny_about_js .ny_about_bt{ overflow:hidden}
.ny_about_wz .ny_about_js h3{ font-size:24px; font-weight:bold; color:#0271bd; float:left; margin-right:5px;}
.ny_about_wz .video_play{position:absolute; top:45%; left:57.5%; display:block; background: url(../image/video01.png) no-repeat center; width:65px; height:65px}
.ny_about_wz .ny_about_img{ width:60%; float:right}
.ny_about_wz p{ text-indent:2em}

.ab-scjd{margin-top:0;}
.ab-scjd .swiper-slide{display:block; width:100%; height:340px; overflow:hidden; padding:0;}
.ab-scjd a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; position:relative; }
.ab-scjd a img{display:block; max-width:100%; max-height:100%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.ab-scjd .textDiv{position: absolute;left: 0;bottom: 0;background: rgba(0,0,0,.3);color: #fff;text-align: center;font-size:18px; width: 100%; line-height: 54px;z-index: 9;}
@media (max-width:1400px) {
.ab-scjd .swiper-slide{height:320px;}
}
@media (max-width:1024px) {
.ny_about_wz{margin-bottom:20px;}
.ny_about_wz .ny_about_js{top:10%; height:360px;}
.ab-scjd .swiper-slide{height:235px;}
}
@media (max-width:820px) {

.ny_about_wz .ny_about_img{ display:none}	
.ny_about_wz .ny_about_js{width:100%; position:inherit; height:auto; padding: 0;}
.ny_about_wz .video_play{ display:none}
.ab-scjd .swiper-slide{height:176px;}
}
@media (max-width:480px) {
.ab-scjd .swiper-slide{height:300px;}	
}
@media (max-width:380px) {
.ab-scjd .swiper-slide{height:250px;}		
}

/**企业理念**/
.philosophy_box li{box-shadow: 0px 0px 10px rgba(51,51,51,.1); width:49%; position:relative; margin-bottom:30px}
.philosophy_box li:nth-of-type(odd){ float:left}
.philosophy_box li:nth-of-type(even){ float:right}
.philosophy_box li .imgDiv{width:100%;}
.philosophy_box li .textDiv{width:100%; height:100%; position:absolute; top:0; background: rgba(0, 0, 0, .4); text-align:center; color:#FFF}
.philosophy_box li .textDiv span{font-size:50px;color: #ed8503; font-weight:bold; padding-top:10%; display:block}
.philosophy_box li .textDiv .title{font-size:20px; margin:0 0 10px;}
.philosophy_box li .textDiv p{margin: 0; font-size:16px}
@media (max-width:780px) {
.philosophy_box li{width:100%;}
.philosophy_box li .imgDiv img{width:100%;}
}
@media (max-width:480px) {
.philosophy_box li{margin-bottom:20px;}
.philosophy_box li .textDiv span{padding-top:4%;}	
}

/**企业文化**/
.philosophy_box02 li{box-shadow: 0px 0px 10px rgba(51,51,51,.1); width:100%; margin-bottom:30px; overflow:hidden}
.philosophy_box02 li:nth-of-type(odd) .imgDiv{float:left}
.philosophy_box02 li:nth-of-type(odd) .textDiv{float:right}
.philosophy_box02 li:nth-of-type(even) .imgDiv{float:right}
.philosophy_box02 li:nth-of-type(even) .textDiv{float:left}
.philosophy_box02 li .imgDiv{width:50%; height: auto}
.philosophy_box02 li .textDiv{width:50%; height:100%; text-align:center;}
.philosophy_box02 li .textDiv span{font-size:50px;color: #ed8503; font-weight:bold; padding-top:10%; display:block}
.philosophy_box02 li .textDiv .title{font-size:20px; margin:0 0 10px;}
.philosophy_box02 li .textDiv p{margin: 0; font-size:16px}
@media (max-width:1024px) {
.philosophy_box02 li .textDiv span{padding-top:6%;}
}
@media (max-width:780px) {
.philosophy_box02 li .textDiv span{padding-top:2%;}
}
@media (max-width:480px) {
.philosophy_box02 li .imgDiv{width:100%; height: auto}
.philosophy_box02 li .textDiv{width:100%; margin-bottom:20px}
}

/**发展历程**/
.course_box{background: url(../image/r-bg.png) no-repeat center center;background-size: 8px 90%; width:90%; margin:0 auto; margin-top: 180px;}
.course_box .row{margin:-140px -60px 0px;position: relative;}
.course_box .row .year{display: block;width: 66px;height: 60px;display:flex;justify-content:center;align-items:center;color: #fff;font-size: 20px;position: absolute;top: 50%;margin-top: -30px;}
.course_box .row:nth-of-type(odd) .year{background: url(../image/al-bg1.png) no-repeat center center;background-size: 100%;right: -30px;padding-left: 6px;}
.course_box .row:nth-of-type(even) .year{background: url(../image/al-bg2.png) no-repeat center center;background-size: 100%;left: -30px;padding-right: 6px;}
.course_box .row>div{padding: 0 60px;}
.course_box .row>div img{ width:100%; float:right}
.course_box .row>div .textDiv{box-shadow: 0px 0px 10px rgba(0,0,0,.1); padding:20px; height:250px; overflow-y:auto}
.course_box .row>div .textDiv .p{margin: 10px 0 0;}
.course_box .row:nth-child(2n){flex-direction: row-reverse;}
.course_box .row .img{ overflow:hidden; margin-bottom:10px}
.course_box .row .p{ font-size:16px; line-height:25px; text-align:center}

.course_box_lb{}
.course_box_lb li{ width:48%; float:left; position:relative}
.course_box_lb li:nth-of-type(even){ float:right}
.course_box_lb li .year{ width:120px; height:80px; line-height:80px;  background:#0271bd; color:#FFF; text-align:center; font-weight:bold; font-size:18px; position:absolute; top:20px; left:20px}
.course_box_lb li .con{ font-size:14px !important; font-weight:normal !important;}

@media (max-width:1024px) {
.course_box .row{margin:-120px -60px 0px;}	
}
@media (max-width:780px) {
.course_box { margin-top:140px;}	
}

@media (max-width:480px) {
.course_box{background: url(../image/r-bg.png) no-repeat 30px center;background-size: 8px 90%;  margin-top:0px;}
.course_box .row{margin: 0 0 10px;}
.course_box .row>div{padding: 0 0 0 72px;}
.course_box .row .year{top: 30%;}
.course_box .row:nth-child(2n){flex-direction:row}
.course_box .row:nth-of-type(odd) .year{left: 0;background: url(../image/al-bg2.png) no-repeat center center;padding-left: 0;padding-right: 6px;}
.course_box .row:nth-of-type(even) .year{left: 0;}
.course_box .row>div:nth-child(2n){ padding: 0 0 0 30px;}
.course_box .row>div .textDiv{height:135px;}
}




/**荣誉资质**/
.honor_box{}
.honor_box li{ width:30%; float:left; margin:0 1.5% 30px;}
.honor_box li .imgDiv{display:block; width:100%; height:300px; overflow:hidden; padding:0;}
.honor_box li .imgDiv a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.honor_box li .imgDiv a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.honor_box li .textDiv{ text-align:center; color:#666; margin-top:10px}
@media (max-width:1400px) {
.honor_box li .imgDiv{height:280px;}
}
@media (max-width:1024px) {
.honor_box li .imgDiv{height:210px;}
}
@media (max-width:780px) {
.honor_box li{ width:48%; float:left; margin:0 1% 30px;}
.honor_box li .imgDiv{height:250px;}
}
@media (max-width:480px) {
.honor_box li{margin:0 1% 20px;}
.honor_box li .imgDiv{height:140px;}
}

/**专利证书**/
.certificate_box{}
.certificate_box li{ width:23%; float:left; margin:0 1% 30px;}
.certificate_box li .imgDiv{display:block; width:100%; height:400px; overflow:hidden; padding:0;}
.certificate_box li .imgDiv a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.certificate_box li .imgDiv a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.certificate_box li .textDiv{ text-align:center; color:#666; margin-top:10px}
@media (max-width:1400px) {
.certificate_box li .imgDiv{height:350px;}
}
@media (max-width:1024px) {
.certificate_box li .imgDiv{height:260px;}
}
@media (max-width:780px) {
.certificate_box li{ width:48%; float:left; margin:0 1% 30px;}
.certificate_box li .imgDiv{height:400px;}
}
@media (max-width:480px) {
.certificate_box li{margin:0 0 20px;}
.certificate_box li .imgDiv{height:220px;}
}

/**相册**/
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox a:hover{ color:#296df4}	
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}

/**产品导航**/
.pro_left{ width:20%; float:left; overflow:hidden}
.pro_left .categoryDiv .hd{text-align: center; background-color: #0271bd; padding: 20px; font-size:22px; color:#FFF}
.pro_left .categoryDiv .hd i{font-family: "iconfont" !important;font-size:22px; font-style: normal; margin-left:10px;}
.pro_left .categoryDiv .bd {overflow:hidden;}
.pro_left .categoryDiv .bd li{ width:100%}
.pro_left .categoryDiv .bd li a{line-height:60px; background:#f8f8f8; display:block; text-align:left;font-size:16px; color:#333; border:1px solid #dfdfdf; border-top:none; width:100%; padding-left:10%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.pro_left .categoryDiv .bd li a i{font-family:"iconfont" !important;font-size:12px; font-style:normal; float:right; margin-right:10%; color:#999}
.pro_left .categoryDiv .bd li a:hover{background:#296df4; border:1px solid #296df4; border-top:none; color:#fff; line-height:100px; padding-left:15%; font-weight:bold}
.pro_left .categoryDiv .bd li a:hover i{color:#fff; font-weight:normal}
.pro_left .categoryDiv .bd li a.active{background:#fff; color:#0271bd; border:1px solid #dfdfdf; border-top:none;}
.pro_left .categoryDiv .bd li a.active i{color:#fff;}
@media (max-width:820px) {	
.pro_left{ background:none; width:100%; margin-bottom:20px}
.pro_left .wrap{padding: 0;}
.pro_left .categoryDiv .hd{ display:block; text-align:center; font-size:22px; color:#FFF; background:#0271bd; padding:20px 0;}
.pro_left .categoryDiv .hd.on { background:#ed8503;}
.pro_left .categoryDiv .bd { display:none;}
.pro_left .categoryDiv .bd ul{ border:1px solid #eee; overflow:hidden; border-top:none; border-bottom:none}
.pro_left .categoryDiv .bd ul li:last-child { border:0;}
.pro_left .categoryDiv .bd ul li a { line-height:50px; font-size:18px; width:100%; border-bottom:1px solid #eee; text-align:center; padding-left:0;}
.pro_left .categoryDiv .bd li a i{ display:none}
.pro_left .categoryDiv .bd li a:hover,.twoMenuDiv .categoryDiv .bd li a.active{background:#0271bd; color:#fff; border-bottom:1px solid #0271bd}
}
@media (max-width:420px) {	
.pro_left .categoryDiv .hd{padding:10px 0;}
}
/**产品展示**/
.pro_right{ width:78%; float:right}
.product_box li{ width:30%; float:left; margin:0 1.5% 30px;}
.product_box li .imgDiv{display:block; width:100%; height:220px; overflow:hidden; padding:0; position:relative}
.product_box li .imgDiva{display:block; width:100%; height:185px; overflow:hidden; padding:0; position:relative}
.product_box li .imgDiv .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product_box li .imgDiva .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product_box li .imgDiv .pro img{display:block;   margin:auto; padding:0; left:0; top:0; right:0; bottom:0;}
.product_box li .imgDiva .pro img{display:block;   margin:auto; padding:0; left:0; top:0; right:0; bottom:0;}
.product_box li .imgDiv .pro_name{ width:100%; height:100%; background:rgba(0, 0, 0, .8); position:absolute; top:100%; cursor:pointer; left:0}
.product_box li .imgDiva .pro_name{ width:100%; height:100%; background:rgba(0, 0, 0, .8); position:absolute; top:100%; cursor:pointer; left:0}
.product_box li .imgDiv .pro_name span{ display:block; width:90%; height:90%; margin:5%; border:1px solid #FFF; padding:5%; font-size:14px; color:#FFF; font-weight:normal; line-height:25px; overflow:hidden}
.product_box li .imgDiva .pro_name span{ display:block; width:90%; height:90%; margin:5%; border:1px solid #FFF; padding:5%; font-size:14px; color:#FFF; font-weight:normal; line-height:25px; overflow:hidden}
.product_box li .imgDiv:hover{border:1px solid rgba(0, 0, 0, .5); transition: all 0.8s ease-out 0s}
.product_box li .imgDiva:hover{border:1px solid rgba(0, 0, 0, .5); transition: all 0.8s ease-out 0s}
.product_box li .imgDiv:hover .pro_name{background:rgba(0, 0, 0, .5); top:0; display:block; transition: all 0.3s ease-out 0s}
.product_box li .imgDiva:hover .pro_name{background:rgba(0, 0, 0, .5); top:0; display:block; transition: all 0.3s ease-out 0s}
.product_box li .textDiv{ text-align:center; width:100%;}
.product_box li .textDiv a{color:#fff; font-size:16px; width:100%; height:45px; line-height:45px; overflow:hidden; display:block; background:#035791;}
.product_box li:hover .textDiv a{background:#0271bd;}
@media (max-width:1400px) {	
.product_box li .imgDiv{}
}
@media (max-width:1024px) {	
.product_box li .imgDiv{height:180px;}
}
@media (max-width:820px) {	
.pro_right{ width:100%;}
.product_box li{ width:48%; float:left; margin:0 1% 30px;}
.product_box li .imgDiv{height:280px;}
}
@media (max-width:480px) {	
.product_box li .imgDiv{height:160px;}
.product_box li .imgDiv .pro img{max-width:100%; max-height:100%;}
}
@media (max-width:375px) {	
.product_box li .imgDiv{height:150px;}
}

/**产品展示改**/
.product_box02{ overflow:hidden; margin-bottom:20px; border:1px solid #dfdfdf; border-bottom:none}
.product_box02 li{ width:25%; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; position:relative}
.product_box02 li:nth-child(4),.product_box02 li:nth-child(8),.product_box02 li:nth-child(12){border-right:none;}
.product_box02 li:nth-child(9),.product_box02 li:nth-child(10),.product_box02 li:nth-child(11),.product_box02 li:nth-child(12){}
.product_box02 li .imgDiv{display:block; width:100%; height:280px; overflow:hidden; padding:0; position:relative; margin-bottom:80px}
.product_box02 li .imgDiv .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.product_box02 li .imgDiv .pro img{display:block; max-width:96%; max-height:96%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0;}
.product_box02 li .textDiv{width:100%; background:#0271bd; height:50px; overflow:hidden; position:absolute; bottom:0; padding:15px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.product_box02 li .textDiv span{color:#FFF;}
.product_box02 li .textDiv p{color:#0271bd; font-size:12px; margin-top:8px; display:block; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; display:none}
.product_box02 li .textDiv p i{font-family:"iconfont" !important; font-style:normal; margin-left:10%}
.product_box02 li:nth-of-type(even) .textDiv{bottom:auto; top:0}
.product_box02 li:nth-of-type(even) .imgDiv{margin-top:80px; margin-bottom:0px}
.product_box02 li:hover .textDiv{background:#f8f8f8; height:70px;}
.product_box02 li:hover .textDiv span,.product_box02 li:hover .textDiv p,.product_box02 li:hover .textDiv p i{color:#333;}
.product_box02 li:hover .textDiv p{margin-top:25px}

@media (max-width:1400px) {	
.product_box02 li .imgDiv{height:250px;}
}
@media (max-width:1024px) {	
.product_box02 li .imgDiv{height:190px;}
}
@media (max-width:820px) {	
.product_box02 li{ width:50%; float:left;}
.product_box02 li .imgDiv{height:380px;}
}
@media (max-width:480px) {	
.product_box02 li .imgDiv{height:200px;}
.product_box02 li .imgDiv .pro img{max-width:100%; max-height:100%;}
}
@media (max-width:380px) {	
.product_box02 li .imgDiv{height:180px;}
}
@media (max-width:320px) {	
.product_box02 li .imgDiv{height:155px;}
}

/**产品详情**/
.nr_main_box{ width:100%; float:right}
.pro_detail_box01{width:100%; overflow:hidden; clear:both;}
.pro_detail_text{ float:right; width:56%; overflow:hidden}
.pro_detail_text h1{font-size:22px; line-height:30px; color:#0271bd; font-weight:bold;}
/**.pro_detail_text h1:after {content:'';display:block;width:80px;height:2px;line-height:2px;background-color:#ccc;margin:20px 0 20px}**/
.pro_detail_text .pro_ms{margin-top:10px; clear:both; overflow:hidden;line-height:25px; color:#666; font-size:14px; text-indent:2em}
.pro_detail_text .pro_dt{padding:20px 0; border-top:#dfdfdf solid 1px; margin-top:10px;}
.pro_detail_text .pro_dt li{ height:40px; line-height:40px; font-size:14px; color:#666}
.pro_detail_text .pro_dt li b{font-size:18px; color:#296df4}
.pro_detail_text .pro_dt li span a{font-size:16px; color:#333}
.pro_detail_text .pro_dt li i{font-family:"iconfont" !important; font-style:normal; margin-right:10px; font-size:16px}
.pro_detail_text .pro_dt li a{color:#296df4}
.pro_detail_text .order{ display:block; width:220px; height:60px; line-height:60px; background:#296df4; text-align:center; color:#FFF; font-size:20px; border-radius:3px;}

.pro_detail_img{ float:left; width:40%; overflow:hidden; display:block; padding:0; position:relative}
.pro_detail_img .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position:relative}
.pro_detail_img .img img{display:block; max-width:100%; max-height:90%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0;}
.pro_detail_img .img i{font-family: "iconfont" !important; font-style: normal; position:absolute; bottom:5%; right:5%; font-size:100px; color:#999}

.ny_pro_box02{ width:100%; overflow:hidden; clear:both; margin-top:40px;}
.ny_pro_box02 #con { width:100%;margin:0 auto; clear:both;}
.ny_pro_box02 #tags {height:60px;}
.ny_pro_box02 #tags li {float:left; width:25%; border-bottom:3px solid #dfdfdf; text-align:center}
.ny_pro_box02 #tags li a {color:#333; height:60px; line-height:60px; width:100%; display:block; text-align:center; font-size:18px;}
.ny_pro_box02 #tags li a p{ float:left; margin-bottom:0}
.ny_pro_box02 #tags li a i{font-family:"iconfont" !important; font-style:normal; margin-right:10px; font-size:30px; float:left; margin-left:30%}
.ny_pro_box02 #tags li:nth-child(2) a i{font-size:24px}
.ny_pro_box02 #tags li.selectTag {width:25%; position: relative; border-bottom:3px solid #0271bd; background:#0271bd}
.ny_pro_box02 #tags li.selectTag a {height:60px;line-height:60px; color:#fff; width:100%; display:block; font-weight:bold}

.ny_pro_box02 #tagContent{overflow:hidden;clear:both; width:100%; padding-top:30px}
.ny_pro_box02 .tagContent {display:none;}
.ny_pro_box02 #tagContent DIV.selectTag {display:block; overflow:hidden;}

.video_right{ width:70%}

.red_pro_box01{ width:100%; overflow:hidden; margin-top:30px}
.red_pro_box01 h3{ width:100%; display:block; font-size:22px; color:#0271bd; font-weight:bold; height:50px; margin-bottom:10px}
.red_pro_box01 h3 b{ display:block; border:1px #dfdfdf solid; padding:10px; width:112px; margin-left:10px; position:absolute; background:#FFF}
.red_pro_box01 h3:after {content: ""; display: inline-block; width:100%; height:5px; background-color:#0271bd; margin-top:43px}

.red_pro_box{ width:100%; overflow:hidden; margin-top:30px;padding-bottom: 10px;}
.red_pro_box h3{ width:100%; display:block; font-size:22px; color:#0271bd; font-weight:bold; height:50px; margin-bottom:10px}
.red_pro_box h3 b{ display:block; border:1px #dfdfdf solid; padding:10px; width:112px; margin-left:10px; position:absolute; background:#FFF}
.red_pro_box h3:after {content: ""; display: inline-block; width:100%; height:5px; background-color:#0271bd; margin-top:43px}
.red_pro_box li{ width:24%; margin: 0 1.33% 0 0;}
.red_pro_box li:last-child{margin-right:0}
.red_pro_box01 p{ margin-bottom:0}
@media (max-width:1024px) {	
.red_pro_box_xq .donw_box li{ width:100%; margin-bottom:20px;}
}
@media (max-width:780px) {	
.red_pro_box{margin-top:20px}
.red_pro_box01{margin-top:20px}
}

@media (max-width:1024px) {	
.pro_detail_text{ float:none; width:100%; margin-top:20px}
.pro_detail_img{ float:none; width:100%;}
}
@media (max-width:780px) {	
.ny_pro_box02 #tags li a i{margin-left:25%}
.red_pro_box li{ width:49%; margin: 0; margin-bottom:20px}
.red_pro_box li:nth-of-type(odd){ float:right}
}
@media (max-width:480px) {
.pro_detail_img{height:350px;}		
.pro_detail_text .pro_dt li{ font-size:14px}
.pro_detail_text .pro_dt li b{ font-size:16px}
.pro_detail_text .pro_dt li span a{ font-size:14px}
.ny_pro_box02{ margin-top:20px}
.ny_pro_box02 #tagContent{padding-top:20px;}
.ny_pro_box02 #tags li a{line-height:40px;}
.ny_pro_box02 #tags li.selectTag a{ text-align:center; line-height:40px;}
.ny_pro_box02 #tags li a i{margin-left:0; display:block; width:100%;margin-right:0px; margin-top:10px}
.ny_pro_box02 #tags li a p{ display:block; width:100%; text-align:center; font-size:16px}
}


/**新闻资讯**/
.news_box{ overflow:hidden}
.news_box li{-webkit-box-flex:0;-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%; margin-bottom:30px}
.news_box li a{display: block;border: 1px solid #eee;height: 100%;}
.news_box li .imgDiv{display:block; width:100%; height:310px; overflow:hidden; padding:0; position:relative}
.news_box li .imgDiv .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;}
.news_box li .imgDiv .img img{display:block; max-width:100%; max-height:100%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0;}
.news_box li .imgDiv .date{position: absolute;right: 0;top: 0;background: #0271bd;color: #fff;padding: 5px 10px;}
.news_box li .textDiv{padding:15px 20px;}
.news_box li .textDiv .title{font-size: 18px;color: #333;line-height: 1.8;}
.news_box li .textDiv .p{color: #999;line-height: 1.8;margin-top: 10px; font-size:14px}
.news_box li a:hover .textDiv .title{color:#296df4;font-weight:bold;}
@media (max-width:1400px) {
.news_box li .imgDiv{height:286px;}
}
@media (max-width:1024px) {
.news_box li .imgDiv{height:210px;}
.news_box li .textDiv .p{margin-top: 0px;}
}
@media (max-width:780px) {
.news_box li{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}	
.news_box li .imgDiv{height:238px;}
.news_box li .imgDiv .img img{ width:100%}
}
@media (max-width:480px) {
.news_box li{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; margin-bottom:20px}	
.news_box li .imgDiv{height:258px;}	
}

/**新闻资讯**/
.news_box02{ overflow:hidden; width:100%;}
.news_box02 li{-webkit-box-flex:0;-ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:30px; padding:0; border: 1px solid #dfdfdf;}
.news_box02 li .imgDiv{width:28%; height:auto; overflow:hidden; padding:0; float:left}
.news_box02 li .textDiv{ width:72%; float:right; padding:2%}
.news_box02 li .textDiv .bt{overflow:hidden; height:35px; line-height:35px; margin-bottom:20px}
.news_box02 li .textDiv .bt .title{ font-size:22px; color:#333; width:calc(100% - 160px); float:left; margin-bottom:0}
.news_box02 li .textDiv .bt .sj{ font-size:16px; color:#999; width:160px; float:right; text-align:right}
.news_box02 li .textDiv .bt .sj i{font-family:"iconfont" !important; font-style:normal; font-size:16px; margin-right:5px;}
.news_box02 li .textDiv .p{ font-size:14px; color:#666; line-height:30px}
.news_box02 li .textDiv .more{ float:right; color:#999; margin-top:4%; text-transform:uppercase; display:block; width:100px; text-align:center; line-height:30px;}
.news_box02 li .textDiv .more i{font-family:"iconfont" !important; font-style:normal; font-size:12px; float:right}
.news_box02 li:hover .textDiv .title{color:#0271bd}
.news_box02 li:hover .textDiv span{color:#0271bd;}
@media (max-width:1400px) {
}
@media (max-width:1024px) {
.news_box02 li .imgDiv{width:35%;}
.news_box02 li .textDiv{ width:65%;}
}
@media (max-width:780px) {
.news_box02 li .textDiv .bt	{margin-bottom:5px}
.news_box02 li .imgDiv{width:40%;}
.news_box02 li .textDiv{ width:60%;}	
.news_box02 li .textDiv .title{}
.news_box02 li .textDiv .p{margin-bottom:5px}
}
@media (max-width:480px) {
.news_box02 li .imgDiv{width:100%;}
.news_box02 li .textDiv{ width:100%;}	
.news_box02 li .textDiv .bt .title{ width:calc(100% - 120px);}
.news_box02 li .textDiv .bt .sj{width:120px;}	
.news_box02 li .textDiv .more{margin-top:0;}
}


/**新闻详情**/
.newsDetailDiv .hdDiv{padding: 30px 0 15px;text-align: center;}
.newsDetailDiv .hdDiv .title{font-size: 24px;font-weight: bold;}
.newsDetailDiv .hdDiv span{color: #999999;margin-top: 10px;display:block;}
.newsDetailDiv .bdDiv{border-top: 1px solid #eee;border-bottom: 1px solid #eee;text-align: center;padding: 10px 0;}
.newsDetailDiv .bdDiv h3{font-size: 1.5rem;text-align: left;line-height:1.5rem;}
.newsDetailDiv .bdDiv p{margin: 0;color: #666;line-height: 2;min-height: 32px;text-align: left;}
.newsDetailDiv .bdDiv img{margin: 5px 0;}
.newsDetailDiv .bdDiv span{float: left;margin-top: -30px;}
.newsDetailDiv .bdDiv span a{color: #333;margin-top: 10px;max-width: 50%;}
.newsDetailDiv .bdDiv span a:hover{color: #296df4;}
.newsDetailDiv .otherPage{padding: 10px 0 45px;}
.newsDetailDiv .otherPage a{color: #333;margin-top: 10px;max-width: 50%;}
.newsDetailDiv .otherPage a:hover{color: #296df4;}
@media (max-width:480px) {
.newsDetailDiv .hdDiv{padding:0px 0 0px; }
.newsDetailDiv .otherPage .fl,.newsDetailDiv .otherPage .fr{ width:100%}
}


/**解决方案**/
.solution_box{overflow:hidden}
.solution_box li{ width:49%; float:left;}
.solution_box li:nth-of-type(even){float:right}
.solution_box li a{ display:block; width:100%; overflow:hidden}
.solution_box li .imgDiv{width:18%; overflow:hidden; float:left; border-right: 1px solid #eee; text-align:center; padding:3%}
.solution_box li .imgDiv .day{display: block; font-size:38px; color:#666; font-weight:bold}
.solution_box li .imgDiv .date{color:#999999; font-size:14px}
.solution_box li .textDiv{ float:right; width:78%; color:#333; font-size:18px; line-height:119px}
.solution_box li:hover{background:#0271bd}
.solution_box li:hover .imgDiv{border-right: 1px solid #073075;}
.solution_box li:hover .imgDiv .day,.solution_box li:hover .imgDiv .date,.solution_box li:hover .textDiv{ color:#FFF}
@media (max-width:1024px) {
.solution_box li .textDiv{line-height:106px}
}
@media (max-width:780px) {
.solution_box li .imgDiv{ display:none}
.solution_box li .textDiv{ width:100%; text-align:center}
}
@media (max-width:480px) {
.solution_box li{ width:100%; margin-bottom:20px;}	
.solution_box li .imgDiv{ display: block}
.solution_box li .imgDiv{width:25%;}
.solution_box li .textDiv{width:75%; text-align:left; padding-left:3%}
}

.solution-container{ width:100%; overflow:hidden}
.solution-container .solution-inner{height:500px; width:50%; float:right; background: url(../image/solution_logo.png) no-repeat center #f1f1f1; position:relative; overflow:hidden}
.solution-container .solution-inner li {color:#333; position:absolute; cursor:pointer}
.solution-container .solution-inner li:nth-child(1){top:10%; left:140px}
.solution-container .solution-inner li:nth-child(2){top:25%; right:30px}
.solution-container .solution-inner li:nth-child(3){top:40%; left:10px}
.solution-container .solution-inner li:nth-child(4){top:55%; right:10px}
.solution-container .solution-inner li:nth-child(5){top:70%; left:50px}
.solution-container .solution-inner li:nth-child(6){top:80%; right:130px}
.solution-container .solution-inner li p{float:left; display:block; height:50px; line-height:50px; text-align:center; padding:0 20px; font-size:16px; color:#333}
.solution-container .solution-inner li i{font-family:"iconfont" !important; font-style:normal; font-size:18px; line-height:50px; color:#aaa; display: block; float:right; margin-left:10px;}
.solution-container .solution-inner li p:after {content: ""; width:20px; height:1px; background-color:#aaa; position:absolute; top:36%; left:78%} 
.solution-container .solution-inner li:nth-of-type(even) p{float:right}
.solution-container .solution-inner li:nth-of-type(even) i{float:left; margin-right:10px}
.solution-container .solution-inner li:nth-of-type(even) p:after{left:15%}
.solution-container .solution-inner li#current p{background:#296df4; color:#fff}
.solution-container .solution-inner li#current i{color:#296df4}
.solution-container .solution-inner li#current p:after{background-color:#296df4;}

.solution-container .solution-wrap{height:500px; width:50%; position:relative; float:left; background:#0271bd}
.solution-container .solution-wrap #tabss{ overflow:hidden; padding:5%}
.solution-container .solution-wrap li{width:16.6%; float:left; cursor:pointer}
.solution-container .solution-wrap li i{font-family:"iconfont" !important; font-style:normal; font-size:30px; color:#FFF; display:block; text-align:center; width:60px; line-height:60px; height:60px;  border-radius:30px; border:1px #FFFFFF solid; margin:0 auto; border-radius:30px}
.solution-container .solution-wrap li P{ text-align:center; color:#FFF; margin-top:10px; font-size:15px}
.solution-container .solution-wrap li#currentt i{border:1px #296df4 solid; background:#296df4}
.solution-container .solution-wrap li#currentt p{color:#296df4}

.solution-container .solution-box{ width:90%; overflow-y: auto; height:280px; margin:0 auto; padding-right:20%}
.solution-container .solution-box li{border-bottom:1px solid #FFF; text-align:center; margin-bottom:20px; padding-bottom:20px; width:100%}
.solution-container .solution-box li a{ color:#FFF; font-size:15px}

@media (max-width:1024px) {
.solution-container .solution-inner{ display:none}
.solution-container .solution-wrap{width:100%; height:auto}
.solution-container .solution-box{padding-right:0%; width:90%;}
}



/**解决方案详情**/
.solution_details{ width:100%; overflow:hidden}
.solution_details .solution_details_box{overflow:hidden}
.solution_details .solution_details_box .solution_img{ width:40%; float:left}
.solution_details .solution_details_box .solution_description{ width:55%; float:right}
.solution_details .solution_details_box .solution_description h3{ font-size:24px; margin-bottom:20px}
.solution_details .solution_details_box .solution_description .p{ line-height:30px; height:250px; border-bottom:1px solid #dfdfdf; display:block}
.solution_details .solution_details_box .more{display:block; width:220px; height:60px; line-height:60px; background:#296df4; text-align:center; color:#FFF; font-size:20px; border-radius:3px; margin-top:30px}

.solution_slide_pro{ width:100%; overflow:hidden; margin-top:50px}
.solution_slide_pro .preview {width:100%; position:relative;}
.solution_slide_pro .preview .swiper-container-preview {width:94%;height:80px;overflow:hidden; float:left}
.solution_slide_pro .preview .swiper-slide {height:80px;line-height:80px;text-align:center;cursor:pointer; width:20%; background:#f5f5f5; border:1px solid #f5f5f5; margin-right:1px}
.solution_slide_pro .preview .arrow-left {width:3%;height:80px; background:#f5f5f5; border:1px solid #f5f5f5; float:left; text-align:center;}
.solution_slide_pro .preview .arrow-right {width:3%;height:80px; background:#f5f5f5; border:1px solid #f5f5f5; float:right; text-align:center;}
.solution_slide_pro .preview .arrow-left i,.solution_slide_pro .preview .arrow-right i{ color:#999; line-height:80px; font-family:"iconfont" !important;font-size:16px; font-style:normal; }
.solution_slide_pro .preview .arrow-left:hover i,.preview .arrow-right:hover i{color:#296df4;}
.solution_slide_pro .preview img {padding:1px;}
.solution_slide_pro .preview .active-nav {padding:0; background-color:#0271bd; border:#0271bd; color:#fff;}

.solution_slide_pro .view{visibility:visible; animation-name:fadeInRight; animation-duration:1s; animation-delay:.6s;}
.solution_slide_pro .view .swiper-slide dl{overflow:hidden; margin-top:30px}
.solution_slide_pro .view .swiper-slide dl .box{width:100%;}
.solution_slide_pro .view .swiper-slide dl .pro_img{width:100%; border:1px solid #ddd; overflow:hidden; position:relative}
.solution_slide_pro .view .swiper-slide dl .pro_name{ width:100%; height:100%; background:rgba(0, 0, 0, .8); position:absolute; top:100%}
.solution_slide_pro .view .swiper-slide dl .pro_name span{ display:block; width:90%; height:90%; margin:5%; border:1px solid #FFF; padding:5%; font-size:14px; color:#FFF; font-weight:normal; line-height:25px}
.solution_slide_pro .view .swiper-slide dl .pro_name span i{ display: block; width:80px; height:80px; line-height:80px; margin:0 auto; font-family:"iconfont" !important;font-size:50px; font-style:normal; margin-top:60px}
.solution_slide_pro .view .swiper-slide dl .pro_img:hover{border:1px solid rgba(0, 0, 0, .5); transition: all 0.8s ease-out 0s}
.solution_slide_pro .view .swiper-slide dl .pro_img:hover .pro_name{background:rgba(0, 0, 0, .5); top:0; display:block; transition: all 0.3s ease-out 0s}
.solution_slide_pro .view .swiper-slide dl p{ width:100%; background:#0271bd; height:40px; line-height:40px; text-align:center; color:#FFF; margin-bottom:0}

.solution_slide_pro .view .swiper-slide dl dd{ width:23%; float:left; margin-bottom:25px; overflow:hidden; height:277.5px; margin:0 1% 30px 1%}
.solution_slide_pro .view .swiper-slide dl dd .pro_img01{height:237.5px;}
.solution_slide_pro .view .swiper-slide dl dd .pro_img{display:block;width:100%;height:100%;text-align:center;overflow:hidden;background:#fff;position:relative;}
.solution_slide_pro .view .swiper-slide dl dd .pro_img img{max-width:95%;max-height:95%;vertical-align:middle;}
.solution_slide_pro .view .swiper-slide dl dd .pro_name span{ height:195px}


@media (max-width:920px) {

.solution_details .solution_details_box .solution_img{ width:100%;}
.solution_details .solution_details_box .solution_img img{ width:100%;}
.solution_details .solution_details_box .solution_description{ width:100%; margin-top:20px}
.solution_slide_pro .preview .swiper-container-preview{width:100%}
.solution_details .solution_details_box .solution_description .p{ height:auto}
}
@media (max-width:480px) {
.solution_slide_pro{margin-top:30px;}	
}


/**售后服务**/
.serivce_box{overflow:hidden}
.serivce_box li{ width:30%; float:left; margin:30px 1.5%;}
.serivce_box li .imgDiv{width:40%; overflow:hidden; float:left}
.serivce_box li .imgDiv i{ width:120px; height:120px; line-height:120px; background:#f8f8f8; display:block; border-radius:60px; text-align:center; font-size:40px; font-weight:bold; color:#296df4; font-style:normal; margin:0 auto}
.serivce_box li .textDiv{ float:right; width:60%; margin-top:30px}
.serivce_box li .textDiv .title_te{ font-size:22px; color:#333}
.serivce_box li .textDiv .title_dt{ font-size:16px; color:#666}
@media (max-width:1024px) {
.serivce_box li{ width:48%; float:left; margin:30px 1%;}
}
@media (max-width:780px) {
.serivce_box li{margin:20px 1%;}
}
@media (max-width:480px) {
.serivce_box li{width:100%; margin:0px 1% 20px;}
}

/**联系通道**/
.contact_box{overflow:hidden}
.contact_box li{ width:49%; float:left; background:#f8f8f8; height:300px;}
.contact_box li:nth-of-type(even){float:right}
.contact_box li .textDiv{ padding:5%; color:#333}
@media (max-width:780px) {
.contact_box li{width:100%; margin-bottom:20px;  height: inherit}
}

/**下载中心**/
.donw_box{overflow:hidden}
.donw_box li{ width:49%; float:left; margin-bottom:30px; background:#f8f8f8}
.donw_box li:nth-of-type(even){float:right}
.donw_box li a{ display:block; width:100%; overflow:hidden}
.donw_box li .imgDiv{width:18%; overflow:hidden; float:left; border-right: 1px solid #eee; text-align:center; padding:3%}
.donw_box li .imgDiv .day{display: block; font-size:38px; color:#666; font-weight:bold}
.donw_box li .imgDiv .date{color:#999999; font-size:14px}
.donw_box li .textDiv{ float:left; width:60%; color:#333; font-size:18px; line-height:119px; padding-left:3%}
.donw_box li i{width:15%; float:right; font-family:"iconfont" !important;font-size:50px;font-style:normal; color:#999; text-align:center; line-height:119px}
.donw_box li:hover{background:#0271bd}
.donw_box li:hover .imgDiv{border-right: 1px solid #073075;}
.donw_box li:hover .imgDiv .day,.donw_box li:hover .imgDiv .date,.donw_box li:hover .textDiv,.donw_box li:hover i{ color:#FFF}
@media (max-width:1024px) {
.donw_box li .textDiv,.donw_box li i{line-height:108px}

}
@media (max-width:780px) {
.donw_box li .imgDiv{ display:none}
}
@media (max-width:480px) {
.donw_box li { width:100%; margin-bottom:20px;}
}


/**合作伙伴**/
.partner_box{ overflow:hidden}
.partner_box li{ width:15.6%; float:left; margin:0 0.5% 30px;}
.partner_box li .imgDiv{display:block; width:100%; height:200px; overflow:hidden; padding:0;}
.partner_box li .imgDiv a{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff; border:1px solid #dfdfdf; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.partner_box li .imgDiv a img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.partner_box li .textDiv{ text-align:center; color:#666; margin-top:10px; height:24px; overflow:hidden}
@media (max-width:1400px) {
.partner_box li .imgDiv{height:180px;}
}
@media (max-width:1024px) {
.partner_box li .imgDiv{height:180px;}
}
@media (max-width:780px) {
.partner_box li{ width:48%; float:left; margin:0 1% 30px;}
.partner_box li .imgDiv{height:250px;}
}
@media (max-width:480px) {
.partner_box li{margin:0 1% 20px;}
.partner_box li .imgDiv{height:140px;}
}

/**联系方式**/
.contactus_box{overflow:hidden}
.contactus_box li{ width:25%; float:left; margin-bottom:60px;}
.contactus_box li .imgDiv{width:100%; overflow:hidden;}
.contactus_box li .imgDiv i{ width:120px; height:120px; line-height:120px; background:#f8f8f8; display:block; border-radius:60px; text-align:center; font-size:40px; font-weight:bold; color:#296df4; font-style:normal; margin:0 auto; font-family:"iconfont" !important;font-size:50px;font-style:normal;}
.contactus_box li .textDiv{ width:100%; margin-top:10px; text-align:center}
.contactus_box li .textDiv .title_te{ font-size:20px; color:#333; margin-bottom:5px}
.contactus_box li .textDiv .title_dt{ font-size:14px; color:#666}
.contact-map{ width:100%;overflow:hidden; margin-bottom:50px}
#container{min-width:100%; min-height:520px; padding:1%}
#container .map_wz{ font-size:16px; color: #0271bd; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:1px; display:block}
#container .map_wzz{ font-size:14px; font-family:Verdana, Geneva, sans-serif;}
@media (max-width:780px) {
.contactus_box li{    margin-bottom: 30px;}
.contactus_box li .textDiv .title_dt{ font-size:14px; color:#666; line-height:25px; height:50px}
}
@media (max-width:480px) {
.contactus_box li{ width:100%; margin-bottom:20px;}
}


/**在线留言**/
.fbform_1 ul li{ padding-bottom:0.8em; margin-bottom:2em;float:left; width:48%; border-bottom:1px #cecfd1 solid; position:relative}
.fbform_1 ul li:nth-child(2n){float:right;}
.fbform_1 ul li p{ position:absolute; top:0; left:0; color:#F00}
.fbform_1 ul li input{font-family: "SourceHanSansCN-Normal";border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:1.125em; height:50px}
.fbform_1 ul li textarea{font-family: "SourceHanSansCN-Normal"; height:6.25em;border:none; background:none; background-color:transparent; width:100%; color:#000; font-size:1.125em;}
.fbform_1 ul li .yzm_box{ float:left;     width: calc(100% - 180px);}
.fbform_1 ul li .yzm{ float:right;}
.fbform_1 ul li:nth-child(5){ width:100%}
.fbform_1 .more-button{cursor: pointer; border: none; padding: 0 15%; height: 50px; font-size: 14px; color: #fff; background: #0271bd !important;margin-bottom: 40px;}
.fbform_1 .more-button:hover{background: #296df4 !important;}
@media (max-width:480px) {
.fbform_1 ul li{width:100%;}
.fbform_1 .more-button{width:100%;}
}

/**招贤纳士**/
.job_box{width:100%; overflow:hidden}
.job_box .ul .u_tb{background:#0271bd; height:50px; line-height:50px;}
.job_box .ul .u_tb span{display:block; width:20%; color:#fff; float: left; text-align:center; border-right:1px solid #00358f}
.job_box .ul .ul1 li{cursor: pointer;}
.job_box .ul .ul1 li .ltp{background: #f8f8f8; border:1px solid #eee; border-top:none}
.job_box .ul .ul1 li .ltp span{display: block; width:20%;float: left; line-height: 60px; text-align:center; border-right:1px solid #eee}
.job_box .ul .ul1 li .ltp span:nth-child(5){border-right:none}
.job_box .ul .ul1 li i{font-family:"iconfont" !important;font-size:18px;font-style:normal;}
.job_box .ul .ul1 li .lbt{padding:30px 5%; background:#ebebeb; display: none; font-size:16px; line-height:30px}
.job_box .ul .ul1 li .lbt .d1{ font-weight:bold; display:block; font-size:18px; color:#296df4; margin-bottom:10px}
.job_box .ul .ul1 li:nth-child(1) .lbt{display: block;}
.ny-title-job{ text-align:center; margin-top:30px; font-size:16px; color:#333}
.ny-title-job font{ margin-right:10px;}
.ny-title-job a{color:#296df4}
@media (max-width:480px) {
.job_box .ul .u_tb span:nth-child(2),.job_box .ul .u_tb span:nth-child(3),.job_box .ul .u_tb span:nth-child(4){ display:none}
.job_box .ul .ul1 li .ltp span:nth-child(2),.job_box .ul .ul1 li .ltp span:nth-child(3),.job_box .ul .ul1 li .ltp span:nth-child(4){ display:none}
.job_box .ul .u_tb span{ width:50%}
.job_box .ul .ul1 li .ltp span{ width:50%}
}

/**视频展示**/
.video_box{overflow:hidden}
.video_box li{ width:23%; float:left; margin:0 1% 30px;}
.video_box li .imgDiv{display:block; width:100%; height:300px; overflow:hidden; padding:0; border:1px solid #dfdfdf; position:relative; border-bottom:none}
.video_box li .imgDiv .img{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0; background-color:#fff;  position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.video_box li .imgDiv .img img{display:block; max-width:90%; max-height:90%; margin:auto; padding:0; position:absolute; left:0; top:0; right:0; bottom:0; z-index:1;}
.video_box li .textDiv{ position:absolute; width:100%; height:100%;  background:rgba(0, 0, 0, .8); z-index:2; text-align:center; display:none}
.video_box li .textDiv i{font-family:"iconfont" !important;font-size:70px;font-style:normal; color:#fff; margin-top:25%; display:block}
.video_box li:hover .textDiv{display:block}
.video_box li .title{ background:#f8f8f8; height:40px; line-height:40px; text-align:center; padding:0 10px; color:#666;}
@media (max-width:1024px) {
.video_box li .imgDiv{height:220px;}
}
@media (max-width:768px) {
.video_box li{ width:48%; float:left; margin:0 1% 15px;}	
.video_box li .imgDiv{height:280px;}
}
@media (max-width:480px) {	
.video_box li .imgDiv{height:200px;}
}
@media (max-width:375px) {
.video_box li .imgDiv{height:170px;}
.video_box li .textDiv i{margin-top:20%; font-size:60px;}
}
@media (max-width:320px) {
.video_box li .imgDiv{height:150px;}
}

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #296df4;
  border: 1px solid #296df4;
}
.pagination a.page-num-current {
  color: #fff;
  background: #296df4;
  border: 1px solid #296df4;
}
/* ----- PB分页数字条效果 结束 ----- */

/**售后服务**/
.serivce_box02{overflow:hidden}
.serivce_box02 li{ width:31%; float:left; margin:0px 1% 20px; background:#f8f8f8;}
.serivce_box02 li .imgDiv{width:100%; overflow:hidden;}
.serivce_box02 li .textDiv{width:100%; padding:15px}
.serivce_box02 li .textDiv .title_te{ font-size:16px; color:#0271bd; text-transform:uppercase}
.serivce_box02 li .textDiv .title_dt{ font-size:14px; color:#666; line-height:25px; height:150px; overflow:hidden}
@media (max-width:1024px) {
}
@media (max-width:780px) {
.serivce_box02 li{width:48%; }
}
@media (max-width:480px) {
.serivce_box02 li{width:100%; }
}

/**解决方案**/
.solution_box02{overflow:hidden}
.solution_box02 li{ width:49%; float:left; background:#f8f8f8; margin-bottom:30px}
.solution_box02 li:nth-of-type(even){float:right}
.solution_box02 li .img{width:40%; height:auto; overflow:hidden; padding:0; float:left}
.solution_box02 li .textDiv{ width:60%; float:right; padding:2%}
.solution_box02 li .textDiv .title{ font-size:18px; color:#333; width:100%; margin-bottom:5px}
.solution_box02 li .textDiv .js{ font-size:14px; color:#999; width:100%; line-height:25px;}
.solution_box02 li .textDiv .more{ float:right; color:#999; text-transform:uppercase; display:block; width:100px; text-align:center; line-height:30px; font-size:12px;}
.solution_box02 li .textDiv .more i{font-family:"iconfont" !important; font-style:normal; font-size:12px; float:right}
@media (max-width:1260px) {
.solution_box02 li .img{width:50%;}
.solution_box02 li .textDiv{ width:50%;}
.solution_box02 li .textDiv .more{ margin-top:20px}
}
@media (max-width:1000px) {
.solution_box02 li .textDiv .more{ margin-top:0px}
}
@media (max-width:880px) {
.solution_box02 li{ width:100%;}
.solution_box02 li .img{width:40%;}
.solution_box02 li .textDiv{ width:60%;}
}
@media (max-width:480px) {
.solution_box02 li{ margin-bottom:20px}
.solution_box02 li .textDiv .ovh4{ -webkit-line-clamp:1;}
}
@media (max-width:320px) {
.solution_box02 li{ margin-bottom:10px}
}


/*分页样式 开始*/
#fengye {overflow: hidden; margin-top:30px; height:80px}
#fengye{ clear:both; margin:auto 0; text-align:center;}
div.digg {text-align: left; font-size:14px; display:inline-block; height:50px; margin-top:0px}
div.digg a {border: #ccc 1px solid;  padding:8px 18px; margin: 2px; color: #666;text-decoration: none;}
div.digg a:hover {border:#296df4 1px solid; color: #fff; background:#296df4;}
div.digg a:active {border: #0271bd 1px solid; color: #000;}
div.digg span.current {border: #0271bd 1px solid;font-weight: bold; padding:12px 18px;margin: 2px; color: #fff;background-color: #0271bd;}
div.digg span.disabled {border: #ccc 1px solid; padding:12px 18px;margin: 2px;color: #999;}
div.digg .keng{ display:none}


/* 漂浮样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:98;width:140px; }
.main-im .qq-a{display:block;width:136px;height:116px;font-size:14px;color:#222;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:126px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:32px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:136px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../image/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:136px; margin-bottom:10px; border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-size:14px; margin-top:6px; color:#666}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#296df4; font-size:16px;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:75px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../image/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../image/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../image/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:100px;width:40px;height:133px;background:url(../image/open_im.png) no-repeat left top;}

.md-select{ background:#1e1e1e; color:#CCC; border:rgba(255,255,255,.1) 1px solid;}

.search-tit{ text-align:center; margin-bottom:30px}
.search-tit strong{ color:#296df4}
.nodata{ color:#999}


.index_visitor .swiperWrap{width:100%;}
.index_visitor .swiperWrap .swiper-slide{ position:relative; border: 1px solid #dfdfdf; visibility: visible; animation-name: fadeInRight; animation-duration: 1.5s; animation-delay: .6s;}
.index_visitor .swiperWrap .swiper-slide .text{height:40px; line-height:40px; text-align:center; width:100%; background: #0271bd; color:#FFF}
.index_visitor .swiperWrap .swiper-slide .img{display:block; width:100%; height:205px; overflow:hidden; padding:0; position:relative}
.index_visitor .swiperWrap .swiper-slide .img .pro{display:block; width:100%; height:100%; overflow:hidden; margin:0 auto; padding:0;  }
.index_visitor .swiperWrap .swiper-slide .img .pro img{display:block; max-width:95%; max-height:95%; margin:auto; padding:0; left:0; top:0; right:0; bottom:0; position:absolute;}
@media (max-width:1024px) {
.index_visitor .swiperWrap .swiper-slide .img{height:240px;}
}