.gallery-img:hover {
	-webkit-animation: beerRotation1 1s ease 0s 1;
	        animation: beerRotation1 1s ease 0s 1;
	-webkit-transform-origin: center bottom;
	        transform-origin: center bottom;
}
@-webkit-keyframes beerRotation1 {
	  0% { -webkit-transform: rotate(0deg);  }
	 15% { -webkit-transform: rotate(3deg);  }
	 30% { -webkit-transform: rotate(-3deg); }
	 45% { -webkit-transform: rotate(2deg);  }
	 60% { -webkit-transform: rotate(-2deg); }
	 75% { -webkit-transform: rotate(1deg);  }
	 90% { -webkit-transform: rotate(-1deg); }
	100% { -webkit-transform: rotate(0deg);  }
}
@keyframes beerRotation1 {
	  0% { transform: rotate(0deg);  }
	 15% { transform: rotate(3deg);  }
	 30% { transform: rotate(-3deg); }
	 45% { transform: rotate(2deg);  }
	 60% { transform: rotate(-2deg); }
	 75% { transform: rotate(1deg);  }
	 90% { transform: rotate(-1deg); }
	100% { transform: rotate(0deg);  }
}

.pheight{height:40px;line-height:40px; clear:both}
@media (max-width: 768px) {
	.pheight {height:20px;line-height:20px;}
}



body{
	padding:0;
	margin:0;
	color:#0f0f0f;
	overflow-x: hidden;
	font-family:"Microsoft YaHei",SimSun,Arial; 
}


