* {
	box-sizing:content-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
ul,li{ list-style-type:none;}
a{text-decoration:none;color:#000;}
*{margin: 0px;padding: 0px;font-size:14px; font-family: "微软雅黑", arial, Helvetica, sans-serif;}
li{list-style-type:none;}
h1,h2,h3,h4,h5{font-weight: 500;}
img{border:0px;max-width: 100%;display:inline-block;}

.w1200{ width: 1200px;margin: 0 auto; }
.w1150{ width: 1150px;margin: 0 auto; }
.w1100{ width: 1100px;margin: 0 auto; }
.w1050{ width: 1050px;margin: 0 auto; }
.w1000{ width: 1000px;margin: 0 auto; }
.w900{ width: 900px;margin: 0 auto; }
.w333{width: 33.3333%;float: left; }
.w50{ width: 50%;float: left; }
.w666{ width: 66.6666%;float: left; }
.w25{ width: 25%;float: left; }

.left{ float: left; }
.right{ float: right; }

.clear:after{
  display:block;
  clear:both;
  content:"";
  visibility:hidden;
  height:0;
}


/*top*/
.top{
	height: 140px;
	padding-top: 30px;
	background-color: #fff;
	text-align: center;
}
/*.top .w1200{
	padding: 0 50px;
}*/
.top .logo{
	float: left;
}
.top .logo a{
	display: block;
}
.top .search{
	display: inline-block;
	margin-top: 24px;
}
.top .search input{
	width: 330px;
	height: 40px;
	line-height: 38px;
	padding: 0 10px;
}
.top .search a{
	display: block;
	float: right;
	width: 100px;
	color: #fff;
	line-height: 40px;
	background-color: #b1b1b1;
	transition: all 0.3s;
}
.top .search a:hover{
	background-color: #333;
}
.top .toptel{
	float: right;
	margin-top: 24px;
}
.top .toptel h3{
	padding-left: 42px;
	line-height: 20px;
	background: url(../images/toptel.jpg) no-repeat left center;
}
.top .toptel h3 span{
	display: block;
	font-weight: bold;
	line-height: 20px;
	color: #ff7906;
}
/*top end*/

/*nav*/
.nav{
	background-color: #0078d9;
}
.nav li{
	float: left;
	width: 14.2%;
}
.nav li a{
	display: block;
	line-height: 45px;
	height: 45px;
	color: #fff;
	text-align: center;
	transition: all 0.3s;
}
.nav li span{
	display: inline-block;	
	margin-top: 16px;
	display: block;
	float: left;
	width: 1px;
	height: 13px;
	background-color: #6daad9;
	transition: all 0.3s;
}
.nav li a:hover{
	background-color: #fd8900;
}
.nav li.cur{
	background-color: #fd8900;
}

/*nav end*/

/*index*/
.inmain1{
	margin-top: 40px;
}
.inmain1 .im1tl{
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
}
.inmain1 .im1tl h3{
	font-size: 20px;
	color: #222;
	float: left;
	line-height: 30px;
}
.inmain1 .im1tl h4{
	font-size: 14px;
	color: #999;
	float: left;
	line-height: 20px;
	margin-top: 6px;
	margin-left: 5px;
}
.inmain1 .im1tl p{
	font-size: 14px;
	color: #999;
	float: left;
	line-height: 20px;
	margin-top: 6px;
	margin-left: 5px;
}
.inmain1 .im1tl p a{
	display: inline-block;
	color: #666;
	margin-left: 10px;
}
.inmain1 .imcon li{
	float: left;
	width: 590px;
	margin-right: 20px;
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.inmain1 .imcon li:nth-child(2n){
	margin-right: 0px;
}
.inmain1 .imcon .imliimg{
	float: left;
	width: 200px;
	border-right: 1px solid #ddd;

}
.inmain1 .imcon .imliimg img{
	width: 100%;
	height: 350px;
	display: block;
}
.inmain1 .imcon .inprotl{
	float: right;
	width: 388px;
	padding: 35px 10px 35px 30px;
	border-bottom: 1px solid #ddd;
}
.inmain1 .imcon .inprotl h3{
	border-left: 3px solid #fe6e0d;
	padding-left: 8px;
	color: #666;
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
}
.inmain1 .imcon .inprotl h3 a{
	float: right;
	display: block;
	color: #777;
	font-weight: normal;
}
.inmain1 .imcon .improma{
	float: right;
	width: 388px;
	padding: 10px 20px 0 20px;
}
.inmain1 .imcon .improma .left{
	float: left;
	width: 260px;
	border-right: 1px solid #ddd;
	height: 220px;
}
.inmain1 .imcon .improma .left .fl{
	margin-bottom: 10px;
}
.inmain1 .imcon .improma .left dd{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.inmain1 .imcon .improma .left dd a{
	display: block;
	color: #666;
	line-height: 21px;
	transition: all 0.3s;
}
.inmain1 .imcon .improma .left dd a:hover{
	color: #333;
}
.inmain1 .imcon .improma .right dd{
	margin-bottom: 10px;
}
.inmain1 .imcon .improma .right dd:nth-child(3){
	margin-bottom: 0px;
}
.inmain1 .imcon .improma .right dd a{
	display: block;
}
.inmain1 .imcon .improma .right dd a img{
	display: block;
	width: 66px;
	height: 66px;
	border: 1px solid #ddd;
}
.inimgbg{
	margin-bottom: 20px;
}
.inimgbg img{
	display: block;
	width: 100%;
}

.innews{
	margin-bottom: 20px;
}
.innews .innewstl{
	font-size: 18px;
	line-height: 36px;
	color: #333;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
.innews li{
	float: left;
	width: 25%;
}
.innews li:nth-child(1) img{
	display: block;
	width: 100%;
	height: 200px;
}
.innews li:nth-child(4) img{
	display: block;
	width: 100%;
	height: 160px;
}
.innews li:nth-child(2),.innews li:nth-child(3){
	padding-left: 20px;
}
.innews li h3{
	font-size: 18px;
	line-height: 40px;
	color: #444;
	font-weight: bold;
}
.innews li dd a{
	display: block;
	font-size: 14px;
	color: #555;
	line-height: 30px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
/*index end*/

/*productcenter*/
.location{
	
}
.location p{
	color: #444	;
	padding-bottom: 10px;
}
.location p a{
	display: inline-block;	
	color: #555;
}
.procenter{
	border-top: 1px solid #ddd;
	padding-top: 30px;
}
.procenter li{
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
.procenter .procentl{
	background-color: #e0e0e0;
	padding: 10px 15px;
	border-bottom: 2px solid #0078d9;
}
.procenter .procentl h3{
	border-left: 4px solid #0078d9;
	padding-left: 10px;
	color: #333;
	line-height: 18px;
}
.procenter .procentl h3 a{
	display: block;
	float: right;
	color: #444;
}
.procenter .procenmain{
	padding: 25px;
}
.procenter .procenmain dd{
	float: left;
	width: 18%;
	margin-right: 2.5%
}
.procenter .procenmain dd:nth-child(5n){
	margin-right: 0px;
}
.procenter .procenmain dd img{
width:202px;
height:202px;
	display: block;
	border: 1px solid #ddd;
}
.procenter .procenmain dd h3{
	text-align: center;
	line-height: 32px;
	color: #333;
	font-size: 14px;
}
.procenter .procennav{
	background-color: #f3f2f8;
	padding: 15px 10px;
}
.procenter .procennav dd{
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
}
.procenter .procennav dd a{
	display: block;
	padding: 0 10px;
	line-height: 24px;
	color: #555;
	border: 1px solid #ddd;
}
/*productcenter end*/

/*productlist*/
.prolinav{
	border: 1px solid #ddd;
	border-top: 3px solid #0078d9;	
	padding: 15px;
	margin-bottom: 25px;
}
.prolinav li{
	float: left;
	width: auto;
	padding-right: 1%;
}
.prolinav li a{
	display: block;
	color: #666;
	line-height: 24px;
	font-size: 12px;
	transition: all 0.3s;
}
.prolinav li a:hover{
	color: #1b4fa2;
}
.prolima li{
	float: left;
	width: 18%;
	margin-right: 2.5%;
	margin-bottom: 40px;
}
.prolima li:nth-child(5n){
	margin-right: 0px;
}
.prolima li img{
	display: block;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}
.prolima li h3{
	text-align: center;
	line-height: 24px;
	color: #333;
}
/*productlist end*/

/*product*/
.proma{
	padding-top: 25px;
	margin-bottom: 60px;
	border-top: 1px solid #ddd;
}
.proma .left{
	/*padding: 0 30px;*/
}
.proma .left ul{
	width: 240px;
	padding: 20px 10px;
	background-color: #f7f7f7;
	border-bottom: 5px solid #0078d9;
}
.proma .left ul li h3 span{
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	background: url(../images/jia.png) no-repeat center;
	/*background-size: 14px;*/
	cursor: pointer;
	transition: all 0.3s;
}
.proma .left ul li.on h3 span{
	background: url(../images/jian.png) no-repeat center;
	/*background-size: 14px;*/
}
.proma .left ul li h3 a{
	display: block;
	float: left;
	color: #666;
	line-height: 32px;
}
.proma .left ul li h3 a:hover{
	color: #fd6e12;
}
.proma .left ul li dl{
	display: none;
	margin-left: 10px;
	border-left: 1px solid #ddd;
}
.proma .left ul li dl dd{
	margin-left: 10px;
}
.proma .left ul li dl a{
	display: block;
	color: #999;
	line-height: 32px;
}

.proma .right{
	float: right;
	width: 900px;
	padding-top: 30px;
}
.proma .right .prole{
	float: left;
	width: 380px;
	margin-right: 45px;
}
.proma .right .prori{
	float: left;
}
.proma .right .prori h3{
	font-size: 24px;
	line-height: 32px;
	color: #333;
}
.proma .right .prori p{
	font-size: 14px;
	line-height: 24px;
	margin-top: 10px;
	color: #555;
}
.proma .right .prori p.dj{
	color: #ff6801;
}
.proma .right .prori p span{
	display: inline-block;
	width: 60px;
	color: #225686;
	text-align: justify;
	text-align: end;
	text-align-last: justify;
	text-justify: distribute;
}
.proma .right .prori p font{
	display: inline-block;
	color: #225686;
}
.proma .right .prori .protel{
	margin-top: 20px;
	font-size: 14px;
	color: #fff;
	padding-left: 90px;
	width: 360px;
	line-height: 48px;
	height: 48px;
	background: url(../images/protel.jpg) no-repeat center;
	margin-bottom: 20px;
}
.proma .right .prori h4 a{
	font-size: 12px;
	line-height: 40px;
	color: #999;
	padding-left: 30px;
}
.proma .right .prori h4 a.profax{
	background: url(../images/profax.png) no-repeat center left;
}
.proma .right .prori h4 a.prodown{
	background: url(../images/prodown.png) no-repeat center left;
}
.proma .right .prori h4 a.proemail{
	background: url(../images/proemail.png) no-repeat center left;
}

.proma .promain{
	margin-top: 40px;
}
.proma .promain .prodh{
	position: relative;
	border-bottom: 1px solid #ddd;
	padding-left: 5px;
	height: 38px;
}
.proma .promain .prodh ul{
	position: absolute;
	bottom: -1px;
}
.proma .promain .prodh li{
	background-color: #f7f7f7;
	float: left;
	padding: 0 20px;
	line-height: 36px;
	margin-right: 5px;
	border: 1px solid #ddd;
	/*border-bottom: 1px solid #fff;*/
}
.proma .promain .prodh li.on{
	border-bottom: 1px solid #fff;
	color: #f60;
}
.proma .promain .proxx .promainli{
	display: none;
	padding: 20px 15px;
}
.proma .promain .proxx .promainli p{
	font-size: 12px;
	line-height: 24px;
	color: #888;
}
/*product end*/


/*about*/
.tapbg{
	position: relative;
	margin-bottom: 35px;
}
.tap{
	position: absolute;
	width: 100%;
	bottom: 0px;
	line-height: 60px;
	height: 60px;
	background-color: rgba(188,188,188,0.9);
}
.tap .left p{
	color: #555;
}
.tap .left p a{
	display: inline-block;
	color: #555;
}
.tap .right li{
	float: left;
}
.tap .right li a{
	display: block;
	padding: 0 25px;
	color: #444;
	transition: all 0.3s;
}
.tap .right li.on a,.tap .right li a:hover{
	background-color: #fff;
	color: #ff5a2d;
}
.abtl{
	font-size: 24px;
	line-height: 60px;
	color: #333;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
}
.about{
	margin-bottom: 100px;
}
.about p{
	color: #666;
	line-height: 32px;
}
/*about end*/

/*people*/
.people{
	margin-top: 60px;
	margin-bottom: 20px;
}
.people p{
	color: #666;
	line-height: 24px;
}
.peopleli li{
	padding: 40px 0;
	border-top: 1px dotted #ddd;
}
.peopleli li .peoplepic{
	float: left;
	margin-right: 35px;
	position: relative;
}
.peopleli li .peoplepic h3{
	position: absolute;
	bottom: 0px;
	font-size: 16px;
	width: 100%;
	text-align: center;
	line-height: 42px;
	color: #fff;
	background-color: rgba(0,0,0,0);
}
.peopleli li .peoplepic img{
	display: block;
	width: 300px;
	height: 200px;
}
.peopleli li p{
	color: #555;
	line-height: 24px;
	margin-top: 10px;
}
/*people end */

/*newsli*/
.newsli{
	margin-bottom: 50px;
}
.newsli ul{
	margin-bottom: 40px;
}
.newsli li a{
	display: block;
	padding: 20px 140px 20px 60px;
	border-bottom: 1px solid #eee;
	transition: all 0.3s;
}
.newsli li a:hover{
	background-color: #f5f5f5;
}
.newsli li .newslidate{
	float: left;
	width: 100px;
	position: relative;
}
.newsli li .newsliimg{
	float: left;
	width: 250px;
}
.newsli li img{
	display: block;
	width: 250px;
	height: 165px;
}
.newsli li .newslima{
	float: left;
	width: 650px;
	padding-left: 20px;
}
.newsli li h1{
	display: block;
	position: absolute;
	top: 0px;
	right: 20px;
	width: 20px;
	height: 5px;
	background-color: #0078d9;
}
.newsli li h3{
	font-size: 32px;
	color: #333;
}
.newsli li h4{
	font-size: 18px;
	color: #666;
}
.newsli li h5{
	font-size: 20px;
	color: #666;
	line-height: 30px;
	margin-bottom: 20px;
	transition: all 0.3s;
}
.newsli li p{
	font-size: 12px;
	color: #999;
	line-height: 24px;
	height: 72px;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.newsli li span{
	display: block;
	color: #fd8902;
	font-size: 12px;
}
.newsli li a:hover h5{
	color: #0078d9;
}

/*newsli end*/

/*news*/
.news{
	margin-bottom: 60px;
}
.news .newstl{
	text-align: center;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 20px;
}
.news .newstl h3{
	font-size: 20px;
	color: #333;
	margin-bottom: 10px;
}
.news .newstl span{
	display: block;
	font-size: 14px;
	color: #888;
	margin-bottom: 10px;
}
.news p{
	color: #666;
	line-height: 24px;
}
/*news end*/

/*foot*/
.foot{
	background-color: #292929;
	padding-top: 10px;
}
.foot .w1200{
	border-top: 1px solid #3f3f3f;
	padding: 35px 0;
}
.foot .footnav{
	text-align: center;
	font-size: 0px;
	margin-bottom: 10px;
}
.foot .footnav li{
	display: inline-block;
}
.foot .footnav li a{
	display: inline-block;
	padding: 0 10px;
	color: #999;
	line-height: 24px;
}
.foot .footnav li span{
	display: inline-block;
	height: 12px;
	width: 1px;
	line-height: 24px;
	background-color: #666;
}
.foot p{
	text-align: center;
	color: #999;
}
/*foot end*/