﻿@charset "utf-8";



body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"微软雅黑";}



*{padding:0px;margin:0px;}



body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}



h1,h2,h3,h4,h5,h6 {list-style:none;}



input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", SimSun, "宋体", STXihei, "华文细黑", Heiti, "黑体", sans-serif;}



button {overflow:visible}



img{border:none;}



a{color:#3d2f1b;text-decoration:none;}



a:hover{color:#da251c;text-decoration:none;}



li{	list-style:none;}



input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}



.clear{overflow:hidden;clear:both; height:0px;}



.lf{ float:left;}



.rt{ float:right;}






.BMapLabel{display:none}




.top{ width:100%; padding:10px 0px; background:#EFEFEF;}



.top .h_y{ font-size:14px; color:#999999;}



.top .d_h{ background:url(../images/1.jpg) no-repeat left; text-align:right; color:#656565; font-size:15px; padding-left:25px;}



.top .d_h span{ color:#FAA300; font-size:16px; font-weight:bold;}



.header {



	width:100%;



	z-index:99;



	background:#FFF;



	position:absolute;



	top:42px;



	box-shadow: 0 2px 2px #aaa;



}



.header.on{ position:fixed; top:0px;}



.header .logo{ padding:5px 0px; width:400px;}



.header .an {



	position:absolute;



	top:28px;



	right:4%;



	height:18px;



	width:30px;



	display:none;



}



.header .an span {



	width:30px;



	height:2px;



	background-color:#23517B;



	display:block;



	position:absolute;



transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;



}



.header .an span.a1 {



	top:0;



	left:0;



}



.header .an span.a2 {



	top:8px;



	left:0;



}



.header .an span.a3 {



	top:16px;



	left:0;



}



.header .an.n span.a2 {



	display:none;



}



.header .an.n span.a1 {



	top:8px;



	width:30px;



	transform:rotate(45deg);



	-o-transform:rotate(45deg);



	-ms-transform:rotate(45deg);



	-moz-transform:rotate(45deg);



	-webkit-transform:rotate(45deg);



}



.header .an.n span.a3 {



	top:8px;



	width:30px;



	transform:rotate(135deg);



	-o-transform:rotate(135deg);



	-ms-transform:rotate(135deg);



	-moz-transform:rotate(135deg);



	-webkit-transform:rotate(135deg);



}



.header .nav {



	margin-top:24px;



}



.header .nav ul li {



	float:left;



	display:block;



	position:relative;



	height:80px;



transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;



}



.header .nav ul li:hover {







}



.header .nav ul li a {



	display:block;



	margin:0 20px;



	line-height:50px;



	 font-size:16px;



	 transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;



}







.header .nav ul li a.yj_lm {



	font-size:16px;



	text-align:center;



	line-height:50px;



	color:#999999;



}



.header .nav ul li a:hover{ color:#23517B; border-bottom:solid 2px #23517B; }



.header .nav ul li i {



	display:none;



}



.header .nav .ej_lm {



	min-width:120px;



	background-color:#FFF;



	position:absolute;



	left:-50%;



	margin-left:55px;



	display:none;



	top:80px;



	z-index:999;



}



.header .nav .ej_lm a {



	display:block;



	font-size:14px;



	width:100%;



	line-height:35px;



	color:#999999;



	text-align:center;



	padding:10px 0px;



	margin:0px 0px;



}



.header .nav .ej_lm a:hover {



	background:#23517B;



	border-bottom:none;



	color:#FFF;



}



.header .nav ul li:hover .ej_lm {



	display:block;



}



.head_n{ height:104px; width:100%; background:#FFF;}



@media only screen and (max-width:1200px) {



	.header .logo{ width:330px;}



	.header .nav {



	margin-top:19px;



}



 .header .nav ul li {



margin:0 0px;



}



}



@media only screen and (max-width:1080px) {



	.header .logo{ width:400px;}



 .header .nav ul li {



margin:0 -10px;



}



}



@media only screen and (max-width:992px) {



.top{ display:none;}



.head_n{ height:71px;}



.header .logo{ width:200px;}



.header {



padding:0px 0px;



background:#FFF;



top:0px;



}



.header .an {



display:block;



}



.header .nav ul li a.yj_lm {



color:#9f9f9e;



}



.header .nav {



width:100%;



height:0;



background-color:#fff;



position:absolute;



left:0;



top:52px;



overflow:hidden;



z-index:99999;



}



.header .nav.on {



height:100vh;



}



.header .nav ul {



width:100%;



}



.header .nav ul li {



float:none;



width:100%;



margin:0 auto;



border-bottom:1px solid #e7e7e7;



text-align:left;



height:auto;



}



.header .nav ul li a.yj_lm {



text-align:left;



text-indent:4%;



font-size:16px;



}



.header .nav ul li a.yj_lm:hover {



color:#9f9f9e;



}



.header .nav ul li i {



position:absolute;



width:50px;



height:50px;



font-size:26px;



text-align:center;



color:#9f9f9e;



line-height:50px;



top:0;



right:0;



display:block;



}



.header .nav ul li i.n {



transform:rotate(45deg);



}



.header .nav .ej_lm {



width:100%;



padding:10px 4%;



background-color:#f7f7f7;



position:relative;



left:auto;



top:0px;



margin-left:0px;



}



.header .nav .ej_lm a {



color:#9f9f9e;



text-align:left;



margin:0px 50px;



}



.header .nav .ej_lm.n {



display:block !important;



}



.header .nav ul li:hover .ej_lm {



display:none;



}



.header .nav .ej_lm a:hover {



background:none;



}



}















.swiper-container {



	width: 100%;



	height: 100%;



}



.b_n{ width:100%; height:750px;}



.swiper-wrapper{ width:100%; height:100%; z-index:999;}



.swiper-slide {



	background: #fff;



	/* Center slide text vertically */



      display: -webkit-box;



	display: -ms-flexbox;



	display: -webkit-flex;



	display: flex;



	-webkit-box-pack: center;



	-ms-flex-pack: center;



	-webkit-justify-content: center;



	justify-content: center;



	-webkit-box-align: center;



	-ms-flex-align: center;



	-webkit-align-items: center;



	align-items: center;



	width:100%;



	height:100%;



}



.swiper-slide .b_w{ position:absolute; top:22%; width:26%; left:19%;}



.swiper-slide .b_w h1{ color:#D20000; font-weight:bold; font-size:40px;}



.swiper-slide .b_w p{ padding-top:30px; color:#434343; line-height:30px; font-size:19px;}



.swiper-slide .b_w .b_m{ margin-top:90px; width:159px; height:52px; line-height:52px; text-align:center; color:#434343; border:solid 1px #434343; font-size:18px; display:block;}







.swiper-slide .b_w.bana{ right:19%; left:auto; width:600px; background:url(../images/8.png) repeat top center; padding:20px; color:#FFF;}



.swiper-slide .b_w.bana h1{ color:#FFF;text-shadow: 0 0 10px #555;}



.swiper-slide .b_w.bana p{ color:#FFF; font-weight:bold;text-shadow: 0 0 10px #555;}



.swiper-slide .b_w.bana .b_m{  color:#FFF; border:solid 1px #FFF; font-size:18px; display:block;text-shadow: 0 0 10px #555;}











.swiper-slide .b_w.banb h1{ color:#FFF;text-shadow: 0 0 10px #555;}



.swiper-slide .b_w.banb p{ color:#FFF; font-weight:bold;text-shadow: 0 0 10px #555;}



.swiper-slide .b_w.banb .b_m{  color:#FFF; border:solid 1px #FFF; font-size:18px; display:block;text-shadow: 0 0 10px #555;}







.swiper-containerg.s_j{ display:none;}







.swiper-containerg.s_j img{ width:100%; height:auto; display:block;}



@media only screen and (max-width:992px) {



	.swiper-containerg.s_j{ display:block;}



	.swiper-container.b_n{ display:none;}



}







.product{ width:100%; padding:30px 0px; margin-top:15px;}



.product .sy_ph{ text-transform:uppercase; font-size:26px; font-weight:bold; color:#000000; text-align:center; padding:3px 0px;}



.product .sy_pt{ text-align:center; font-size:25px; color:#23517B; font-weight:bold; padding:5px 0px; width:210px; margin:0 auto;}



.product .sy_pt i{ display:block; height:1px; width:37px; float:left; background:#E2E2E2; margin-top:18px;}



.product .sy_pt span{ float:left; margin-left:15px; margin-right:15px;}



.product .container .row{ margin-top:30px;}



/*Pro*/



.amlb{ display:block; margin-bottom:30px;}



.amlb dd{ display:block; float:left; width:100%; position:relative; min-height:320px}



.ambg1{ position:relative; float:right; width:95%;  background:url(../images/amlbg1.png) right top no-repeat; border:1px solid #ccc; }



.ambg1 a{ display:block; width:100%; overflow:hidden; }



.ambg1 img{ width:100%;}



.amlb dd:hover .ambg1 a img{



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;



margin-top:-15px;







}



.ambg2{ position:absolute; left:0; bottom:0; width:90%; padding:90px 5% 10px; background:url(../images/amlbg2.png) center center no-repeat;}



.ambg2 a{word-break: break-all;}



.amlb dd:hover .ambg2{background:url(../images/amlbg20.png) center center no-repeat;}



.amlm{ display:block; margin-bottom:20px; line-height:24px; font-size:17px; color:#000;text-transform:uppercase; height:48px; overflow:hidden;}



.amlb dd:hover .amlm{ padding-left:5px; color:#FFF; font-size:17px;}



.amj{ display:block; float:left; width:34px; height:34px;}



.amlb dd:hover .amj img{



transform: rotate(180deg);



-ms-transform: rotate(180deg);		/* IE 9 */



-webkit-transform: rotate(180deg);	/* Safari and Chrome */



-o-transform: rotate(180deg);		/* Opera */



-moz-transform: rotate(180deg);	



}







@media only screen and (max-width:992px) {



	.ambg2{  bottom:49px; }



	



}



@media only screen and (max-width:414px) {







	.ambg2{  bottom:33px; }



}



@media only screen and (max-width:360px) {







	.ambg2{  bottom:49px; }



}







.product .cp_a a{ padding:11px 25px; background:#23517B; color:#FFF; text-transform:uppercase; font-size:18px;}







.sy_about{ width:100%; background:#F1F1F1; padding:40px 0px;}



.sy_about .sy_ah{ text-transform:uppercase; font-size:26px; font-weight:bold; color:#000000; text-align:center; padding:3px 0px;}



.sy_about .sy_at{ text-align:center; font-size:25px; color:#23517B; font-weight:bold; padding:5px 0px; width:210px; margin:0 auto;}



.sy_about .sy_at i{ display:block; height:1px; width:37px; float:left; background:#E2E2E2; margin-top:18px;}



.sy_about .sy_at span{ float:left; margin-left:15px; margin-right:15px;}



.sy_about .row{ margin-top:21px;}



.sy_about .row .sy_ai img{ width:100%; height:auto; display:block;}



.sy_about .sy_aj{ background:#DDDDDD;}



.sy_about .sy_aj .aj_a{ padding:15px; color:#878787; font-size:14px; line-height:24px;}



.sy_about .sy_aj .aj_a h3{ color:#23517B; padding-bottom:16px; padding-top:11px; font-size:22px; font-weight:bold;}



.sy_about .sy_aj .aj_a a{ display:block; width:102px; height:38px; line-height:38px; border:solid 1px #23517B; text-align:center; color:#23517B; margin-top:23px;}







@media only screen and (max-width:992px) {



	



	.sy_about .sy_aj{ margin-bottom:11px;}



	.sy_about .row .sy_ai img{ width:100%; height:auto; display:block;}



	.sy_about .sy_ai{ padding-left:0px; padding-right:0px; width:100%;}



	



}



@media only screen and (max-width:414px) {



	.sy_about .sy_aj{ background:none;}



	.sy_about .sy_aj .aj_a{background:#DDDDDD;}



	.sy_about .sy_ai{ padding-left:15px; padding-right:15px; }



}







/*新闻动态*/



.sy_news{ width:100%; padding:40px 0px;}



.sy_news .sy_nh{ text-transform:uppercase; font-size:26px; font-weight:bold; color:#000000; text-align:center; padding:3px 0px;}



.sy_news .sy_nt{ text-align:center; font-size:25px; color:#23517B; font-weight:bold; padding:5px 0px; width:210px; margin:0 auto;}



.sy_news .sy_nt i{ display:block; height:1px; width:37px; float:left; background:#E2E2E2; margin-top:18px;}



.sy_news .sy_nt span{ float:left; margin-left:15px; margin-right:15px;}



.sy_news .container .row{ margin-top:21px;}



.imglist_w1 {padding-bottom:20px;}



.imglist_w1 img{width:100%; overflow: hidden; height:212px;}



.imglist_w1 a{color:#656565; font-size:18px;}



.imglist_w1 a:hover img{filter:alpha(opacity=86);-moz-opacity:0.86;opacity:0.86;}



.junyan{color:#a3a3a3; font-size:12px; line-height:24px; width:100%; padding:15px 0 4px;}



.junyan span{ color: #333; font-size: 15px; font-weight:bold; display:inline-block;}



.junyan i{ float:right; color:#999;}



.junyan p {color:#666;}



.rqi{width:61px; height:69px;font-size: 12px;line-height:22px; border: 1px solid #000; text-align: center; color: #333;}



.rqi b{display:inline-block;width:60px; font-weight:normal; height:43px; font-size: 30px; line-height:43px; color:#FFF; background: #000;}



.news-right ul li{ width:100%;padding-bottom: 40px; float:left;}



.news-wen{display: block; overflow: hidden; padding-left:22px; font-size:12px; color: #666;}



.news-wen p{ line-height:22px;}



.news-wen b{ font-weight: bold; color: #333; font-size:15px; display:inline-block; padding-bottom:5px;}



.news-wen a{ color: #333; font-size:18px; font-weight:bold;}



.news-right ul li:hover{ cursor: pointer;}



.news-right ul li:hover .rqi{ border: 1px solid #23517B;transition:0.8s;}



.news-right ul li:hover .rqi b{ color:#FFF; background:#23517B;transition:1s;}







/*Bottom Info*/



.bottom_bg {



	width:100%;



	padding:3% 0px 0px;



	text-align: left;



	margin:0px;



	background-color:#283246;



}



.Bottom_Title h2 {



    color: #fff;



    font-size: 22px;



    font-weight: 600;



	line-height:35px;



}



.Bottom_Title hr {



	border:none;border-top:2px double #2e7297;



    width: 45px;



    margin: 0px;



	padding:0px;



	overflow:hidden;



}



.bottom_list {



	padding:20px 0px;



	font-size:12px;



	color:#fff;



	margin:0px;



}



.bottom_list a {



	color:#FFF;



	padding-left:11px;



	 font-size:16px;



}



.bottom_list ul {padding:0px; margin:0px;}



.bottom_list li{text-align:left;position:relative;display:block;line-height:28px; font-family:Arial; padding:0px; margin:0px;}



.bottom_list li span{ padding-left:11px; font-size:15px;}



.bottom_copyright {



	border-top:1px solid #fff;



	font-size:17px;



	padding:5px 0px;



	color:#999999;



	line-height:45px;



	text-align:center;



}







.n_banner{ width:100%; height:560px;}



.n_banner .container{ height:100%; position:relative;}



.n_banner .b_wz{ position:absolute; width:100%; left:0; top:50%; text-align:center;}



.n_banner .b_wz h2{ color:#174987; padding-bottom:21px; font-weight:bold;}



.n_banner .b_wz p{ color:#174987; text-transform:uppercase; font-size:17px; line-height:30px;}



@media only screen and (max-width: 992px){



	.n_banner {



    height:260px;



}



.n_banner .b_wz h2{ padding-bottom:15px; font-size:16px; }



.n_banner .b_wz p{  font-size:13px; padding:0px; margin:0px; word-wrap:break-word;



overflow:hidden;



word-break:break-all;}



}







.weizhi{ width:100%; border-bottom:solid 1px #E9E9E9; padding:15px 0px; color:#999999; font-size:16px;}



.weizhi a{color:#999999; font-size:16px;}







.n_about{padding:40px 0px;}



.n_about .ny_nh{ text-transform:uppercase; font-size:26px; font-weight:bold; color:#000000; text-align:center; padding:3px 0px;}



.n_about .ny_nt{ text-align:center; font-size:25px; color:#23517B; font-weight:bold; padding:5px 0px; width:210px; margin:0 auto;}



.n_about .ny_nt i{ display:block; height:1px; width:37px; float:left; background:#E2E2E2; margin-top:18px;}



.n_about .ny_nt span{ float:left; margin-left:15px; margin-right:15px;}



.n_about .page{ padding-top:30px; color:#878787; line-height:30px; font-size:14px;}



.n_about .page h3{ font-weight:bold; color:#4C4C4C; text-align:center; padding-bottom:22px;}



.n_about .page h3 span{ color:#959595;}



.n_about  img{ width:100%; height:auto; display:block; padding:9px 0px;}



@media only screen and (max-width: 992px){



	.n_about  img{ width:100%; height:auto; display:block; padding-bottom:7px;}



}



.n_cp .row{ margin-top:40px;}



.ny_cp{ padding:15px; border:solid 1px #ECECEC; margin-top:11px; margin-bottom:11px;}



.ny_cp .nc_tp{ }



.ny_cp .nc_wz{ text-align:center; line-height:40px; font-size:16px; color:#656565;}



@media only screen and (max-width: 992px){



	.ny_cp .nc_tp img{ width:100%; height:auto; display:block;}



}







.responsivegallery .galleryinner .figurearea .captioninner p{ line-height:30px; font-size:14px;}







/*新闻*/



.ny_news{ margin-top:30px;}



.ny_news .media{



	border-bottom: 1px solid #ddd;



	padding-bottom: 30px;



	margin-bottom: 30px;



}



.ny_news .media .media-left{



	background: #23517B;



	padding:5px 15px;



	float: left;



	width:10%;



}



.ny_news .media .exhibition-left{



	padding:0px;



	float: left;



}



.ny_news .media .media-left h5,.ny_news .media .media-left h4{



	color: #fff;



	font-size:14px;



	text-align: center;



}



.ny_news .media .media-left h5{



	font-size:32px;



	font-weight:bold;



}



.ny_news .media .media-body{



	padding-left: 30px;



	width:85%;



	 float:left;



}



.ny_news .media .media-body a{



	font-weight: bold;



	font-size: 18px;



	color: #333;



	display: block;



}



.ny_news .media .media-body span{



	display: block;



	margin-top: 10px;



	line-height:25px;



}



.shownews h4{



	margin-bottom: 20px;



	color: #333;



}



.shownews p{



	color: #666;



	line-height: 28px;



	margin-bottom: 20px;



}



.pn {padding-bottom:40px;}







@media only screen and (max-width: 992px){



	



	.ny_news .media .media-left{



		width:23%;



	}



	.ny_news .media .media-body{



		width:73%;



		



	}



}







.xiaocms-page{ width:100%; margin:0 auto; margin-top:50px; text-align:center}



.xiaocms-page span {



display: inline-block;



height: 22px;



padding: 0 10px;



line-height: 22px;



background: #174987;



border: 1px solid #174987;



color: #fff;



text-align: center;



margin-left: 1px;



}



.xiaocms-page a {



display: inline-block;



height: 22px;



line-height: 22px;



background: #fff;



border: 1px solid #e3e3e3;



text-align: center;



color: #333;



padding: 0 10px;



margin-left: 1px;



}







.neiye .about{font-size:14px; line-height:28px; color:#555;}







.neiye .about img{width:100%; height:auto; display:block;}







.neiye .about img.m_t{margin-top:80px;}







.neiye .about .t_p{padding:5px; border:1px solid #e7e7e7;}







.neiye .about .t_p img{width:100%; height:auto; display:block;}







.neiye .about .w_z{margin:15px 0; text-align:center; font-size:14px;}







.neiye{ margin-top:40px;}



.neiye .lianxi h3{ padding-bottom:11px;}



.neiye .lianxi h4{font-size:16px; line-height:26px; color:#888; padding-bottom:7px;}







.neiye .lianxi em{width:30px; height:1px; background-color:#0e6eb8; display:block; margin-bottom:15px;}







.neiye .lianxi b{font-family:Arial, Helvetica, sans-serif; color:#23517B; padding-left:5px; font-size:20px !important;}







.neiye .lianxi p{font-size:16px; line-height:40px;}







.neiye .lianxi p i{padding-right:10px; color:#aaa;}







.neiye .lianxi input.w_z{width:32%; height:40px; font-size:14px; line-height:40px; margin-right:.3%; margin-bottom:10px; border:1px solid #e7e7e7; padding:0 5px;}







.neiye .lianxi input.a_n{width:120px; height:40px; background-color:#0e6eb8; font-size:14px; color:#fff; line-height:40px; border:none;}







.neiye .lianxi textarea{width:98%; height:66px; padding:5px; border:1px solid #e7e7e7; outline:none; resize:none; font-size:14px; line-height:28px; margin-bottom:10px;}







@media only screen and (max-width:992px){



	.neiye .about img.m_t{margin-top:20px;}



	.neiye .about .w_z{margin:5px 0 10px;}


	.b_w{}
	.swiper-wrapper{height: 300px; }


	.swiper-slide swiper-slide-active{background-size: 100%;}

	.neiye .lianxi h4{font-size:14px; line-height:24px;}
	.swiper-slide .b_w .b_m{margin-top: 30px;}

	.swiper-slide .b_w h1{font-size:28px;}

	.swiper-slide .b_w{top: 10%;
    width: 84%;
    left: 4%;}

.neiye .lianxi p{font-size:14px; line-height:32px;}







.neiye .lianxi input.w_z{width:100%; height:36px; line-height:36px;}







.neiye .lianxi input.a_n{width:100%; height:36px; line-height:36px;}







.neiye .lianxi textarea{width:100%;}



	



}