ul li{ margin:0px; padding:0px; list-style-type:none;}
form,ul,li,table,td,p,span,h1,h2,h3,h4,h5,img,dl,dt,dd{ margin:0px; padding:0px;}
img{ border:none;}
a{ color:#666; text-decoration:none;}
a:hover,a:active{ text-decoration:none;}
.dispblock{ display:block;}
.dispnone{ display:none;}
.float_l{ float:left}
.float_r{ float:right}
.clear_both{clear:both;}
.hand{ cursor:pointer;}
.f12{ font-size:12px;}
.hei{ color:#000;}

.ft1{ font-size:14px; font-weight:bold; color:#FFF;}
.ft_red{ color:#C80000;}
.ft_bai{ color:#FFF;}
.txt_cent{ text-align:center;}
.Word_Break{ word-break:break-all; overflow:hidden; TABLE-LAYOUT:fixed; WORD-WRAP:break-word;}
.fixedHeader{ position:fixed; left:0; top:0; z-index:100;}
.txthid{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pd_1{ padding:0px;}
.lt{float:left;}
.rt{float:right;}
.not-animated { opacity:0; }

.container{margin:0 auto;}
@media (min-width: 1200px) {
	.container {width: 1200px; padding:0px; clear:both;}
}
@media (max-width: 768px) {
	.container { padding-left:8px; padding-right:8px;}
}





/* ================================================================================================= home atart========================================================================================== */

.oneTop{width: 100%;text-align: center;overflow: hidden;}
.oneTop h1{font-size: 26px;color: #333333;margin-top: 50px;background:url(../images/hon.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;}
.oneTop span{display: block;margin-top: 10px;font-size: 14px;color: #666666;line-height: 22px;}
.oneTop ul{display: inline-block;margin-top: 35px;}
.oneTop ul li{float: left;height: 38px;margin-right: 5px;}
.oneTop ul li a{display: block;text-align: center;line-height: 42px;font-size: 15px;color: #666666;background: #e7e7e8;padding:0 20px;}
.oneTop ul li.on a{background: #de001f;color: #FFFFFF;}
.oneTop ul li:hover a{background: #de001f;color: #FFFFFF;_transition:all .4s linear 0s;}

@media (max-width: 768px) {

.oneTop ul li{width:calc(33.33% - 8px);margin:0 8px 8px 0px;}
.oneTop ul li:nth-child(3n){margin-right:0;}
.oneTop ul li a{display: block;text-align: center;line-height: 42px;font-size: 13px;color: #666666;background: #e7e7e8;padding:0 10px;}

}

/*-----------------------------------------cp--------------------------*/


.in_prod_tit{width:100%;font-size:30px;color:#222; clear:both;margin:0 0 35px 0;text-align:center}
.in_prod_tit b{ font-weight:normal;border-bottom:2px solid #C00;padding-bottom:4px;}
.in_prod_tit more{float:right;width:80px;border:1px solid #CCC;text-align:center;line-height:30px;height:30px;font-size:13px;}
.in_prod_tit more a{font-size:13px; display:block}

.in_prod{ width:1200px; height:auto;clear:both;margin:40px auto 0 auto;padding-top:40px;}
.in_prod li{ width:279px; float:left; background:#fff; margin:0px 28px 24px 0px; overflow:hidden; border:1px solid #ddd;}
.in_prod li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.in_prod li .pro_pic img{width:100%;height:autox;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.in_prod li .pro_txt{text-align:center;color:#333;font-size:15px;padding:15px 0 15px 0;}
.in_prod li .pro_txt p{font-size:13px;padding-top:10px;color:#555;text-align:left;padding-left:15px;}
.in_prod li:nth-child(4n){margin-right:0px;}
.in_prod li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.in_prod li a:hover .pro_txt{color:#d70505;}

@media (max-width:768px){
.in_prod{width:100%;padding:12px 8px 0 8px;margin:12px 0; clear:both}
.in_prod li{width:calc(50% - 6px);margin:0 3px 6px 3px;}
.in_prod li .pro_txt{font-size:13px;}
.in_prod_tit{margin:0 0 25px 0;}
}
/*-----------------------------cp-------------------------------------------------*/


.iabo{width:1200px;height:auto;margin:80px auto 50px auto; clear:both;padding-top:80px}
.iabo_lt{float:left;width:650px;height:auto;}
.iabo_rt{float:right;width:480px}
.iabo_rt img{max-width:480px;}
.iabo_title{width:auto;font-size:32px;color:#333;}
.iabo_title b{ font-weight:normal;border-bottom:2px solid #df2222;padding-bottom:8px;}
.iabo_con{font-size:15px;color:#555;line-height:170%;padding:30px 0 0 0 ;}


.iabo_more{width: 90px;height: 36px;line-height:36px;display:block;text-align:center;border:1px #fff solid;font-size:14px;color:#2b8be3;margin:0 auto}
.iabo_more a{color:#fff;transition:all 0.3s ease;}
.iabo_more a::after{content:"";display:block;width:0px;height:100%;background:#d12020;margin-top:-36px;transition:all 0.3s ease;}
.iabo_more a:hover{color:#fff;}
.iabo_more a:hover::after{width:100%;}

@media (max-width:768px){
.iabo{width:100%;padding:0 8px 0 8px;margin:0 auto 0 auto;}
.iabo_lt{width:100%;}
.iabo_rt{width:100%;}
.iabo_rt img{width:100%;}
.iabo_title{font-size:28px;padding-top:40px;}
.iabo_con{font-size:14px;line-height:150%;padding-top:30px;padding-bottom:10px;}
.iabo_more{}
}

.in_news_box{width:1200px;height:auto;margin:50px auto 0 auto; clear:both;}
.in_news_title{font-size:24px;color:#fff;text-align:left;padding:5px 0 5px 0;border:1px solid #dbdbdc;margin:70px 0 30px 0;background:#1756b3;padding-left:10px; letter-spacing:1px;}
.in_news_title b{ font-weight:normal;border-bottom:2px solid #df2222;padding-bottom:8px;}
.in_news_title a{color:#fff}
.in_news_title a:hover{color:#fff;}

.in_news {width:590px; position:relative; z-index:12;margin:0 auto 30px auto;clear:both;padding-bottom:30px;float:left;}
.in_news li{float:left;width:590px; height:123px; overflow:hidden; position:relative;margin-right:20px;margin-bottom:0px;}
.in_news li:nth-child(2n){margin-right:0px;}
.in_news li a{ position:relative; z-index:12;}
.in_news li .tm{ float:left; width:125px; height:100%; text-align:center;}
.in_news li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;}
.in_news li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;color:#333}
.in_news li .cont{ float:right; width:465px; padding:20px 25px 0 0; }
.in_news li .cont p{ color:#222; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;}
.in_news li .cont div{ padding-top:10px; font-size:13px; line-height:160%;overflow:hidden; color:#555; transition:all 0.5s ease;}
.in_news li::after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background-color:#f58017; z-index:-1; transition:all 0.5s ease;}
.in_news li:hover::after{ width:100%;}
.in_news li:hover .tm b,.in_news li:hover .tm span{ color:#FFF;}
.in_news li:hover .cont p,.in_news li:hover .cont div{ color:#FFF;}

.went dt{cursor:pointer; color:#444; font-size:16px;margin-bottom:20px; font-weight:normal}
.went dd{ display:none;color:#767676; font-size:13px; padding:10px; border-radius:5px; background:#f0f0f0; margin-bottom:20px;margin-bottom:20px; line-height:23px; letter-spacing:1px;}
.went dd a{font-size:13px; color:#628bc8}
.went dt,.went dd{ margin-left:40px; position:relative;}
.went dt i,.went dd i{background:url(../images/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;}
.went dd i{background-position: 0 -35px;}
.went .mb{width:510px;float:right;}




@media (max-width:768px){
.in_news_box{width:100%;padding:0 8px;}
.in_news{width:100%;padding:0 0 0 0;margin:0 0;}
.in_news_title{font-size:20px;padding:5px 0 5px 12px;margin:30px 0 12px 0;}
.in_news li{width:100%;margin:0 0;height:105px;}
.in_news li .tm{width:100px; display:none}
.in_news li .tm b{font-size:24px;}
.in_news li .tm span{font-size:15px;}
.in_news li .cont{width:100%;padding-left:15px;padding-right:15px;}
.in_news li .cont p{font-size:15px}
.in_news li .cont div{font-size:12px;padding-top:0px;line-height:140%;}

.went .mb{width:100%;float:left;}
}

.in_td_box{float:left;width:100%;height:696px;background:url(../images/in_01.jpg) center no-repeat;margin-top:50px;}
.in_td_box b{color:#ffe400; font-weight:600;}
.in_td_box p{font-size:24px;padding-top:0px;}

.in_ys{width:1200px;height:auto;margin:0 auto 50px auto; clear:both;}
.in_ys_title{font-size:24px;color:#fff;text-align:center;padding:65px 0 60px 0;}
.in_ys_title p{font-size:42px;}
.in_ys_title span{font-size:17px;color:#FFF; letter-spacing:1px;}

.in_ys_lt{width:350px;float:left}
.in_ys_lt li{float:left;width:100%;margin:65px 0 0 0; clear:both;}
.in_ys_lt li .img{float:right;width:56px;height:56px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s}
.in_ys_lt li .title{font-size:24px;color:#222;float:right;margin-right:20px; text-align:right;color:#FFF}
.in_ys_lt li .title p{font-size:15px;line-height:150%;color:#b0ccf4;}
.in_ys_lt li .sl{background:url("../images/i_01.png") 0 0 no-repeat}
.in_ys_lt li .td{background:url("../images/i_03.png") 0 0 no-repeat}
.in_ys_lt li a:hover .sl{background-position:0 -56px}
.in_ys_lt li a:hover .td{background-position:0 -56px}
.in_ys_lt li:nth-child(1n){margin-bottom:0;}


.in_ys_rt{width:350px;float:right}
.in_ys_rt li{float:left;width:100%;margin:65px 0 0 0;}
.in_ys_rt li .img{float:left;width:56px;height:56px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s}
.in_ys_rt li .title{font-size:24px;color:#222;float:left;margin-left:20px;color:#FFF}
.in_ys_rt li .title p{font-size:15px;line-height:150%;color:#b0ccf4}
.in_ys_rt li .sb{background:url("../images/i_02.png") 0 0 no-repeat}
.in_ys_rt li .dz{background:url("../images/i_04.png") 0 0 no-repeat}
.in_ys_rt li a:hover .sb{background-position:0 -56px}
.in_ys_rt li a:hover .dz{background-position:0 -56px}


.in_ys_ce{float:left;width:500px;text-align:center;}

@media (max-width:768px){
.in_td_box{font-size:26px;padding:55px 0 0 0;height:595px;margin-top:20px;}
.in_td_box p{font-size:20px;padding-top:5px;}
.in_ys{width:100%;padding:0 8px;}
.in_ys_lt{width:100%;}
.in_ys_lt li{margin:20px 0 0 0;width:100%;}
.in_ys_lt li .img{float:left}
.in_ys_lt li .title{float:left;margin-left:10px;text-align:left;font-size:20px;padding-top:5px;}
.in_ys_lt li .title p{font-size:13px;line-height:150%;padding-top:3px;}

.in_ys_rt{width:100%;}
.in_ys_rt li{margin:20px 0 0 0;width:100%;}
.in_ys_rt li .img{float:left;}
.in_ys_rt li .title{float:left;margin-left:10px;text-align:left;font-size:20px;padding-top:5px;}
.in_ys_rt li .title p{font-size:13px;line-height:150%;padding-top:3px;}

.in_ys_title{font-size:20px;padding:0px 0 20px 0;}
.in_ys_title p{font-size:24px;}
.in_ys_title span{font-size:14px;color:#FFF; letter-spacing:0px;}
.in_ys_ce{display:none;}
}



.in_lc_box{width:100%;float:left;background:#f7f7f7;height:auto;padding:60px 0 100px 0; clear:both;}

.in_lc_title{text-align:center;font-size:42px;color:#222;padding:0px 0 60px 0;}
.in_lc_title b{font-weight:normal;color:#db3509}
.in_lc_title p{font-size:14px;color:#666;padding-top:8px;}

.in_lc{width:1200px;margin:0 auto}
.in_lc  li{float:left;width:88px;margin-right:69px;}
.in_lc li .pic{width:88px;height:79px;}
.in_lc li .pic p{font-size:15px;padding-top:10px;text-align:center;}
.in_lc li .pic img {width: 88px;height: 79px;}
.in_lc  li .ico_1 {display: block;}
.in_lc  li .ico_2 {display: none;}
.in_lc  li:hover .ico_2 {display:block;}
.in_lc  li:hover .ico_1 {display: none;}
.in_lc li:last-child{margin-right:0px}



.in_lc_list {width:1200px; margin:0 auto;}
.in_lc_list .scx_img { width:86px; height:86px; border:1px solid #6b96c8; border-radius:86px; text-align:center; margin:0 auto; transition: all 0.6s;}
.in_lc_list .scx_img:hover { width:110px; height:110px; background-color:#eda241; border:1px solid #eda241; margin-top:-12px;}
.in_lc_list .scx_img img { height:42px; transition: all 0.6s; margin-top:22px;}
.in_lc_list .scx_img:hover img {transform:scale(1.2); margin-top:35px;}
.in_lc_list  li { width:150px; height:140px; float:left; position:relative; z-index:300; cursor:pointer;}
.in_lc_list  li p { width:100%; line-height:30px; font-size:15px; color:#222; text-align:center; position:absolute; bottom:0px; display:block;}
.in_lc_list  li.cur .scx_img {width:110px; height:110px; background-color:#eda241; border:1px solid #eda241; margin-top:-12px;}
.in_lc_list  li.cur .scx_img img {transform:scale(1.2); margin-top:35px;}





@media (max-width:768px){
.in_lc_list{width:100%;padding:0 8px;}
.in_lc_list li{float:left;width:calc(33.33% - 10px);margin:0 5px 5px 5px;}

.in_lc_box{padding:0px 0 50px 0;}
.in_lc_title{font-size:30px;padding:0 0 30px 0;}
.in_lc{width:100%;padding:0 8px}
.in_lc li{float:left;width:88px;margin:0 9% 40px 12%;}
in_lc li .pic p{font-size:14px;padding-top:0px;padding-bottom:12px;}
}

.yy_list{width: 100%;height:auto;clear:both}
.yy_list li{width:calc(20% - 1px);float: left;position: relative;background:#000;margin-right:1px;}
.yy_list li:last-child{margin-right:0px;}
.yy_list li a{ display:block; width:100%; height:100%; color:#FFF; position:relative; overflow:hidden;}
.yy_list li .con{display: block;width: 100%;text-align:center;box-sizing: border-box;position: absolute;top:66%;left: 0;margin-top: -86px;}
.yy_list li h2{font-size: 24px;color: #ffffff;line-height: 36px;}
.yy_list li p{font-size: 18px;color: #fff;line-height: 38px;}
.yy_list li h3{width: 50%;line-height: 50px;border:2px solid #FFF;transition:background 0.3s;margin: 30px auto 0 auto;font-size:18px;}
.yy_list li:hover h3{background-size: 100% 100%;}
.yy_list li a img{ width:auto; max-width:100%; transition:all 0.3s ease-out 0s;opacity:0.5;filter:alpha(opacity=50);}
.yy_list li a:hover img{ transform:scale(1.1);opacity:0.9;filter:alpha(opacity=90);}

.yy_list .yy_title{text-align:center;font-size:42px;color:#222;padding:60px 0 40px 0;}
.yy_list .yy_title b{font-weight:normal;color:#db3509}
.yy_list .yy_title p{font-size:14px;color:#666;padding-top:8px;}


.in_dz{width:100%;float:left;height:230px;background:url(../images/in_10.jpg) no-repeat center;margin-top:1px;}
.in_dz .dz_logo{width:200px;margin:0 auto;height:60px;line-height:60px;background:#ffc000;text-align:center;font-size:36px;}
.in_dz .dz_title{font-size:36px;color:#FFF;text-align:center;padding-top:50px; letter-spacing:1px;padding-bottom:20px;}


@media (max-width: 768px) {
.wel-link li{float:left;width:100%;margin:0 0 3px 0; }
.wel-link li h2{font-size:26px;}
.wel-link li h3{font-size:15px}

.yy_list{width:100%;padding: 0 4px;height:auto;}
.yy_list li{float:left;width:calc(50% - 2px);margin:0 1px 2px 1px;}
.yy_list li .con{display: block;width: 100%;text-align:center;box-sizing: border-box;position: absolute;top:75%;left: 0;margin-top: -86px;}
.yy_list li h2{font-size: 18px;color: #ffffff;line-height: 36px;}
.yy_list li:last-child{display:none;}

.yy_list .yy_title{font-size:25px;padding:30px 0 10px 0;}
.in_dz .dz_title{font-size:30px; letter-spacing:0px;padding:30px 33px 0 33px;;}
}

/* ==================================================================================================== home end ===================================================================================== */


/*===================================================================================================== nei ============================================================================================*/



.mainbox{width:100%;float:left;background:#f4f4f4;height:auto;overflow:hidden;padding:0 0 30px 0;}
.w1200{margin:0 auto;width:1200px;}

.inban{width:100%;float:left;background:url(../images/ban_con.jpg) no-repeat center;height:300px;}
.inban_txt{float:left;font-size:24px;color:#333;margin:25px 0 0 0;background:url(../images/t_05.png) no-repeat 0px 10px;height:68px;padding:20px 0 0 70px;}
.inban_txt p{font-size:12px;color:#666; font-family:Arial, Helvetica, sans-serif;padding:5px 0 0 0; letter-spacing:0px;}
.inban1{width:100%;float:left;background:url(../images/t_03.jpg) no-repeat center;height:170px;}

@media (max-width: 768px) {
.inban{ display:none;}
.inban1{ display:none;}
}


.page_tit { width:100%; height:60px;line-height:60px; color:#222; font-size:18px;  margin:0 auto;padding-left:15px;border-bottom:1px solid #d7d7d7;background:url(../images/i_02.jpg) center no-repeat;}
.page_tit span {float:right;font-size:20px;color:#333;text-align:center;}
.page_tit txt{border-left:3px solid #333;padding-left:8px;}

.conMenu{width: 100%;text-align: center;overflow: hidden;margin:110px 0 20px 0; clear:both;}
.conMenu h1{font-size: 26px;color: #333;margin-top: 15px;background:url(../images/hon.png) no-repeat center bottom;padding-top:10px;padding-bottom:15px;}
.conMenu span{display: block;margin-top: 10px;font-size: 14px;color: #666666;line-height: 22px;padding:0 0 30px 0;}
.conMenu ul{display: inline-block;margin-top:25px;}
.conMenu ul li{float: left;width: 120px;height: 38px;margin-right: 2px;}
.conMenu ul li a{display: block;text-align: center;line-height: 38px;font-size: 14px;color: #fff;background: #252525;}
.conMenu ul li.on a{background: #ec6908;color: #FFFFFF;}
.conMenu ul li:hover a{background: #ec6908;color: #FFFFFF;_transition:all .4s linear 0s;}


.proMenu{width:1200px;height:auto; clear:both;margin:40px 0 60px 0;min-height:120px;padding:0 0 60px 0;}
.proMenu li{float:left;width:99px;margin:0 1px 1px 0;text-align:center;background:#FFF;height:35px;line-height:35px;font-size:13px;}
.proMenu li a{display:block;}
.proMenu li a:hover{background:#272727;color:#FFF;}
.proMenu li:nth-child(12n){margin-right:0px;}
.proMenu li.on a{background: #272727;color: #FFFFFF;}

@media (min-width:768px) and (max-width:1920px) {
.conMenu{display:none;}
}
@media (max-width: 768px) {
.proMenu{display:none;}
	
.page_tit{padding:#fff;padding:0 0 0 0;height:50px;line-height:50px;width:100%;}
.page_tit span{display:none}

	
.mainbox{width:100%;padding:0 0 30px 0;}
.w1200{width:100%;padding:0 8px 0 8px;}
.conMenu{width:100%;padding:0 0;margin:20px 0 0 0;}
.conMenu ul{display:block;margin-top:25px;}
.conMenu ul li{width:calc(25% - 3px);margin:0 3px 3px 0px;float:left;}
.conMenu ul li:nth-child(4n){margin-right:0;}
}

.about_ban{width: 100%;height: 430px;min-width: 1200px;overflow: hidden; background: url(../images/job_ban.jpg) center center no-repeat;}
.about_ban .container{margin: 0px auto;min-width: 1200px;max-width: 1400px;}
.about_ban .container .p1{padding-top: 150px;margin-left: 0px; font-size: 44px;color: #222; font-weight:600}
.about_ban .container .p2{color: #222;margin-left: 0px;font-size: 27px; font-family:Arial; letter-spacing:1px}
.about_ban .container .line{margin:0px 0px;margin-left: 0px;width:70px;height: 2px;background: #ec0000; }


@media (min-width:768px) and (max-width:1920px) {
.about-mban img{display:none;}
}
@media (max-width: 768px) {
.about_ban{ display:none}
}


/* about 栏目 */
.about_ctg{width: 100%; height: 68px;overflow: hidden;background: #eaeaea;border-bottom: 1px solid #e3e2e2;margin-top:1px}
.about_ctg .container1{margin: 0px auto;max-width: 1250px;padding: 0px 20px;}
.about_ctg .container1 .ctg_list{height: 50px;float: left;overflow: hidden;margin-top: 14px;}
.about_ctg .container1 .ctg_list li{width: 110px;height: 40px;line-height: 40px;text-align: center;border-radius: 25px;float: left;transition: all 0.3s linear;margin-right: 5px;}
.about_ctg .container1 .ctg_list li a{display: block;font-size: 15px;color: #4d4d4d;transition: all 0.3s linear;}

.about_ctg .container1 .ctg_list li:hover,.about_ctg .container1 .ctg_list li.on{background: #0c508e;}
.about_ctg .container1 .ctg_list li:hover a,.about_ctg .container1 .ctg_list li.on a{color: #FFFFFF;}
.about_ctg .container1 .crumb{float: right;height: 68px;line-height: 68px;font-size: 12px;color:#363636;display: inline-block;}
.about_ctg .container1 .crumb .img{vertical-align: middle;display: inline-block;margin-top: -5px;margin-right: 5px;} 
.about_ctg .container1 .crumb a{display: inline-block;height: 68px;font-size: 12px;color:#363636;}
.about_ctg .container1 .crumb a:hover{display: inline-block;height: 68px;font-size: 12px;color:#000000;}
.about_ctg .container1 .crumb font{display: inline-block;height: 68px;font-size: 12px;color:#363636;font-family: simsun;padding: 0px 5px;}

@media (max-width: 768px) {
.about_ctg .container1 .crumb{display:none;}
.about_ctg{width:100%;float:left;}
.about_ctg .container1{width:100%;max-width: 100%;padding:0px 15px;}
.about_ctg .container1 .ctg_list li{width:100px;}
}

.about{font-size:16px;line-height:170%;color:#444;padding:60px 0px 40px 0px;text-shadow:0 1px 0 #fff; clear:both}
.about img{text-align:center;}
.nav_box{width:100%;float:left;background:url(../images/i_02.jpg) no-repeat center;height:70px; clear:both;}
.nav_lt{float:left;font-size:13px;color:#FFF;padding-top:11px;}
.nav_lt p{font-size:22px;padding-top:5px;}
.nav_lt a{color:#FFF;}
.nav_lt a:hover{color:#FFF;}
.nav_rt{background:url(../images/tel.png) no-repeat  5px 0;padding-left:60px;float:right; color:#FFF;margin-top:16px;}
.nav_rt p{font-size:17px;padding-top:0px;}

.liucheng{width:100%;text-align:center;line-height:160%;font-size:font-size:16px;padding-top:60px; clear:both}

.honor{ width:auto; height:auto;margin-top:20px;overflow:hidden;padding:0 0; }
.honor ul{display:grid;grid-template-columns: repeat(4,1fr);gap:10px}
.honor li{overflow:hidden;}
.honor li img{width:100%;height:400px}


@media (max-width: 768px) {
.about{width:100%;padding:50px 0 20px 0;font-size:14px;line-height:150%; clear:both;}
.about img{padding:0 0 0 0;width:100%;}
.liucheng{padding-top:30px;}
.liucheng img{width:100%;}
.nav_box{ display:none}

.honor ul{display:grid;grid-template-columns: repeat(2,1fr);gap:10px}
.honor li img{width:auto;height:300px}
}

.qywh{color:#333;line-height:170%;font-size:15px;padding:40px 40px;background:#FFF;}
.qywh p{color:#333;font-size:15px;line-height:170%;}
.qywh b{font-size:18px;color:#C00;display:block;font-weight:normal;padding-top:10px;}

@media (max-width: 768px) {
.qywh{width:100%;padding:20px 14px;font-size:16px;line-height:150%;}
.qywh p{color:#333;font-size:14px;line-height:150%;}
.qywh b{font-size:16px;color:#C00;display:block;font-weight:normal;padding:10px 0 5px 0;}
}

/*-------------chijian------------------*/

.sccj{ width:auto; padding:0px 0 10px 0; min-height:700px;margin:0 auto;margin:70px 0 0 0;}
.sccj  li{ float:left; width:calc(25% - 16px);text-align:center;margin:0 8px 15px 8px;display:block;}
.sccj  li a{ display:block; width:100%; height:auto; color:#FFF; position:relative; overflow:hidden;}
.sccj  li a img{ max-width:100%; transition:all 0.3s ease-out 0s;height:200px;}
.sccj  li a div{ background:#000; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out 0s;}
.sccj  li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:16px;}
.sccj  li a:hover img{ transform:scale(1.1);}
.sccj  li a:hover div{ opacity:0.7; filter:alpha(opacity=70);}
.sccj  li a:hover p{ opacity:1; filter:alpha(opacity=100);}





@media (max-width: 768px) {
.sccj{width:100%;padding:0px 2px 10px 2px;margin:40px 0 0 0;}
.sccj  li{ width:calc(50% - 10px); margin:0 5px 10px 5px;padding-bottom:2px;border:2px solid #FFF;}
.sccj  li a{ display:block; width:100%; height:100%; color:#FFF; position:relative; overflow:hidden;}
.sccj  li a img{ width:auto; max-width:100%; transition:all 0.3s ease-out 0s;height:110px;}
.sccj  li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:15px;}
}
/*-----------chejian-----------------------*/


/*----------ying-----------*/
.yybox{font-size:15px;line-height:170%;color:#444;padding:60px 0px 40px 0px;}
.yy{width:100%;height:auto;clear:both;min-height:350px;}
.yy li{float:left;width:calc(33.33% - 4px);margin:0 2px 0 2px;}
.yy li img{width:100%;}
@media (max-width: 768px) {
.yybox{padding:50px 0 30px 0;}
.yy li{width:100%;margin:0 0 4px 0;}
.yy li:last-child{margin-bottom:40px;}
}
/*----------ying-----------*/

/*------------contact--------------------*/
.cnt_contbox{ width:100%; height:695px; overflow:hidden;margin-top:0px;z-index:0}
.cnt_contbox #allmap{ width:100%; height:695px;}
.cnt_cont{ width:1100px; margin:0px auto;}
.cnt_cont .bkg{ width:360px; padding:30px 0; overflow:hidden; background:#ec6908; color:#FFF; position:relative; z-index:10; left:0px; top:-660px; opacity:0; filter:alpha(opacity=0);}
.cnt_cont .bkg .tit{ padding:5px 0 0 13px; font-size:17px; font-weight:bold; height:16px;}
.cnt_cont .bkg .cont{ padding:13px 13px 0 13px; line-height:150%; font-size:15px;}
.cnt_cont .bkg .cont a{ color:#FFF;}


@media (max-width: 768px) 
{
 .in_lx{width:100%;}
 .in_lx .rt{width:96%;padding:20px 0px 0 0px;}
 .cnt_cont .bkg{width:260px;}
}


/*-----------content end-------------------*/


/*-----------product-----------*/

.ProList{ width:auto; height:auto;margin:50px 0 0 0; min-height:400px; clear:both}

.ProList li{ width:calc(20% - 20px); float:left; margin:0px 10px 10px 10px; overflow:hidden;border:1px solid #e4e2e2}
.ProList li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.ProList li .pro_pic img{width:100%;height:194px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.ProList li .pro_txt{text-align:center;color:#333;font-size:15px;padding:5px 0 10px 0;}
.ProList li .pro_txt p{font-size:13px;padding-top:10px;color:#555;text-align:left;padding-left:15px;}
.ProList li:last-child{margin-right:0px;margin:0px 0px;}
.ProList li:hover .pro_pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.ProList li a:hover .pro_txt{color:#d70505;}




@media screen and (max-width:768px){
.ProList{width:100%;padding:0 0;margin:30px 0 0 0;}	
.ProList li{width:calc(50% - 10px);margin:0 5px 12px 5px;height:auto}
.ProList li .pro_pic img{width:100%;height:131px;}
.ProList li .pro_txt{font-size:14px;padding:10px 0 10px 0;}
.ProList li .pro_txt p{font-size:12px;padding-left:10px;}
}





.pro_tion{width:1200px;min-height:450px;height:auto;clear:both;margin-top:50px;}
.pro_tion .pr_lt{float:left;width:450px;text-align:center;}
.pro_tion .pr_lt img{max-width:448px;border:1px solid #e0e0e0; }

.pre_next{width:auto;height:auto;overflow:hidden;margin-top:10px;border:1px solid #e0e0e0;margin-bottom:0px;background:#FFF}
.pre_next li{width:50%;float:left;display:block;text-align:center;border-right:1px solid #e0e0e0;}
.pre_next li a{color:#444;display:block;font-size:14px;line-height:35px;text-transform:uppercase;-webkit-transition: all 0.5s ease-in-out;}
.pre_next li a:hover{color:#FFF;background:#fb622a;}
.pre_next li:last-child{border:none}


.pro_tion .pr_rt{float:right;width:700px;height:auto;}
.pr_rt_title{font-size:20px;color:#333;background:#f8f8f8;padding:15px 10px;border:1px solid #ececec}
.pr_rt_lxfs{width:100%;border:1px #CCCCCC dashed;height:auto;overflow:hidden;margin:25px 0 0 0;padding:10px 10px; position:relative;background:#fff3e8}
.pr_rt_lxfs li{float:left;font-size:14px;color:#555;margin-bottom:15px;display:block;width:100%;}
.pr_rt_lxfs li img{margin-right:10px;padding:3px 0 0 0;}
.pr_rt_lxfs li:last-child{margin-bottom:0px;}
.pr_rt_lxfs ewm{right:10px;top:5px; position:absolute}
.pr_rt_lxfs ewm img{width:105px;height:105px;}



.pro_info{ line-height:160%;padding:25px 10px 20px 10px;font-size:14px;color:#666; min-height:400px; clear:both}
.pro_info img{ min-width:100%;}
.pro_info_sx{border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:auto;overflow:hidden;padding:12px 12px;background:#FFF}



.ff_pre{ clear:both; padding:16px 0 0 0;color:#333;}
.ff_pre a{color:#0055ab;font-size:15px;}
.ff_pre a:hover{color:#C00}
.ff_next{ clear:both; padding:0 0 10px 0;color:#333;}
.ff_next a{color:#0055ab;font-size:16px;}
.ns_pn{ clear:both; padding:15px 0 40px 0; line-height:26px;font-size:16px}
 @media (max-width: 768px) 
{
.pro_tit img{width:100%;}
.pro_tit p{font-size:20px;}
.pro_cont{width:100%;padding:0 5px 0 5px;}
.pro_cont .rt{width:auto;}
.pro_cont .lt{width:auto;}
.pro_lt_pic{width:100%;}
.pro_lt_pic img{width:100%;min-width:100%;}
.pro_tit{margin-top:10px;}
.pro_shux li{width:100%;float:left;display:block;line-height:32px;font-size:15px;color:#444;padding-left:10px;}

.pr_rt_title{margin-top:20px;}
.pr_rt_lxfs{margin:15px 0 0 0;}
.pro_tion{width:100%;height:auto;margin-top:20px;}
.pro_tion .pr_lt{width:100%;height:100%;}
.pro_tion .pr_lt img{width:100%;height:auto;}
.pro_tion .pr_rt{width:100%;}
}



.pro_type{ width:1200px; padding:0px 0 10px 0; min-height:700px;margin:0 auto;margin:70px 0 100px 0;}
.pro_type  li{ float:left; width:112px;height:112px;text-align:center;margin:0 19px 19px 19px;display:block;}
.pro_type  li a{ display:block; width:100%; height:auto; color:#FFF; position:relative; overflow:hidden; border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;box-shadow: 0 2px 3px rgba(0,0,0,.3);border:1px solid #f5f5f5;}
.pro_type  li a img{ max-width:100%; transition:all 0.3s ease-out 0s;height:auto;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.pro_type  li a div{ background:#000; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.3s ease-out 0s;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.pro_type  li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:16px;}
.pro_type  li a:hover img{ transform:scale(1.0);}
.pro_type  li a:hover div{ opacity:0.7; filter:alpha(opacity=70);}
.pro_type  li a:hover p{ opacity:1; filter:alpha(opacity=100);}





@media (max-width: 768px) {
.pro_type{width:100%;padding:0px 2px 10px 2px;margin:40px 0 0 0;}
.pro_type  li{ width:calc(50% - 10px); margin:0 5px 10px 5px;height:auto;}
.pro_type  li a{ display:block; width:100%; height:100%; color:#FFF; position:relative; overflow:hidden;}
.pro_type  li a img{ width:100%; max-width:100%; transition:all 0.3s ease-out 0s;}
.pro_type  li a p{ width:100%; height:100%; line-height:100%; position:absolute; left:0; top:50%; opacity:0; filter:alpha(opacity=0);font-size:15px;}
}


/*-----------product end------------*/

/*--------------news------------*/


.xinw_tit{ font-size:22px; line-height:36px; text-align:center; padding:8px 0 8px 0 ;background:#fff;display:block;margin-top:50px;}
.xinw_dtm{ text-align:center; padding:0 0 0px 0; font-size:14px; color:#555;line-height:40px;}
.xinw_info{ line-height:23px;padding:20px 0px;font-size:15px;color:#555;min-height:400px;}
.xinw_info b{font-size:18px;color:#eb3e00;}
.xinw_box{width:auto;background:#FFF;height:auto;overflow:hidden;padding:50px 40px 40px 40px;}



.newsList { width:1200px; position:relative; z-index:12;margin:20px auto 50px auto;min-height:360px;}
.newsList li{ width:100%; height:123px; overflow:hidden; position:relative;}
.newsList li a{ position:relative; z-index:12;}
.newsList li .tm{ float:left; width:125px; height:100%; text-align:center;}
.newsList li .tm b{ display:block; font-size:40px; line-height:45px; margin-top:30px; transition:all 0.5s ease;}
.newsList li .tm span{ display:block; line-height:18px; font-size:15px; transition:all 0.5s ease;}
.newsList li .cont{ float:right; width:1045px; padding:35px 25px 0 0;}
.newsList li .cont p{ color:#333; font-size:18px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;}
.newsList li .cont div{ padding-top:5px; font-size:13px; line-height:160%;overflow:hidden; color:#737373; transition:all 0.5s ease;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.newsList li::after{ content:""; position:absolute; left:0px; top:0px; display:block; width:0; height:100%; background:#f58017; z-index:-1; transition:all 0.5s ease;}
.newsList li:hover::after{ width:100%;}
.newsList li:hover .tm b,.newsList li:hover .tm span{ color:#FFF;}
.newsList li:hover .cont p,.newsList li:hover .cont div{ color:#FFF;}



@media (max-width: 768px) {
.xinw_box{padding:30px 20px 30px 20px;}
.xinw_tit{font-size:16px;margin-top:20px;}
.newsList{width:100%;padding:0 0; clear:both}
.newsList li{width:100%;height:90px;}

.newsList li .cont{width:100%;padding:20px 8px 0 12px;}
.newsList li .tm{display:none;}
.newsList li .cont p{font-size:16px;}
.newsList li .cont div{padding-top:0px;}
}


/*--------------news-----------------*/

/*----product news---*/
.related{width:100%;height:auto;overflow:hidden;padding:15px 10px 0 10px;border:1px solid #e0e0e0; clear:both;margin:20px 0;min-height:120px;}
.related li{float:left;width:calc(25% - 10px);margin:0 5px 10px 5px;background:url(../images/i_04.jpg) no-repeat 0 7px;padding-left:7px;}
.related li a{display:block;font-size:12px;}

@media (max-width: 768px) {
.related{display:none;}
}



/*===================================================================================================== nei end =======================================================================================*/
.foot_box { width:100%; min-width:1200px; height:400px; background:#222222;margin-top:50px; clear:both;}
.foot_con{width:auto;background:#2188e8;height:80px;padding:20px 20px 0 20px;color:#FFF}
.foot_con .txt{color:#FFF;font-size:20px;float:left;padding-top:8px;}
.foot_con .con_tel{float:right;background:url(../images/tel.png) no-repeat 0 0px;padding-left:50px;font-size:15px;padding-top:0px;height:80px; }
.foot_con .con_tel p{font-size:18px; font-family:Arial, Helvetica, sans-serif;}

.foot_menu{width:1200px;height:auto;margin-top:50px;}
.foot_menu li{float:left;width:360px;margin-right:40px;}
.foot_menu li .title{font-size:16px;color:#FFF;border-bottom:1px solid #808080;padding:10px 0 10px 0;margin-bottom:20px;}
.foot_menu li a{font-size:14px;padding-right:20px;color:#bebebe;line-height:170%;}
.foot_menu li:last-child{margin-right:0;}
.foot_lxfs{font-size:14px;color:#bebebe;line-height:170%;}
.foot_ewm{width:360px;height:auto}
.foot_ewm li{float:left;width:108px;margin-right:12px;text-align:center}
.foot_ewm li p{color:#bebebe;font-size:12px;padding-top:3px;}

.share { width:280px; height:auto; clear:both;}
#share .bds_tsina { width:26px; height:26px;margin-right:0px; background:url(../images/weibo.png) no-repeat;}
#share .bds_tqq { width:26px; height:26px;margin-right:0px; background:url(../images/t_weibo.png) no-repeat;}
#share .bds_sqq { width:26px; height:26px;margin-right:0px; background:url(../images/qq.png) no-repeat;}
#share .bds_weixin { width:26px; height:26px;margin-right:0px; background:url(../images/weixin.png) no-repeat;}


@media (max-width: 768px) {
.foot_box{display:none;}
}




.copy{width:100%;background:#121212;text-align:center;color:#FFF;font-size:13px; clear:both;padding:16px 0;}
.copy a{color:#fff;}
.copy a:hover{color:#FFF;}
@media (max-width: 768px) {
.copy{line-height:140%;padding:15px 0;font-size:12px;margin-bottom:60px;margin-top:50px; clear:both;}
}



/* ====== home banner start ====== */
.carousel-btn {
	text-align:center;
	margin:10px 0;
}
.carousel-btn a {
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	margin:0 6px;
	background:#fff;
}
.carousel-btn .selected {
	background:#da251c;
	cursor:default;
}
.carousel-btn a span {
	display:none;
}
.carousel-btn-fixed {
	width:100%;
	position:absolute;
	bottom:15px;
	left:0;
	margin:0;
	z-index:100;
}
.carousel {
	position:relative;
	padding:0px;
}


@media (min-width:768px) and (max-width:991px) {
	.carousel{ height:479px !important; }
	.carousel .carousel-item .carousel-img a img{ height:479px !important; }
}

@media screen and (max-width:768px) {
	.carousel{ height:380px !important; }
	.carousel .carousel-item .carousel-img a img{ height:380px !important; padding-top:1px;}
}
@media screen and (max-width:640px) {
	.carousel{ height:350px !important; }
	.carousel .carousel-item .carousel-img a img{ height:350px !important; }
}
@media screen and (max-width:480px) {
	.carousel{ height:180px !important; }
	.carousel .carousel-item .carousel-img a img{ height:180px !important; }
}
.carousel-item {
	position:relative;
	float:left;
	display:block;
}
.carousel-item .carousel-img {
	display:block;
}
.carousel-item .carousel-img a[href="javascript:;"] {
	cursor:default;
}
.carousel-item .carousel-img img {
	display:block;
}
.responsive-carousel {
	overflow:hidden;
}
.responsive-carousel .carousel-item img {
	width:100%;
	height:auto !important;
}
.responsive-carousel .carousel-direction {
	display:none;
}
.responsive-carousel:hover .carousel-direction {
	display:block;
}
.responsive-carousel-set .carousel-info-inner h3 {
	font-weight:normal;}
	.banbox{ width:100%; overflow:hidden; display:block}
/* ====== home banner end ====== */

/* ====== go top start ====== */
.gotop {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 70px;
	position: fixed;
	right: 20px;
	z-index: 10;
	width:45px;
	height:45px;
	display:none;
}
.gotop:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.gotop a {
	display: block;
	height: 45px;
	overflow: hidden;
	width: 45px;
	font-size:24px;
	color:#FFF;
	text-align:center;
	line-height:45px;
}
.gotop a:hover{color:#FFF}
/* ====== go top end ====== */

/* 分页 */
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:100%;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;}
.page a,.page span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */

.page1{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; width:1200px;margin:0 auto;padding:30px 0 30px 0; clear:both;margin-bottom:20px;}
.page1 a,.page1 span{display:block;color:#0c4797;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:0px;float:left;margin-top:0px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:25px;line-height:25px;} /* SPAN和链接 */
.page1 a:hover, .page1 a.current{color:#F44;border:1px solid #F44;height:25px;line-height:25px;} /* 当前链接有激活时 */
.page1 input{padding:0px;color:#0c4797;height:23px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px} /* 跳转INPUT */




/* 底部定导航*/
.menubox{ 
	background-color: #fafafa;
	position: relative;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 999;
	width: 100%;
	padding:9px 0;
	border-top: #eee solid 1px;
}
.menubox ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.menubox ul li i{
	display: block;
	margin:0 auto;
	width: 25px;
	height: 25px;
}
.menubox ul li i img{
	display: none;
	margin:0 auto;
	width: 25px;
}
.menubox ul li i img:first-child{
	display: block;
}
.menubox ul li span{
	display: block;
	font-size:14px;
	color: #666;
	line-height: 140%;
}
.menubox ul li.cur i img:first-child{
	display: none;
}
.menubox ul li.cur i img:last-child{
	display: block;
}
.menubox ul li.cur span{
	color: #3385cc;
}
.menubox dl{
	position: absolute;
	right: 0;
	width: 36%;
	background-color: #fafafa;
	text-align: center;
	padding: 1% 0;
	border:#ddd solid 1px;
	border-bottom: 0;
	display: none;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}
.menubox dl dd{
	line-height: 320%;
	border-top: #ddd solid 1px;
}
.menubox dl dd:first-child{
	border:0;
}
.menubox dl a{
	display: block;
	color: #666;
	font-size: 15px;
}
.menubox dl a:active{
	color: #fff;
	background-color: #3385cc;
}

@media (min-width:768px) and (max-width:1920px) {
.menubox{display:none;}
}

/* 底部定导航*/