@charset "utf-8";
/* CSS Document */
/*CSS 解决页面切换时滚动条出现时跳动问题 start*/
html {overflow-y: scroll;}
:root {overflow-y: auto;overflow-x: hidden;}
/*CSS 解决页面切换时滚动条出现时跳动问题 end*/
html,body,div,ul,li,dl,dd,dt,a,ol,u,i,b,br,p,span,hr,label,input,select,textarea,button,form,h1,h2,h3,h4,h5,h6,font,strong,em,iframe,img,tr,th,td,q,abbr,acronym{margin:0;padding:0;list-style:none;}
q:before, q:after {content:'';}
abbr,acronym{border:0;}
body{padding:0;margin:0;font: 14px/1.5 "Microsoft YaHei",微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif;color:#333;background:#fff;}
input,textarea,select,button{vertical-align:middle;outline:none;font-family:"Microsoft YaHei",微软雅黑;color:#333;}
input.active,textarea.active,select.active,button.active,input.on,textarea.on,select.on,button.on{color:#333;}
textarea{resize:none;}
a{color:#333;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#0047d5;text-decoration:none;}
a:focus{outline:none;}
a img {border:none;}
.left,.fl{float:left;}
.right,.fr{float:right;}
/* clear */
.clearfix:after{visibility:hidden;display: block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix {zoom: 1;} /* IE6 */
*:first-child+html .clearfix {zoom: 1;} /* IE7 */
.clear,.cc{clear:both;font-size:0;line-height:0;height:0;	margin-top:0;overflow:hidden;}
.clear20{clear:both;font-size:0;line-height:0;height:0; padding:10px 0; overflow:hidden; }
h1,h2,h3,h4{font-weight:normal;}
@font-face {
  font-family:BEBAS;
  src: url("../fonts/BEBAS.woff2") format("woff2"),
       url("../fonts/BEBAS.woff") format("woff"),
       url("../fonts/BEBAS.ttf") format("truetype"),
       url("../fonts/BEBAS.eot") format("embedded-opentype"),
       url("../fonts/BEBAS.svg") format("svg");
}
@-webkit-keyframes upDown{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes upDown{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes upDown{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}
/**header**/
.header{width: 100%;position: relative;z-index: 2;
 /*-webkit-animation: upDown 0.8s 0.1s both;
  	-moz-animation: upDown 0.8s 0.1s both;
  	-ms-animation: upDown 0.8s 0.1s both;
  	-o-animation: upDown 0.8s 0.1s both;
  	animation: upDown 0.8s 0.1s both;*/
  	}
.top{height: 111px;overflow: hidden;}
.logo{display: block;width:427px;height:71px;margin: 20px 0;}
.logo img{max-width: 100%;}
.top_right{padding: 28px 0 0;}
.top_right>div{line-height: 28px;height: 56px;font-size: 16px;}
.top_tel{padding-left:46px;background: url(../images/top_icon01.png) left center no-repeat;}
.top_add{padding-left:43px;background: url(../images/top_icon02.png) left center no-repeat;margin-left:40px;}
.menubox{width: 100%; height:60px;background: #0591f3;}
.nav-main{padding: 13px 0 14px;}
.nav-main>li{width:10%; float: left;height:33px;text-align: center; position: relative; line-height: 33px;}
.nav-main>li>a{display: block;font-size: 18px;color: #fff;border-radius:5px;-webkit-border-radius: 5px;}
.nav-main>li.active>a,.nav-main li:hover>a{background:#fff;color: #000;}
/*二级分类*/
.sub-nav{position: absolute;width:100%;text-align: left;top:49px;left: 0; z-index: 99;display: none;}
.sub-nav>a{display:block;text-align: center; line-height: 33px;height: 33px;font-size: 16px;margin-top: 2px;color: #000;background: #fff;border-radius:5px;-webkit-border-radius: 5px;overflow: hidden;}

.menu_tt{display: none;height: 50px; font-size: 18px;font-weight: bold;color:#fff; line-height: 50px;float: left;position: absolute;left: 10px;top: 0;z-index: 2;}
.menu {width: 22px;height: 26px;position: absolute;right: 10px;top:6px;background: #fff;border-radius: 5px;text-align: center;cursor: pointer;display: none;padding: 6px 12px;z-index: 1;}
.menu .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;margin-top: 5px;background: #0591f3;}


/**搜索**/
.search{width:212px;height: 48px;line-height: 48px;overflow:hidden; background: #fff;border: #e5e5e5 1px solid;}
.inputtext{width: 162px;height: 48px;text-indent: 16px;font-size: 14px;color: #666; float: left;background:none;border: none;}
.inputbtn{width: 50px;height: 48px;float: right; border: none;background: url(../images/search_btn.png) center no-repeat;}
/*banner*/
.swiper-container { width: 100%;}
.swiper-slide img{max-width: 100%;}
.swiper-container .swiper-pagination-bullet{width: 19px;height: 19px;margin: 0 22px !important; background:#fff;border:none;opacity: 1;}
.swiper-container .swiper-pagination-bullet-active{background:#0047d5;border:none;}
.banner .swiper-pagination{bottom: 30px !important;}

/**首页主体内容**/
.ind_about{padding: 80px 0;}
.ind_title {text-align: center;}
.ind_title h1{font-family:BEBAS,微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif;font-size: 37px;height: 33px;line-height: 33px;color: #000;text-transform: uppercase;}
.ind_title .title_txt{display: block;font-size: 24px;color: #000; height: 26px;line-height: 26px;background: url(../images/title_bg.png) center no-repeat;margin-top: 10px;}
.ind_about_con{margin-top: 38px;}
.ind_about_l{width: 600px;height: 439px;overflow: hidden;float: left;}
.ind_about_l img{max-width: 100%;}
.ind_about_r{width:560px;float: right;}
.about_tit{height: 52px;background: url(../images/title_line.png) left bottom no-repeat;}
.about_tit h3{font-size: 24px;color:#000;line-height: 24px;}
.about_tit span{text-transform: uppercase;font-family:arial;font-size: 12px;color: #000;}
.ind_about_info{line-height: 24px;height: 168px; margin-top: 20px;color: #666;overflow: hidden;}
.number{margin-top: 80px; overflow: hidden;}
.number li{width: 33.3%;float: left;text-align: center;}
.number li h1{font-size: 16px;color: #000;}
.number li h1 span{font-family:BEBAS,微软雅黑,'宋体',tahoma,Verdana,arial,sans-serif; font-size: 28px;font-weight: bold;color: #0047d5;}
.number li p{color:#666;}

.ind_pro{width: 100%;padding: 80px 0;background: url(../images/ind_bg01.jpg) center no-repeat;}
.ind_proscroll{margin-top: 38px;}
.ind_proscroll .item{margin-right: 20px;}
.ind_proscroll .item .img{width: 100%;position: relative;}
.ind_proscroll .item .ico{opacity: 0; position: absolute;width: 100%;height: 100%;left:0;top: 0;background: rgba(0,0,0,.5) url(../images/jia.png) center no-repeat; z-index: 1;transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-webkit-transition: all .5s;}
.ind_proscroll .owl-item img{width: 100%;}
.ind_proscroll .item:hover .ico{opacity: 1;}
.ind_proscroll .title{display: block; width: 100%;height: 34px;line-height: 34px;text-align: center;font-size: 16px;color: #000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top:10px;}
.ind_proscroll .owl-pagination{text-align: center;padding-top: 30px;}
.ind_proscroll .owl-controls .owl-page{display: inline-block; width:17px;height: 17px;margin: 0 20px; border-radius: 50%;-webkit-border-radius: 50%;background: #0047d5;}
.ind_proscroll .owl-controls .owl-page.active{background: #fff;}

.ind_news{padding: 80px 0;}
.ind_newscon{padding: 38px 0;}
.ind_news_l{width:532px;height:373px;padding: 16px; float: left;border: #e5e5e5 1px solid; overflow: hidden;}
.ind_news_l .img{display: block;margin-bottom: 22px;}
.ind_news_l img{max-width: 100%;}
.ind_news_l h1{display: block; font-size:16px; font-weight:bold; height: 26px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.ind_news_l h1 a{color:#000;}
.ind_news_l .newstext{line-height: 26px;height: 52px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ind_news_list li a:hover{color: #0047d5;}
.ind_news_r{width: 600px;float: right;}
.ind_news_list li{padding: 14px 0 12px;line-height: 26px; border-bottom: #e6e6e6 1px solid;overflow: hidden;}
.ind_news_list li .date{width:80px; font-size: 30px;font-weight: bold;color: #000; border-right: #e5e5e5 1px solid; text-align: center;}
.ind_news_list li .date .date_2{display: block; font-size: 14px;font-weight: normal;}
.ind_news_list .newsr{width: 505px;}
.ind_news_list h1{font-size:16px;font-weight: bold; height: 26px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.ind_news_list h1 a{color: #000;}
.ind_news_list .newstext{font-size: 16px;height: 26px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.ind_news_list li a:hover{color: #0047d5;}
.ind_news .more{display: block;width:140px;height: 36px;text-transform: uppercase; text-align: center;line-height: 36px;margin: 0 auto;color: #fff; background: #0047d5; transition: .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
/*footer*/
.footer{width:100%;height:auto; background:url(../images/foot_map.jpg) center no-repeat;color: #fff;}
.foot{width: 100%;height: 100%; background:rgba(0,0,0,.5);}
.bottom{padding:32px 172px 37px;}
.foot_left{width: 514px;line-height: 32px;font-size: 16px;}
.bottom_nav{overflow: hidden;}
.bottom_nav a{display: block;width: 20%;float: left; color: #fff;}
.footer .foot_ewm{width:200px;height:200px; float: right;}
.bottom_add li{width: 50%;float: left;}
.copyright{width: 100%;text-transform: uppercase; line-height:30px;padding: 25px 0; text-align: center;font-size: 16px;border-top: #fff 1px solid;}
.copyright a{color: #fff;}
.copyright a:hover{color: #0047d5;}

/**内页***/
.inside-banner{width: 100%;position: relative;}
.inside-banner img{width: 100%;}

.contain{margin: 80px auto 70px;min-height: 400px;}
.main_left{width: 259px;float: left;margin-bottom: 20px;}
.left_nav{background: none;border: none;}
.left_title{color:#fff;padding:28px 0 20px;font-size: 24px;text-align: center;background: #0047d5;}
.left_title span{display: block;font-size: 16px;text-transform: uppercase;}
.left_ul{width: 100%;}
.left_ul li{font-size: 16px; height: 47px;line-height: 47px;border: #4c4c4c 1px solid;margin-top: 4px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.left_ul li a{display: block;}
.left_ul li:hover a,.left_ul li.active a{color: #fff;}
.left_ul li:hover,.left_ul li.active{background: #0047d5;border-color: #0047d5;}

.main_right{width: 903px; float: right;}
.right_box{color: #666;line-height: 24px;}
.right_box img{max-width: 100%;}

.news_list li{padding: 14px 0 12px;line-height: 26px; border-bottom: #e6e6e6 1px solid;overflow: hidden;}
.news_list li .date{width:80px; font-size: 30px;font-weight: bold;color: #000; border-right: #e5e5e5 1px solid; text-align: center;}
.news_list li .date .date_2{display: block; font-size: 14px;font-weight: normal;}
.news_list .newsr{width:802px;}
.news_list h1{font-size:16px;font-weight: bold; height: 26px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.news_list h1 a{color: #000;}
.news_list .newstext{font-size: 16px;height: 26px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;}
.news_list li a:hover{color: #0047d5;}


/**产品页面**/
.pro_list{margin-right: -22px;overflow: hidden;}
.pro_list li{width:286px;margin:0 22px 16px 0;float: left;}
.pro_list li a{position: relative;display: block;}
.pro_list li .img{width:286px;height:227px;display: block;position: relative;}
.pro_list li .title{display: block; width:100%;height:30px;line-height:30px;font-size: 16px;color: #000; margin-top: 10px; text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.pro_list li .ico{opacity: 0; position: absolute;width: 100%;height: 100%;left:0;top: 0;background: rgba(0,0,0,.5) url(../images/jia.png) center no-repeat; z-index: 1;transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-webkit-transition: all .5s;}
.pro_list li img{width: 100%;}
.pro_list li:hover .ico{opacity: 1;}
/*pager*/
.nypager{
	text-align: center;
	margin:25px 0 20px;
}
.nypager a{
	display: inline-block;
	color: #666;
	padding: 4px 12px;
	border: #dcdcdc 1px solid;
	margin: 4px 0;
}
.nypager span.active a,.nypager a:hover{
	background: #0047d5;
	border-color: #0047d5;color: #fff;
}

/*新闻内页*/

h4.newstitle {
	line-height: 40px;
	text-align: center;
	font-size: 18px;
}

.news_message {
	text-align: center;
	margin-bottom: 30px;
}
.news_con{font-size: 14px;line-height: 28px;color: #666;min-height: 300px;}
.news_con img{max-width: 100%;}
@media only screen and (max-width: 1199px){
		.news_con p iframe {
	    	width: 100% !important;
		}
}

@media (min-width: 992px) and (max-width:1199px) {
	.ind_about,.ind_pro,.ind_news{padding: 60px 0;}
	.ind_title h1{font-size: 32px;}
	.ind_title .title_txt{font-size: 22px;}
	.ind_about_l{width: 496px;height: 363px;}
	.ind_about_r{width: 466px;}
	.number{margin-top: 40px;}
	.ind_news_l{width: 462px;height: 339px;}
	.ind_news_r{width: 466px;}
	.ind_news_list li{padding: 11px 0;}
	.ind_news_list .newsr{width: 370px;}
	.ind_news_list li .date{font-size: 26px;}
	.bottom{padding: 30px 92px;}
	
	.contain{margin: 60px 0 50px;}
	.main_left{width: 220px;}
	.main_right{width: 752px;}
	.pro_list li{width: 236px;}
	.pro_list li .img{width: 236px;height: 187px;}
	
	.news_list li{padding: 11px 0;}
	.news_list .newsr{width: 651px;}
	.news_list li .date{font-size: 26px;}
}
@media (min-width: 768px) and (max-width:991px) {
	.top_right{display: none;}
	.nav-main>li>a{font-size: 16px;}
	.swiper-container .swiper-pagination-bullet{width: 15px;height: 15px;margin: 0 10px !important;}
	.ind_about,.ind_pro,.ind_news{padding:40px 0;}
	.ind_title h1{font-size:28px;}
	.ind_title .title_txt{font-size: 20px;}
	.ind_about_l{width:381px;height:278px;}
	.ind_about_r{width:360px;}
	.ind_about_info{height: 144px; margin-top: 5px;}
	.number{margin-top: 20px;}
	.number li h1 span{font-size: 22px;}
	.ind_proscroll .owl-controls .owl-page{width: 14px;height: 14px;margin: 0 10px;}
	.ind_news_l{width: 351px;padding: 14px; height: 339px;}
	.ind_news_r{width:360px;}
	.ind_news_list li{padding: 11px 0;}
	.ind_news_list .newsr{width:270px;}
	.ind_news_list li .date{font-size: 24px;}
	.bottom{padding:20px;}
	.copyright{padding: 15px 0;}
	
	.contain{margin:50px 0 40px;}
	.left_title{font-size: 20px;padding: 20px 0;}
	.main_left{width: 220px;}
	.main_right{width:522px;}
	.pro_list li{width: 250px;}
	.pro_list li .img{width: 250px;height:198px;}
	.news_list li{padding: 11px 0;}
	.news_list .newsr{width:430px;}
	.news_list li .date{font-size: 24px;}
	
}
@media (max-width: 767px) {
	.menu,.menu_tt{display: block;}
	.search,.top_right{display: none;}
	.nav-main>li{margin-right: 0;}
	.nav-main>li>a{padding: 0 20px;}
	.header{}
	.top{height: auto;}
	.logo{float: none !important;text-align: center;width: 100%;height: auto;margin: 10px 0;}
	.logo img{height: 60px;}
	.menubox{position: relative;height: 50px;}
	.nav-main{display: none; width: 100%;padding: 0; position: absolute;float: none;background: #ddd;left: 0;top: 50px;border-top: #fff 1px solid;}
	.nav-main li{width: 100%;height: 50px;line-height: 50px;text-align: center;}
	.nav-main li a{border-radius: 0;color: #333;}
	
	.banner .swiper-pagination{bottom: 10px !important;}
	.swiper-container .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px !important;}
	.ind_about,.ind_pro,.ind_news{padding:30px 10px;}
	.ind_title h1{font-size:24px;}
	.ind_title .title_txt{font-size: 16px;background-size:80%}
	.ind_about_con{margin-top: 20px;}
	.ind_about_l{width:100%;height:auto;text-align:center;}
	.ind_about_r{width:100%;margin-top: 20px;}
	.ind_about_info{height:auto; margin-top: 5px;}
	.number{margin-top: 20px;}
	.number li h1 span{font-size: 20px;}
	.ind_proscroll .owl-controls .owl-page{width: 10px;height: 10px;margin: 0 5px;}
	.ind_proscroll .owl-pagination{padding-top: 20px;}
	.ind_news_l{width:96%;padding:2%; height: auto;}
	.ind_news_l .img{text-align: center;}
	.ind_news_r{width:100%;}
	.ind_news_list li{padding: 11px 0;}
	.ind_news_list .newsr{width:80%;float: left;margin-left: 15px;}
	.ind_news_list li .date{width: 66px; font-size: 20px;}
	.bottom{padding:20px;}
	.copyright{padding: 15px 0;}
	.foot_left,.bottom_add li{width: 100%;}
	.footer .foot_ewm{width: 100%;text-align: center;margin-top: 20px;}
	
	.contain{margin:30px 0 20px;}
	.left_title{display: none;}
	.main_left{width:100%;}
	.main_right{width:100%;}
	.main_left .navbar-header{background:#0047d5;}
	.main_left .navbar-toggle{background: #fff;}
	.left_ul li{border: none;margin: 0;}
	.right_box{padding:0 10px;}
	.pro_list{margin-right: 0;}
	.pro_list li{width: 48%;margin: 0 1% 15px;}
	.pro_list li .img{width: 100%;height:auto;}
	
	.news_list li{padding: 11px 0;}
	.news_list .newsr{width:80%;float: left;margin-left: 15px;}
	.news_list li .date{width: 66px; font-size: 20px;}
}
@media (max-width: 640px) {
	.inside-banner{width: 100%;height: 159px;overflow: hidden;}
	.inside-banner img{position: absolute;width: 680px; height: 159px; top: 0;left: 50%;margin-left:-320px;}
	.ind_news_list .newsr{width:70%;}
}

@media (max-width:480px ) {
	.logo img{height: 50px;}
	.news_list .newsr{width:75%;}
	.foot_left{font-size: 14px;}
	.bottom_nav a{width:auto;padding-right: 15px;font-size: 14px;}
}

@media (max-width:380px ) {
	.news_list .newsr{width:70%;}
}

.right_box table tbody tr th{
	padding: 0 25px;
}
.right_box table tbody tr td{
	padding: 0 25px;
}