/* CSS Document */
body{
	margin: auto;
	font-size: 12px;
	line-height: 2;
	font-family: "微软雅黑", "宋体", Arial;

}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #FF0000;
}
img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; max-width:100%; 
}
.clear{ clear:both;_overflow:hidden;*height:0px;}
img{ border:0px;}

div, img, ul, li, span, a, p{ margin:0px; padding:0px;}
.box{ margin:auto; width:1030px;}
#cms img,#cms1 img,#header img{
	border: none; max-width:100%;
}
img[align="left"]{ margin-right:10px;}
img[align="right"]{ margin-left:10px;}
ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span,li{text-overflow: ellipsis;}

ul,li,p,dl,dt{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
div,span{text-overflow: ellipsis;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}
#top1{ color:#999999; float:left; width:100%;}
#top1 .fr{ width:200px;}
#top{
	padding-top:15px;
	padding-bottom:15px;
	background-image: url(topbg.jpg);
	background-repeat: repeat-x;
	background-position: left top; float:left; width:100%;
}
#top #tel {
	line-height:1.2;
	background-image: url(tel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:90px; margin-top:0px; min-height:40px; padding-top:40px;
	display:block;
	color:red;
	font-size: 20px;
	font-weight: bold; color:#339933
}
/*#top #tel div{}
#top #tel span{
	display:block;
	color:red;
	font-size: 20px;
	font-weight: bold; color:#339933
}*/
#nav{
	float: left;
	width: 100%;

	z-index:9999;
	line-height: 45px;
	background-image: url(nav.jpg);
	background-repeat: repeat-x;
	background-position: center top; font-size:14px;
}
#nav ul{
	float: left;
	width: 100%;
	
}
#nav ul li a{ color:#FFFFFF}
#nav ul li{
	width: 128.75px;
	float: left;
	text-align: center;
	line-height: 44px;
	position: relative;
	background-image: url(navline.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#nav ul li.nbg,#nav ul li ul li{
	background-image: none;
}
#nav ul li.nbg{ width:90px; margin-left:30px;}
#nav ul li li a{
	font-family: "宋体";
	font-size: 12px; 
}
#nav ul li li a:hover{
	background-color: #DD0005;	
}
#nav ul li a.select{
	color: #fff;
}
#nav ul ul{
	display:none;
	position: absolute;
	background-color: #c50007;
	float: left;
	width: 100%;
	z-index: 99;
	filter: Alpha(Opacity=90);
	Opacity:0.9;
	left: 0px;
	top: 44px;
}
#nav ul ul li{
	float: left;
	width: 100%; line-height:30px;
}
#nav ul ul li a{
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #9B0004;
	border-bottom-color: #DD0005;
	line-height: 16px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#nav ul ul ul{
	left: 100%;
	top: 0px;	filter: Alpha(Opacity=100);Opacity:1;
}
#nav ul li:hover ul{
	display: block;
}
/*#nav ul li:hover{background-color: #1769B5;}*/

#nav ul li:hover a,#nav ul li ul li a{ color:#FFFFFF}
#foot{
	float:left; width:100%; margin-top:15px;
}
#foot .footnav .box{
	background-image: url(qrcode.jpg);
	background-repeat: no-repeat;
	background-position: 850px 40px;
	min-height: 220px;

}
#foot .footnav{background-color: #EBEBEB;float:left; width:100%;padding-bottom: 15px;padding-top: 15px;}
#foot .footnav ul{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
#foot .footnav ul li{
	float:left;
	width:130px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #FFFFFF;
	height:210px;
	text-align: left;
	text-indent: 30px;
	font-weight: bold;
	font-size: 14px; line-height:3;
}
#foot .footnav ul li.srots3{ width:200px;}
#foot .footnav ul li ul li{ width:100%;}
#foot .footnav ul li ul li{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height:auto;
	font-size: 12px;
	font-weight: lighter; line-height:2;
}
#foot .footnav ul li ul{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#foot .copyright,#foot .copyright a{ color:#FFFFFF}
#foot .copyright{
	background-color: #B20000; float:left; width:100%;
}
#foot .footnav .me{ float:left; margin-left:20px; line-height:1;}
#foot .footnav .me .title{ color:#FF0000; font-size:16px; line-height:2;}
#foot .footnav .me button{-moz-border-radius: 3px;      /* Gecko browsers */
    -webkit-border-radius: 3px;   /* Webkit browsers */
	border-radius:3px;            /* W3C syntax */
	color: #FFFFFF;
	background-color: #CC0000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
}

.main{ margin-top:20px;}



