@charset "utf-8";

body,html {
	width: 100%;
	height: 100%
}

body,p {
	margin: 0
}

body {
	padding: 0;
	background:url("../images/bg.jpg") no-repeat fixed; background-size:cover;

	line-height:28px ;
}

a {
	text-decoration: none;	
	line-height:28px ;color:#333;font: .21rem/.4rem "Microsoft YaHei";
}
p{
	
	line-height:28px !important;}
li,ul {
	list-style: none;
	margin: 0;
	padding: 0
		font-size:12px;
	line-height:28px;
}
.t {

    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    background: #555;

}

.adp{background-color:#0f76c6;text-align:center; padding:10px 0}
.adp img{max-width:100%}
.tt{background:url("../images/it.png") no-repeat center bottom;padding-top:40px;padding-bottom:20px}
.tt p{text-align:center;color:#000;font-size:36px}
@media (max-width:960px){
.tt{padding-top:20px;padding-bottom:10px}
.tt p{text-align:center;color:#000;font-size:24px}
}

.class{clear:both;text-align:center;overflow:hidden;width:90%;margin:0 auto;max-width:1000px; font-size: 10px;}
.class dl{display:inline-block;width:25%;height:30px;line-height:30px;    font-size: 10px;}
.class dl a{display:block;font-size:16px;color:#fff;background:#0f76c6;width:90%;margin:0 auto;border-radius:30px;}
.class dl dd{width:33.333%;float:left;height:20px;line-height:20px;padding-top:5px;display:none;position:relative;z-index:100}
.class dl.hov dd,.class dl:hover dd{display:block}
.class dl.hov .big{background:#f33}
.class dl dd a{font-size:12px}
.class dl a:hover{background:#f33}
.class dl a.on{background:#f33}
@media (max-width:960px){
.class{width:100%}
.class dl a{width:95%}
.class dl dd a{font-size:10px;}
}

@font-face {
	font-family: "iconfont";
	src: url("../font/iconfont.woff") format('woff'), url("../font/iconfont.ttf") format('truetype');
}

.iconfont {
	font-family: "iconfont";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: "iconfont2";
	src: url("../font/iconfont2.woff") format('woff'), url("../font/iconfont2.ttf") format('truetype');
}

.iconfont2 {
	font-family: "iconfont2";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {
	font-family: 'iconfont3';
	src: url("../font/iconfont3.eot");
	/* IE9*/
	src: url("../font/iconfont3.eot-#iefix") format('embedded-opentype'), 
	url("../font/iconfont3.woff") format('woff'), 
	url("../font/iconfont3.ttf") format('truetype'),
	url("../font/iconfont3.svg#mobile") format('svg');
	
}
.right{width:100%;float:none}
.text_list{padding-bottom:20px;min-height:500px}
.text_list dl{float:left;width:48%;height:130px;padding:15px 0;border-bottom:1px #ccc dashed}
.text_list dl:nth-child(even){float:right}
.text_list dt{float:left;width:32%;overflow:hidden;-webkit-box-shadow:5px 5px 10px rgba(0,0,0,.2);box-shadow:5px 5px 10px rgba(0,0,0,.2)}
.text_list dt a{display:block;height:130px}
.text_list dt img{width:100%;height:100%}
.text_list dd{float:right;width:65%;height:110px;font-size:12px;color:#666;line-height:1.8em}
.text_list dd a span{font-size:16px;color:#f33}
.text_list dd span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text_list dd span:after{content:"·";display:block;height:0;visibility:hidden}
.text_list dd p{font-style:normal;font-size:12px;padding:5px 0;display:block}
.text_list dd div{display:block;padding-top:5px;border-top:1px solid #ccc}
@media (max-width:840px){
.text_list dl{float:none;width:100%;height:130px;padding:15px 0;border-bottom:1px #ccc dashed}
.text_list dl:nth-child(even){float:none}
}


.iconfont3 {
	font-family: iconfont3!important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}

.box {
	width: 100%;
	height: 100%;
	position: relative;
	transition: .5s all
}

.boxOut {
	background: rgba(0,0,0,.7);
	height: 100%;
	left: -100%;
	z-index: 3
}

.boxOut,.header {
	width: 100%;
	position: fixed;
	top: 0;
	transition: .5s all
}

.header {
	color: #fff;
	background:#f7f7f7;
}

.footer,.header {
	height: .75rem;
	left: 0;
	z-index: 2
}

.footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	transition: .5s all;
	background:#333333;
}

.search_hl {
	float: left
}

.nav-btn,.search_hl {
	font-size: .4rem;
	width: 14.0625%;
	text-align: center;
	line-height: .75rem;

}

.nav-btn {
	float: right;

}

.open{display:block;float:right;margin-right:8px;margin-top:8px;padding:8px;width:22px;background-color:#0f76c6;cursor:pointer}
.open i{display:block;overflow:hidden;padding:6px 0;width:22px;border-top:2px #fff solid;border-bottom:2px #fff solid}
.open i:after{content:'';display:block;height:2px;background-color:#fff}
.logo {
	width: 71.875%;
	text-align: center;
	float: left
}

.logo,.logo img {
	display: block;
	margin: 0 auto
}

.logo img {
	max-width: 100%
}

.search {
	position: absolute;
	top: -100%;
	left: 0;
	background-color:#0f76c6;
	width: 96%;
	height: 100%;
	padding: 0 2%;
	transition: .3s all
}

.close {
	font-size: .3rem;
	display: block;
	height: 100%;
	float: left;
	line-height: .75rem;
	width: 9%
}

.search input {
	height: .49rem;
	margin-top: .13rem;
	float: left;
	box-sizing: border-box;
	border: 0;
	background: #fff
}

.SearchStr {
	width: 75%;
	border-radius: 15px 0 0 15px;
	font-family:"microsoft yahei";
	text-indent: 5%;
	font-size: 14px
}

.button {
	width: 15%;
	border-radius: 0 15px 15px 0;
	font-size: .25rem;
	text-align: center
}

.content {
	max-width: 40pc;
	margin: 0 auto;

}

.swiper-container {
	width: 100%
}

.swiper-container img {
	width: 100%;
	display: block
}

.smallNav {
	overflow: hidden
}

.smallNav a {
	width: 25%;
	float: left;
	display: block;
	box-sizing: border-box;
	
	
	background: #0f76c6;
	color: #fff;
	text-decoration: none
}

.smallNav span:first-of-type {
	font-size: .4rem;
	line-height: .4rem;
	display: block;
	text-align: center;
	padding-top: .1rem
}

.smallNav span:last-of-type {
	font: .21rem/.425rem "Microsoft YaHei";
	display: block;
	text-align: center
}

.productShow {
	width: 93%;
	margin: 0 auto
}

.productShow .title {
	position: relative
}

.productShow .title .line {
	border-bottom: 1px solid #005950;
	top: 50%;
	position: absolute;
	left: 0;
	width: 100%;
	z-index: -1
}

.productShow .title .font {
	width: 25%;
	font: 400 .23rem/.4rem "Microsoft YaHei";
	margin: 0 auto;
	background: #fff;
	text-align: center
}

.productShow .title .font a {
	color: #0f76c6;
}

.productlist ul {
	overflow: hidden;
	padding: 5px 0
}

.productlist ul li {
	float: left;
	width: 49%
}

.productlist ul li:nth-child(2n) {
	float: right
}

.productlist ul li img {
	width: 2.43333333rem;
	padding: .04rem;
	background: #f5f5f5;
	border: 1px solid #ebebeb;
	box-sizing: border-box;
	height: 1.6rem;
	margin: 0 auto;
	display: block
}

.productlist ul li span {
	color: #2d2f3c;
	display: block;
	font: 100 .23rem/.5083rem "Microsoft YaHei";
	text-align: center
}

.contentBox .contentBoxTitle {
	overflow: hidden
}

.contentBox .contentBoxTitle h3 {
	background: #e4c701;
	border-radius: .05rem 0 0 .05rem;
	color: #000;
	float: left;
	font: 400 .23rem/.342rem "Microsoft YaHei";
	text-align: center;
	width: 25%;
	margin: 0
}

.contentBox .contentBoxTitle a {
	background: #005950;
	border-radius: 0 .05rem .05rem 0;
	color: #fff;
	display: block;
	float: right;
	font: 400 .22rem/.342rem "Microsoft YaHei";
	padding-right: 5%;
	text-align: right;
	width: 70%
}

.contentBox .contentBoxFont ul {
	padding: 10px 0;

}

.contentBox .contentBoxFont ul li {
	overflow: hidden;
	padding: .05rem 0;
	border-bottom: 1px #ccc dashed;
}

.contentBox .contentBoxFont ul li .left {
	float: left;
	width: 29.67%
}

.contentBox .contentBoxFont ul li .left img {
	width: 100%;
	height: 1.12rem;
	display: block
}

.contentBox .contentBoxFont ul li .newsDescription {
	float: right;
	width: 67%;
	margin-left: 3%
}

.contentBox .contentBoxFont ul li .newsDescription h3 {
	height: .4rem;
	overflow: hidden;
	margin: 0
	
}

.contentBox .contentBoxFont ul li .newsDescription h3 a {
	color:#F00;
	display: block;
	font: 400 .2rem/.4rem "Microsoft YaHei";
	overflow: hidden
}

.contentBox .contentBoxFont ul li .newsDescription p {
	color: #646464;
	font: 400 .2rem/.23rem "Microsoft YaHei";
	height: .7rem;
	overflow: hidden;
	margin: 0
}

.contentBoxFont p {
	font: .21rem/.4rem "Microsoft YaHei";
}

.contentBoxFont .contact {
	border-top: 1px solid #478500;
	margin: 0 auto;
	width: 93.75%
}

.contentBoxFont .contact span {
	border-bottom: 1px solid #478500;
	color: #478500;
	display: block;
	font: .21rem/.21rem Microsoft YaHei;
	overflow: hidden;
	padding: .06rem 0
}

.jszc {
	color: #3e3e3e;
	font: .21rem/.45rem "Microsoft YaHei";
	text-align: center
}

.footer a {
	color: #ccc;
	float: left;
	width: 25%
}

.footer a,.footer a span {
	display: block;
	text-align: center
}

.footer a span {
	color: #fff;
	font-size: .3rem;
	line-height: .4rem;
	width: 100%
}

.footer a h3 {
	color: #fff;
	display: block;
	font: .21rem/.35rem "Microsoft YaHei";
	text-align: center;
	margin: 0
}

@font-face {
	font-family: "commonfont";
	src: url("../font/common.woff") format("woff"), url("../font/common.ttf") format("truetype");
}

.commonfont {
	font-family: commonfont!important;
	font-style: normal
}

.nav {
	width: 220px;
	background-color:#0f76c6;
	height: 100%;
	position: fixed;
	right: -220px;
	transition: all .5s;
	z-index: 3
}

.nav li {
	border-bottom: 1px solid #303030;
	text-align: center
}

.nav li a {
	font: 700 1pc/50px "微软雅黑";
	color: #fff;
	display: block
}

.infoContent,.infoContent a,.infoContent p {
	font-size: 20px;
	line-height: 3;
	font-family: "microsoft yahei";
}

.infoContent {
	padding: 10px
}

.productlist .title {
	font-size: 24px;
	font-family: "microsoft yahei";
	color: #7b7b7b;
	border-bottom: 1px solid #ccc;
	line-height: 2
}

.page {
	background: #ddd none repeat scroll 0 0;
	border-radius: .38rem;
	color: #777;
	font: .2rem/.38rem "microsoft yahei";
	height: .38rem;
	overflow: hidden;
	text-indent: .1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%
}

.back,.page {
	display: block;
	margin: 2% auto
}

.back {
	border-radius: .4rem;
	color: #fff;
	font: .2rem/.4rem "microsoft yahei";
	height: .4rem;
	text-align: center;
	width: 33.57%;
	background: red
}

.productContent h1 {
	color: #393939;
	font: .3rem/.5rem "microsoft yahei";
	text-align: center;
	width: 100%
}

.productContent img {
	display: inline;
	max-width: 100%
}

.productContent,.productContent p {
	font-size: 1pc;
	line-height: 2
}

.articleContent h1 {
	color: #393939;
	font: .3rem/.5rem "microsoft yahei";
	text-align: center;
	width: 100%
}

.articleContent img {
	display: inline;
	max-width: 100%
}

.articleContent,.articleContent p {
	font-size: 1pc;
	line-height: 2
}

.ProductContent,.articleContent {
	padding: 0 .1rem
}

.articlelist ul {
	padding: 10px
}

.articlelist ul li {
	border-bottom: 1px dashed #ccc;
	font-size: 14px;
	line-height: 3;
}

.articlelist ul li a {
	color: #000
}

.articlelist ul li span {
	float: right
}

.pages {
	font-size: 1pc;
	text-align: center;
	width: 80%;
	margin: 0 auto;
}

.pages a:nth-child(1) {
	width: 40%;
	border-radius: 10px 0 0 10px;
}

.pages a:nth-child(1),.pages a:nth-child(2) {
	background: #0f76c6;
	display: inline-block;
	color: #fff;
	line-height: 2
}

.pages a:nth-child(2) {
	width: 20%
}

.pages a:nth-child(3) {
	background: #0f76c6;
	display: inline-block;
	color: #fff;
	width: 40%;
	line-height: 2;
	border-radius: 0 10px 10px 0
}

.Prony {
	background: #b60000 url(../img/Prony.png) no-repeat scroll 0 0;
	height: 125px;
	line-height: 125px;
	width: 100%;
	background-size: 100% auto
}

.Prony span {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	padding-left: 275px
}