@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px;}
body,a,p,li,ul,span,h1,h2,h3,table,tr,td,input,form{ margin:0; padding:0; font-size:16px; color:#000; line-height:2em; font-family:Microsoft YaHei,"SimSun",arial;}
a{ text-decoration:none;}
li{list-style:none;}
img{ border:none;}
a:hover{color:#bc2931;text-decoration:none;}
.swiper-container-fade .swiper-slide img{max-width: 100%;}
#head_index{margin:0px auto; width:1200px;overflow: hidden;}
.logo{float:left;}
.logo img{max-width: 100%;}
.top_right{float:right;margin-top:25px;}
.language_index a{background:url(top_bg.jpg) no-repeat left center; padding-left:16px; margin-left:25px;}
.tel_right{float:right; background:url(tel_bg.jpg) no-repeat left center; padding-left:34px; line-height:24px; color:#0d0d0d; font-size:14px; margin-top:10px;}
.tel_right span{font-size:24px; font-family:arial; color:#1464bd;}
#menu_index{background: #004b8f;}
#felei_right{clear:both; margin:0px auto; width:1200px;  overflow: hidden;}
#menu_index #felei_right li{float:left; width: 150px;}
#menu_index #felei_right li a{ display:block; text-align:center; line-height:35px; font-weight:bold; font-size:15.71px; color:#fff; margin:0px 1px;}
#menu_index #felei_right li a:hover{background:url(menu_hover.jpg) repeat-x left top;}
#menu_index #felei_right li ul a{ text-align:left;line-height:30px; padding-left:10px; font-size:12px; font-weight:normal;background:url(blackbg.png) repeat left top;}
#menu_index #felei_right li ul li a:hover{background:url(sub_menu2.png) repeat-x left top;background: url(menu_hover.jpg) repeat-x left top;}
#menu_index #felei_right li a#menu_hover:link,#menu_index #felei_right li a#menu_hover:visited,#menu_index #felei_right li:hover a.first_hover{background:url(menu_hover.jpg) repeat-x left top; color:#fff; text-decoration:none;}
#menu_index #felei_right li ul {list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute;}
#menu_index #felei_right li:hover ul {left: auto;z-index:999;}
#menu_index #felei_right li.sfhover ul{left: auto;}
.container_index{margin:0px auto; width:1200px; margin-top:30px; margin-bottom:20px; overflow:hidden;}
.about_index{ float: left; width: 68%; margin: 0 1%;}
.about_title{background:url(index_bg.jpg) repeat-x left bottom; margin-bottom:20px; overflow: hidden; width:100%;}
.about_bt{border-bottom:2px solid #1b4d75; padding-right:30px; color:#1b4d75; font-size:18px; line-height:30px; float:left;}
.about_more a{float:right; line-height:30px; color:#1b1b1b; font-size:15px;}
.about_more a:hover{color:#1b4d75;}
.about_nr img{float:left; margin-right:10px; border:1px solid #a0a0a0;}
.about_nr a{color:#1b4d75;}
.new_index{margin: 40px auto; width: 1200px; overflow: hidden;}
.new_index ul{display: flex;flex-wrap: wrap;}
.new_index li{border-bottom:1px dashed #2c2c2c; width: 48%; margin: 1%;}
.new_index li a{color:#2c2c2c; font-size:16px; background:url(new_bg.jpg) no-repeat left center; padding-left:20px;}
.new_index li p{font-size: 15px; line-height: 1.6em; color: #848484; text-indent: 2em;}
.new_index li span{float:right;}
.case_index{float: right; width: 28%; margin: 0 1%;}
/* 产品推荐*/
.protj_in{width: 1200px; margin: 0 auto; padding: 40px 0px;}
.protj_in .cplists{display: flex;flex-wrap: wrap;}
.protj_in .cplists li{width: 23%;margin: 0.8%;border: 1px #ccc solid;}
.protj_in .cplists li img{width: 100%;}
.protj_in .cplists li h2{width: 100%;border-top: 1px #ccc solid;text-align: center;}



.pro_indexbg{clear:both; margin:0px auto; width:100%; background:#f2f2f2; padding-top:14px; padding-bottom:20px; overflow:hidden;}
.pro_index{margin:0px auto; width:1200px;}
.pro_title{background:url(pro_titlebg.jpg) repeat-x 0px 20px;}
.pro_title p{margin:0px auto; width:228px; text-align:center; background:#1b4d75; color:#fff; line-height:32px; font-size:18px;}
.pro_title  span{color:#fff; font-size:16px; line-height:32px;}
.pro_title02{text-align:center; color:#111111; font-size:14px; margin-top:20px; margin-bottom:30px;}
.pro_sy{margin:0px auto; width:1200px;}
.LeftBotton{float:left; background:url(LeftBotton.jpg) no-repeat left center; width:2%; height:22px; margin-top:100px; float:left; margin-right:8px;}
.RightBotton{float:right; background:url(RightBotton.jpg) no-repeat right center; width:2%; height:22px; margin-top:100px;}
.commend_index{float:left; width:94%;}
.pic{padding:0px 5px;}
.pic img{border:1px solid #ababab; margin-bottom:8px;}
.pic p{text-align:center; font-size:14px; }
.pic p a{color:#111111;}
.pic a:hover p{color:#1b4d75;}
.footer_topbg{clear:both; margin:0px auto; width:100%; background:url(footer_bg.jpg) no-repeat top center; height:517px;overflow: hidden;}
.footer_top{margin:0px auto; width:1200px;}
.right_tel{float:right; width:290px; margin-top:36px;}
.right_tel p{float:left; width:200px; padding-left:10px; font-size:15.96px; border-left:1px solid #fff; border-top:1px solid #fff; border-bottom:1px solid #fff; line-height:34px; color:#fff;}
.right_tel span a{float:left; width:78px; text-align:center; line-height:36px; background:#d90101; font-size:17.04px; color:#fff;}
.footer01{color:#fff; font-size:34.24px; padding-left:115px; font-weight:bold;}
.footer01 span{color:#d90101; font-size:34.24px;}
.top_footer{clear:both; margin:0px auto; width:1200px; margin-top:40px;overflow: hidden;}
.top_footer p{float:left; width:175px; margin:0px 5px 0px 20px;}
.top_footer span{color:#fff; font-size:20.19px; display:block; background:url(line.jpg) no-repeat 20px bottom; line-height:40px;}
.top_footer a{color:#fff; background:url(dui.png) no-repeat left center; font-size:14px; line-height:29.16px; padding-left:15px;}
.footer_indexbg{clear:both; background:url(footer_bottombg.jpg) repeat-x left top #103e62; padding-top:33px; padding-bottom:40px;}
.footer_bottom{margin:0px auto; width:1200px; text-align:center; color:#fff;}
.footer_bottom a,.footer_bottom p{color:#fff; line-height:35px;}
.footer_bottom a:hover{text-decoration:underline;}
.footer_menu,.footer_menu a{ font-size:14px; padding:0px 15px;}
.banner_in{clear:both; height:250px;}
#containerbg{background:#f2f2f2;overflow: hidden;}
#container{margin:0px auto; width:1200px; padding-top:30px; background:#fff; padding-bottom:36px; overflow:hidden;padding-left: 1%;padding-right: 1%;}
#mydefault{float:right; width:75%;}
.subtitle{background:url(index_bg.jpg) repeat-x left bottom; margin-bottom:20px; float:left; width:100%;}
.subtitle p{border-bottom:2px solid #1b4d75; padding-right:30px; color:#1b4d75; font-size:18px; line-height:30px; float:left;}
.weizhi{float:right; line-height:30px; color:#1b1b1b; font-size:12.35px;}
.weizhi a:hover{color:#1b4d75;}
.about_inside{}
.about_inside img{max-width: 80%;}
.about_inside p{font-size: 16px; margin-bottom: 5px; text-indent: 25px; line-height: 2em;}
#navigation{float:left; width:23%;margin-left:20;}
.pro_h2tilte{background:#1b4d75; float:left; width:100%;}
.pro_h2tilte p{ color:#fff; float:left; line-height:32px; font-size:16px;color:#fff; padding-left:15px;}
.pro_h2tilte span{color:#fff; font-size:16px; line-height:32px; margin:0px 2px;}

.pro_list2{clear:both;padding-top:10px; padding-bottom:20px;}
.pro_list2 li{border-top: 1px dashed rgb(168, 168, 168);}
.lb1{ display:block;}
.pro_list3 {display:none;}
a.red {color:#db0100;}
.c2,.c3{display: block;}
.c3 li{width: 50%;float: left;}
.c3 li a{font-weight: normal; font-size: 12px; background: url(pro_dian.jpg) no-repeat 5px 7px; padding-left: 15px;color: #424242;}
.pro_list2 li .prolist_red:link,.pro_list2 li .prolist_red:visited{color: #db0100;}
.lb1 a{font-weight:bold; font-size:16px; background:url(pro_dian.jpg) no-repeat 15px 8px;padding-left:30px; line-height: 35px;}
.lb2 a{font-weight:bold; font-size:14px; background:url(pro_dian.jpg) no-repeat 30px 8px;padding-left:45px;}
.lb3 a{font-weight:normal; font-size:12px; background:url(pro_dian.jpg) no-repeat 50px 7px;padding-left:65px;}
.nav_contact p span{margin-left:4px;}
.nav_contact img{margin-bottom:10px;}
.nav_contact p{ line-height:24px;}

.image_inside li{float: left; width: 23%; margin: 1%;  text-align: center;}
.image_inside li p{overflow: hidden; height: 25px;}
.image_inside img{border: 1px solid #ababab; margin-bottom: 5px; width: 100%; height: auto;}
h1.biaoti{margin:0px auto;text-align:center;font-size:16px;font-weight:bold;line-height:30px;color: ##3070ba;}
.cpnr_con{overflow: hidden; display: flex; justify-content: space-between; align-items: center;}
.Left{float:left;background:url(Left.jpg) no-repeat left center; width:45px; height:80px; display:block;/* margin-left:3px;margin-right:3px;*/}
.right{float:right;background:url(right.jpg) no-repeat right center; width:45px; height:80px;display:block;margin-left:3px;}
.right:hover{background:url(right_hover.jpg) no-repeat right center;}
.Left:hover{background:url(Left_hover.jpg) no-repeat right center;}
.image_show{float:left; width:650px; text-align:center;}
.image_show img{ max-width:100%; display:block; text-align:center; margin:0px auto; margin-bottom:15px;_width:expression((document.documentElement.clientHeight||document.body.clientHeight)>650?"650px":""); table-layout: fixed; display:inline-block;}
#up_down,.details{clear:both;width:97%;border:1px solid #ccc;padding-left:15px;margin-bottom:10px; font-size:12px; line-height:30px;}
.details{font-weight:bold;}
#up_down p{line-height:24px; padding:5px 0px;}

.page{clear:both;color:#6a6562;width: 100%;text-align: center;}
.page a{border:1px solid #ccc; padding:10px; margin:0px 4px;color:#6a6562; line-height:60px; }
.page a:hover,.page a.active:link,.page a.active:visited{border:1px solid #db0507; background:#db0507; color:#fff;}

.new_inside{margin-bottom:40px;}
.new_inside span{float:right;line-height:36px;}
.new_inside li{line-height:36px; border-bottom:1px dashed #ccc;}
.hit{margin:0px auto;text-align:center;display:block;line-height:30px;}
.nr{margin-bottom:20px;}
.nr p{text-indent:25px; margin-bottom:5px; line-height:24px;}
.nr p a{font-weight: bold;}
.nr img{max-width: 80%;}
.nr_pro{margin-top:15px; margin-bottom:15px;}
.nr_pro table{width:100%; margin-top:5px; margin-bottom:5px; border-bottom:1px solid #ccc; border-left:1px solid #ccc;}
.nr_pro td{ padding:5px; border-top:1px solid #ccc; border-right:1px solid #ccc;}
#name1,#tel1,#mailbox1{ background:#f9f8f8; color:#666666; font-size:14px; line-height:35px; height:35px; border:1px solid #d4d2d2; padding-left:15px; margin-bottom:15px; margin-top:5px;}
#content1{background:#f9f8f8; color:#666666; font-size:14px; line-height:24px; height:120px; border:1px solid #d4d2d2; padding-left:15px;width: 97%;margin-top:5px;}
.anniu01{background:#0653ab; font-size:14px; border:none; color:#fff; border-bottom:2px solid #106899; line-height:28px; width:120px; margin-top:15px;}
#facebook td{font-size:14px; padding-bottom:5px;}

.qqbox {
	FONT-SIZE: 12px; overflow: hidden; width: 142px; color: #000000; letter-spacing: 0px; position: absolute; top: 100px; height: auto;
	text-align:left; z-index:9999;right: 0px;
}
.qqlv {
	float: right; overflow: hidden; width: 25px; position: relative; height: 256px
}
.qqkf {
	border: #0dacd3 6px solid; right: 0px; background: #fff; overflow: hidden; width: 130px; top: 0px; height: auto
}
.qqkfbt {
	border-right: #9cd052 1px solid; border-top: #9cd052 1px solid; FONT-WEIGHT: bold; background: #39ccde; overflow: hidden; border-left: #9cd052 1px solid; width: 128px; cursor: pointer; color: #fff; line-height: 20px; border-BOTTOM: #9cd052 1px solid; position: relative; height: 20px; text-align: center
}
.qqkfhm {
	padding-right: 8px; margin: 3px 0px; overflow: hidden; width: 122px; line-height: 22px; position: relative; 
}
.bgdh {
	padding-left: 10px; width: 112px;
}
.funbtn{border-top: 1px dashed #b1b1b1; text-align:right; padding-top:10px; margin-top:10px;}

#shouji img{width:110px;}


/*taifm css*/
.tai_SM{margin: 30px auto; width: 1200px; background: #fff; padding: 20px;overflow: hidden;}
.tai_SM h1{border-left: 5px #db0507 solid; padding-left: 5px; border-bottom: 1px #ccc solid; font-size: 20px; line-height: 2em;}
.tai_SM h2{text-indent: 1em; border-bottom: 3px #0667bf solid; font-size: 18px; margin: 10px 0px; border-radius: 10px;}
.tai_SM .T_left{overflow: hidden;}
.tai_SM .T_left p{text-indent: 2em;}
.tai_SM .T_right{overflow: hidden;}
.tai_SM .T_right ul li{float: left; width: 48%; margin: 0px 1%;}
.tai_SM .T_right ul li span{float: right;}
.tai_SM .T_right ul li a{margin-bottom: 10px; display: block; border-bottom: 1px #adadad dashed; font-size: 18px; line-height: 2em;}


@media(max-width:1200px)
{
	
#head_index{width:100%;}
#felei_right{width:100%;}
.container_index{width:100%;}
.new_index{width: 98%;margin: 1%;}
.protj_in{width:100%;}
.pro_index{width:100%;}
.footer_top{width:100%;}
.pro_sy{width:100%;}
.top_footer{width:100%;}
.footer_bottom{width:100%;}
#container{width:98%;}
.tai_SM{width: 96%;padding: 2%;}

}


@media(max-width:1024px)
{
	
.logo{width: 60%;}
.top_right{width: 40%;}
.top_footer p{width: 15%;}

}


@media(max-width:768px)
{
	
.logo{width: 100%;}
.top_right{display: none;}
.qqbox{display: none;}
#menu_index #felei_right li{width: 25%;}
#menu_index #felei_right li ul{display: none;}
.about_index{width: 98%;}
.case_index{display: none;}
.protj_in .cplists li{width: 31%;}
.footer_topbg{display: none;}
#navigation{display: none;}
#mydefault{float: none;width: 100%;}
.tai_SM{display: none;}
}


@media(max-width:500px)
{
	
.protj_in .cplists li{width: 48%;margin: 0.7%;}
.new_index li{width: 98%;}
.LeftBotton{width: 5%;}
.RightBotton{width: 5%;}
.commend_index{width: 86%;}
.image_inside li{width: 48%;}

}