.list{
	float:left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px; width:180px;
}
#cms .list{ width:175px;}
.list div{float: left;
	width: 100%;}
.list .dp{ display:none}
.list .ntitle{
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	width: 100%; line-height:32px;
}
.list div.img{
	border: 1px solid #ddd;
}


#left{
	float: left;
	width: 228px;
	margin-left: 1px;
}
#left .h2{

	color: #FFFFFF;
	text-align: center;
	font-family: "微软雅黑";
	line-height: 35px;
	font-size: 16px;

}
#left .leftdh ul,#left .leftdh ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 100%;
}
#left .leftdh ul ul{ display:none}
#left .leftdh ul li a{
	line-height: 16px;
	float: left;
	width: 188px;
	padding-left: 40px;
	background-image: url(leftli.jpg);
	background-repeat: no-repeat;
	background-position: -40px top; padding-top:11px; padding-bottom:11px;font-size:14px;
}
#left .leftdh ul li a:hover,#left .leftdh ul li a.select{

}
#left .leftdh ul li ul li a{
	width: 168px;
	padding-left: 60px;
		background-image: url(leftli.jpg);
	background-repeat: no-repeat;
	background-position: -20px top;
}

#left .leftdh ul li ul li  ul li  a{width: 148px;
	padding-left: 80px;
	background-position: 0px top;
	} 
#lianxi{
	float: left;
	width: 220px;
	margin-left: 5px;
	margin-top: 10px;
	background-image: url(in_r6_c4.jpg);
	background-position: center top;
	background-repeat: no-repeat;
}
#left #lianxi .etitle{
	float: left;
	width: 100%;
	line-height: 22px;
	background-image: none;
	font-weight: lighter;
}
#left #lianxi .etitle b{
	font-family: "宋体";
	font-weight: lighter;
	float: left;
	margin-left: 20px;
	color: #999999;
	font-size: 12px;
}
#left #lianxi .etitle a{
	display: none;
}
#left #lianxi .econtent{
	float: left;
	width: 100%;
	margin-top: 90px;
	padding-bottom: 10px;
}
#right{
	float: right;
	width: 775px;
	margin-right: 21px;

}

#main{
	background-image: url(mid.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
	width: 100%;
	margin-top: 15px;
}
#main1{
	background-image: url(topin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	width: 100%;
}
#main2{
	background-image: url(foot.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 100%;
	padding-bottom: 1px;
}
#postion{
	line-height: 35px;
	float: left;
	width: 100%;
	background-image: url(in_r3_c3.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	height: 30px;

}
#postion b{
	float: left;
	margin-left: 25px;
	font-size: 16px;
/*	color: #FFFFFF;*/ font-weight:lighter;

}
#postion div{
	float: right;
	margin-right: 5px;
}
#postion div,#postion div a{
	color: #999;
}
#cms,#cms1{
	float: left;
	width: 775px;
	overflow: hidden;
	min-height:300px;
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 10px; 
}
#cms .li{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #737373;
	padding-bottom: 5px;
	line-height: 32px;
	font-size: 14px; padding-top:5px; padding-bottom:5px;
	
}
#cms .li .ntitle{
	float: left;
	width: 80%;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-family: "宋体";
text-overflow: ellipsis;
}
#cms .li .ntitle a{
	font-family: Arial, Helvetica, sans-serif;
}
#cms .li .time{
	float: right;
	width: 12%;
	color: #999999;
	font-size: 12px;
}
#cms .li .title,#cms .li .dp{ float:left; width:100%;clear:both}
#cms .li .dp{ font-size:12px; color:#999999; line-height:1.5;  }
#cms1 .content{
	float: left;
	width: 700px;
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 10px;
}

#page{
	float: left;
	width: 800px;
	line-height: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
#page  a{
	height: 18px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #dddddd;
	text-align: center;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 18px;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
}
#page  a.select{
	background-color: #CC3300;
	color: #FFFFFF;
}
#cms .list{
	float: left;
	margin-right: 7px;
	margin-left: 11px;
}
.bk{
	background-color: #ddd;	

}

#leftdh{
	float: left;
	width: 168px;
	margin-left: 10px;
	margin-top: 10px;
}
#leftdh ul{	float: left;
	width: 100%;}
#leftdh ul li{	float: left;
	width: 100%;}
