@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:#f4f4f4;}
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:#de0000;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;}

@-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%;height: 100px; 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;}
.logo{display: block;width: 276px;height:77px;margin: 11px 0;}
.logo img{max-width: 100%;}
.menubox{height: 100px;}
.nav-main>li{float: left;width: 132px; height:100px;text-align: center; position: relative; line-height: 100px;}
.nav-main>li>a{display: block;font-size: 18px;color: #000;}
.nav-main>li.lan{width: 90px;}
.nav-main>li.active>a,.nav-main li:hover>a{background:#ce000c;color: #fff;}
/*二级分类*/
.sub-nav{position: absolute;width:100%;text-align: left;top:100px;left: 0; z-index: 99;display: none;background: #fff;}
.sub-nav>a{display:block;text-align: center; line-height: 39px;height: 39px;font-size: 16px;margin-top: 3px;color: #fff;background: #ce000c;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub-nav>a:hover{background: #980911;}

.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:8px;background: #fff;text-align: center;cursor: pointer;display: none;padding:4px 10px;z-index: 1;}
.menu .icon-bar {display: block;width: 22px;height: 2px;border-radius: 1px;margin-top: 5px;background: #ce000c;}


/**搜索**/
.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{width: 100%;}
.swiper-container .swiper-pagination-bullet{width: 12px;height: 12px;background:#fff;border: #a9a9a9 1px solid;opacity: 1;}
.swiper-container .swiper-pagination-bullet-active{background:#ed1b2f;border:#ed1b2f 1px solid;}
.banner .swiper-pagination{position:static;margin: 16px 0 30px;}

/**首页主体内容**/
.ind_pro{padding: 50px 0;}
.proScroll{overflow: hidden;}
.proScroll .swiper-slide a{display: block;}
.proScroll img{height: 239px;background: #fff;}
.proScroll .img_title{display: block;height: 55px;line-height: 55px;text-align: center;font-size: 18px;background: #ce000c;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.proScroll .swiper-pagination{position: static !important;margin-top: 50px;}
.proScroll .swiper-pagination-bullet{width: 19px;height: 19px;margin: 0 17px;background: #000;border: none !important;}
.proScroll .swiper-pagination-bullet-active{background:#e61c14;}

.ind_two{width: 100%;height: 1080px;background: url(../images/big_bg.jpg) center top fixed no-repeat;background-size: 100%;}
.ind_two_phone{display: none;width: 100%;}
.ind_two_phone img{width: 100%;}
.ind_title{text-align: center;margin: 45px 0 0;}
.ind_title h1{}
.ind_title h1 a{display: block;font-size: 32px;font-weight: bold;color: #da251c;}
.ind_title span{display: block;font-size: 14px;color: #777;height: 24px;line-height: 24px;margin-top: 10px; background: url(../images/title_bg.png) center no-repeat;text-transform: uppercase;}
.ind_three{width: 100%;background: #fff;}
.about_info{line-height: 28px;font-size: 14px;color: #777;margin: 16px 0 0;text-align: center;}
.about_list{margin-top: 15px;overflow: hidden;}
.about_list li{width:280px;margin:0 10px;float: left;text-align: center;}
.about_list li a{display: block;padding:35px 0 48px;background: #f1f1f1;color: #000;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.about_list li span{display: block;}
.about_list li .ico{width: 60px;height: 46px;margin: 0 auto; overflow:hidden;}
.about_list li .ico img{width: 100%;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.about_list li .title{font-size: 14px;height: 20px;line-height: 20px;margin-top: 5px;overflow: hidden;}
.about_list li a:hover{color: #fff;background: #ce000c;}
.about_list li a:hover .ico img{margin-top: -46px;}

.ind_news{padding: 22px 0 50px;}
.ind_news_list{overflow: hidden;}
.ind_news_list li{width:582px;float: left;margin-bottom: 35px;}
.ind_news_list li:nth-child(2n){float: right;}
.ind_news_list li a{display: block;border:#f0f0f0 1px solid;padding: 20px;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.ind_news_list li h4{font-size: 16px;height: 24px;line-height: 24px;color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ind_news_list li .date{font-size:12px;color: #707070;line-height: 32px;display: block;}
.ind_news_list li .news_intro{color: #707070;line-height: 28px;height:84px;overflow: hidden;}
.ind_news .more{display: block;width: 91px;height: 45px;text-align: center;line-height: 45px;background: #e61c14;color: #fff;margin: 0 auto;}
.ind_news_list li a:hover{box-shadow:#ececec 0px 4px 9px 1px;-webkit-box-shadow: #ececec 0px 4px 9px 1px;}
/*footer*/
.footer{width:100%;height:auto; background:url(../images/bottom_bg.jpg) center no-repeat;color: #fff;}
.foot{width: 100%;height: 100%; background:rgba(0,0,0,.5);}
.bottom-nav{width:100%;overflow:hidden;padding: 46px 0 66px;}
.bottom-nav li{width:20%;float: left;}
.bottom-nav li span{display: block;}
.bottom-nav li span>a{display: block;color: #fff;font-size: 18px;}
.bottom-nav li dl{margin-top: 5px;}
.bottom-nav li dl>a{display: block;line-height: 28px;color: #fff;font-size: 14px;}
.bottom-nav li dl>a:hover{color: #fff;}
.bottom-nav li .bottom_add{line-height: 28px;margin-top: 5px;}
.bottom-nav li.num3{width: 32%;}
.bottom-nav li.num3 span>a{font-size: 16px;}
.bottom-nav li.num5{width: auto;float: right;}
.copyright{width: 100%;line-height:30px;padding:34px 0; text-align: center;font-size: 16px;border-top: #eee 1px solid;}
.copyright a{color: #fff;}


/**内页***/
.inside-banner{width: 100%;position: relative;}
.inside-banner img{width: 100%;}

.tab_list{padding: 50px 0 30px;text-align: center;}
.tab_list li{display: inline-block;width: 195px;height: 46px;line-height: 46px; margin: 0 16px;box-shadow:#e6e3e3 2px 3px 9px 1px;-webkit-box-shadow: #e6e3e3 2px 3px 9px 1px; border-radius: 2px;-webkit-border-radius: 2px;overflow: hidden;}
.tab_list li a{display: block;height: 46px; background: #fff;font-size: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tab_list li a:hover,.tab_list li.active a{color: #fff;background: #ce000c;}
.contain{margin:0 auto 50px; min-height: 400px;line-height: 28px;font-size: 16px;color: #333;}
.about_text{}
.contain img{max-width: 100%;}
.about_text img{max-width: 100%;}

.news_list{overflow: hidden;}
.news_list li{width:100%;pa: 35px;}
.news_list li a{display: block;background: #fff; border:#f0f0f0 1px solid;padding: 20px;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.news_list li h4{font-size: 18px;height: 24px;line-height: 24px;color: #000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_list li .date{font-size:12px;color: #707070;line-height: 32px;display: block;}
.news_list li .news_intro{color: #707070;line-height: 28px;height:56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news_list li a:hover{box-shadow:#ececec 0px 4px 9px 1px;-webkit-box-shadow: #ececec 0px 4px 9px 1px;}


/**产品页面**/
.con{padding: 10px 0 30px;}
.pro_list {}
.pro_list ul{margin-right: -20px;overflow: hidden;}
.pro_list li{width: 386px; margin:0 20px 20px 0;float: left;}
.pro_list li a{display: block;}
.pro_list li .img{width:386px;height:239px;background: #fff;overflow: hidden;position: relative;}
.pro_list li img{max-width: 100%; display: block;}
.pro_list li .ico{display: block;width: 0%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0,0,0,.5) url(../images/img_btn.png) center no-repeat;overflow: hidden;transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;}
.pro_list li .title{display: block;height: 55px;line-height: 55px;text-align: center;font-size: 18px;background: #ce000c;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_list li .img:hover .ico{width: 100%;}
/*pager*/
.nypager{
	text-align: center;
	margin:30px 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: #ce000c;
	border-color: #ce000c;color: #fff;
}

/*新闻内页*/

h4.newstitle {
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}

.news_message {
	text-align: center;
	margin-bottom: 30px;
}
.news_con{font-size: 16px;line-height: 28px;color: #333;min-height: 300px;}
.news_con img{max-width: 100%;}
#preLink,#nextLink{font-size: 16px;line-height: 30px;display: block;}
@media only screen and (max-width:1440px ) {
	.ind_two{height:810px;}
}
@media only screen and (max-width:1366px ) {
	.ind_two{height:769px;}
}
@media (min-width: 992px) and (max-width:1199px) {
	.nav-main>li{width: 100px;}
	
	.proScroll .img_title{height: 50px;line-height: 50px;}
	.proScroll img{height:197px;}
	.ind_title h1 a{font-size: 28px;}
	.about_list li{width: 228px;}
	.about_list li a{padding: 30px 0 40px;}
	.ind_news_list li{width: 486px;}
	
	.tab_list li{width: 145px;}
	.pro_list li{width: 317px;}
	.pro_list li .img{width: 317px;height: 197px;}
}
@media (min-width: 768px) and (max-width:991px) {
	.nav-main>li{width:70px;}
	.nav-main>li>a{font-size: 16px;}
	.nav-main>li.lan{width: 60px;}
	.proScroll .img_title{height: 40px;line-height: 40px;font-size: 16px;}
	.proScroll img{height:149px;}
	.proScroll .swiper-pagination-bullet{width: 14px;height: 14px;}
	.ind_title{margin: 20px 0 0;}
	.ind_title h1 a{font-size: 24px;}
	.about_list li{width:170px;}
	.about_list li a{padding:25px 0 35px;}
	.ind_news_list li{width: 371px;margin-bottom: 20px;}
	.bottom-nav{padding: 30px 0;}
	.bottom-nav li.num3{width: 30%;}
	.copyright{padding: 20px 0;}
	.bottom-nav li span>a{font-size: 16px;}
	
	.tab_list li{width: 145px;margin: 0 10px;}
	.pro_list li{width:240px;}
	.pro_list li .img{width:240px;height: 149px;}
	.pro_list li .title{height: 40px;line-height: 40px;font-size: 16px;}
	
}
@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{height: auto;}
	.logo{float: none !important;width: 100%;height: auto;padding-left: 10px;}
	.logo img{height:60px;}
	.menubox{position: relative;height: 50px;background: #ce000c;}
	.nav-main{display: none; width: 100%;position: absolute;float: none;background: #ce000c;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.active>a, .nav-main li:hover>a{background: #980911;}
	.nav-main>li a{font-size: 16px;color: #fff;}
	.nav-main>li.lan{text-align: center;width: 100%;}
	
	
	.ind_two{display: none;}
	.ind_two_phone{display: block;}
	.ind_pro{padding: 30px 10px;}
	.proScroll .img_title{height: 40px;line-height: 40px;font-size: 16px;}
	.proScroll img{height:149px;}
	.proScroll .swiper-pagination{margin-top: 30px;}
	.proScroll .swiper-pagination-bullet{width: 10px;height: 10px;}
	
	.ind_title{margin: 20px 0 0;}
	.ind_title h1 a{font-size: 20px;}
	.about_info{padding: 0 10px;}
	.about_list li{width:48%;margin: 1%;}
	.about_list li a{padding:25px 0 35px;}
	.ind_news{padding: 20px 10px 30px;}
	.ind_news_list li{width:100%;margin-bottom: 20px;}
	
	.bottom-nav{width: auto;}
	.bottom-nav{padding: 30px 10px;}
	.bottom-nav li.num3{width: 30%;}
	.copyright{padding: 15px 0;}
	.bottom-nav li{width: 18%;}
	.bottom-nav li span>a{font-size: 16px;}
	.bottom-nav li.num5{float: left;}
	
	/*.inside-banner{width: 100%;height:200px;overflow: hidden;}
	.inside-banner img{position: absolute;width: 768px;height: 200px;top: 0;left: 50%;margin-left: -384px;}*/
	.tab_list{padding:30px 10px 10px;}
	.tab_list li{width:auto;margin: 0 10px 10px;}
	.tab_list li a{padding: 0 20px;}
	.contain{padding: 0 10px;min-height: 200px;margin: 0 0 30px;}
	.con{padding: 10px 10px 20px;}
	.pro_list ul{margin-right: 0;}
	.pro_list li{width:48%;margin:0 1% 20px;}
	.pro_list li .img{width:100%;height: auto;}
	.pro_list li .title{height: 40px;line-height: 40px;font-size: 16px;}
	.news_list li h4{font-size: 16px;}
}

@media (max-width: 640px) {
	.proScroll img{height:auto;}
	.bottom-nav{padding:15px 10px;}
	.bottom-nav li,.bottom-nav li.num5{width: 100%;}
	.bottom-nav li span{height: 40px;line-height: 40px;border-bottom: #b9b5b5 1px solid;padding: 0 10px;}
	.bottom-nav li span>a{background: url(../images/arrow-right.png) right center no-repeat;font-size: 14px;}
	.bottom-nav li dl{display: none;}
	.bottom-nav li.num3{display: none;}
	
}

@media (max-width:580px ) {
	.inside-banner{width: 100%;height:151px;overflow: hidden;}
	.inside-banner img{position: absolute;width:580px;height:151px;top: 0;left: 50%;margin-left: -290px;}
	.banner .swiper-slide img{ height:181px !important;width: 580px !important;}
}

@media (max-width:320px ) {
	.tab_list li{width: 48%;margin:0 1% 1% 1%;}
	.pro_list li{width:100%;margin:0 0 20px;}
	.inside-banner{width: 100%;height:130px;overflow: hidden;}
	.inside-banner img{position: absolute;width:500px;height:130px;top: 0;left: 50%;margin-left: -250px;}
}

#inside_nav{
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
}
.inside_nav{
	height: 49px;
}
.inside_nav ul li{
	float: left;
}
.inside_nav ul li a{
	display: block;
	width: 150px;
	height: 49px;
	line-height: 49px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	border-right: 1px solid #e5e5e5;
}
.inside_nav ul li:first-child a{
	border-left: 1px solid #e5e5e5;
}
.inside_nav ul li a:hover{
	background: #009944;
	color: #FFFFFF;
}
.inside_nav ul li.active a{
	background: #009944;
	color: #FFFFFF;
}
.inside_nav_right{
	float: right;
}
.inside_nav_right>a{
	display: inline-block;
	line-height: 49px;
}
.inside_nav_right>a:first-child{
	background: url(../images/sy.png) no-repeat left;
	padding-left: 24px;
}
