﻿

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


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_type{width:1200px;margin:60px auto 20px auto;height:auto}
.in_prod_type .lt{float:left;width:794px;width:504px; position:relative}
.in_prod_type .lt .pic{width:794px;height:auto; overflow:hidden;}
.in_prod_type .lt .pic img{width:100%;height:504px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.in_prod_type .lt .mb{position:absolute;left:0px;bottom:0px; width:794px;line-height:40px;color:#fff;font-size:16px;text-align:center;background:url(../images/zd_p_01.png); visibility:hidden;text-transform:uppercase;-webkit-transition: all 0.1s ease-in-out;visibility:hidden;text-transform:uppercase;-webkit-transition: all 0.1s ease-in-out;}
.in_prod_type .lt a:hover .mb{ visibility:visible;}
.in_prod_type .lt a:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}



.in_prod_type .rt{float:right;width:398px;}
.in_prod_type .rt li{float:left;width:auto;height:247px;margin-bottom:10px; position:relative}
.in_prod_type .rt li .pic{width:398px;height:auto; overflow:hidden;}
.in_prod_type .rt li .pic img{width:100%;height:247px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.in_prod_type .rt li .mb{position:absolute;left:0px;bottom:0px; width:100%;line-height:40px;color:#fff;font-size:16px;text-align:center;background:url(../images/zd_p_01.png); visibility:hidden;text-transform:uppercase;-webkit-transition: all 0.1s ease-in-out;visibility:hidden;text-transform:uppercase;-webkit-transition: all 0.1s ease-in-out;}
.in_prod_type .rt li a:hover .mb{ visibility:visible;}
.in_prod_type .rt li a:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

.in_prod_type .rt li:last-child{margin-bottom:0px;}

@media (max-width: 768px) {
.in_prod_type{width:100%;padding:0 8px;margin-top:30px;}
.in_prod_type .lt{width:100%;height:auto;margin-bottom:5px;}
.in_prod_type .lt .pic{width:100%;height:auto;}
.in_prod_type .lt .pic img{height:auto}
.in_prod_type .rt{width:100%;height:auto}
.in_prod_type .rt li{width:100%;height:auto;margin-bottom:5px;}
.in_prod_type .rt li .pic{width:100%;height:auto}
.in_prod_type .rt li .pic img{height:auto}
}

.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{float:left;width:100%;background:url(../images/zd_04.jpg) center no-repeat;height:621px;padding:10px 0 40px 0;}

.inyy_tit{text-align:center;font-size:48px;color:#FFF;padding:70px 0 50px 0; font-weight:normal}
.inyy_tit p{font-size:18px;color:#ffb400;padding-top:15px;}
.inyy_tit b{font-weight:650;}

.inyy ul{width:1199px;margin:0 auto;height:auto}
.inyy ul li{float:left;width:260px;margin-right:53px;border:1px solid #FFF; border-radius:12px;padding:60px 0;}
.inyy ul li:last-child{margin-right:0px;}
.inyy ul li .icon{width:auto;text-align:center;}
.inyy ul li .icon p{font-size:20px;color:#FFF;padding:10px 0 10px 0;}
.inyy ul li .con{font-size:15px;line-height:160%;color:#FFF;text-align:center;}

@media (max-width:768px){
.inyy{width:100%;background:#187bd9;height:auto; overflow:hidden;margin:20px 0 0 0;padding:0px 0 30px 0;}
.inyy_tit{font-size:40px;width:100%;padding:40px 10px 0 10px;line-height:130%;}
.inyy_tit p{padding-top:0px;}

.inyy ul{width:100%;}
.inyy ul li{width:calc(50% - 20px);margin:0 10px 20px 10px;padding:25px 0;}
.inyy ul li .icon img{width:60px;}
.inyy ul li .icon p{padding:8px 0 0 0;}
.inyy ul li:nth-child(2n){margin-right:0;}
}
/*-----------ying-------------*/


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

.intd{width:1198px;margin:0 auto;height:auto;padding:60px 0;overflow:hidden;}
.intd li{float:left;width:113px;height:auto;margin-right:104px;}
.intd li:last-child{margin-right:0px;}
.intd li .img{width:113px;height:113px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s}
.intd li .title{font-size:18px;color:#333;text-align:center;padding:10px 0 10px 0;}
.intd li .n1{background:url(../images/zd_t_05.png) 0 0 no-repeat}
.intd li .n2{background:url(../images/zd_t_06.png) 0 0 no-repeat}
.intd li .n3{background:url(../images/zd_t_07.png) 0 0 no-repeat}
.intd li .n4{background:url(../images/zd_t_08.png) 0 0 no-repeat}
.intd li .n5{background:url(../images/zd_t_09.png) 0 0 no-repeat}
.intd li .n6{background:url(../images/zd_t_10.png) 0 0 no-repeat}
.intd li a:hover .n1{background-position:0 -113px}
.intd li a:hover .n2{background-position:0 -113px}
.intd li a:hover .n3{background-position:0 -113px}
.intd li a:hover .n4{background-position:0 -113px}
.intd li a:hover .n5{background-position:0 -113px}
.intd li a:hover .n6{background-position:0 -113px}
	
.td_title{width:auto;text-align:center;font-size:42px;color:#333;padding:5px 0 30px 0;}
.td_title p{font-size:18px;padding-top:5px; }
.tdian_box{width:100%;float:left;background:url(../images/ztd_07.png) no-repeat center;height:60px;}


@media (max-width:768px){
.intd{width:100%;height:auto;padding:40px 0 30px 0;}
.intd li{width:calc(33% - 24px);margin:0 12px 10px 12px;}
.intd li .img{width:100px;height:100px;transition:background .2s linear 0s;-moz-transition:background .2s linear 0s;-webkit-transition:background .2s linear 0s;-o-transition:background .2s linear 0s}

.intd li .n1{background:url(../images/zd_t_05.png) no-repeat; background-size:100%;}
.intd li .n2{background:url(../images/zd_t_06.png) no-repeat; background-size:100%;}
.intd li .n3{background:url(../images/zd_t_07.png) no-repeat; background-size:100%; }
.intd li .n4{background:url(../images/zd_t_08.png) no-repeat; background-size:100%; }
.intd li .n5{background:url(../images/zd_t_09.png) no-repeat; background-size:100%; }
.intd li .n6{background:url(../images/zd_t_10.png) no-repeat; background-size:100%; }

.td_title{font-size:30px;padding:0px 0 20px 0;}
.td_title p{font-weight:normal;font-size:18px;}
.td_con{font-size:15px;padding:0 8px;}

}

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

/*-----------case------------*/
.case{width:100%;float:left;height:auto;overflow:hidden;padding:30px 0 40px 0;}
.case li{float:left;width:calc(25% - 1px);margin-right:1px; position:relative}
.case li .pic{width:100%;height:auto;overflow:hidden;}
.case li .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;}
.case li:hover .pic img{ -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.case li .txt{position:absolute;left:0px;bottom:0px;width:100%;color:#FFF;background-color: rgba(0,0,0,0.5);text-align:center;font-size:18px;padding:8px 0;}

.case_title{text-align:center;font-size:36px;color:#333;padding:0 0 20px 0;}
.case_title b{font-weight:normal;border-bottom:3px solid #33a5df;padding-bottom:5px;}
.case_title p{font-size:15px;color:#555;padding:15px 0 0 0;}

@media (max-width:768px){
.case{padding:0px 8px 20px 8px;}
.case li{width:calc(50% - 4px);margin:0 2px 4px 2px;}
.case li .txt{font-size:15px;padding:5px 0;}
}
/*-----------case end------------*/


.iabo{width:1200px;height:auto;margin:70px auto 50px auto; clear:both;  overflow:hidden;}
.iabo .lt{float:left;width:620px;height:auto;line-height:160%;font-size:15px;color:#333;}
.iabo .rt{float:right;width:519px;height:auto}

.iabo_title{text-align:center;font-size:36px;color:#333;padding:20px 0 30px 0;}
.iabo_title b{font-weight:normal;border-bottom:3px solid #33a5df;padding-bottom:5px;}
.iabo_title p{font-size:15px;color:#555;padding:15px 0 0 0;}

@media (max-width:768px){
.iabo{width:100%;padding:0 8px 0 8px;margin:45px 0 0 0;;}
.iabo .lt{width:100%;}
.iabo .rt{width:100%;}
.iabo .rt img{width:100%;height:auto}
.iabo_title{font-size:28px;padding:20px 0 20px 0;}

}

.in_news_box{width:1200px;height:500px;margin:0 auto; clear:both;overflow:hidden;}
.in_news_title{text-align:center;font-size:36px;color:#333;padding:15px 0 20px 0;}
.in_news_title b{font-weight:normal;border-bottom:3px solid #33a5df;padding-bottom:5px;}
.in_news_title p{font-size:15px;color:#555;padding:15px 0 0 0;}

.in_news {width:1200px; position:relative; z-index:12;margin:0 auto 40px auto;clear:both;height:auto;overflow:hidden;}
.in_news li{float:left;width:590px; height:123px; overflow:hidden; position:relative;margin-right:20px;margin-bottom:20px;}
.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:#4083d1; 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;}


@media (max-width:768px){

.in_news{width:100%}
.in_news_title{font-size:28px;padding:40px 0 0 0;}
.in_news li{width:100%;margin:0 0;height:100px;}
.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%;}

}



/* ==================================================================================================== 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;height:auto; overflow:hidden}

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


.subMenu_txt{float:right;background:url(../images/zt07.png) no-repeat 0 10px;font-size:14px;color:#222;padding:8px 0 5px 25px;}
.subMenu_txt a{color:#222;}
.subMenu_txt a:hover{color:#222;}


.top{width:100%;float:left;background: linear-gradient(#fff, #f0f0f0);height:70px;margin-top:1px;margin-bottom:0px;box-shadow: 0 1px 3px rgba(0,0,0,.2); z-index:999}
.subMenu1{width:1200px;margin:16px auto 0 auto;height:auto}
.subMenu1 li{float:left;height:38px;margin-right:15px;transition: all 0.3s linear;}
.subMenu1 li a{display:inline-block;font-size:15px;padding:0 20px;line-height:38px; border-radius:30px;color:#222;background:#fff;}
.subMenu1  li.on a{background: #fc6500;color: #fff;}
.subMenu1 li:hover a{background:#fc6500;color:#fff;transition: all 0.3s linear;}


@media (min-width:768px) and (max-width:1920px) {
.conMenu{display:none;}
}
@media (max-width: 768px) {
.top{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;}

}




/* about 栏目 */

.about-mban img{width:100%;height:auto;}
.about-mban p{border-bottom:1px solid #ececec;padding:12px 0 10px 12px;font-size:18px;color:#e11212;}
@media (min-width:768px) and (max-width:1920px) {
.about-mban img{display:none;}
.about-mban p{display:none;}
}
@media (min-width:768px) {
.about-mban img{width:100%;}
}

.about{width:1200px;min-height:500px;font-size:15px;line-height:180%;color:#444;padding:0 0 30px 0;clear:both;margin:0 auto;height:auto;overflow:hidden;}

.about_ban{width:100%;background:url(../images/nban1.jpg) no-repeat center;height:450px;}

@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;min-height:600px;}
.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:100%; height:auto;margin:0px 0 0 0; min-height:600px; clear:both}
.sccj li{ width:calc(25% - 24px); float:left; margin:0px 12px 22px 12px; overflow:hidden;height:auto;}
.sccj li .pic{ width:100%; height:auto; overflow:hidden;}
.sccj li .pic img{width:100%;height:230px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-ms-transition-duration:0.3s;transition-duration:0.3s;}
.sccj li .txt{text-align:center;color:#333;font-size:15px;padding:10px 0 5px 0;}
.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);}
.sccj li a:hover .txt{color:#d70505;}




@media (max-width: 768px) {
.sccj{width:100%;padding:0 0;margin:0px 0 0 0;}	
.sccj li{width:calc(50% - 10px);margin:0 5px 12px 5px;height:auto}
.sccj li .pic img{width:100%;height:131px;}
.sccj li .txt{font-size:14px;padding:10px 0 5px 0;}
.sccj li .txt p{font-size:12px;}
}
/*-----------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;overflow:hidden; clear:both}
.ProList li{ width:calc(25% - 30px); float:left; margin:0px 15px 30px 15px; border:1px solid #e4e2e2;height:auto}
.ProList li .pro_pic{ width:100%; height:auto; overflow:hidden;background:#fff;transition:All .4s ease-in-out;-webkit-transition:All .4s ease-in-out;-moz-transition:All .4s ease-in-out;-o-transition:All .4s ease-in-out}
.ProList li .pro_pic img{width:100%;height:auto;}
.ProList li .pro_pic p{text-align:center;color:#333;font-size:15px;padding:5px 0 10px 0;}
.ProList li a:hover .pro_pic p{color:#d70505;}
.ProList li:hover .pro_pic{box-shadow:0 0 30px rgba(0,0,0,.2);}




@media screen and (max-width:768px){
.ProList{width:100%;padding:0 0;margin:0 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:10px auto 0 auto;overflow:hidden;}
.pro_tion .pr_lt{float:left;width:190px;background:#fff;height:auto;border:1px solid #ececec;padding:0px 0 0px 0;overflow:hidden;}
.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;}
.pr_rt_pic{width:auto;text-align:center;}
.pro_info{ line-height:160%;padding:20px 40px 20px 40px;font-size:15px;color:#666; min-height:400px; clear:both}
.pro_info img{ min-width:100%;}
.pro_info_sx{border:1px solid #ececec;width:900px;height:auto;overflow:hidden;margin:20px auto 20px auto;}
.pro_info_sx li{float:left;width:100%;border-bottom:1px solid #ececec;font-size:14px;color:#333;line-height:33px;}
.pro_info_sx li .lx{width:20%;text-align:center;float:left;font-size:14px;color:#333;border-right:1px solid #ececec;margin-right:20px;}
.pro_info_sx li:last-child{border-bottom:none}


 @media (max-width: 768px) 
{
.pro_shux li{width:100%;float:left;display:block;line-height:32px;font-size:15px;color:#444;padding-left:10px;}

.pr_rt_lxfs{margin:15px 0 0 0;}
.pro_tion{width:100%;height:auto;margin-top:0px;padding:0 8px;}
.pro_tion .pr_lt{display:none;}
.pro_tion .pr_lt img{width:100%;height:auto;}
.pro_tion .pr_rt{width:100%;border:none;}
.pr_rt_pic img{width:100%;height:auto}
.pro_info_sx{width:100%;}
.pro_info_sx li{width:100%;}
.pro_info_sx li .lx{margin-right:10px;}
.pr_rt_title{text-align:center;padding:5px 0 5px 0;border:1px solid #ececec}
.pro_info{padding:10px 0;}
}





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


.pre_next{width:auto;height:auto;overflow:hidden;margin:10px 30px 40px 30px;border:1px solid #e0e0e0;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}



@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:0px;}
.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_info a{color:#03C;}
.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;}
.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:0px;}
.newsList{width:100%;padding:0 0; clear:both;margin:0 0 0 0;}
.newsList li{width:100%;height:90px;}

.xinw_info img{width:100%;height:auto;}

.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:#1866c3;clear:both;margin-top:50px;padding:70px 0 20px 0;}

.f_logo{float:left;width:200px;color:#FFF;font-size:40px;text-align:center;margin-right:70px;padding-top:30px;}
.f_logo p{font-size:14px;color:#FFF;}

.f_lxfs{float:left;width:360px;height:auto;font-size:15px;line-height:150%;color:#FFF;}

.f_dz{width:370px;float:left;background:#0049a1;border:1px solid #FFF; border-radius:12px;text-align:center;color:#FFF;font-size:20px;padding:30px 0;}
.f_dz p{font-size:36px;color:#FFF}

.f_ewm{float:right;width:121px;height:auto;padding-top:10px;}
.f_ewm p{font-size:12px; color:#FFF;text-align:center;padding-top:5px;}

.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:#1866c3;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}
.banbox1{ width:100%; overflow:hidden; display:block}
@media (max-width: 768px) {
.banbox1{display:none;}
}
/* ====== 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;}
}

/* 底部定导航*/