#leftdh ul li ul{ display:none}
#leftdh ul li a{
	float: left;
	width: 100%;
	color: #e2da15;
	font-weight: bold;	line-height: 1.1;
	padding-top: 5px;
	padding-bottom: 5px; 
}
#leftdh ul li ul li a{
	float: left;
	width: 163px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 25px;

}
#leftdh ul li ul li ul li a{
	float: left;
	width: 158px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 10px;
}
#leftdh ul li ul li ul li a{
	float: left;
	width: 153px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 15px;
}
#leftdh ul li ul li ul li ul li a{
	float: left;
	width: 148px;
	color: #FFFFFF;
	font-weight: lighter;
	padding-left: 20px;
}

#btn{
	width: 48px;
	background-color: transparent;
	height: 40px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
.red{ color:#FF0000}
#left .lx{
	background-image: url(lx.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 115px;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	width: 209px;
	margin-top: 20px;
}
#left .lx h3.h3{ display:none}

input[type='text'],textarea{
	border: 1px solid #ddd;
}
#cms button{
	line-height: 32px;
	color: #FFFFFF;
	background-color: #CC0000;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	text-align: center;
	width: 80px;
}
#foot2{
	background-image: url(foot1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin-top: 20px;
	padding-top: 20px;
	text-align: center; min-height:80px;
}
.bgs{
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: none;
	width: 100%;
	padding-top: 10px;
}
.logomin{ display:none}
#navs,#case1{ display:none}
.menu{ float:left; z-index:999; width:100%; margin-top:3px;}
.menu ul{z-index:999;}
.menu ul li{
	float: left;
	width: 125px;
	text-align: center;
	line-height:41px;
	position: relative;
	z-index:999;
	
}
.menu ul li a{ color:#FFFFFF}

.menu ul li.nbg{
	background-image: none;
}
.menu ul ul{
	position: absolute;
	top: 41px;
	float: left;
	display:none;
	z-index:99;
	line-height: normal;
	width: 100%;
	left: 0px;
	background-color: #3c81de;filter: Alpha(Opacity=80);Opacity:0.8;
}
.menu ul ul li{
	float: left;
	width: 100%;
	line-height: 32px;
	font-size: 12px;
}
.menu ul ul li a{
	float: left;
	width: 100%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F00000;
	border-bottom-color: #A60000;
}
/*首页*/
.pro{
	float: left;
	width: 370px;
}
.pro .etitle{
	background-color: #D31217;
	text-align: center;
	font-size: 18px;
	line-height: 37px;
	float: left;
	width: 100%;
	color: #FFFFFF;
}
.pro .etitle b{
	color: #FFFFFF;
	font-weight: lighter;
}
.pro .econtent{
	float: left;
	width: 96%;
	margin-right: 2%;
	margin-left: 2%; padding-top:5px;
}
.pro .econtent .li{
	line-height: 28px;
	text-align: left;
	white-space: nowrap;
	float: left;
	width: 100%;
	overflow: hidden;
}
.about{
	float: right;
	width: 660px;
}
.about .etitle{
	background-color: #1740B6;
	line-height: 37px;
}
.about .etitle b{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: lighter;
	margin-left: 10px;
}
.about .etitle a{
	color: #FFFFFF;
	float: right;
	margin-right: 10px;
	font-size: 12px;
}
.about .econtent{

	border: 1px solid #ddd; margin:auto;

	padding: 5px; min-height:330px;
}
.pro1{
	clear:both;
	float: left;
	width: 100%;
	margin-top: 15px;
	background-image: url(1_r10_c2.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	padding-bottom: 30px;
}
.pro1 .etitle{ display:none}
.pro1 .list{
	padding: 5px;
	float: left;
	width:225px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ddd;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	border-left-color: #ddd;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;background-image: url(1_r6_c6.jpg);
	background-repeat: no-repeat;
	background-position: 210px 170px;
}
.pro1 .list .ntitle{
	
	
	width: 90%; float:left;
}
.pro1 .list:hover{background-image: url(1_r6_c4.jpg);
	border-top-color: #2F9116;
	border-right-color: #2F9116;
	border-bottom-color: #2F9116;
	border-left-color: #2F9116;
}
.pro1 .list:hover a{color: #2F9116;}
.news{ float:left; width:660px;}
.news .etitle{
	line-height: 37px;
	font-size: 18px;
	float: left;
	width: 100%;
}
.news .etitle b{
	margin-right: 5px;
	float: left;
}
.news .etitle span{
	color: #999999;
	float: left;
}
.news .etitle a{
	line-height: 17px;
	color: #FFFFFF;
	background-color: #FF0000;
	float: right;
	margin-top: 10px;
	margin-right: 5px;
	font-size: 12px;
	font-family: "宋体";
	padding-right: 5px;
	padding-left: 5px;
	
}
.news .econtent{}
.news .econtent .li .img{ width:140px;}
.news .econtent .li .img img{ width:140px; height:105px;}
.news .econtent .li .img,.news .econtent .li .right{ display:none}
.news .econtent .li .ntitle{
	line-height: 28px;
	background-image: url(li.png);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	width: 100%;
/*	margin-right: 2%;*/
	text-align: left;
	text-indent: 20px;
	white-space: nowrap;
	overflow: hidden;
} 
.news .econtent .n1 .img,.news .econtent .n1 .right{ display:block}
.news .econtent .n1 .ntitle{ display:none}
.news .econtent .n1{
	padding: 5px;
	float: none;

	border: 1px solid #ddd;
}
.news .econtent .n1 .cl{ clear:both}
.news .econtent .cl1{ clear:both}
.news .econtent .li .img{ float:left}
.news .econtent .li .right{ margin-left:148px;}
.news .econtent .li .dp{ height:4.5em; overflow:hidden}
.news .econtent .li .right .title{
	font-size: 14px;
	line-height: 32px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.news .econtent .li .right .title a{
	color: #CC0000;
}
.news .econtent .li .right .dp{
	line-height: 1.5;
	color: #999999;
}
.lx{ float:right; width:320px;}
.lx .etitle{
	line-height: 37px;
	font-size: 18px;
	float: left;
	width: 100%;
}
.lx .etitle b{
	margin-right: 5px;
	float: left;
}
.lx .etitle span{
	color: #999999;
	float: left;
}
.lx .img{
	padding: 2px;
	border: 1px solid #ddd; float:left; width:100%;
}
.news,.lx{ margin-top:15px;}
.link{
	clear:both;
	float:left;
	width:100%;
	margin-top:15px;
	padding-top: 15px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.link .etitle{
	line-height: 27px;
	background-color: #C8000B;
	background-image: url(1_r12_c3.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	color: #FFFFFF;
}
.link .econtent{ margin-left:100px; }
/*移动端*/
@media screen and (max-width : 767px){
.copyright{ text-align:center}
#top1 .fr{ float:left}
#top1{ display:none}
#top #logo{ width:120px; float:left; }

/*#top #tel{display:none}*/
#top #tel{	line-height:1.2;
	background-image: url(tel.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:50px; margin-top:0px;  padding-top:20px; font-size:14px; margin-top:10px; min-height:auto; }
#header{ height:auto}
#beizhu{ width:60%; min-width:200px;}

.box{ width:100%; max-width:767px;}
#nav{ display:none}
#navs{ display:block;}
#navs ul ul{ display:none}

#top{ margin:auto; padding:0px;}
#top #logo img{ max-width:100%;}
/*#top #logo { width:100%;}
*/body{
	background-image: none;
}
#navs{
	background-color: #C60108;
}
#navs ul li{
	width:25%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd;
}
.device{ margin:auto}
.swiper-wrapper img{ width:100%;}
#left{ display:none}
#main,#main1,#main2{
	background-image: none;
}
.bgs{ padding-top:1px;}
#postion{
	background-image: url(po.jpg);
	background-repeat: repeat-x;
	background-position: left center;
	border: 1px solid #ddd; width:98%; margin-left:1%;
}
#postion b{
	background-image: url(ii.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
#postion .postion{ display:none}
#right{ width:100%;}
#cms,#cms1{ width:98%; margin:0px; padding:0px;}
#cms .list .right,.list .right{ margin-left:130px; width:auto; float:none}
#cms .list .dp,.list .dp{ display:block; line-height:1.5; font-size:12px; color:#555; overflow:hidden; height:4.5em;}
#cms .list .ntitle, .list .ntitle{
	text-align: left;
}
#cms .list,.list{
	float: left;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd; padding-bottom:10px;
}

#cms .li .time{ display:none}
#cms .li .ntitle{ width:100%; }
#cms .li{ width:98%; margin-left:1%;}

#foot .copyright{ background-image:none; padding:0px;}

.pro,.about,.about .econtent,.pro1,.news,.link,.lx{ width:100%; border:none}
.news .econtent .n1{ margin:5px;}
.link .econtent{ margin-left:0px; clear:both;border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ddd; padding-top:10px;} 
	.lx .img{ width:95%; clear:both; float:none; margin:auto;}
	.link,.news,.lx{ width:98%; margin:auto; clear:both; float:none;}
.about .econtent{ width:98%;}
.pro1 .list{ width:45%; padding-left:1%; padding-right:1%; margin:1%;}

.pro1 .list .img{ width:100%; float:left;}
.pro1 .list .ntitle{ width:100%; float:left; display:block}
#foot .footnav{ display:none}
}