@charset "utf-8";
/* CSS Document */
@font-face{

font-family:'Alternate';
font-family:'Alternate';
	src:url('../fonts/Alternate.eot?') format('eot');/*IE*/
	src:url('../fonts/Alternate.TTF') format('truetype');/*non-IE*/

}
.ban{ position:relative; margin-top:-2px; width:100%; height:350px; background-position:center; background-repeat:no-repeat;}
.loca{ height:65px; line-height:65px; background:#f2f2f2}
.loca img{ margin-bottom:-3px}
.fnk{ height:20px;}
@media screen and (max-width:768px){
.loca img{ margin-bottom:0px}
}
/*main*/
.main{ padding:34px 0 60px;}
.main img{ max-width:100%;}
.main .kd{ position:relative;}

/*菜单*/
.ny-menu{ position:relative; right:0; top:-147px; width:21.54%;}
.ny-tit{ position:relative; width:100%;}
.ny-tit img{ max-width:100%;}
.ny-tit .tcon{ position:absolute; width:100%; height:100%; top:0; left:0; box-sizing:border-box; padding:16% 0 0 9%;}
.ny-tit .tcon p{ color:#fff; font-size:1.875rem;}
.ny-tit .tcon span{ font-size:1.5rem; text-transform:uppercase; color:#fff;}
.ny-ul{ padding:12px; width:100%; box-sizing:border-box; background:#1f6194; margin-top:3px;  border-radius:5px;border-top-left-radius:30px; z-index:2; position:relative}
.ny-ul li{ width:auto; border-bottom:1px solid #296ea4; background:url(../images/pt.jpg) 13px center no-repeat; line-height:63px; padding-left:40px;}
.ny-ul a{ color:#fff; transition:all 0.5s; font-size:1em}
.ny-ul a:hover,.ny-ul a.cur{ color:#ffd200;}

.n-tel{ background:url(../images/pg1.png) center no-repeat; width:100%; height:158px; margin-top:-10px}
.n-tel p{ padding:59px 0 0 95px; color:#fff; font-weight:bold;}
.n-tel  span{ display:block; font-family:'AvantGarde'; padding:0 0 0 65px; font-size:1.5rem; color:#fff}
@media screen and (max-width:768px){
.main{ padding:0 0 60px;}
.ny-menu{ position:relative; right:-2%; top:0; width:105%;}
.ny-tit{ display:none;}
.n-tel{ display:none;}
.ny-ul{border-radius:0;}
.ny-ul li{ width:25%; float:left; background:none; padding-left:0; text-align:center;}
}
/*内容*/
.content{ width:75%;}
.ck1{ width:100%;}
.ck1 h4{ font-size:2.625rem; color:#1f6194;font-family:'Alternate';}
.ck1 h4 span{ color:#e6212a;font-family:'Alternate';}
.ck1 em{ font-size:1.75rem; color:#1f6194; font-weight:bold;}
.ck1 hr{ border:none; background:#e6212a; height:3px; width:48px; margin:12px 0;}
.ck1 p{ font-size:1rem; line-height:1.5em;}
.ck1 img{ margin-top:40px;}
@media screen and (max-width:768px){
.content{ width:100%; margin-top:30px;}
}

/*证书*/
/*荣誉资质*/
.honrlist{ width:100%;}
.honrlist li{ width:31.33%; float:left; margin-right:3%; margin-bottom:1em; transition:all 0.5s;}
.honrlist li:hover{  }
.honrlist li img{ width:100%;}
.honrlist li p{ line-height:2em; font-size:1.125em; color:#333; background:#fff; box-sizing:border-box;  padding:2%; text-align:center;}
@media screen and (max-width:768px){
.honrlist{ width:100%; display:block;}
.honrlist li{ width:48%; margin:0 1% 1em;}
}

.xianglist{ width:100%;}
.xianglist li{ width:49%; float:left; margin-right:2%; margin-bottom:1em; transition:all 0.5s;}
.xianglist li:hover{  }
.xianglist li img{ width:100%;}
.xianglist li p{ line-height:2em; font-size:1.125em; color:#333; background:#fff; box-sizing:border-box;  padding:2%; text-align:center;}
@media screen and (max-width:768px){
.xianglist{ width:100%; display:block;}
.xianglist li{ width:48%; margin:0 1% 1em;}
}

/*联系信息*/
.ck2{ width:100%;}
.ck2 .ctt p{ font-size:1.125rem; color:#e6212a}
.ck2 .ctt h4{ font-size:1.75rem; color:#1f6194; font-weight:bold;}
.ck2 .ctt span{ display:block; font-size:0.875rem; color:#2d2d2d; text-transform:uppercase; letter-spacing:3px}
.ck2 .ctt hr{ width:48px; height:3px; border:none; background:#e6212a; margin:10px 0;}
.ck2 .ctt em{ font-size:1.125rem; color:#3f3f3f}
.ck2 .ctt b{ font-size:1.875rem; color:#e6212a; font-weight:normal;}
.ck2 ul { margin-top:38px}
.ck2 ul li{ width:50%; float:left; line-height:30px}
.ck2 ul li img{ margin-bottom:-5px;}
.map{ margin-top:72px; padding-top:24px; border-top:1px solid #eae6e5}

/*在线留言*/
.ctfed{ width:100%; min-height:605px; background:#fff; }
.fzi{ text-align:center;}
.fzi h4{ font-size:1.875em; color:#5b5b5b;}
.fzi p{ line-height:1.5em;}
.ffk{ margin-top:34px}
.ffk .ftxt{ width:20%; background:#145283; border:none; border-radius:8px; font-size:1em; padding:2% 1%; margin-bottom:32px; margin-right:4%;}
.ffk .ftxt::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.r0{ margin-right:0 !important}
.ffk .ftxt1{ width:96%; border:none;background:#145283;padding:2% 2%;border-radius:8px; margin-bottom:32px;font-size:1rem}
.ffk .fbtn{ width:20%; float:right;padding:1% 2%; border:none; background:#bd000f; color:#fff; font-size:1.125rem;border-radius:8px; }
@media screen and (max-width: 768px){
.ffk .ftxt{ width:98%;}
.ctfed{ width:100%}
}

.ntn{ margin-bottom:42px;}
.ntn h4{ font-size:1.75rem; font-weight:bold; color:#1f6194}
.newslist{ margin-bottom:42px; border-bottom:1px solid #e0e0e0; padding-bottom:32px;}
.newslist a{ display:block;}
.newslist .date{ background:#ba0008; width:10%;}
.newslist .date em{ display:block; text-align:center; color:#fff; font-size:2.5rem; border-bottom:1px solid #fff; padding:14px 0;}
.newslist .date span{ display:block; text-align:center; color:#fff; padding:2px 0;}
.newslist .npic{ width:30%; margin-left:2%}
.newslist .ncd{ width:56%}
.newslist .ncd p{ font-size:1.25rem; color:#010101; font-weight:bold; margin-bottom:12px;}
.newslist .ncd span{ font-size:0.875rem; color:#707070; line-height:1.5em;}
.newslist .ncd em{ display:block; margin-top:40px; color:#363636}
@media screen and (max-width: 768px){
.newslist .date{ width:16%;}
.newslist .npic{ display:none;}
.newslist .ncd{ width:78%;}
}

.nbg{}
.news-title{width:100%; height:30px; line-height:30px; text-align:center; font-size:1.25em; font-weight:bold; margin:0 auto; color:#242424;}
.news-type{width:100%; height:24px; text-align:center; margin:0 auto; color:#242424;font-size:0.875em; border-bottom:#242424 1px dotted;}
.news-content{width:100%; margin:0 auto; font-size:1em; line-height:24px; line-height:1.5em; color:#242424}
.news-pn{ font-size:1em;line-height:20px; color:#242424}
.news-pn a{ color:#242424; font-size:1em;}
/*相关新闻*/
.xgnews{margin:40px auto;}
.xgnews-tit{height:40px;line-height:40px;border-bottom:1px solid #CCC;padding-left:20px; font-size:16px; color:#242424;}
.xgnews-con{border-top:1px solid #242424;border-top:none;padding:10px 20px;}
.xgnews-con li{width:45%;float:left;height:30px;line-height:30px;margin-right:30px; overflow:hidden;}
.xgnews-con li span{float:right; color:#242424}
.xgnews-con li a{ padding-right:10px; color:#242424;}
.xgnews-con li a:hover{ color:#333;}
@media screen and (max-width: 768px){
	.knd{ padding:1em }
	.news-title{ font-size:1.375rem; line-height:1.5em; height:auto;}
.news-content{ font-size:1.25rem !important; line-height:2rem !important;}
.news-content span{ font-size:1.25rem !important; }
.news-content p{ font-size:1.25rem !important;}
.news-pn{ font-size:1.25em; line-height:1.875em;}
.news-pn span{ width:100%; display:block;}
.xgnews-tit{ font-size:1.25em;}
.xgnews-con li{ width:100%; height:2.875em; line-height:2.875em;}
.xgnews-con li{ width:100%; margin:0; line-height:2.875em;}
}

/*客户见证*/
.kelist{}
.kelist li{ width:48%; position:relative; margin-bottom:80px}
.kelist li .keimg{ position:relative; width:100%; overflow:hidden; background:#f6f6f6; height:222px; box-sizing:border-box; border:1px solid #d1d1d1}
.kelist li .keimg .ketxt{  width:100%; height:100%;   box-sizing:border-box; padding:10% 6% 0;}
.kelist li .keimg .ketxt p{ font-size:1.125em; color:#000000;}
.kelist li .keimg .ketxt span{ font-size:0.875rem; color:#787878; line-height:2em;}
.kelist li .kequan{ width:102px; height:102px; position:absolute; border:2px solid #fff; border-radius:51px; overflow:hidden; bottom:-50px; left:21px;}
@media screen and (max-width: 768px){
.kelist li{ width:100%; position:relative; margin-bottom:80px}
}

.caselist{ width:100%;}
.caselist li{ width:32.33%; margin-right:1.5%; float:left; margin-bottom:20px;}
.caselist li a{ display:block;}
.caselist li div{ width:100%; overflow:hidden;}
.caselist li div img{ width:100%; transition:all 0.5s; transform:scale(1);}
.caselist li:hover div img{ transform:scale(1.1);}
.caselist li p{ background:#eee; font-size:1rem; height:40px; line-height:40px; text-indent:2em}
@media screen and (max-width: 768px){
.caselist li{ width:48%; margin:0 1% 20px !important}
}
.pkl{}
.prolist{}
.prolist dl{ width:32.33%; margin-right:1.5%; float:left; margin-bottom:20px;}
.prolist dl dt{ width:100%; overflow:hidden;}
.prolist dl dt img{ width:100%; transition:all 0.5s; transform:scale(1)}
.prolist dl:hover dt img{ transition:all 0.5s; transform:scale(1.1)}
.prolist dl dd{ background:#000 url(../images/jia.jpg) right center no-repeat; height:51px; line-height:51px}
.prolist dl dd p{ text-indent:1rem; color:#fff}
@media screen and (max-width: 768px){
.pkl{ display:none;}
.prolist dl{ width:48%; margin:0 1% 20px !important;}
}

.menu3{ display:none;}
.menu3 ul{ z-index:111; border-bottom:1px solid #ddd }
.menu3 ul li {
	background:#145283;
	list-style:none;
	display:block;
	width:105%;
	list-style:none;
	overflow:visible;
	margin-left:-2%;
	
}

.menu3 ul li a {
	display:block;
	height:80px; width:100%;
	margin-top:0px;
	line-height:80px;
	padding-left:35px;
	font-size:1rem;
	color:#fff;
	outline:none;
}
.menu3 ul li .active {
	background:url(../images/jc.png) 700px center no-repeat;
}

.menu3 ul li .inactive {
	background:url(../images/jc.png) 700px center no-repeat;
}
.menu3 ul li ul {
	z-index:111;
	width:100%;
	display:none; 
	padding:10px;
	background:#fff;
}
.menu3 ul li ul li ul {
	margin-bottom:5px;
}
.menu3 ul li ul li {
	display:block;
	background:#fff;
	font-size:0.875rem;
	list-style:circle;
	color:#8f9d4c;
	margin-bottom:0px;
	margin-top:0px;
	padding-top:10px;
	padding-bottom:0px;
	padding-left:1px;
	
	width:100%;
}
.menu3 ul li ul li a {
	display:block; float:left; text-align:center; background:#eee;
	height:60px; width:48% !important; margin:5px 1%;
	margin-top:0px;
	line-height:60px;
	padding:0 0px;
	font-size:1rem;
	color:#333;
	outline:none;
	transition:all 0.5s;
}
.menu3 ul li ul li a:hover,.menu3 ul li ul li a.cur { background:#145283; color:#fff;}
@media screen and (max-width: 768px){
.menu3{ display:block;}
}

/*产品内页*/
.nban{ height:80px; width:100%;}
/*产品展示*/
.p-img{ width:65%; height:auto; float:left; }
#preview { position:relative;}
.jqzoom{height:auto;width: 98%; border:3px solid #d1d1d1;margin:0 auto; text-align:center;}
.jqzoom a{ display:block !important; width:100% !important;}
.jqzoom a img{ width:100%;}
#v_content{width:100%;height:auto;margin-top:15px;}
.control_left{width:7px;height:104px;float:left;background: url(../images/lt-btn.png) no-repeat center; cursor:pointer; margin-right:2px;}
.control_right{width:7px;height:104px;float:right;background: url(../images/ri-btn.png) no-repeat center; cursor:pointer;}
.v_content_listdiv{position:relative; width:96%;height:104px;float:left;overflow:hidden;}
.v_content_list { position:absolute;top:0px; left:0px; height:104px; width:2500px;}
#v_content ul {float:left; }
#v_content ul li { display:inline; float:left; width:116px; height:104px; margin:0 2px; border:1px solid #c8c8c8;}
#v_content ul li img {width:116px; height:104px;}
/*fnoan*/
.p-miao{ width:30%;  overflow:hidden;}
.p-miao h1{ font-size:1.375rem; font-weight:bold; color:#003399; padding:1rem 0; width:auto;}
.p-miao .ap{ font-size:1rem; color:#6b6b6b;  border-bottom:1px solid #f0f0f0; padding-bottom:12px}
.p-miao .oc{ padding:1rem 0;}
.p-miao .oc span{ font-size:1.125rem; color:#000000;}
.p-miao .oc p{ font-size:1.875rem; color:#000000}
.p-miao .oc img{ width:auto;}
.p-con{ width:100%; margin-top:44px;}
.p-con h4{ height:54px; width:100%;  background:#eee; position:relative;}
.p-con h4 img{ position:absolute; bottom:0; left:0;}
.p-con .mas{ padding:2rem 1rem; width:auto; margin:20px 0;}
.p-con .mas img{ max-width:100%;}
.p-con .mas{ font-size:1rem;}
.p-con .mas .dd .next1{ background:#eee; padding:8px 10px; font-size:0.875rem}
.p-con .mas .dd .pre1{background:#eee; padding:8px 10px; font-size:0.875rem}
@media screen and (min-width:768px) and (max-width: 1024px){.p-list li{ width:48.5%;}}
@media screen and (max-width: 768px){
		.jqzoom a{ width:70% !important}
		.jqzoom{ overflow:hidden}
		.v_content_list { position:absolute;top:0px; left:0px; height:95px; width:720px;}
	.p-list li{ width:48.5%;}
	.p-img{ width:100%;}
	.p-img img{ width:100%; max-width:99%;}
	.p-miao{ width:100%;}
	.p-miao a{ width:auto; text-align:center;}
	.p-con .mas{ font-size:1.5rem !important; line-height:150%}
	.p-con .mas p{font-size:1.5rem !important; line-height:150%}
	.p-con .mas span{font-size:1.5rem !important; line-height:150%}
	.dd{ margin-bottom:10px;}
	}