body{ font-size:14px; color:#5C5C5C; line-height:2; margin:0px auto; font-family:微软雅黑;display:inline;width:100%;}
ul,ol,li,p,dl,dt,dd{margin:0;padding:0; list-style:none}
a{ text-decoration:none; color:#000; }
a img { border:0px;}
a:hover{color:#c00;}
img{border:0;vertical-align:top}
.left{float:left; }
.bai{background:#FFFFFF;}
.right{float:right;}
.clear{clear:both;}
.center{text-align:center}
.container{max-width:1300px;clear:both;margin:0 auto;width: 100%}
.container:after{content:"";display:table;clear:both;}
.titc{clear:both;text-align:center}
#mbanner{width: 100%;}
#mbanner img{width: 100%}
.m_tit1{background:#2161C3;padding-left:30px;height:54px;line-height:54px;font-size:15px;margin-bottom:20px;color:white;}
.m_tit1 a{font-size:15px;color:white;}

.con_nr{min-height:500px;}
.con_nr h3{margin: 0}
.myswiper1{width: 100%}
.myswiper1 img{width: 100%}
.myswiper2{width: 100%}
.myswiper2 img{width: 100%;height: 220px;}
.myswiper2 h2{text-align: center;font:16px/2em "microsoft yahei";font-weight: 500;}
#cnews{clear:both}
#cnews .title{background:url(../images/ciye_19.png) no-repeat -22px 0;height:43px;margin-bottom:10px;}
#cnews .title a{display:block;width:100%;height:100%;}
#cnews .con{}
#cnews .con li{line-height:30px;background:url(../images/cico.png) no-repeat;padding-left:26px;float:left;width:50%;box-sizing:border-box;}
#cnews .con li:last-child:after{clear:both;content:"";}
#cnews .con li span{float:right;clear:both;}
#m_pic_img{clear:both}
#m_pic_img li{float:left;padding:5px 0;text-align:center;width:320px;height:230px;}
#m_pic_img li img{width:266px;height:200px;}

/*about*/
.aboutLeft>div{overflow:hidden;}
.aboutLeft>img{width: 100%;}
.aboutLeft>div img,.aboutLeft>div p{float: left;}
.aboutLeft>div img{width: 33.33%;margin-right: 2%;float: left;}
.aboutLeft>div p{width: 64.66%;margin-top: 20px;font:16px/2em "microsoft yahei";}
.aboutLeft>p{margin-bottom: 20px;}


.ok{padding:10px;}
.ftit{font-size:18px;font-weight:600;text-align:center;}
.ftit1{font-size:15px;text-align:center;border-top:1px #ccc dashed;border-bottom:1px #ccc dashed;margin-top:10px;}

.tit{text-align:center}
.tit img{width: 100%}
#p_proList li{width:23%;text-align:center;float:left;margin:1%;}
#p_proList li img{width:100%;height:180px;} 

#top1{height:36px;line-height:36px;overflow:hidden;border-bottom: 1px solid #ccc}
#huanying{width:60%;height:30px;overflow:hidden;line-height:35px;float:left;font-size:14px;}
#huanying p{margin:0;padding:0;}
#huanying span{float:left;}
#huanying span img{ float: left;}
#huanying marquee{float:left;width:650px;margin-left:20px;}

#ydh{float:right;text-align:right;font-size:13px;height:40px;overflow:hidden;width: 40%}
#ydh a{margin: 0 10px;color:#7C7C7C;}

#logo{float:left;width: 72%;margin-right: 1%}
#logo img{width: 63%;}
#tel img{width: 100%;}
#tel{float:right;width: 27%}
#nav{position:relative;clear:both;color:white;background: #2161c3}
#nav>ul>li{line-height:52px;text-align:center;height:52px;vertical-align:middle;position:relative;width:12.5%;float:left;}

#nav>ul>li>a{font-size:16px;display:block;color:white}
#nav>ul>li:hover{background:url(../images/a.gif) no-repeat;}


#nav>ul>li ul{position:absolute;z-index:999;top:52px;left:0;right:0;width:145px;background:#F8F8F8; display:none; margin: 0; padding: 0; left: 0;}
#nav>ul>li:hover ul{display:block;}
#nav>ul>li ul a{display:block; color: #000;}
#nav>ul>li ul li{color:#3d3d3d;line-height:36px;border-bottom:1px #E0E0E0 solid;}
#nav>ul>li ul li a{color:#3d3d3d !important;}
#nav>ul>li ul li a:hover{ background: #ED1B24; color: red !important;}

#banner{height:484px;width:100%;overflow:hidden;position:relative;}
#mbaner{clear:both;z-index:100;height:318px;margin-bottom:20px}
#mbaner a{display:block;clear:both;width:1260px;height:318px;margin:0 auto;}
#mbaner:before{clear:both;content:""}
#mbaner:after{clear:both;content:""}

#topd{background:#F2F2F2;height:105px;clear:both;overflow:hidden;margin-bottom:30px;}
	#searchbox{width:840px;height:105px;padding-left:20px;}
	#tgg{height:50px;line-height:60px;overflow:hidden;}
	#tgg p{margin:0;padding:0;}
	
	#sbox input{border:0;height:42px;width:550px;}
		#sbox .inp{width:600px;background:white;}
		#sbox .type{width:90px;background:white;}
		#sbox .btn{width:50px;height:44px;background:white;}
		#sbox select{width:85px;line-height:90px;height:44px;border:0;}
		



	#h_main{max-width:1300px;margin:0 auto;clear:both;margin-top:20px;width: 100%}
	#m_left{width:24%;float:left;overflow:hidden;margin-right: 2%}
	#m_right{width:74%;float:right;overflow:hidden；}
	#m_right:after{clear:both:content:""}
	#h_left{width:24%;float:left;overflow:hidden;margin-right: 1%}
	#h_right{width:75%;float:right;overflow:hidden}
	#h_right:after{clear:both:content:""}
#h_left .left{width: 100%;}
#h_left .left img{width: 100%;}
	#llist{width:100%;}

	#llist .con{background:url(../images/cpbg.png) repeat-y;background-size:100% 100%;min-height:490px;overflow:hidden;padding:0 30px;}
	#llist .con a{font-size:14px;}
	#llist .con .xl{width:100%;margin:0 auto;height:38px;line-height:38px;background:url(../images/c.jpg) no-repeat;text-indent:10px;overflow:hidden}
	#llist .con .xl:hover{background:url(../images/d.gif) no-repeat;}
	#llist .con .xl a{font-weight:bold;color:#2161C3;font-size:16px;}
	#llist .con .xl:hover a{color:white;}
	#llist .con ul{width:100%;margin:0 auto;}
	#llist .con ul li{line-height:43px;background:url(../images/c_a.gif) no-repeat;height:41px;overflow:hidden;padding-left:15px;}
	#llist .con ul li:last-child:after{content:"";clear:both;}
	
	
	#productqh{background:#F2F2F2;overflow:hidden;}
	#productqh .title{background:#2161C3;height:52px;overflow:hidden}
	#productqh .title li{width:202px;height:64px;text-align:center;line-height:52px;}
	#productqh .title li.show{background:url(../images/05.png) no-repeat;z-index:99;position:absolute;height:64px;}
	#productqh .title li a{color:white;font-size:16px;}
	#productqh .con ul li{float:left;text-align:center;width:23%;margin:1%}
	#productqh .con ul li .img{border:1px #CCC solid;padding:10px;background:white}
	#productqh .con ul li .img img{width:100%;height:180px;}
	#productqh .con ul li .txt{line-height:52px;font-size:16px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
	#productqh .con ul li .more a+a{padding-left:4px;}
	
	
#homeys{background:url(../images/08.jpg) top center no-repeat;padding-top:180px;margin-top:40px;background-size: 100% auto;}
	#homeys .title{width:55%;margin:0 auto;height:99px;overflow:hidden}
	#homeys .title a{float:left;margin:0 auto;}
	#homeys .con{padding-top:30px;max-width:1300px;margin:0 auto;width: 100%}
	#homeys .con #hcpbz{background:url(../images/aaa.jpg) no-repeat;height:493px;margin-bottom:22px;}
	#homeys .con .item{background:url(../images/13.jpg) no-repeat;height:445px;margin-bottom:22px;}


#midgg img{width: 100%;margin-bottom: 30px;}
	
#hmid{}	
	#habout{float:left;width:68%;margin-right: 2%}
	#habout .con{padding-top:13px;}
	
	#hspzs{width:30%;float:right;}
	#hspzs .con{height:479px;background:url(../images/17.gif) center center no-repeat;padding: 20px;box-sizing:border-box;}
#hspzs .con p{padding-top:40px;color: #fff}
	#picgd{height:889px;}
	#picgd .marquee{width:889px;height:140px;overflow:hidden;margin:10px auto;}
	#picgd .marquee ul{padding:0;margin:0;}
	#picgd ul li{width:230px;height:140px;float:left;text-align:center;}
	#picgd ul li+li{margin-left:14px;}
	#picgd ul li img{width:220px;height:140px;}
	
#hnews{margin-top:20px;}
#hnews .con .nr{overflow:hidden;border-bottom:1px #ccc dashed;}
#hnews ul.news li{background:url(../images/22.gif) no-repeat 5px 5px;text-indent:24px;line-height:36px;}
#hnews ul.news:last-child li{clear:both}
	#hxw{width:34%;}
	#hdt{width:34%;margin-left:2%;}
	#hzswd{width:30%;}
	#hzswd .con{background:url(../images/21.gif) no-repeat;height:354px;padding:10px;margin-top:25px;}
	
#hgcal .con{max-width:1300px;height:195px;overflow:hidden;margin:0 auto;width: 100%}
#hgcal .con ul li{float:left; text-align:center; width:18%!important; height:195px;margin:1%!important;}
#hgcal .con ul li img{width:100%;height:195px;}

#ditem{padding:10px 0;max-width:1300px;margin:0 auto;width: 100%}
#ditem .item{border:1px #E7E7E7 solid;height:40px;overflow:hidden;margin-bottom:10px;line-height:40px;}
#ditem .item .title{border-right:1px #E7E7E7 solid;}
#ditem .item .con a{padding:0 8px;white-space:nowrap;}

#di{background:#2163c5;overflow:hidden;color:white;margin-top: 20px;}
	#di a{color:white}
	#dtop{overflow:hidden;}
	#dl{width:76%;}
	#dnav {width: 790px;line-height: 63px;border-bottom: 1px white solid;overflow: hidden;}
	#dnav a{font-size:16px;display: block;float: left;width: 14.28%;}
	#der{width:24%;}	
.contactTxt span{width: 50%;float: left;font:16px/2em "microsoft yahei";}		
.contactTxt{overflow: hidden;}

#yqlj{clear:both;line-height:50px;overflow:hidden;margin-top: 20px;}
	#yqlj .title{text-align:center;width:68px;float:left;font-size:16px;}
	#yqlj .con{float:left;}
	#yqlj .con a {padding:0 8px 0 8px;white-space:nowrap;font-size:14px;}
	#yqlj .con a+a{border-left:1px white solid;}


#p_cplb{text-align:center;}
#p_cplb li{ width:240px; height:215px; text-align:center;float:left;padding-top: 10px;}
#p_cplb li img{width:230px; height:168px;border:1px #ccc solid;}

#m_newsList{margin:0;padding:0;width:99%;}
#m_newsList li{margin:0;height:40px;border-bottom:1px #ccc dashed;line-height:40px; clear:both;background: url(../images/dot.jpg) no-repeat 9px 18px; text-indent: 24px; }
#m_newsList li a{float:left;font-size:14px;display:inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 64%;}
#m_newsList li em{ float:left;}
#m_newsList li span{float:right;font-size:13px;width: 36%}

#newsshow h2{font-size:16px; text-align:center; border-bottom:1px #C8D8F2 solid; line-height:50px;margin:0 10px;}
#newsshow .time{ text-align:center;line-height:30px;margin:0 10px;border-bottom:1px #C8D8F2 solid;}
#newsshow .time #art_author{margin:0 5px;}
#newsshow .time #art_font a{margin:0 5px;}
#newsshow .time #art_font a.on{color:Red;}
#newsshow .rc{margin:0 5px;}
.pagexl{clear:both; text-align:center;margin:0 auto;}

.page{clear:both;text-align:center;margin:0 auto;}
.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination>li {display: inline;}
.pagination>li>a:hover,.pagination>li>a.active, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {color: #2a6496;background-color: #eee;
border-color: #ddd;}
.pagination>li>a, .pagination>li>span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #428bca;text-decoration: none;
background-color: #fff;border: 1px solid #ddd;}
.pagination>li:first-child>a, .pagination>li:first-child>span {margin-left:0}
.pagination>li:last-child>a, .pagination>li:last-child>span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
/*end次页面包屑，新闻，产品，翻页样式*/
.h_site{float:right;}
/*产品详细页 左图右简介 */
#protxt{display:inline-block;}
#proimg  {width:360px;float:left; border:1px solid #ddd; margin:10px 0;}
#protit{  font-size: 20px;float: left;margin-bottom: 6px;color:#000;font-family:'microsoft yahei';font-weight:300;line-height:60px;border-bottom:1px #D8D9DA dotted;width:100%;}
#proAbstract{text-align: left;padding-top:60px; height:121px;}
#proAbstract .con{width:100%;height:80px;overflow:hidden;font-size:13px;line-height:25px;}
#productimagelist { width:360px;height:280px;position:relative;}
#productimagelist ul { position:absolute;left:0;top:0;width:360px;height:280px; z-index:1;}
#productimagelist ul li {float:left;width:360px;height:280px; display:none;}
#productimagelist ul li.on {display:block;}
#productimagelist ul li img {width:360px;height:280px;}
#productimagelist ol { position:absolute;bottom:20px;left:20px; z-index:2;}
#productimagelist ol li { width:20px;height:5px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:0.4;}
#productimagelist ol li.on { width:20px;height:5px;background:#ff3300;float:left;margin:5px;cursor:pointer;margin-right:2px;opacity:1;}
#pro_right{width:900px;float:left; margin-left:25px;}
#pro_con{padding:0;margin:0;clear:both;}
#pro_con .menubox {width:100%;display:inline-block;border-bottom:1px #D7D4D4 solid;}
#pro_con .menubox li{width:15%;float:left;background:#EE1C25;text-align:center;height:35px;color:#FFF;}
#pro_con .menubox li:hover{background:#0C5CD3;}
#pro_con .menubox li+li{background:#F3F3F3;color:#000;margin-left:2px;}
#pro_con .menubox li+li a{color:#000;width:100%;}
#pro_con .menubox li+li:hover{color:#FFF;}
#pro_con .menubox li+li a:hover{color:#FFF;}
#pro_con .menubox li a{line-height:35px;height:35px;color:#FFF;  font-family: 'microsoft yahei';font-size: 15px;font-weight: normal;}
#pro_con .itemtab {}
#pro_con .itemtab h3{font-size:16px;font-family: 'microsoft yahei';color:#333;}


#procon{float:left;}
#procon .cpzx{float:left; width:820px; margin-left:5px; }
#procon .cpzx .nrcon{padding-bottom:10px;}
#procon .cpzx .cname{width:100%;border-bottom:1px #DCDCDC solid;}
#procon .cpzx .cname a{font-family:'microsoft yahei';font-size:18px;color:#222222;padding-LEFT:10px;}
#procon .cpzx .cimg {padding:20px 0;}
#procon .cpzx .cimg li{font-family:'microsoft yahei';font-size:14px;color:#222222;padding:0 10px;float:left;overflow:hidden;width:185px; height:200px;}
#procon .cpzx .cimg img{width:170px;height:135px; border:1px solid #ddd;}
#procon .cpzx .cimg .img a{height:auto;}
#procon .cpzx .cimg .txt a{width:171px;line-height:30px;height:30px;text-align:center;overflow:hidden; margin:8px 0; font-size:13px; background:#f3f3f3; color:#666;}

.service_box{ position:fixed; z-index:1000;right:-147px;top:50%;margin-top:-100px;width:146px;border:1px solid #ece8e5; background:#fff; font-size:12px;}
.service_box .tab_nav{ position:absolute;left:-42px;top:-1px;margin:0;padding:0;list-style:none;}
.service_box .tab_nav > li {background:#ece8e5;border-bottom:1px solid #dfdbd9;margin:0;padding:0;list-style:none;}
.service_box .tab_nav > li.active{ background:#3463FF;}
.service_box .tab_nav > li:first-child{border-radius:8px 0 0;}
.service_box .tab_nav > li:last-child{ border-bottom:none; border-radius:0 0 0 8px;}
.service_box .tab_nav > li > a{ display:block; width:28px;padding:12px 6px 12px 8px; line-height:14px; text-align:center;color:#2c2c2c; text-decoration:none;}
.service_box .tab_nav > li.active > a{ color:#fff;}
.service_box .tab_nav .icon{ display:block; height:28px;width:28px; background:url(../images/bg_online_service_new.png) no-repeat; overflow:hidden;margin:3px 0;*margin:6px 0;}
.service_box .tab_nav .icon_1{ background-position:0 0 ;}
.service_box .tab_nav .icon_2{ background-position:-28px 0 ;}
.service_box .tab_nav .icon_3{ background-position:-56px 0 ;}
.service_box .tab_nav .active .icon_1{ background-position:0 -28px ;}
.service_box .tab_nav .active .icon_2{ background-position:-28px -28px ;}
.service_box .tab_nav .active .icon_3{ background-position:-56px -28px ;}
.service_box .tab_content{padding:18px 10px 10px; position:relative;}
.service_box .tab_plan{ display:none; text-align:center;}
.service_box .tab_plan p{color:#333;}

.tempWrap{width: 100%!important;max-width: 1300px!important;}
.tempWrap>ul{width: 100%!important;}
.newsList{overflow: hidden;}
.newsList>img{width: 38%;float: left;margin-right: 2%}
.newsList>div{width: 60%;float: left;}
.newsList h3{text-overflow:ellipsis;overflow: hidden;white-space: nowrap;margin:0;}
.newsList p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#hnews ul.news li a{display: block;text-overflow:ellipsis;overflow: hidden;white-space: nowrap}

/*手机底部*/
section{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9;}
.mfootnav{background: #161414;overflow: hidden;display: none;}
.mfootnav li{width: 25%;text-align: center;float: left;padding: 6px 0;}
.mfootnav li a{color: #fff;font-size: 16px;}
.mfootnav span{display: block;}
.mewmmenu{width:100%;height: 100%;background: #000;position: absolute;bottom: 0px;left: 0;text-align: center;padding-top: 1px;opacity: 0.6;display:none;}
.mewminfo{width:300px;height:300px;margin:0 auto;bottom: -80%;position:relative;z-index: 999}
.mewminfo img{width: 300px;height: 300px;}
.mewmbox{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.7);bottom: 0;left: 0;display: none;text-align: center;}
.mewmbox img{bottom:-300px;width: 80%;display:inline-block;margin: 0 auto;position: absolute;left: 20%;margin-left: -10%;z-index: 999}

/*media*/
@media screen and (max-width: 1300px){
#llist .con{background-image: none;padding: 0}
#hspzs{display: none;}
#habout{width: 98%;margin:1%;}



}
@media screen and (max-width: 1200px){
#homeys{display: none;}
#hzswd .con{background-image: none;}
#di .right{display: none;}
#dl{width: 100%;text-align: center;}

}

@media screen and (max-width: 1000px){
#productqh .con ul li .img img{height:150px;}
.contactTxt span{width: 98%;}
#yqlj{display: none;}
#zoom img{width:80%!important;height: auto!important}
.myswiper2 img{height: 160px;}
}


@media screen and (max-width: 850px){
#huanying{width: 100%;text-align: center;}
#ydh{display: none;}
#productqh .con ul li .img img{height:100px;}
.aboutLeft>div p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#hxw,#hdt{width: 48%;margin:1%;}
#hzswd{display: none;}
.myswiper2 img{height: 120px;}
}
@media screen and (max-width: 640px){
#homeys{display: none;}
#nav>ul>li{width: 25%;border-right: 1px solid #fff;border-bottom: 1px solid #fff;margin-right: -1px;margin-bottom: -1px;}
#m_left{display: none;}
#m_right{width: 98%;margin:1%;}
#h_left{display: none;}
#h_right{width: 98%;margin:1%;}
#dnav{display: none;}
.myswiper2 img{height: 90px;}
}
@media screen and (max-width: 480px){
	#habout .tit img{display: none;}
	.aboutLeft>div img{width:80%;margin:0 10%;}
	.aboutLeft>div p{width: 98%;margin:1%;margin-bottom: 20px;}
#top1{display: none;}
#tel{display: none;}
#logo{width: 90%;margin:5%;}
#productqh .con ul li{width: 48%}
#productqh .con ul li .img img{height: 120px;}
#hxw,#hdt{display: none;}
#hzswd{display: block;width: 98%;margin:1%;}
#hgcal a{font-size: 14px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#productqh .con ul li .more{display: none;}
#ditem{display: none;}
#midgg img{display: none;}
#hnews ul.news li a{font-size: 16px;}
#nav>ul>li{line-height: 40px;height: 40px;}
#productqh .title{margin-bottom: 20px;}
#p_proList li{width: 48%;}
#p_proList li img{height: 150px;}
#dituContent{height: 260px !important;}
#logo img{width: 100%}
.myswiper2 img{height: 60px;}
.con_nr img{display: none;}
.mfootnav{display: block;}
#di{margin-bottom: 70px;}
}