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_pro_fl{width:705px;margin:0 auto;height:auto;overflow:hidden;margin-bottom:40px;margin-top:20px;}
.in_pro_fl li{float:left;width:211px;margin-right:36px;}
.in_pro_fl li:last-child{margin-right:0px;}
.in_pro_fl li .img{width:211px;height:209px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s}
.in_pro_fl li .title{font-size:18px;color:#444;text-align:center;padding-top:10px;}

.in_pro_fl li .cl{background:url("../images/zhr_p_01.png") 0 0 no-repeat}
.in_pro_fl li .fm{background:url("../images/zhr_p_02.png") 0 0 no-repeat}
.in_pro_fl li .lg{background:url("../images/zhr_p_03.png") 0 0 no-repeat}
.in_pro_fl li .jg{background:url("../images/zhr_p_04.png") 0 0 no-repeat}
.in_pro_fl li .gd{background:url("../images/zhr_p_05.png") 0 0 no-repeat}
.in_pro_fl li a:hover .cl{background-position:0 -209px}
.in_pro_fl li a:hover .fm{background-position:0 -209px}
.in_pro_fl li a:hover .lg{background-position:0 -209px}
.in_pro_fl li a:hover .jg{background-position:0 -209px}
.in_pro_fl li a:hover .gd{background-position:0 -209px}

@media (max-width:768px){
.in_pro_fl{width:100%;padding:0 8px;}
.in_pro_fl li{width:100px;margin:0 8px 12px 8px;}
.in_pro_fl li .img{width:100px;height:99px;}
.in_pro_fl li .title{font-size:14px}
.in_pro_fl li .cl{background:url("../images/zhr_p_01s.png") no-repeat}
.in_pro_fl li .fm{background:url("../images/zhr_p_02s.png") no-repeat}
.in_pro_fl li .lg{background:url("../images/zhr_p_03s.png")  no-repeat}
.in_pro_fl li .jg{background:url("../images/zhr_p_04s.png")  no-repeat}
.in_pro_fl li .gd{background:url("../images/zhr_p_05s.png")  no-repeat}

}


.in_tit_en{text-align:center;font-size:36px;color:#222; font-family:Arial;font-weight:600;line-height:30px;padding-top:60px;}
.in_tit{font-size:36px;color:#222;text-align:center;font-weight:600;color:#006dc9;}
.in_tit p{font-size:16px;color:#444;font-weight:normal;padding-bottom:20px; letter-spacing:1px;}

.in_prod_box{float:left;width:100%;background:#f7f7f7;height:auto;overflow:hidden;padding:0px 0 40px 0;}
.in_prod{ width:1200px; height:auto;margin:0 auto; min-height:400px; clear:both}
.in_prod li{ width:285px; float:left; margin:0px 20px 20px 0px; overflow:hidden;}
.in_prod li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.in_prod li .pro_pic img{width:100%;height:211px;-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:5px 0 10px 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;}

.in_prod_more{width:160px;margin:0 auto;line-height:40px;height:40px;text-align:center;color:#fff;background:#288cd2; border-radius:50px; clear:both;margin-top:50px;font-size:16px;}
.in_prod_more a{color:#FFF; display:block;border-radius:50px;}
.in_prod_more a:hover{color:#fff;background:#006dc9;}

@media (max-width:768px){
.in_tit_en{font-size:30px;padding-top:30px;}
.in_tit{font-size:30px;}
.in_tit p{padding-bottom:10px;}

.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_pic img{height:125px;}
.in_prod li .pro_txt{font-size:13px;padding:5px 0 5px 0;}
}
/*-----------------------------cp-------------------------------------------------*/


.iabo_box{float:left;width:100%;height:571px;background:url(../images/zhr_02.jpg) center no-repeat;}

.iabo{width:1039px;height:auto;margin:0px auto 50px auto; clear:both;}
.iabo_lt{float:left;width:75px;height:auto;}
.iabo_rt{float:right;width:898px;font-size:15px;line-height:130%;color:#fff;}


.iabo_more{width: 120px;height: 36px;line-height:36px;display:block;text-align:center;border:1px #fff solid;font-size:14px;color:#fff;margin-top:25px;}
.iabo_more a{color:#fff;transition:all 0.3s ease;}
.iabo_more a::after{content:"";display:block;width:0px;height:100%;background:#00548e;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_box{height:450px;width:100%;background:#1971a7;}
.iabo{width:100%;padding:0 8px 0 8px;margin:0 auto 0 auto;}
.iabo_lt{display:none;}
.iabo_rt{width:100%;font-size:14px;line-height:150%;padding:10px 0 0 0;}
.iabo_rt img{width:100%;}
}


.in_hj{width:100%; height:auto; clear:both;}
.in_hj li{float:left;width:calc(20% - 1px);margin-right:1px;}
.in_hj li img{width:100%;}

.in_hj_tit{font-size:35px;color:#333;padding:60px 0 40px 0;text-align:center;}
.in_hj_tit b{ font-weight:normal;border-bottom:3px solid #2d5aad;padding-bottom:8px;}
.in_hj_tit p{font-size:14px;color:#555;border:1px solid #CCC;width:405px;margin:0 auto;margin-top:7px;padding:8px 5px;}

@media (max-width:768px){
.in_hj{padding:0 8px;}
.in_hj_tit{padding:30px 0 20px 0;font-size:28px;}
.in_hj_tit b{border:none;}
.in_hj_tit p{margin-top:5px;background: linear-gradient(to right,#009c37,#1554c7);color:#FFF; border-radius:20px;width:90%;padding:5px 15px;line-height:140%;}
.in_hj li{width:calc(50% - 4px);margin:0 2px 4px 2px;}
.in_hj li:last-child{width:100%;}

}

.in_news {width:1200px;margin:0 auto;clear:both;margin-bottom:50px;}
.in_news li{float:left;width:590px; height:123px; overflow:hidden; position:relative;margin-right:20px;margin-bottom:5px;}
.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;padding-top:20px;}
.in_news li .tm img{width:100px;height:84px;}
.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:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.5s ease;line-height:30px;}
.in_news li .cont span{font-size:12px;color:#444;height:15px;}
.in_news li .cont div{ padding-top:5px; font-size:13px; line-height:150%;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: linear-gradient(to right,#288cd2, #0070be); 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 .cont span{ color:#FFF;}
.in_news li:hover .cont p,.cont span,.in_news li:hover .cont div{ color:#FFF;}


@media (max-width:768px){
.in_news_box{width:100%;padding:0 8px;margin-top:20px;padding-top:10px; clear:both;height:auto;overflow:hidden;}
.in_news{width:100%;padding:0 0 0 0;margin:0 0;}
.in_news_title{font-size:18px;;margin:30px 0 0 0;text-align:left;}
.in_news li{width:100%;margin:0 0;height:105px;}
.in_news li .tm{width:100px; display:none}

.in_news li .cont{width:100%;padding-left:15px;padding-right:15px;padding-top:15px;}
.in_news li .cont p{font-size:18px;height:auto;line-height:160%;}
.in_news li .cont span{font-size:12px;color:#444;height:12px;}
.in_news li .cont div{font-size:12px;padding-top:0px;line-height:140%;}

.in_news_box .lt{width:100%;}
.in_news_box .rt{width:100%;}
.in_cpzs li{overflow:hidden;}
}



/* ==================================================================================================== 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-mban img{width:100%;height:auto;}

.about_ban_h120{height:150px;line-height:150px;}
.about_ban_h50{height:60px;line-height:60px;}

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


/* about 栏目 */

.about{min-height:450px;font-size:16px;line-height:170%;color:#444;padding:0px 0px 40px 0px;text-shadow:0 1px 0 #fff; clear:both}
.about img{text-align:center;}

.abo_title{width:100%;height:auto;text-align:center;padding:0 0 30px;}


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

.ab_ctgbox{ width:100%; height:40px; margin:0 auto;text-align:center;padding:0px 0 80px 0; clear:both}
.ab_ctgbox ul{display: inline-block;}
.ab_ctgbox ul li{ margin:0 8px; float:left;}
.ab_ctgbox ul li a{ display:block; width:130px; height:39px; overflow:hidden; line-height:37px; border:1px solid #ccc; color:#2b2b2b; text-align:center; border-radius:39px; font-size:15px;}
.ab_ctgbox ul li a:after{ content:""; display:block; width:0; height:39px; background: linear-gradient(to right,#288cd2,#0070be);; margin-top:-37px; transition:all 0.3s ease;}
.ab_ctgbox ul li a:hover{ color:#FFF;border-color:#01401F; }
.ab_ctgbox ul li a:hover:after{ width:100%;}
.ab_ctgbox ul li.cur a{ color:#FFF;border-color:#01401F; font-weight:bold;}
.ab_ctgbox ul li.cur a:after{ width:100%;}

@media (max-width: 768px) {
	.ab_ctgbox{ height:auto;width:100%;padding:0 0 0 0;}
	.ab_ctgbox ul{width:100%; overflow:hidden; border-bottom:1px solid #fff;}
	.ab_ctgbox ul li{ width:50%; margin:0; position:relative;}
	.ab_ctgbox ul li a{ display:block; width:100%; height:39px; line-height:39px; border:0; border-bottom:1px solid #ccc; border-radius:0; font-size:15px; position:relative; cursor:pointer;}
	.ab_ctgbox ul li a:after{ content:""; background:none; border:1px solid #ccc; border-left:0; border-bottom:0; width:8px; height:8px; position:absolute; right:10px; top:52px; transform:rotate(45deg); transition:0s;}
	.ab_ctgbox ul li em{ display:none; position:absolute; left:0; bottom:0px; height:2px; width:100%; height:2px; background:#01401F; display:none;}
	.ab_ctgbox ul li a:hover{ color:#2b2b2b; border-color:#ccc;}
	.ab_ctgbox ul li a:hover:after{ width:8px; border-color:#01401F;}
	.ab_ctgbox ul li:hover em{ display:block;}
	.ab_ctgbox ul li.cur a{ color:#2b2b2b;}
	.ab_ctgbox ul li.cur a:after{ width:8px; border-color:#01401F;margin-top:10px;}	
	.ab_ctgbox ul li.cur em{ display:block;}
}

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

.sccj{ width:auto; height:auto;margin:0px 0 0 0; min-height:500px; clear:both}
.sccj li{ width:calc(20% - 20px); float:left; margin:0px 10px 20px 10px; overflow:hidden;border:1px solid #e4e2e2}
.sccj li .pic{ width:100%; height:auto; overflow:hidden;}
.sccj li .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;}
.sccj li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

@media (max-width: 768px) {
.sccj{width:100%;padding:0 0;margin:30px 0 0 0;}	
.sccj li{width:calc(50% - 10px);margin:0 5px 12px 5px;height:auto}
.sccj li .pic img{width:100%;height:131px;}
}


.honor{ width:auto; height:auto;margin:0px 0 0 0; min-height:500px; clear:both}
.honor li{ width:calc(20% - 20px); float:left; margin:0px 10px 20px 10px; overflow:hidden;border:1px solid #e4e2e2}
.honor li .pic{ width:100%; height:auto; overflow:hidden;}
.honor li .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;}
.honor li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

@media (max-width: 768px) {
.honor{width:100%;padding:0 0;margin:30px 0 0 0;}	
.honor li{width:calc(50% - 10px);margin:0 5px 12px 5px;height:auto}
.honor li .pic img{width:100%;height:131px;}
}

/*-----------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:#0070be; 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-----------*/
.Pro_cpfl{width:100%;height:auto;margin-bottom:20px;}
.Pro_cpfl li{float:left;width:100%;padding-left:15px;margin:0 0 6px 0;height:40px;line-height:40px;color:#444;background:#fafafa;border:1px solid #e4e4e4;font-size:16px;}
.Pro_cpfl li a{display:block;font-size:16px;}




.ProList{ width:auto; height:auto;margin:0px 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:170px;-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;}
}




/*-----------------pic show---------------*/

.proPic{
	width:100%;
	float:left;
}

.proPic .bigPic{
	width:100%;
}

.proPic img{
	width:100%;
}
 .proPic ul{
	padding-top:10px;
}
.proPic ul li{
	width:20%;
	float:left;
	padding-right:2px;
	cursor:pointer;
}
.proPic ul li img{
	border:3px solid #FFF;
}
.proPic ul li.on img,.proPic ul li:hover img{
	border:3px solid #2557ac;
}

/*-----------------pic show--------*/


.pro_tion{width:1200px;height:auto;clear:both;margin-top:10px;}
.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: linear-gradient(to right,#288cd2,#1554c7); 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{float:left;width:100%;height:auto;overflow:hidden;background:#288cd2;margin-top:50px;padding:20px 0; clear:both;}
.foot_list{width:1200px;margin:0 auto;height:auto}
.foot_list li {float:left;width:300px;border-right:1px solid #2276b1;height:118px;}
.foot_list li .pic{float:left;width:60px;text-align:right;padding-top:40px;}
.foot_list li .text{float:right;width:225px;font-size:16px;color:#FFF;padding-top:40px;}
.foot_list li .text p{font-size:13px;color:#FFF;}
.foot_list li:last-child{border-right:none;}
.ewm{width:300px;height:auto;}
.ewm .tt{float:left;font-size:13px;color:#FFF;width:180px;text-align:center;padding-top:50px;}
.ewm .ewmpic{width:120px;float:right;}


.yq_link{width:1200px;font-size:12px;color:#bebebe; clear:both;padding-top:30px;margin:0 auto;line-height:160%;}
.yq_link a{color:#bebebe;padding-right:5px;}
.yq_link a:hover{color:#FFF;}

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




.copy{width:100%;background:#353535;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;}
}

/* 底部定导航*/