.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);  }
}

.vh_01{height:1px;line-height:1px; clear:both;}
.vh_40{height:50px;line-height:50px; clear:both}
@media (max-width: 768px) {
	.vh_40 {display:none}
}



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========================================================================================== */


/*-----------------------------------------cp--------------------------*/
.in_prod_box{float:left;width:100%;background: linear-gradient(#edf3ff, #cfe2ff);padding:10px 0 40px 0;}

.in_prod_title{text-align:center;font-size:36px;color:#222;padding-bottom:30px;padding-top:40px;}
.in_prod_title p{font-size:16px;color:#333;padding-top:2px;}

.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:0px auto 0 auto;}
.in_prod li{ width:380px; float:left; background:#fff; margin:0px 30px 0px 0px; overflow:hidden; }
.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:nth-child(3n){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:0px 8px 0 8px;margin:0 0 12px 0; clear:both}
.in_prod li{width:100% ;margin:0 0px 6px 0px;}
.in_prod li .pro_txt{font-size:13px;}
.in_prod_tit{margin:0 0 25px 0;}
.in_prod_title{padding-top:30px;padding-bottom:10px}
}
/*-----------------------------cp-------------------------------------------------*/

/*----------ying-----------*/
.inyy_box{float:left;width:100%;background: linear-gradient(#002b65, #034fb6);padding:10px 0 40px 0;}

.inyy_tit{text-align:center;font-size:48px;color:#FFF;padding:70px 0 0 20px; font-weight:normal}
.inyy_tit p{font-size:18px;color:#ffb400;padding-top:15px;}
.inyy_tit b{font-weight:650;}
.inyy_con{text-align:center;font-size:13px;color:#FFF;line-height:160%;padding:10px 0 50px 0;}
.inyy{width:1205px;margin:0 auto;position:relative;}
.inyy p{ text-align:center;font-size:30px;color:#FFF;position:absolute;bottom:25px;width:100%; }
.inyy p span{font-size:18px; display:block;padding-top:10px;}
@media (max-width:768px){
.inyy_box{padding:10px 0 70px 0;}
.inyy{width:100%;}
.inyy img{width:100%;}
.inyy_tit{font-size:40px;width:100%;padding:40px 10px 0 10px;line-height:130%;}
.inyy_tit p{padding-top:0px;}
.inyy_con{padding:0 20px 20px 20px;line-height:140%;}
.inyy p{font-size:24px;bottom:-45px;}
.inyy p span{font-size:16px;padding-top:5px;}
}
/*-----------ying-------------*/


/*-----------tedian------------*/
.tdian{width:100%;height:auto;overflow:hidden;background:#034fb6; clear:both;}
.tdian li{float:left;width:20%; position: relative;height: 320px;background-size: 100% auto;}
.tdian li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    /*background-color: rgba(2,120,220,.8);*/
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.tdian li a {position: absolute;text-align:center;width: 100%;height: 100%;left: 0;top: 0;}
	
.tdian li .item-logo {margin: 0 auto;display: block;}

.tdian li  .item-logo {
    position: relative;
    margin-top: 60px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.tdian li .item-logo img {display: block;margin: 0 auto;max-width: 100%;}

.tdian li .item-title {
    font-size: 20px;
    font-weight:normal;
    color: #fff;
    padding: 20px 0;
    position: relative;
}

.tdian li .item-title:before {
    content: "";
    position: relative;
    display: block;
    width: 20px;
    border-bottom: 2px solid #fff;
    margin: 0 auto 20px;
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}

.tdian li .item-text {position: relative;transition: all .4s cubic-bezier(.4, 0, .2, 1);opacity: 0;margin-top: 0px;}
.tdian li .item-text p { color: #fff;font-size: 14px;margin-bottom: 5px;}
.tdian li:hover .item-text {display: block;opacity: 1;margin-top: 0;}

.tdian li:hover .item-logo {margin-top: 30px;}
.tdian li:hover .item-title:before {opacity: 0;margin-bottom: 0;}	
	
.td_title{width:auto;text-align:center;font-size:20px;color:#FFF;padding:5px 0 0px 0;}
.td_title p{font-size:42px;padding-top:10px; font-weight:600}
.tdian_box{width:100%;float:left;background:url(../images/ztd_07.png) no-repeat center;height:60px;}
@media (min-width:768px) and (max-width:1920px) {
.tdiam_box_m img{display:none;}
}



@media (max-width:768px){
.tdian_box{background:url(../images/ztd_07.png) center;height:45px;}
.tdian{height:auto;background:#034fb6;width:100%;overflow:hidden;padding-bottom:50px;}
.tdian li{width:calc(33.33% - 20px);margin:0 10px 0 10px;height:150px;}
.tdian li  .item-logo{margin-top:20px;}
.tdian li  .item-logo img {width:64px;height:auto;}
.tdian li .item-title:before{ margin: 0 auto 10px;}
.tdian li .item-title{font-size:16px;}
.td_title{font-size:18px;padding:0px 0 0 0;}
.td_title p{font-weight:normal;font-size:30px;}
.td_con{font-size:15px;padding:0 8px;}

}

/*-----------tedian------------*/



.iabo{width:1200px;height:auto;margin:70px auto 80px auto; clear:both;}
.iabo_lt{float:left;width:635px;height:auto;}


.iabo_rt{float:right;width:490px;margin-bottom:60px;}
.iabo_rt li{float:left;width:182px;margin-right:17px;margin-bottom:14px;border:2px solid #0a6db8; border-radius:10px;}
.iabo_rt li:nth-child(3n){margin-right:0px;}
.iabo_rt img{width:100%;border-radius:10px;}

.iabo_title{width:auto;font-size:32px;color:#333;margin-bottom:40px; border-bottom:1px solid #cfcfcf;padding:0 0 6px 0;}
.iabo_title b{ font-weight:normal;border-bottom:2px solid #df2222;padding-bottom:7px;}

.iabo_con{font-size:15px;color:#555;line-height:160%;padding:0 0 0 0 ;}
.iabo_con ewm{float:left;}



@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_title{font-size:28px;padding-top:40px;}
.iabo_con{font-size:15px;line-height:150%;padding-top:0px;padding-bottom:0px;}
.iabo_title{margin-bottom:30px;padding:30px 0 4px 0}
}

.in_news_box{width:1200px;height:550px;margin:50px auto 0px auto; clear:both;padding-top:50px;}



.in_news_title{width:auto;font-size:32px;color:#333;text-align:center;margin:0px 0 40px 0;}
.in_news_title p{font-size:13px;color:#777;padding-top:12px;}
.in_news_title b{ font-weight:normal;border-bottom:2px solid #df2222;padding-bottom:3px;}


.in_news {width:626px; position:relative;clear:both;float:left;}
.in_news li{float:left;width:626px; 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:501px; 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;}


.in_cpzs{width:530px;float:right;background:#0262bc;padding:40px 20px 20px 40px;min-height:200px;}
.in_cpzs li{float:left;font-size:14px;color:#FFF;background:url(../images/ip_08.png) no-repeat 0 8px;padding-left:12px;width:100%;height:30px}
.in_cpzs li a{color:#FFF}
.in_cpzs li date{float:right;color:#FFF;font-size:12px;}


@media (max-width:768px){
.in_news_box{width:100%;padding:0 8px;margin-top:20px;padding-top:10px; clear:both;}
.in_news{width:100%;padding:0 0 0 0;margin:0 0;}
.in_news_title{font-size:28px;;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 .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%;}

.in_cpzs{width:100%;padding:30px 10px 30px 10px;margin-bottom:30px;}
.in_cpzs li{overflow:hidden;}

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




/* ==================================================================================================== 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: 665px;background: url(../images/ban1.jpg) center center no-repeat; clear:both}
.about_top{width:1200px;margin:0 auto;font-size:14px;color:#FFF;padding:20px 0 0 0;}
.about_top .top_degn{float:left;font-size:42px;font-family:Arial, Helvetica, sans-serif;color:#FFF;font-weight:600;padding-top:0px;}
.about_top .top_gsmc{float:left;font-size:36px;font-weight:600;padding-top:2px;padding-left:5px;}
.about_top .top_tel{float:right;width:170px;height:30px;border:1px solid #b3c1cb; border-radius:20px;background:url(../images/zdg_05.png) no-repeat 20px 5px;text-align:center;font-size:15px;padding:2px 0 0 20px;margin-top:10px;}

.about_ban .container{margin: 0px auto;min-width: 1400px; position:relative;}
.about_ban .container .prod2{float:left; position:absolute;left:100px;top:380px; }
.about_ban .container .prod3{float:right; position:absolute;right:30px;top:120px; }
.about_ban .container .prod4{float:right; position:absolute;right:210px;top:120px; }
.about_ban .container .prod5{float:right; position:absolute;right:430px;top:120px; }

.about_ban_h120{height:80px;line-height:80px;}
.about_ban_h50{height:60px;line-height:60px;}
.about-menu{width:100%;float:left;padding-left:12px;color:#FFF;font-size:16px;background:#0262bc;line-height:50px;margin-bottom:30px;}
.about-menu a{font-size:16px;color:#FFF}

.deban{width:100%;float:left;background:url(../images/nban1.jpg) center no-repeat;height:146px;margin-bottom:50px;}

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

}
@media (max-width: 768px) {
.about_ban{height:auto; overflow:hidden;background:#00264d;padding:10px 0;width:100%;}
.about_top{width:100%;padding:0 0 0 12px;background:#00264d}
.about_ban_h120{ display:none;}
.about-mban img{width:100%;}
.about_ban .container{display:none;}
.about_top .top_tel{display:none;}
.about_top .top_degn{font-size:20px;}
.about_top .top_gsmc{font-size:18px;padding:2px 0 0 5px;}
.keys{display:none}
.deban{display:none}
}


/* about 栏目 */

.about{min-height:400px;font-size:15px;line-height:180%;color:#444;padding:10px 30px 40px 30px;clear:both}


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


/*-----------honor------------*/
.honor_title{text-align:center;font-size:36px;color:#004ea2;padding-bottom:30px;}
.honor_title p{font-size:13px;color:#999;padding-top:2px;}
.honor{width:1200px;height:auto;margin:0 auto;}
.honor li{float:left;width:224px;margin:0 20px 20px 0;}
.honor li img{width:224px;height:318px;}
.honor li:nth-child(5n){margin-right:0;}

@media (max-width: 768px) {
.honor_title{font-size:30px;padding:30px 0 10px 0;width:100%;}
}
/*------honor-----------*/

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

.sccj{ width:auto; padding:0px 0 10px 0; min-height:700px;margin:0 auto;margin:10px 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-----------------------*/



/*------------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:#004ea2; 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_box{width:100%;background:#f8f8f8;padding:0 0 0 0;}

.ProList{ width:100%; height:auto;margin:0px 0 50px 0;}
.ProList li{ width:calc(25% - 20px); float:left; margin:0px 10px 20px 10px; overflow:hidden;border:1px solid #e4e2e2}
.ProList li .pro_pic{ width:100%; height:auto; overflow:hidden;position:relative;}
.ProList li .pro_pic img{width:100%;height:auto;}
.ProList li .pro_txt{text-align:center;color:#333;font-size:18px;padding:15px 0 10px 0;background:#FFF;}
.ProList li .pro_txt p{font-size:13px;padding-top:10px;color:#777;text-align:left;padding-left:15px;line-height:170%;}

.ProList li a:hover .pro_txt{color:#d70505;}



.ProList li .pro_pic .pic_fa{top:0px;left:0;position:absolute;width:100%;height:auto; visibility:hidden;padding:7px 7px;}
.ProList li .pro_pic .pic_fa img{opacity:0.1; transition: opacity 1s;}
.ProList li  a:hover .pro_pic .pic_fa img{opacity:1; visibility:visible;}



.pro_con_list{ width:100%; height:auto;margin:0px 0 0 0;padding:0 10px 0 10px;}
.pro_con_list li{ width:calc(25% - 20px); float:left; margin:0px 10px 10px 10px; overflow:hidden;border:1px solid #e4e2e2}
.pro_con_list li .pro_pic{ width:100%; height:auto; overflow:hidden;}
.pro_con_list li .pro_pic img{width:100%;height:auto;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.pro_con_list li .pro_txt{text-align:center;color:#333;font-size:15px;padding:5px 0 10px 0;}
.pro_con_list li .pro_txt p{font-size:13px;padding-top:10px;color:#555;text-align:left;padding-left:15px;}
.pro_con_list 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);}
.pro_con_list 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:auto;}
.ProList li .pro_txt{font-size:14px;padding:10px 0 10px 0;}
.ProList li .pro_txt p{font-size:12px;padding-left:10px;}


.pro_con_list{width:100%;padding:0 0;margin:30px 0 0 0;}	
.pro_con_list li{width:calc(50% - 10px);margin:0 5px 12px 5px;height:auto}
.pro_con_list li .pro_pic img{width:100%;height:auto;}
.pro_con_list li .pro_txt{font-size:14px;padding:10px 0 10px 0;}
.pro_con_list li .pro_txt p{font-size:12px;padding-left:10px;}
}





.pro_tion{width:1200px;height:auto;clear:both;margin-top:10px;overflow:hidden;}
.pro_tion .pr_lt{float:left;width:190px;background:#fff;height:auto;border:1px solid #ececec;padding:0px 0 0px 0;}
.pro_tion .pr_lt_tit{width:100%;background:#0067b7;color:#fff;padding:10px 0 10px 15px;font-size:16px;margin-bottom:1px;}
.pro_tion .pr_lt li{float:left;width:100%;font-size:14px;color:#333;line-height:40px;}
.pro_tion .pr_lt li a{color:#333;border-bottom:1px solid #ececec; display:block;}
.pro_tion .pr_lt li a:after{ content:""; display:block; width:0; height:40px; background:#0067b7; margin-top:-40px; transition:all 0.3s ease;}
.pro_tion .pr_lt li a:hover{ color:#FFF; }
.pro_tion .pr_lt li a:hover:after{ width:100%;}
.pro_tion .pr_lt li a.cur{background:#0067b7;color:#FFF}
.pro_tion .pr_lt li:last-child a{border-bottom:none;}
.pro_tion .pr_lt li span{width:100%;padding-left:15px;}


.pro_tion .pr_rt{float:right;width:980px;height:auto;background:#FFF; border:1px solid #ececec}
.pr_rt_title{font-size:20px;color:#333;background:#fff;padding:10px 10px 10px 15px;border-bottom:1px solid #ececec;width:100%;margin-bottom:30px;}

.pro_info{ line-height:160%;padding:25px 20px 20px 20px;font-size:16px;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}


 @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{display:none;}
.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%;height:310px; background:#004ea2;clear:both;margin-top:80px;padding:60px 0 20px 0;}

.foot_lxfs{font-size:14px;color:#bebebe;line-height:170%;width:600px;float:left}
.foot_ewm{width:126px;height:auto;float:right;text-align:center;}
.foot_ewm p{color:#fff;font-size:12px;padding-top:3px;text-align:center;}
.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;}

.foot_title{width:auto;font-size:18px;color:#FFF;padding-bottom:20px;}
.foot_con{font-size:14px;color:#FFF;line-height:150%;}



.share { width:280px;float:left}
#share .bds_tsina { width:35px; height:35px;margin-right:15px; background:url(../images/weibo.png) no-repeat center;border:1px solid #FFF; border-radius:50px;}
#share .bds_tqq { width:35px; height:35px;margin-right:15px; background:url(../images/t_weibo.png) no-repeat center;border:1px solid #FFF;border-radius:50px;}
#share .bds_sqq { width:35px; height:35px;margin-right:15px; background:url(../images/qq.png) no-repeat center;border:1px solid #FFF;border-radius:50px;}
#share .bds_weixin { width:35px; height:35px;margin-right:15px; background:url(../images/weixin.png) no-repeat center;border:1px solid #FFF;border-radius:50px;}

.yq_link{width:100%;font-size:13px;color:#bebebe; clear:both;padding-top:40px;}
.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:#252525;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;}
}

/* 底部定导航*/