@media (min-width:1201px){
.banner{position:relative;width:100%;height:300px;overflow:hidden;}
.banner .bd{position:relative;z-index:0;width:100%;height:300px;}
.banner .bd ul{width:100%;height:300px;}
.banner .bd li{width:100%;height:300px;position:relative;background-position:center center;background-size:cover;position:relative;}
.banner .bd li:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%);}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:4px;background:#4473c5;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}

.box-position{background:#f9f9f9;font-size:12px;padding:15px 0;}
	.txt-position{}

.title{text-align:center;margin-bottom:40px;}
	.title h2{font-size:24px;line-height:30px;position:relative;margin-bottom:10px;}
		.title h2:after{content:'';display:block;position:absolute;top:70px;left:50%;width:80px;height:3px;margin-left:-40px;background:#00274e;}
	.title p{font-size:12px;color:#ffc704;text-transform:uppercase;margin-bottom:30px;}
	.title h3{font-size:14px;color:#999;font-weight:normal;}

.nav-list{margin-bottom:40px;}
	.nav-list ul{text-align:center;}
	.nav-list li{display:inline-block;margin:0 10px;}
	.nav-list li a{display:block;line-height:38px;border:1px solid #eee;padding:0 20px;border-radius:20px;}
	.nav-list li a:hover,.nav-list li a.on{background:#00274e;color:#fff;border:1px solid #00274e;}

.box-about{padding:60px 0;}
	.about-info{text-align:center;line-height:200%;}

.box-num{background:#f5f5f5;padding:30px 0;}
	.num{}
		.list-num{}
			.list-num ul{}
			.list-num li{float:left;width:25%;}
			.list-num li dl{position:relative;padding-left:60px;}
			.list-num li dl:after{content:'';display:block;position:absolute;top:0;left:0;width:50px;height:50px;border:1px solid #00274e;border-radius:30px;}
			.list-num li:nth-of-type(1) dl:after{background:url(../img/iconnum1.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(2) dl:after{background:url(../img/iconnum2.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(3) dl:after{background:url(../img/iconnum3.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(4) dl:after{background:url(../img/iconnum4.png) no-repeat center center;background-size:30px 30px;}
			.list-num li dt{font-size:24px;line-height:30px;font-weight:bold;color:#ffc704;}
			.list-num li dd{color:#666;font-size:12px;}

.box-culture{padding:60px 0;}
	.box-culture{text-align:center;line-height:200%;}

.box-honor{padding:60px 0;background:#f5f5f5;}
	.honor-list{}
		.honor-list ul{}
		.honor-list li{float:left;width:20%;}
		.honor-list li figure{padding:0 10px;}
		.honor-list li img{width:100%;}

.box-product{padding:60px 0;}
	.list-product{}
		.list-productul{margin:0 -1% 40px;}
		.list-productul li{float:left;width:31.33%;margin:0 1% 2%;position:relative;}
			.list-productul li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.list-productul li section{background:#fdfdfd;padding:5px;transition:all ease-out 0.3s;}
				.list-productul li figure{overflow:hidden;}
				.list-productul li figure img{width:100%;}
				.list-productul li dl{padding:15px;}
				.list-productul li dt{font-size:16px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.list-productul li dd{font-size:12px;color:#999;}
			.list-productul li:hover section{background:#00274e;color:#fff;}
			.list-productul li:hover img{transform:scale3d(1.05, 1.05, 1);}

	article.infoproduct{margin-bottom:60px;}
		article.infoproduct .infohead{padding:40px;position:relative;background:#fcfcfc;margin-bottom:30px;}
			article.infoproduct .infosummary{float:right;width:600px;}
				article.infoproduct .infosummary h1{font-size:24px;line-height:40px;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px;}
				article.infoproduct .infosummary h5{font-size:18px;line-height:30px;}
				article.infoproduct .infosummary section{font-size:15px;line-height:25px;}
			article.infoproduct .infoslide{float:left;width:480px;position:relative;}
				article.infoproduct .infoslide:after{content:'';display:block;clear:both;}
				article.infoproduct .infoslide .bd{float:left;}
				article.infoproduct .infoslide .bd ul{}
				article.infoproduct .infoslide .bd li{width:400px;overflow:hidden;}
				article.infoproduct .infoslide .bd img{width:100%;}
				article.infoproduct .infoslide .bd li:hover img{transform:scale3d(1.05, 1.05, 1);}
				article.infoproduct .infoslide .hd{float:right;}
				article.infoproduct .infoslide .hd ul{}
				article.infoproduct .infoslide .hd li{width:58px;height:58px;cursor:pointer;margin-bottom:10px;border:1px solid #fcfcfc;}
				article.infoproduct .infoslide .hd li img{width:58px;height:58px;}
				article.infoproduct .infoslide .hd li.on{border:1px solid #00274e;}
		article.infoproduct .infobody{}
			article.infoproduct .infobody h3{background:#fcfcfc;line-height:40px;padding:0 20px;margin-bottom:30px;}

			article .table{margin:30px 0;}
			article .table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
			article .table tr{}
			article .table td{font-size:12px;border:1px solid #666;padding:5px 10px;line-height:150%;}

.box-case{padding:60px 0;}
	.list-case{}
		.list-caseul{margin-bottom:30px;}
			.list-caseul li{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;padding-left:440px;min-height:300px;}
			.list-caseul li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.list-caseul li section{overflow:hidden;}
				.list-caseul li figure{position:absolute;top:0;left:0;width:400px;overflow:hidden;}
				.list-caseul li figure img{width:100%;}
				.list-caseul li dl{}
					.list-caseul li dt{font-size:18px;line-height:30px;}
					.list-caseul li dd{font-size:12px;color:#999;}
					.list-caseul li dd span{display:inline-block;line-height:28px;padding:0 10px;border:1px solid #eee;margin-top:20px;transition:all ease-out 0.3s;}
			.list-caseul li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.list-caseul li:hover dd span{background:#00274e;color:#fff;}

	.slide-caseimg{margin-bottom:30px;}
		.slide-caseimg .bd{margin-bottom:20px;}
			.slide-caseimg .bd ul{}
			.slide-caseimg .bd li{}
			.slide-caseimg .bd li img{max-width:1200px;}
		.slide-caseimg .hd{}
			.slide-caseimg .hd ul{}
			.slide-caseimg .hd li{float:left;width:100px;margin-right:10px;}
			.slide-caseimg .hd li img{width:100%;}

.box-news{padding:60px 0;}
	.news-list{}
	.newsul-list{margin-bottom:40px;border-top:1px solid #eee;}
		.newsul-list li{box-sizing:border-box;background:#fff;transition:all ease-out 0.3s;position:relative;padding:30px 0;border-bottom:1px dashed #eee;}
			.newsul-list li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.newsul-list li section{overflow:hidden;}
				.newsul-list li figure{float:left;overflow:hidden;margin-right:40px;}
					.newsul-list li figure img{height:200px;}
				.newsul-list li dl{padding:20px;}
				.newsul-list li dt{font-size:18px;line-height:30px;}
				.newsul-list li dd{font-size:14px;color:#999;}
				.newsul-list li dd time{display:block;margin-bottom:10px;font-size:12px;}
				.newsul-list li dd:nth-of-type(2){overflow:hidden;height:40px;}
				.newsul-list li dd:nth-of-type(3) span{display:inline-block;border:1px solid #eee;line-height:28px;padding:0 20px;font-size:12px;border-radius:20px;margin-top:20px;transition:all ease-out 0.3s;}
			.newsul-list li:hover dt{color:#00274e;}
			.newsul-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
			.newsul-list li:hover dd:nth-of-type(3) span{border:1px solid #00274e;background:#00274e;color:#fff;}

.pagination{clear:both;text-align:center;}
	.pagination li{display:inline-block;}
	.pagination li a,.pagination li span{display:inline-block;padding:9px 15px;margin:0 10px 10px 0;border-radius:5px;}
	.pagination li a{border:1px solid #bfbfbf;}
	.pagination li a:hover,.pagination li.active a{border:1px solid #354262;background:#354262;color:#fff;}
	.pagination li span{border:1px solid #354262;background:#354262;color:#fff;}
	.pagination li.disabled span{background:none;border:1px solid #bfbfbf;color:#333;}

	.news-info{}
		.infohead{margin-bottom:30px;}
			.infohead h1{font-size:24px;line-height:30px;margin-bottom:10px;}
			.infohead p{font-size:12px;color:#999;}
			.infohead p span{margin-right:20px;}
			.infohead p time{margin-right:20px;}
				.bdsharebuttonbox{font-style:normal;}
				.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;height:20px;line-height:20px;}
		.infoedit{line-height:200%;margin-bottom:40px;min-height:400px;}
			.infoedit h2{font-size:24px;line-height:40px;}
			.infoedit a{ color:#f60; text-decoration:underline;}	
		.infoprevnext{margin-bottom:30px;line-height:30px;border-top:1px solid #ddd;padding-top:30px;}
		.inforelevant{border-top:1px solid #ddd;padding-top:30px;}
			.inforelevant h3{margin-bottom:10px;font-size:16px;line-height:30px;}
			.inforelevant ul{}
			.inforelevant li{line-height:30px;}
			.inforelevant li span{float:right;font-size:12px;color:#999;}

.box-contact{padding:60px 0;}
	.contact-list{}
		.contact-list ul{margin:0 -1%;}
		.contact-list li{float:left;width:23%;margin:0 1%;}
		.contact-list li section{text-align:center;background:#f5f5f5;padding:50px 0;}
			.contact-list li section figure{border:2px solid #2d2e32;padding:10px;border-radius:60px;width:40px;height:40px;margin:0 auto;}
			.contact-list li section dl{padding-top:20px;}
				.contact-list li section dt{font-size:16px;margin-bottom:10px;font-weight:bold;}
				.contact-list li section dd{font-size:12px;}

.box-map{padding:60px 0;border-top:1px solid #eee;}
	.map-info{}

.box-message{padding:60px 0;}
	.message-form li{position:relative;margin-bottom:20px;border:1px solid #eee;border-radius:5px;}
		.message-form li:last-child{border:none;}
		.message-form li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
		.message-form li span i{margin-right:10px;}
		.message-form li input{padding:10px;width:100%;border-radius:5px;box-sizing:border-box;}
		.message-form li textarea{display:block;border:none;width:100%;height:120px;border-radius:5px;padding:10px;box-sizing:border-box;}
		.message-form li input.btn{width:100%;background:#333;color:#fff;}
}
@media (min-width:751px) and (max-width:1200px){
.banner{position:relative;width:100%;height:240px;overflow:hidden;}
.banner .bd{position:relative;z-index:0;width:100%;height:240px;}
.banner .bd ul{width:100%;height:240px;}
.banner .bd li{width:100%;height:240px;position:relative;background-position:center center;background-size:cover;position:relative;}
.banner .bd li:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%);}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:15px;margin:4px;background:#4473c5;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}

.box-position{background:#f9f9f9;padding:15px;}
	.txt-position{}

.title{text-align:center;margin-bottom:40px;}
	.title h2{font-size:24px;line-height:30px;position:relative;margin-bottom:10px;}
		.title h2:after{content:'';display:block;position:absolute;top:70px;left:50%;width:80px;height:3px;margin-left:-40px;background:#00274e;}
	.title p{font-size:12px;color:#ffc704;text-transform:uppercase;margin-bottom:30px;}
	.title h3{font-size:14px;color:#999;font-weight:normal;}

.nav-list{margin-bottom:40px;}
	.nav-list ul{text-align:center;}
	.nav-list li{display:inline-block;margin:0 10px;}
	.nav-list li a{display:block;line-height:38px;border:1px solid #eee;padding:0 20px;border-radius:20px;}
	.nav-list li a:hover,.nav-list li a.on{background:#00274e;color:#fff;border:1px solid #00274e;}

.box-about{padding:30px;}
	.about-info{text-align:center;line-height:200%;}

.box-num{background:#f5f5f5;padding:30px 0 10px;}
	.num{}
		.list-num{}
			.list-num ul{}
			.list-num li{float:left;width:25%;text-align:center;margin-bottom:20px;}
			.list-num li dl{position:relative;padding-top:60px;}
			.list-num li dl:after{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:50px;border:1px solid #00274e;border-radius:30px;}
			.list-num li:nth-of-type(1) dl:after{background:url(../img/iconnum1.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(2) dl:after{background:url(../img/iconnum2.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(3) dl:after{background:url(../img/iconnum3.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(4) dl:after{background:url(../img/iconnum4.png) no-repeat center center;background-size:30px 30px;}
			.list-num li dt{font-size:24px;line-height:30px;font-weight:bold;color:#ffc704;}
			.list-num li dd{color:#666;font-size:12px;}

.box-culture{padding:30px;}
	.box-culture{text-align:center;line-height:200%;}

.box-honor{padding:60px 0;background:#f5f5f5;}
	.honor-list{}
		.honor-list ul{}
		.honor-list li{float:left;width:20%;}
		.honor-list li figure{padding:0 10px;}
		.honor-list li img{width:100%;}

.box-product{padding:30px;}
	.list-product{}
		.list-productul{margin:0 -1% 40px;}
		.list-productul li{float:left;width:31.33%;margin:0 1% 2%;position:relative;}
			.list-productul li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.list-productul li section{background:#fdfdfd;padding:5px;transition:all ease-out 0.3s;}
				.list-productul li figure{overflow:hidden;}
				.list-productul li figure img{width:100%;}
				.list-productul li dl{padding:15px;}
				.list-productul li dt{font-size:16px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.list-productul li dd{font-size:12px;color:#999;}
			.list-productul li:hover section{background:#00274e;color:#fff;}
			.list-productul li:hover img{transform:scale3d(1.05, 1.05, 1);}

	article.infoproduct{margin-bottom:60px;}
		article.infoproduct .infohead{padding:40px;position:relative;background:#fcfcfc;margin-bottom:30px;}
			article.infoproduct .infosummary{margin-bottom:20px;}
				article.infoproduct .infosummary h1{font-size:24px;line-height:40px;margin-bottom:20px;border-bottom:1px solid #ddd;padding-bottom:20px;}
				article.infoproduct .infosummary h5{font-size:18px;line-height:30px;}
				article.infoproduct .infosummary section{font-size:15px;line-height:25px;}
			article.infoproduct .infoslide{position:relative;}
				article.infoproduct .infoslide:after{content:'';display:block;clear:both;}
				article.infoproduct .infoslide .bd{margin-bottom:10px;}
				article.infoproduct .infoslide .bd ul{}
				article.infoproduct .infoslide .bd li{overflow:hidden;}
				article.infoproduct .infoslide .bd img{width:100%;}
				article.infoproduct .infoslide .bd li:hover img{transform:scale3d(1.05, 1.05, 1);}
				article.infoproduct .infoslide .hd{}
				article.infoproduct .infoslide .hd ul{}
				article.infoproduct .infoslide .hd li{float:left;margin-right:10px;width:58px;height:58px;cursor:pointer;border:1px solid #fcfcfc;}
				article.infoproduct .infoslide .hd li img{width:58px;height:58px;}
				article.infoproduct .infoslide .hd li.on{border:1px solid #00274e;}
		article.infoproduct .infobody{}
			article.infoproduct .infobody h3{background:#fcfcfc;line-height:40px;padding:0 20px;margin-bottom:30px;}

			article .table{margin:30px 0;}
			article .table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
			article .table tr{}
			article .table td{font-size:12px;border:1px solid #666;padding:5px 10px;line-height:150%;}

.box-case{padding:30px;}
	.list-case{}
		.list-caseul{margin-bottom:30px;}
			.list-caseul li{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;padding-left:220px;min-height:150px;}
			.list-caseul li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.list-caseul li section{overflow:hidden;}
				.list-caseul li figure{position:absolute;top:0;left:0;width:200px;overflow:hidden;}
				.list-caseul li figure img{width:100%;}
				.list-caseul li dl{}
					.list-caseul li dt{font-size:18px;line-height:30px;}
					.list-caseul li dd{font-size:12px;color:#999;}
					.list-caseul li dd span{display:inline-block;line-height:28px;padding:0 10px;border:1px solid #eee;margin-top:20px;transition:all ease-out 0.3s;}
			.list-caseul li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.list-caseul li:hover dd span{background:#00274e;color:#fff;}

	.slide-caseimg{margin-bottom:30px;}
		.slide-caseimg .bd{margin-bottom:20px;}
			.slide-caseimg .bd ul{}
			.slide-caseimg .bd li{}
			.slide-caseimg .bd li img{width:100%;}
		.slide-caseimg .hd{}
			.slide-caseimg .hd ul{}
			.slide-caseimg .hd li{float:left;width:100px;margin-right:10px;}
			.slide-caseimg .hd li img{width:100%;}

.box-news{padding:30px;}
	.news-list{}
	.newsul-list{margin-bottom:20px;border-top:1px solid #eee;}
		.newsul-list li{box-sizing:border-box;background:#fff;transition:all ease-out 0.3s;position:relative;padding:30px 0;border-bottom:1px dashed #eee;}
			.newsul-list li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.newsul-list li section{overflow:hidden;}
				.newsul-list li figure{float:left;width:200px;margin-right:20px;}
					.newsul-list li figure img{width:100%;}
				.newsul-list li dl{}
				.newsul-list li dt{font-size:18px;line-height:30px;}
				.newsul-list li dd{font-size:14px;color:#999;}
				.newsul-list li dd time{display:block;margin-bottom:10px;font-size:12px;}
				.newsul-list li dd:nth-of-type(2){overflow:hidden;height:40px;}
				.newsul-list li dd:nth-of-type(3) span{display:inline-block;border:1px solid #eee;line-height:28px;padding:0 20px;font-size:12px;border-radius:20px;margin-top:20px;transition:all ease-out 0.3s;}
			.newsul-list li:hover dt{color:#00274e;}
			.newsul-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
			.newsul-list li:hover dd:nth-of-type(3) span{border:1px solid #00274e;background:#00274e;color:#fff;}

.pagination{clear:both;text-align:center;}
	.pagination li{display:inline-block;}
	.pagination li a,.pagination li span{display:inline-block;padding:9px 15px;margin:0 10px 10px 0;border-radius:5px;}
	.pagination li a{border:1px solid #bfbfbf;}
	.pagination li a:hover,.pagination li.active a{border:1px solid #354262;background:#354262;color:#fff;}
	.pagination li span{border:1px solid #354262;background:#354262;color:#fff;}
	.pagination li.disabled span{background:none;border:1px solid #bfbfbf;color:#333;}

	.news-info{}
		.infohead{margin-bottom:30px;}
			.infohead h1{font-size:24px;line-height:30px;margin-bottom:10px;}
			.infohead p{font-size:12px;color:#999;}
			.infohead p span{margin-right:20px;}
			.infohead p time{margin-right:20px;}
				.bdsharebuttonbox{font-style:normal;}
				.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;height:20px;line-height:20px;}
		.infoedit{line-height:200%;margin-bottom:40px;}
			.infoedit h2{font-size:24px;line-height:40px;}
			.infoedit a{ color:#f60; text-decoration:underline;}	
		.infoprevnext{margin-bottom:30px;line-height:30px;border-top:1px solid #ddd;padding-top:30px;}
		.inforelevant{border-top:1px solid #ddd;padding-top:30px;}
			.inforelevant h3{margin-bottom:10px;font-size:16px;line-height:30px;}
			.inforelevant ul{}
			.inforelevant li{line-height:30px;}
			.inforelevant li span{float:right;font-size:12px;color:#999;}

.box-contact{padding:30px;}
	.contact-list{}
		.contact-list ul{margin:0 -1%;}
		.contact-list li{float:left;width:23%;margin:0 1%;}
		.contact-list li section{text-align:center;background:#f5f5f5;padding:50px 0;}
			.contact-list li section figure{border:2px solid #2d2e32;padding:10px;border-radius:60px;width:40px;height:40px;margin:0 auto;}
			.contact-list li section dl{padding-top:20px;}
				.contact-list li section dt{font-size:16px;margin-bottom:10px;font-weight:bold;}
				.contact-list li section dd{font-size:12px;}

.box-map{padding:30px;border-top:1px solid #eee;}
	.map-info{}

.box-message{padding:30px;}
	.message-form li{position:relative;margin-bottom:20px;border:1px solid #eee;border-radius:5px;}
		.message-form li:last-child{border:none;}
		.message-form li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
		.message-form li span i{margin-right:10px;}
		.message-form li input{padding:10px;width:100%;border-radius:5px;box-sizing:border-box;}
		.message-form li textarea{display:block;border:none;width:100%;height:120px;border-radius:5px;padding:10px;box-sizing:border-box;}
		.message-form li input.btn{width:100%;background:#333;color:#fff;}
}
@media (max-width:750px){
.banner{position:relative;width:100%;height:150px;overflow:hidden;}
.banner .bd{position:relative;z-index:0;width:100%;height:150px;}
.banner .bd ul{width:100%;height:150px;}
.banner .bd li{width:100%;height:150px;position:relative;background-position:center center;background-size:cover;position:relative;}
.banner .bd li:after{content:'';display:block;position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(to right,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.1) 100%);}
.banner .hd{width:100%;position:absolute;z-index:1;bottom:8px;left:0;text-align:center;}
.banner .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:8px;height:8px;margin:4px;background:#4473c5;overflow:hidden;line-height:9999px;filter:alpha(opacity=40);opacity:0.4;border-radius:50%; background-position:center center;}
.banner .hd ul .on{filter:alpha(opacity=100);opacity:1;}

.box-position{background:#f9f9f9;padding:15px;}
	.txt-position{}

.title{text-align:center;margin-bottom:40px;}
	.title h2{font-size:24px;line-height:30px;position:relative;margin-bottom:10px;}
		.title h2:after{content:'';display:block;position:absolute;top:70px;left:50%;width:80px;height:3px;margin-left:-40px;background:#00274e;}
	.title p{font-size:12px;color:#ffc704;text-transform:uppercase;margin-bottom:30px;}
	.title h3{font-size:14px;color:#999;font-weight:normal;}

.nav-list{margin-bottom:10px;}
	.nav-list ul{text-align:center;}
	.nav-list li{display:inline-block;margin:0 5px 10px;}
	.nav-list li a{display:block;line-height:38px;border:1px solid #eee;padding:0 20px;border-radius:20px;}
	.nav-list li a:hover,.nav-list li a.on{background:#00274e;color:#fff;border:1px solid #00274e;}

.box-about{padding:30px;}
	.about-info{text-align:center;line-height:200%;}

.box-num{background:#f5f5f5;padding:30px 0 10px;}
	.num{}
		.list-num{}
			.list-num ul{}
			.list-num li{float:left;width:25%;text-align:center;margin-bottom:20px;}
			.list-num li dl{position:relative;padding-top:60px;}
			.list-num li dl:after{content:'';display:block;position:absolute;top:0;left:50%;margin-left:-25px;width:50px;height:50px;border:1px solid #00274e;border-radius:30px;}
			.list-num li:nth-of-type(1) dl:after{background:url(../img/iconnum1.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(2) dl:after{background:url(../img/iconnum2.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(3) dl:after{background:url(../img/iconnum3.png) no-repeat center center;background-size:30px 30px;}
			.list-num li:nth-of-type(4) dl:after{background:url(../img/iconnum4.png) no-repeat center center;background-size:30px 30px;}
			.list-num li dt{font-size:24px;line-height:30px;font-weight:bold;color:#ffc704;}
			.list-num li dd{color:#666;font-size:12px;}

.box-culture{padding:30px;}
	.box-culture{text-align:center;line-height:200%;}

.box-honor{padding:30px;background:#f5f5f5;}
	.honor-list{}
		.honor-list ul{}
		.honor-list li{float:left;width:50%;}
		.honor-list li figure{padding:0 10px;}
		.honor-list li img{width:100%;}

.box-product{padding:30px;}
	.list-product{}
		.list-productul{margin:0 -1% 20px;}
		.list-productul li{float:left;width:48%;margin:0 1% 2%;position:relative;}
			.list-productul li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.list-productul li section{background:#fdfdfd;padding:5px;transition:all ease-out 0.3s;}
				.list-productul li figure{overflow:hidden;}
				.list-productul li figure img{width:100%;}
				.list-productul li dl{padding:5px;}
				.list-productul li dt{font-size:16px;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
				.list-productul li dd{font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.list-productul li:hover section{background:#00274e;color:#fff;}
			.list-productul li:hover img{transform:scale3d(1.05, 1.05, 1);}

	article.infoproduct{margin-bottom:60px;}
		article.infoproduct .infohead{position:relative;margin-bottom:30px;border-top:1px solid #eee;padding-top:20px;}
			article.infoproduct .infosummary{text-align:center;margin-bottom:20px;}
				article.infoproduct .infosummary h1{font-size:18px;line-height:30px;}
				article.infoproduct .infosummary h5{font-size:14px;margin-bottom:10px;}
				article.infoproduct .infosummary section{}
			article.infoproduct .infoslide{position:relative;}
				article.infoproduct .infoslide:after{content:'';display:block;clear:both;}
				article.infoproduct .infoslide .bd{margin-bottom:10px;}
				article.infoproduct .infoslide .bd ul{}
				article.infoproduct .infoslide .bd li{overflow:hidden;}
				article.infoproduct .infoslide .bd img{width:100%;}
				article.infoproduct .infoslide .bd li:hover img{transform:scale3d(1.05, 1.05, 1);}
				article.infoproduct .infoslide .hd{}
				article.infoproduct .infoslide .hd ul{}
				article.infoproduct .infoslide .hd li{float:left;margin-right:10px;width:58px;height:58px;cursor:pointer;border:1px solid #fcfcfc;}
				article.infoproduct .infoslide .hd li img{width:58px;height:58px;}
				article.infoproduct .infoslide .hd li.on{border:1px solid #00274e;}
		article.infoproduct .infobody{}
			article.infoproduct .infobody h3{background:#fcfcfc;line-height:40px;padding:0 20px;margin-bottom:30px;}

			article .table{margin:30px 0;}
			article .table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
			article .table tr{}
			article .table td{font-size:12px;border:1px solid #666;padding:5px 10px;line-height:150%;}

.box-case{padding:30px;}
	.list-case{}
		.list-caseul{margin-bottom:30px;}
			.list-caseul li{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:20px;position:relative;}
			.list-caseul li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.list-caseul li section{overflow:hidden;}
				.list-caseul li figure{margin-bottom:10px;}
				.list-caseul li figure img{width:100%;}
				.list-caseul li dl{}
					.list-caseul li dt{font-size:14px;}
					.list-caseul li dd{color:#999;}
					.list-caseul li dd span{display:inline-block;line-height:28px;padding:0 10px;border:1px solid #eee;margin-top:20px;transition:all ease-out 0.3s;}
			.list-caseul li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
			.list-caseul li:hover dd span{background:#00274e;color:#fff;}

.case-info{border-top:1px solid #eee;padding-top:20px;}
	.slide-caseimg{margin-bottom:30px;}
		.slide-caseimg .bd{margin-bottom:10px;}
			.slide-caseimg .bd ul{}
			.slide-caseimg .bd li{}
			.slide-caseimg .bd li img{width:100%;}
		.slide-caseimg .hd{}
			.slide-caseimg .hd ul{}
			.slide-caseimg .hd li{float:left;width:60px;margin-right:10px;}
			.slide-caseimg .hd li img{width:100%;}

.box-news{padding:30px;}
	.news-list{}
	.newsul-list{margin-bottom:20px;border-top:1px solid #eee;}
		.newsul-list li{box-sizing:border-box;background:#fff;transition:all ease-out 0.3s;position:relative;padding:20px 0;border-bottom:1px dashed #eee;}
			.newsul-list li a{position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
			.newsul-list li section{overflow:hidden;}
				.newsul-list li figure{}
					.newsul-list li figure img{width:100%;}
				.newsul-list li dl{padding:20px 0;}
				.newsul-list li dt{font-size:14px;}
				.newsul-list li dd{color:#999;}
				.newsul-list li dd time{display:block;margin-bottom:10px;font-size:12px;}
				.newsul-list li dd:nth-of-type(2){overflow:hidden;height:40px;}
				.newsul-list li dd:nth-of-type(3) span{display:inline-block;border:1px solid #eee;line-height:28px;padding:0 20px;font-size:12px;border-radius:20px;margin-top:20px;transition:all ease-out 0.3s;}
			.newsul-list li:hover dt{color:#00274e;}
			.newsul-list li:hover img{transform: scale3d(1.05, 1.05, 1);}
			.newsul-list li:hover dd:nth-of-type(3) span{border:1px solid #00274e;background:#00274e;color:#fff;}

.pagination{clear:both;text-align:center;}
	.pagination li{display:inline-block;}
	.pagination li a,.pagination li span{display:inline-block;padding:5px 9px;margin:0 5px 5px 0;}
	.pagination li a{border:1px solid #bfbfbf;}
	.pagination li a:hover,.pagination li.active a{border:1px solid #354262;background:#354262;color:#fff;}
	.pagination li span{border:1px solid #354262;background:#354262;color:#fff;}
	.pagination li.disabled span{background:none;border:1px solid #bfbfbf;color:#333;}

	.news-info{border-top:1px solid #eee;padding-top:20px;}
		.infohead{margin-bottom:30px;}
			.infohead h1{font-size:16px;margin-bottom:10px;}
			.infohead p{color:#999;}
			.infohead p span{margin-right:20px;}
			.infohead p time{margin-right:20px;}
				.bdsharebuttonbox{font-style:normal;}
				.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;height:20px;line-height:20px;}
		.infoedit{line-height:200%;margin-bottom:40px;min-height:400px;}
			.infoedit h2{font-size:24px;line-height:40px;}
			.infoedit a{ color:#f60; text-decoration:underline;}	
		.infoprevnext{margin-bottom:30px;line-height:30px;border-top:1px solid #ddd;padding-top:30px;}
		.inforelevant{border-top:1px solid #ddd;padding-top:30px;}
			.inforelevant h3{margin-bottom:10px;font-size:16px;line-height:30px;}
			.inforelevant ul{}
			.inforelevant li{line-height:30px;}
			.inforelevant li span{float:right;font-size:12px;color:#999;}

.box-contact{padding:30px;}
	.contact-list{}
		.contact-list ul{margin:0 -1%;}
		.contact-list li{float:left;width:48%;margin:0 1% 2%;}
		.contact-list li section{text-align:center;background:#f5f5f5;padding:30px 10px;}
			.contact-list li section figure{border:2px solid #2d2e32;padding:10px;border-radius:60px;width:40px;height:40px;margin:0 auto;}
			.contact-list li section dl{padding-top:20px;}
				.contact-list li section dt{font-size:16px;margin-bottom:10px;font-weight:bold;}
				.contact-list li section dd{font-size:12px;height:40px;}

.box-map{padding:30px;border-top:1px solid #eee;}
	.map-info{}

.box-message{padding:30px;}
	.message-form li{position:relative;margin-bottom:20px;border:1px solid #eee;border-radius:5px;}
		.message-form li:last-child{border:none;}
		.message-form li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
		.message-form li span i{margin-right:10px;}
		.message-form li input{padding:10px;width:100%;border-radius:5px;box-sizing:border-box;}
		.message-form li textarea{display:block;border:none;width:100%;height:120px;border-radius:5px;padding:10px;box-sizing:border-box;}
		.message-form li input.btn{width:100%;background:#333;color:#fff;}
}