@media screen and (min-width:768px) {
	/**/

	* {
		padding: 0;
		margin: 0;
	}

	ul {
		list-style: none;
	}

	img {
		border: none;
	}

	a {
		text-decoration: none;
		color: #333;
	}

	body {
		width: 100%;
		height: 100%;
		background: #fff;
		font-size: 16px;
		font-family: "microsoft yahei";
		color: #333;
		padding-top: 0px !important;
		overflow-x: hidden;
	}
.indexyidong{
		display: none;
	}
	.center {
		width: 1280px;
		margin: 0 auto;
		position: relative;
	}

	.clearfix:after {
		content: "";
		display: block;
		height: 0px;
		clear: both;
	}

	.clearfix {
		zoom: 1;
	}

	/*head*/
	.head {
		/* position: fixed; */
		/* top: 0px; */
		width: 100%;
		z-index: 999;
		background: #fff;
	}

	.head .logo {
		float: left;
	}

	.head span {
		float: right;
		font-size: 28px;
		font-weight: bold;
		color: #12387c;
		background: url(../images/index/tel.jpg) no-repeat left center;
		height: 80px;
		line-height: 80px;
		padding-left: 52px;
	}

	.head .nav {
		background: #12387c;
		height: 50px;
		line-height: 50px;
	}

	.head .nav ul {
		padding-left: 440px;
		box-sizing: border-box;
	}

	.head .nav ul li {
		float: left;
		width: 140px;
		text-align: center;
	}

	.head .nav ul li a {
		display: block;
		color: #fff;
	}

	.head .nav ul li a:hover,
	.head .nav ul li a.active {
		background: #efc778;
		color: #12387c;
	}

	/*轮播图*/
	.slider ul li:after {
		: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.slider ul li .slider-txt {
		position: absolute;
		top: 20%;
		left: 100px;
		z-index: 5;
		color: #FFFFFF;
		width: 700px;
	}

	.slider ul li .slider-txt .title {
		font-size: 62px;
		letter-spacing: 2px;
		padding-bottom: 20px;
	}

	.slider ul li .slider-txt .sub-title {
		font-size: 22px;
		color: #FFFFFF;
		padding-bottom: 70px;
	}

	.slider ul li .slider-txt a.btn {
		display: inline-block;
		padding: 10px 30px;
		background: #f36c94;
		font-size: 20px;
		border-radius: 60px;
		transition: all .3s;
		cursor: pointer;
	}

	.slider ul li .slider-txt a.btn:hover {
		transition: all .3s;
		padding: 12px 35px;
	}

	.slider .arrow {
		position: absolute;
		width: 1200px;
		height: 58px;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 3;
	}

	.slider .swiper-button-next {
		background-image: url(../images/index/arrow-right.png);
		width: 30px;
		height: 58px;
		background-size: 30px 58px;
		right: -30px;
	}

	.slider .swiper-button-prev {
		background-image: url(../images/index/arrow-left.png);
		width: 30px;
		height: 58px;
		background-size: 30px 58px;
		left: -30px;
	}

	.slider .swiper-pagination {
		bottom: 150px;
	}

	.slider .swiper-pagination .swiper-pagination-bullet {
		background: #fff;
		opacity: 1;
	}

	.slider .swiper-pagination .swiper-pagination-bullet-active {
		background: #12387c;
	}

	.slider .banner_bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 5;
	}

	.layer_1 {
		background: url(../images/index/layer_1.jpg) no-repeat center top;
		background-size: 100%;
	}

	.title1 {
		text-align: center;
		font-size: 56px;
		height: 88px;
		line-height: 88px;
		background: url(../images/index/tittle_bg.png) no-repeat center bottom;
		color: #12387c;
	}

	.title1 span {
		color: #dcae56;
	}

	.title2 {
		text-align: center;
		height: 66px;
		line-height: 66px;
		font-size: 24px;
		color: #12387c;
	}

	.title3 {
		text-align: center;
		line-height: 30px;
		color: #666;
	}

	.part_1 {
		padding-top: 15px;
	}

	.part_1 .box {
		margin-top: 120px;
		margin-left: 125px;
		position: relative;
		height: 465px;
	}

	.part_1 .box ul li {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 300px;
		height: 300px;
	}

	.part_1 .box ul li:nth-child(2) {
		left: 228px;
		top: 150px;
	}

	.part_1 .box ul li:nth-child(3) {
		left: 496px;
		top: 60px;
	}

	.part_1 .box ul li:nth-child(4) {
		left: 745px;
		bottom: 0;
		top: auto;
	}

	.part_1 .box ul li b {
		display: block;
		position: absolute;
		width: 220px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		font-size: 18px;
		color: #fff;
		background: #67a1c4;
	}

	.part_1 .box ul li:nth-child(1) b,
	.part_1 .box ul li:nth-child(4) b {
		color: #12387c;
		background: #efc778;
	}

	.part_1 .box ul li:nth-child(1) b {
		left: 204px;
		top: 35px;
	}

	.part_1 .box ul li:nth-child(2) b {
		left: -140px;
		top: 200px;
	}

	.part_1 .box ul li:nth-child(3) b {
		left: 210px;
		top: 17px;
	}

	.part_1 .box ul li:nth-child(4) b {
		left: -118px;
		top: 229px;
	}

	.part_1 .box ul li a img {
		transition: 0.6s;
		width: 300px;
		height: 300px;
	}

	.part_1 .box ul li a:hover img {
		transform: scale(1.1) translateY(-20px);
	}

	/*part2*/
	.part_2 {
		margin-top: 110px;
		padding-bottom: 50px;
	}

	.part_2 ul {
		padding-left: 40px;
		padding-top: 40px;
	}

	.part_2 ul li {
		float: left;
		width: 380px;
		height: 500px;
		overflow: hidden;
		position: relative;
		margin-right: 30px;
	}

	.part_2 ul li a {
		display: block;
	}

	.part_2 ul li a img {
		width: 380px;
		height: 500px;
		transition: 0.6s;
	}

	.part_2 ul li .word {
		position: absolute;
		width: 100%;
		height: 60px;
		color: #fff;
		background: #67a1c4;
		transition: 0.6s;
		bottom: 0;
		left: 0;
	}

	.part_2 ul li .word b {
		display: block;
		line-height: 60px;
		font-size: 18px;
		padding: 0 32px;
	}

	.part_2 ul li .word .desc {
		padding: 0 32px;
		position: relative;
		line-height: 27px;
		padding-top: 36px;
		position: relative;
	}

	.part_2 ul li .word .desc:after {
		content: '';
		width: 34px;
		height: 4px;
		background: #fff;
		position: absolute;
		left: 32px;
		top: 7px;
	}

	.part_2 ul li a:hover .word {
		height: 245px;
		padding-top: 22px;
	}

	.part_2 ul li a:hover img {
		transform: scale(1.1) translateY(-20px);
	}


	.layer_2 {
		background: #f0f0f0;
	}

	/*part3*/
	.part_3 {
		padding-top: 70px;
	}

	.part_3 .box {
		background: url(../images/index/part_3.jpg) no-repeat center bottom;
		height: 610px;
		padding-top: 70px;
		position: relative;
	}

	.part_3 .box ul {
		float: left;
	}

	.part_3 .box ul li a {
		color: #12387c;
		display: block;
		position: relative;
	}

	.part_3 .box ul:nth-child(1) {
		padding-top: 50px;
	}

	.part_3 .box ul:nth-child(1) li {
		height: 62px;
		line-height: 62px;
		padding-left: 140px;
		width: 192px;
	}

	.part_3 .box ul:nth-child(1) li a:after {
		content: '';
		background: #12387c;
		width: 16px;
		height: 16px;
		border-radius: 16px;
		position: absolute;
		right: 0px;
		top: 23px;
	}

	.part_3 .box ul:nth-child(1) li:nth-child(2),
	.part_3 .box ul:nth-child(1) li:nth-child(5) {
		width: 168px;
	}

	.part_3 .box ul:nth-child(1) li:nth-child(3),
	.part_3 .box ul:nth-child(1) li:nth-child(4) {
		width: 155px;
	}

	.part_3 .box ul li a:hover {
		color: #ddb056;
	}

	.part_3 .box ul li a:hover:after {
		background: #ddb056;
	}

	.part_3 .box ul:nth-child(2) {
		float: right;
		padding-right: 140px;
		padding-top: 50px;
	}

	.part_3 .box ul:nth-child(2) li {
		height: 75px;
		line-height: 75px;
		width: 192px;
	}

	.part_3 .box ul:nth-child(2) li a {
		padding-left: 86px;
		width: 192px;
		display: block;
	}

	.part_3 .box ul:nth-child(2) li a:after {
		content: '';
		background: #12387c;
		width: 16px;
		height: 16px;
		border-radius: 16px;
		position: absolute;
		left: 0;
		top: 29px;
	}

	.part_3 .box ul:nth-child(2) li:nth-child(2) a:after,
	.part_3 .box ul:nth-child(2) li:nth-child(4) a:after {
		left: 29px;
	}

	.part_3 .box ul:nth-child(2) li:nth-child(3) a:after {
		left: 39px;
	}

	.part_3 .box ul li a:hover {
		color: #ddb056;
	}

	.part_3 .box ul li a:hover:after {
		background: #ddb056;
	}

	/*part4*/
	.part_4 {
		padding-top: 70px;
	}

	.part_4 .picbox {
		width: 1200px;
		margin: 0 auto;
		height: 600px;
		overflow: hidden;
	}

	.part_4 .picbox img {
		transition: 0.6s;
		width: 1200px;
		height: 600px;
	}

	.part_4 .picbox .hide {
		display: none;
	}

	.part_4 .picmenu {
		height: 60px;
		width: 1200px;
		margin: 0 auto;
	}

	.part_4 .picmenu span {
		float: left;
		width: 120px;
		box-sizing: border-box;
		border-right: 1px solid #fff;
		height: 60px;
		background: #12387c;
		color: #fff;
		text-align: center;
		line-height: 60px;
		transition: 0.6s;
		position: relative;
		cursor: pointer;
	}

	.part_4 .picmenu span.active {
		background: #efc778;
		color: #12387c;
		height: 100px;
		line-height: 100px;
		transform: translateY(-40px);
	}

	.part_4 .picmenu span.active:after {
		content: '';
		background: #12387c;
		width: 20px;
		height: 4px;
		position: absolute;
		left: 50px;
		top: 70px;
	}

	.layer_4 {
		background: url(../images/index/layer_4.jpg) no-repeat top center;
		padding-top: 150px;
		padding-bottom: 95px;
		margin-top: 110px;
	}

	.part_5 .title3 {
		line-height: 24px;
		color: #333;
		width: 1100px;
		margin: 0 auto;
		text-align: left;
	}

	.part_5 .box {
		padding-left: 55px;
		margin-top: 60px;
	}

	.part_5 .box a {
		float: left;
		width: 370px;
		height: 270px;
		margin-right: 30px;
	}

	.layer_5 {
		padding-top: 50px;
		padding-bottom: 80px;
	}

	.part_6 .title3 {
		line-height: 24px;
		width: 1100px;
		margin: 0 auto;
		text-align: left;
	}

	.part_6 ul {
		padding-left: 39px;
	}

	.part_6 ul li {
		float: left;
		margin-top: 40px;
		height: 350px;
		width: 285px;
		margin-right: 18px;
		border: 1px solid #5873a3;
	}

	.part_6 ul li a {
		display: block;
	}

	.part_6 ul li .pic {
		width: 285px;
		height: 280px;
		overflow: hidden;
	}

	.part_6 ul li .pic img {
		transition: 0.6s;
	}

	.part_6 ul li a:hover img {
		transform: scale(1.1);
	}

	.part_6 ul li .tit {
		line-height: 70px;
		font-size: 20px;
		color: #12387c;
		text-align: center;
	}

	.layer_6 {
		background: url(../images/index/layer_6.jpg) no-repeat top center;
		padding-top: 50px;
		padding-bottom: 80px;
	}

	.part_7 .title1 {
		color: #fff;
	}

	.part_7 .title2 {
		color: #fff;
	}

	.part_7 ul {
		padding-left: 38px;
	}
	.link ul li img {
	    transition: 0.6s;
	}
	.link ul li:hover img {
		transform: scale(1.1) translateY(-20px);
	}
	
	.part_7 ul li {
		width: 280px;
		height: 200px;
		float: left;
		margin-right: 20px;
		margin-top: 40px;
	}

	.part_7 ul li a {
		display: block;
		padding: 20px 0 0 40px;
		height: 200px;
		background: #fff;
		position: relative;
		color: #12387c;
		box-sizing: border-box;
	}

	.part_7 ul li a:hover {
		background: #efc778;
	}

	.part_7 ul li a:after {
		content: '';
		background: #12387c;
		width: 40px;
		height: 6px;
		position: absolute;
		left: 40px;
		bottom: 32px;
	}

	.part_7 ul li:nth-child(3),
	.part_7 ul li:nth-child(9) {
		margin-right: 200px;
	}

	.part_7 ul li:nth-child(4),
	.part_7 ul li:nth-child(10) {
		margin-left: 300px;
	}

	.part_7 ul li .tit {
		height: 84px;
		line-height: 84px;
		font-size: 24px;
	}
	.part_3 .box .showbox {
	    width: 390px;
	    height: 572px;
	    position: absolute;
	    left: 440px;
	    top: 86px;
		background-color: #f0f0f0;
		box-sizing: border-box;
	}
	/*footer*/
	.footer {
		background: #0a2451;
	}

	.footer .fmenu {
		padding: 56px 0 28px;
		border-bottom: 2px dashed #8d99ae;
	}

	.footer .fmenu .flogo {
		float: left;
	}

	.footer .fmenu ul {
		float: right;
		width: 660px;
	}

	.footer .fmenu ul li {
		width: 110px;
		text-align: center;
		line-height: 102px;
		height: 102px;
		float: left;
	}

	.footer .fmenu ul li a {
		display: block;
		color: #fff;
	}

	.footer .copyright {
		height: 73px;
		line-height: 73px;
		border-top: 2px dashed #8d99ae;
		text-align: center;
		color: #fff;
	}

	.footer .copyright a {
		color: #fff;
	}

	.footer .word1 {
		float: left;
		width: 520px;
		color: #fff;
		font-size: 30px;
		padding-top: 20px;
		line-height: 86px;
		padding-bottom: 30px;
	}

	.footer .word1 span {
		font-size: 24px;
		display: block;
		line-height: 51px;
	}

	.footer .word1 b {
		font-size: 56px;
		display: block;
		line-height: 70px;
	}

	.footer .word2 {
		float: left;
		line-height: 50px;
		width: 580px;
		padding-top: 40px;
	}

	.footer .word2 span {
		padding-left: 38px;
		color: #fff;
		display: inline-block;
		background: url(../images/index/icon1.jpg) no-repeat left center;
	}

	.footer .word2 span:nth-child(3) {
		background: url(../images/index/icon2.jpg) no-repeat left center;
	}

	.footer .word2 span:nth-child(5) {
		background: url(../images/index/icon3.jpg) no-repeat left center;
	}

	.footer .word2 span:nth-child(7) {
		background: url(../images/index/icon4.jpg) no-repeat left center;
	}

	.footer .ewm {
		float: left;
		padding-top: 50px;
		text-align: center;
		color: #fff;
	}

	.footer .ewm img {
		display: block;
	}



	.ngbg {
		background: #f1f1f1;
	}


	.left {
		float: left;
		width: 220px;
		margin-left: 40px;
		margin-top: 50px;
	}

	.left h2 {
		font-size: 24px;
		background: #67a1c4;
		color: #fff;
		padding-left: 50px;
		height: 66px;
		line-height: 66px;
	}

	.left ul li {
		height: 50px;
		line-height: 50px;
		background: #67a1c4;
	}

	.left ul li a {
		color: #fff;
		display: block;
		padding-left: 50px;
		font-size: 16px;
	}

	.left ul li a:hover,
	.left ul li a.active {
		background: #efc778;
	}

	.right {
		float: left;
		margin-left: 30px;
		width: 990px;
		margin-top: 50px;
	}
	.chanpinzhongxinmain{
		margin-bottom: 30px;
	}
	.productlist li {
		float: left;
		margin-right: 25px;
		width: 300px;
		height: 360px;
		background: #fff;
		margin-bottom: 30px;
		overflow: hidden;
	}

	.productlist li a {
		display: block;
	}
	.productlist li a span {
		display: block;
		height: 60px;
		line-height: 60px;
		text-indent: 18px;
		/* color: #67a1c4; */
	}
	.productlist li:hover a span{
		color: #67a1c4;
	}
	.productlist li a img {
		transition: 0.6s;
	}

	.productlist li a:hover img {
		transform: scale(1.05);
	}


	.case {
		background: #fff;
		margin-top: 50px;
	}

	.slider2 {
		float: left;
		width: 688px;
		height: 400px;
		overflow: hidden;
		position: relative;
	}

	.slider2 ul li:after {
		: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}

	.slider2 .arrow {
		position: absolute;
		width: 688px;
		height: 58px;
		left: 50%;
		bottom: 10px;
		transform: translate(-50%, 0);
		z-index: 3;
	}

	.slider2 .swiper-button-next {
		background-image: url(../images/index/r.png);
		width: 44px;
		height: 44px;
		background-size: 44px 44px;
		right: 20px;
		left: auto;
	}

	.slider2 .swiper-button-prev {
		background-image: url(../images/index/l.png);
		width: 44px;
		height: 44px;
		background-size: 44px 44px;
		right: 90px;
		left: auto;
	}

	.case .word {
		float: right;
		width: 490px;
		padding-right: 40px;
	}

	.case .word a {
		display: block;
		height: 144px;
		line-height: 144px;
		position: relative;
		font-size: 36px;
		color: #12387c;
	}

	.case .word a:after {
		content: '';
		background: #67a1c4;
		width: 66px;
		height: 9px;
		position: absolute;
		left: 0px;
		top: 117px;
	}

	.case .word .desc {
		color: #666;
		line-height: 24px;
		padding-top: 24px;
	}

	.news {
		display: block;
		padding: 20px;
		background: #fff;
		margin-top: 40px;
	}

	.news .word {
		width: 800px;
		padding-left: 10px;
		float: left;
	}

	.news b {
		font-size: 30px;
		line-height: 45px;
		padding-top: 40px;
		display: block;
		font-weight: normal;
	}

	.news span {
		display: block;
		line-height: 60px;
		color: #999;
	}

	.news .desc {
		line-height: 27px;
		color: #666;
	}

	.news .pic {
		float: right;
		width: 380px;
		height: 240px;
		overflow: hidden;
	}

	.news img {
		transition: 0.6s;
	}

	.news:hover img {
		transform: scale(1.05);
	}

	.news:hover b {
		color: #67a1c4;
	}

	.newstitle {
		text-align: center;
		font-size: 36px;
		line-height: 45px;
		padding-top: 40px;
	}

	.newsdate {
		line-height: 60px;
		color: #666;
		border-bottom: 1px dashed #9e9e9e;
		text-align: center;
	}

	.newsinfo {
		line-height: 24px;
		padding: 35px 0 60px;
	}

	.about {
		padding-top: 50px;
		position: relative;
	}

	.about .word {
		float: left;
		background: #fff;
		width: 730px;
		box-sizing: border-box;
		padding: 0 35px;
		height: 857px;
		margin-top: 50px;
	}

	.guanyuwomenbiaoti {
		display: block;
		height: 140px;
		line-height: 140px;
		color: #12387c;
		font-size: 36px;
		position: relative;
	}

	.guanyuwomenbiaoti:after {
		content: '';
		background: #67a1c4;
		width: 100px;
		height: 10px;
		position: absolute;
		left: 0px;
		bottom: 0;
	}

	.about .word .desc {
		line-height: 24px;
		color: #666;
		padding-top: 40px;
		text-align: justify;
	}

	.about .pic {
		position: absolute;
		left: 730px;
		bottom: 0;
		height: 853px;
		width: 871px;
	}

	.link {
		padding-top: 80px;
		padding-bottom: 85px;
	}

	.link ul {
		padding-left: 40px;
		padding-top: 18px;
	}

	.link ul li {
		float: left;
		margin-right: 30px;
		margin-top: 40px;
	}

	.contact {
		position: relative;
	}

	.contact ul {
		padding-left: 15px;
		padding-top: 60px;
		width: 575px;
		padding-bottom: 70px;
	}

	.contact ul li {
		padding-bottom: 10px;
	}

	.contact ul li span {
		display: block;
		background: url(../images/index/contact-icon1.jpg) no-repeat left center;
		padding-left: 34px;
		height: 62px;
		line-height: 62px;
		border-bottom: 1px dashed #a9b6cb;
		font-size: 22px;
		color: #12387c;
	}

	.contact ul li p {
		line-height: 55px;
	}

	.contact ul li img {
		display: inline-block;
		margin-right: 18px;
		margin-top: 15px;
	}

	.contact ul li:nth-child(2) span {
		background: url(../images/index/contact-icon2.jpg) no-repeat left center;
	}

	.contact ul li:nth-child(3) span {
		background: url(../images/index/contact-icon3.jpg) no-repeat left center;
	}

	.contact ul li:nth-child(4) span {
		background: url(../images/index/contact-icon4.jpg) no-repeat left center;
	}

	.contact ul li:nth-child(5) span {
		background: url(../images/index/contact-icon5.jpg) no-repeat left center;
	}

	.contact ul li:nth-child(6) span {
		background: url(../images/index/contact-icon6.jpg) no-repeat left center;
	}

	#map {
		position: absolute;
		top: 165px;
		left: 640px;
		width: 960px;
		height: 575px;
		background: #fff;
	}





}

@media screen and (max-width:768px) {
	.indexyidong{
		display: block;
	}
	.indexpc {
		display: none;
	}

	.contact {
		position: relative;
	}

	.contact ul {
		padding-top: 2rem;
		width: 90%;
		margin-left: 5%;
		padding-bottom: 3.5rem;
	}

	.contact ul li {
		padding-bottom: 0.5rem;
	}

	.contact ul li span {
		display: block;
		background: url(../images/index/contact-icon1.jpg) no-repeat left center;
		background-size: 1.5rem;
		padding-left: 2rem;
		height: 3rem;
		line-height: 3rem;
		border-bottom: 1px dashed #a9b6cb;
		font-size: 1rem;
		color: #12387c;
	}

	.contact ul li p {
		line-height: 2.5rem;
	}

	.contact ul li img {
		display: inline-block;
		margin-right: 0.9rem;
		margin-top: 0.8rem;
	}

	.contact ul li:nth-child(2) span {
		background: url(../images/index/contact-icon2.jpg) no-repeat left center;
		background-size: 1.5rem;
	}

	.contact ul li:nth-child(3) span {
		background: url(../images/index/contact-icon3.jpg) no-repeat left center;
		background-size: 1.5rem;
	}

	.contact ul li:nth-child(4) span {
		background: url(../images/index/contact-icon4.jpg) no-repeat left center;
		background-size: 1.5rem;
	}

	.contact ul li:nth-child(5) span {
		background: url(../images/index/contact-icon5.jpg) no-repeat left center;
		background-size: 1.5rem;
	}

	.contact ul li:nth-child(6) span {
		background: url(../images/index/contact-icon6.jpg) no-repeat left center;
		background-size: 1.5rem;
	}
	.news {
		display: flex;
		padding: 1rem;
		background: #fff;
		margin:2rem 1rem 0rem;
		
	}

	.news .word {
		/* width: 90%; */
		/* margin-left: 5%; */
		/* padding-left: 0.5rem; */
		float: left;
		margin-right: 1rem;
	}

	.news b {
		font-size: 1.5rem;
		line-height: 2rem;
		/* padding-top: 2rem; */
		display: block;
		font-weight: normal;
	}

	.news span {
		display: block;
		line-height: 3rem;
		color: #999;
	}

	.news .desc {
		line-height: 1.5rem;
		color: #666;
	}

	.news .pic {
		flex: none;
		float: right;
		width: 30%;
		height: 10rem;
		overflow: hidden;
	}

	.news img {
		transition: 0.6s;
	}

	.news:hover img {
		transform: scale(1.05);
	}

	.news:hover b {
		color: #67a1c4;
	}

	.newstitle {
		text-align: center;
		font-size: 1.8rem;
		line-height: 2.2rem;
		padding-top: 2rem;
	}

	.newsdate {
		line-height: 3rem;
		color: #666;
		border-bottom: 1px dashed #9e9e9e;
		text-align: center;
	}

	.newsinfo {
		line-height: 1.2rem;
		padding: 1.5rem 0 3rem;
	}
	
	.about {
		padding-top: 2.5rem;
		position: relative;
		/* height: 116rem; */
	}
	
	.about .word {
		/* float: left; */
		background: #fff;
		width: 100%;
		box-sizing: border-box;
		padding: 0 1.5rem 2rem;
		margin-top: 2.5rem;
	}
	
	.guanyuwomenbiaoti {
		display: block;
		height: 7rem;
		line-height: 7rem;
		color: #12387c;
		font-size: 36px;
		position: relative;
		font-size:1.8rem;
	}
	
	.guanyuwomenbiaoti:after {
		content: '';
		background: #67a1c4;
		width: 5rem;
		height: 0.5rem;
		position: absolute;
		left: 0px;
		bottom: 0;
	}
	
	.about .word .desc {
		line-height: 1.8rem;
		color: #666;
		padding-top: 2rem;
		text-align: justify;
	}
	
	.about .pic {
		width: 100%;
		/* height: 40rem; */
		margin-bottom:1.5rem;
	}
	.about .pic img{
		width: 100%;
		width: 100%;
	}
	.link {
		padding-top: 2rem;
		padding-bottom: 4rem;
		/* height: 37rem; */
	}
	
	.link ul {
		padding-left: 2rem;
		padding-top: 0.9rem;
		/* height: 20rem; */
	}
	
	.link ul li {
		float: left;
		/* margin-right: 1.5rem; */
		margin-top: 2rem;
	}
	.link ul li img{
		width: 90%;
		height: 7rem;
	}
	.gaunyuwomen .title1 {
		text-align: center;
		font-size: 2.8rem;
		height: 4.4rem;
		line-height: 4.4rem;
		background: url(../images/index/tittle_bg.png) no-repeat center bottom;
		color: #12387c;
	}
	
	.title1 span {
		color: #dcae56;
	}
	.case {
		background: #fff;
		margin-top: 2.5rem;
	}
	
	.slider2 {
		/* float: left; */
		width: 40%;
		/* height: 20rem; */
		overflow: hidden;
		position: relative;
	}
	
	.slider2 ul li:after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 2;
	}
	
	.slider2 .arrow {
		position: absolute;
		width: 40%;
		height: 3rem;
		/* transform: translate(-50%, 0); */
		z-index: 3;
		right:0rem;
		bottom: 3.5rem;
	}
	
	.slider2 .swiper-button-next {
		background-image: url(../images/index/r.png);
		width: 2.2rem;
		height: 2.2rem;
		background-size: 2.2rem 2.2rem;
		right: 1rem;
		left: auto;
	}
	
	.slider2 .swiper-button-prev {
		background-image: url(../images/index/l.png);
		width: 2.2rem;
		height: 2.2rem;
		background-size: 2.2rem 2.2rem;
		right: 4.5rem;
		left: auto;
	}
	.swiper-container2 .swiper-slide {
	    width: 80%;
	    background: #fff;
	    box-shadow: 0 0.08rem 0.3rem #ddd;
	}
	.slider2 .swiper-slide-next{
		transform: translateX(-260px) scale(0.8);
	}
	.slider2  .swiper-slide-prev{
		transform: translateX(260px) scale(0.8);
	}
	
	
	.swiper-container2 .swiper-slide .word{
		text-align:center;
		font-size:0.28rem;
		height:0.8rem;
		line-height:0.8rem;
		color:#12387c;
		font-weight:bold;}
	
	
	.swiper-container2  .swiper-slide {
		width: 100%;
		background: #fff;
		box-shadow: 0 0.08rem 0.3rem #ddd;
	}
	.swiper-container2  .swiper-slide img{
		display:block;
	}
	

	.case .word {
		float: right;
		width: 57%;
	}
	
	.case .word a {
		display: block;
		height: 7rem;
		line-height: 7rem;
		position: relative;
		font-size: 1.8rem;
		color: #12387c;
	}
	
	.case .word a:after {
		content: '';
		background: #67a1c4;
		width: 3.3rem;
		height: 0.5rem;
		position: absolute;
		left: 0px;
		top: 6rem;
	}
	
	.case .word .desc {
		color: #666;
		line-height: 1.8rem;
		padding-top: 1.2rem;
	}
	.clearfix:after {
		content: "";
		display: block;
		height: 0px;
		clear: both;
	}
	
	.clearfix {
		zoom: 1;
	}
	.left {
		float: left;
		width: 30%;
		margin-left: 0;
		margin-top: 2.5rem;
		font-size: 0.9rem;
	}
	
	.left h2 {
		font-size: 1.2rem;
		background: #67a1c4;
		color: #fff;
		padding-left: 2.5rem;
		height: 3.3rem;
		line-height: 3.3rem;
	}
	
	.left ul li {
		height: 2.8rem;
		line-height: 2.8rem;
		background: #67a1c4;
	}
	
	.left ul li a {
		color: #fff;
		display: block;
		padding-left: 2.5rem;
		font-size: 0.8rem;
	}
	
	.left ul li a:hover,
	.left ul li a.active {
		background: #efc778;
	}
	
	.right {
		float: left;
		margin-left: 1rem;
		margin-top: 2.5rem;
		width: 64%;
	}
	.chanpinzhongxinmain{
		margin-bottom: 1.5rem;
	}
	.productlist li {
		float: left;
		margin-right: 1rem;
		width: 47%;
		height: 4%;
		background: #fff;
		margin-bottom: 1.6rem;
		overflow: hidden;
	}
	.productlist li:nth-child(2n){
		margin-right: 0;
	}
	.productlist li a {
		display: block;
	}
	.productlist li a span {
		display: block;
		height: 3rem;
		line-height: 3rem;
		text-indent: 0.9rem;
		/* color: #67a1c4; */
	}
	.productlist li:hover a span{
		color: #67a1c4;
	}
	.productlist li a img {
		transition: 0.6s;
	}
	
	.productlist li a:hover img {
		transform: scale(1.05);
	}
	.productlist li img{
		width: 100% !important;
		height: 100% !important;
	}
	.menubox {
		background: #67a1c4 !important;
	}
	.fontou4{
		color: #ffffff;
	}
	/**/
	
	* {
		padding: 0;
		margin: 0;
	}
	ul {
		list-style: none;
	}
	img {
		border: none;
		max-width:100%;
	}
	a {
		text-decoration: none;
		color:#333;
	}
	body {
		width: 100%;
		height: 100%;
		background: #fff;
		
		font-family: "microsoft yahei";
		color: #333;
		overflow-x:hidden;
		padding-top:1.3rem;
	}
	.clearfix:after{
		content:"";
		display:block;
		height:0px;
		clear:both;}
	.clearfix{
		zoom:1;}
	/*head*/
	.head{
		position:fixed;
		top:0px;
		width:100%;
		z-index:999;
		background:#fff;
		height:1.3rem;}
	.head .logo{
		float:left;
		width:6.3rem;}
	.head .tel{
		float:right;
		width:1.05rem;}
	/*轮播图*/
	.slider ul li:after{: "";display: block;position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
	.slider ul li .slider-txt{position: absolute;top: 20%;left: 100px;z-index: 5;color: #FFFFFF;width: 700px;}
	.slider ul li .slider-txt .title{font-size: 62px;letter-spacing: 2px;padding-bottom: 20px;}
	.slider ul li .slider-txt .sub-title{font-size: 22px;color: #FFFFFF;padding-bottom: 70px;}
	.slider ul li .slider-txt a.btn{display: inline-block;padding: 10px 30px;background: #f36c94;font-size: 20px;border-radius: 60px;transition: all .3s;cursor: pointer;}
	.slider ul li .slider-txt a.btn:hover{transition: all .3s;padding: 12px 35px;}
	.slider .arrow{position: absolute;width: 1200px;height: 58px;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 3;}
	.slider .swiper-button-next{background-image: url(../images/index/arrow-right.png);width: 30px;height: 58px;background-size:30px 58px;right: -30px;}
	.slider .swiper-button-prev{background-image: url(../images/index/arrow-left.png);width: 30px;height: 58px;background-size:30px 58px;left: -30px;}
	.slider .swiper-pagination{ bottom:0.8rem;}
	.slider .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:1;}
	.slider .swiper-pagination .swiper-pagination-bullet-active{ background:#12387c;}
	.slider .banner_bottom{ position:absolute; left:0; bottom:0; width:100%; z-index:5;}
	.part_1{
		padding:0.3rem 0 0;}
	.part_1 ul li{
		width:33.333%;
		float:left;
		text-align:center;}
	.part_1 ul li img{
		width:1.2rem;}
	.part_1 ul li span{
		display:block;
		font-size:0.26rem;
		color:#12387c;
		line-height:0.4rem;}
	
	.gaunyuwomen .title1{
		/* font-weight:bold;
		text-align:center;
		font-size:0.44rem;
		line-height:0.66rem;
		background:url(../images/index/tittle_bg.png) no-repeat center bottom;
		background-size:2.09rem 0.34rem;
		color:#12387c; */
		text-align: center;
		font-size: 2.8rem;s
		height: 4.4rem;
		line-height: 4.4rem;
		background: url(../images/index/tittle_bg.png) no-repeat center bottom;
		color: #12387c; 
		}
		.indexyidong .title1{
	font-weight:bold;
	text-align:center;
	font-size:0.44rem;
	line-height:0.66rem;
	background:url(../images/index/tittle_bg.png) no-repeat center bottom;
	background-size:2.09rem 0.34rem;
	color:#12387c;	
	}
	.title1 span{
		color:#dcae56;}
	.title2{
		font-weight:bold;
		text-align:center;
		font-size:0.28rem;
		line-height:0.66rem;
		background-size:2.09rem 0.34rem;
		color:#12387c;}
	.part_2{
		padding-top:0.6rem;}
	.part_2 ul li{
		float:left;
		width:3.3rem;
		margin-left:0.3rem;
		margin-top:0.4rem;
		text-align:center;}
	.part_2 ul li a{
		display:block;
		margin:0 auto;
		width:3.3rem;}
	.part_2 ul li a img{
		width:3.3rem;
		height:3.3rem;}
	.part_2 ul li b{
		display:block;
		background:#67a1c4;
		color:#fff;
		font-size:0.28rem;
		text-align:center;
		height:0.8rem;
		line-height:0.8rem;}
	.part_2 ul li:nth-child(2) b,
	.part_2 ul li:nth-child(3) b{
		color:#12387c;
		background:#efc778;}
	
	.part_3{
		margin-top:0.35rem;
		padding-top:0.3rem;
		background:#f0f0f0;}
	.part_3 img{
		float:left;
		width:3.56rem;
		margin-top:1.2rem;}
	.part_3 ul{
		float:right;
		width:3.05rem;
		position:relative;
		height:8.8rem;}
	.part_3 ul:after{
		content:'';
		left:0.09rem;
		display:block;
		position:absolute;
		top:0.4rem;
		border-left:0.02rem dashed #8899b9;
		height:8rem;
		z-index:1;}
	.part_3 ul li{
		height:0.8rem;
		line-height:0.8rem;
		position:relative;
		z-index:2;}
	.part_3 ul li a{
		display:block;
		color:#12387c;
		padding-left:0.52rem;
		position:relative;}
	.part_3 ul li a:after{
		content:'';
		width:0.2rem;
		height:0.2rem;
		background:#12387c;
		border-radius:50%;
		left:0px;
		top:0.3rem;
		position:absolute;
		display:block;}
	.part_3 ul li a:hover{
		color:#67a1c4;}
	.part_3 ul li a:hover:after{
		background:#67a1c4;}
	
	
	.part_4{
		background: url(static/image/top_main_bg01.jpg) no-repeat center top/100% auto;
		width: 100%;
		padding-top:0.4rem;
	}
	.swiper-container2 {
		width:100%;
		margin:0.3rem auto;
		position:relative;
	}
	
	.swiper-container2 .swiper-slide .word{
		text-align:center;
		font-size:0.28rem;
		height:0.8rem;
		line-height:0.8rem;
		color:#12387c;
		font-weight:bold;}
	
	
	.swiper-container2  .swiper-slide {
		width: 82%;
		background: #fff;
		box-shadow: 0 0.08rem 0.3rem #ddd;
	}
	.swiper-container2  .swiper-slide img{
		display:block;
	}
	@media screen and (max-width:414px) and (min-width:413px)  {
			.swiper-container2  .swiper-slide {
				width:77%;
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
			}
		}
		@media screen and (max-width:412px) and (min-width:391px) {
			.swiper-container2  .swiper-slide {
				width: 85%;
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
			}
		}
		@media screen and (max-width:385px) and (min-width:376px) {
			.swiper-container2  .swiper-slide {
				width:85%;
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
			}
		}
		@media screen and (max-width:390px) and (min-width:386px) {
			.swiper-container2  .swiper-slide {
				width:83%;
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
			}
		}
		@media screen and (max-width:375px) and (min-width:361px){
			.swiper-container2  .swiper-slide {
				width: 83%;
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
			}
		}
		@media screen and (max-width:360px) {
			.swiper-container2  .swiper-slide {
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
				width: 85%;
			}
		}
		@media screen and (max-width:350px) {
			.swiper-container2  .swiper-slide {
				background: #fff;
				box-shadow: 0 0.08rem 0.3rem #ddd;
				width: 87%;
			}
		}
	
	.part_5{
		background:url(../images/index/wappart_5.jpg) no-repeat center;
		height:5rem;
		background-size:100%;}
	.part_5 .title1{
		padding-top:0.9rem;}
	.part_5 ul{
		padding-top:0.3rem;
		padding-left:0.3rem;}
	.part_5 ul li{
		float:left;
		width:2.2rem;
		margin-right:0.2rem;}
	
	.part_6{
		background:url(../images/index/wappart_6.jpg) no-repeat center;
		height:10.37rem;
		background-size:100%;}
	.part_6 .title1{
		padding-top:0.5rem;
		color:#fff;}
	.part_6 .title2{
		color:#fff;}
	.part_6 ul{
		width:6.8rem}
	.part_6 ul li{
		width:1.05rem;
		height:1.8rem;
		background:#fff;
		position:relative;
		float:left;
		margin-left:0.55rem;}
	.part_6 ul li:after{
		content:'';
		position:absolute;
		display:block;
		width:1.05rem;
		height:1.8rem;
		transform:rotate(60deg);
		background:#fff;
		top:0;
		left:0;
		z-index:1}
	.part_6 ul li:before{
		content:'';
		position:absolute;
		display:block;
		width:1.05rem;
		height:1.8rem;
		transform:rotate(120deg);
		background:#fff;
		top:0;
		right:0;
		z-index:1}
	.part_6 ul li:nth-child(1){
		margin-left:2.4rem;}
	.part_6 ul li:nth-child(2){
		margin-top:0.9rem;}
	.part_6 ul li:nth-child(4){
		margin-left:0.8rem;
		margin-top:-1.8rem;}
	.part_6 ul li:nth-child(5){
		margin-top:-0.87rem;
		margin-left:2.4rem;}
	.part_6 ul li:nth-child(6){
		margin-top:-0.87rem;
		margin-left:2.15rem;}
	.part_6 ul li:nth-child(7),
	.part_6 ul li:nth-child(11){
		margin-left:0.8rem;
		margin-top:-0.9rem;}
	.part_6 ul li:nth-child(8),
	.part_6 ul li:nth-child(10){
		margin-top:0.03rem;}
	.part_6 ul li:nth-child(9){
		margin-top:-0.9rem;}
	.part_6 ul li:nth-child(12){
		margin-left:2.15rem;
		margin-top:-0.9rem;}
	.part_6 ul li a{
		position:relative;
		z-index:5;
		white-space:nowrap;
		text-align:center;
		font-size:0.28rem;
		color:#12387c;
		padding-top:0.35rem;
		line-height:0.66rem;
		display:block;}
	.part_6 ul li a img{
		width:0.47rem;
		height:0.47rem;}
	
	.footer{
		padding-bottom:0.9rem;
		background:#0a2451;
		padding-top:0.35rem;
		text-align:center;
		color:#fff;}
	.footer .ewm{
		text-align:center;
		width:2.4rem;
		float:left;
		margin-left:0.8rem;
		margin-right:0.3rem;
		text-align:center;
		font-size:0.28rem;
		line-height:0.5rem;}
	.footer .flogo{
		width:3.36rem;
		margin:0 auto;}
	.footer strong{
		display:block;
		height:0.7rem;
		line-height:0.7rem;
		font-size:0.3rem;
		font-weight:normal;}
	@font-face {
	  font-family: 'DIN';
	  src: url('../images/index/DIN-Bold.otf');
	}
	.footer b{
		display:block;
		height:0.7rem;
		line-height:0.7rem;
		font-size:0.7rem;
		font-family:'DIN';
		font-weight:normal;
		height:1.1rem;
		line-height:0.9rem;
		border-bottom:0.02rem dashed #657692;}
	.footer .word{
		line-height:0.4rem;
		box-sizing: border-box;
		padding:0.3rem 0.5rem 0.35rem;}
	.footer .word span{
		padding:0.1rem 0 0.1rem 0.48rem;
		display:inline-block;
		background:url(../images/index/icon1.jpg) no-repeat left center;
		background-size:auto 0.34rem;}
	.footer .word span:nth-child(3){
		background:url(../images/index/icon2.jpg) no-repeat left 0.1rem;
		background-size:auto 0.34rem;}
	.footer .word span:nth-child(5){
		background:url(../images/index/icon3.jpg) no-repeat left center;
		background-size:auto 0.26rem;}
	.footer .word span:nth-child(7){
		background:url(../images/index/icon4.jpg) no-repeat left center;
		background-size:auto 0.32rem;}
	
	.fbtn{
		z-index: 999999999;
		position:fixed;
		bottom:0;
		left:0;
		width:100%;
		height:0.9rem;}
	.fbtn a{
		display:block;
		float:left;
		height:0.9rem;
		width:50%;
		text-align:center;
		background:#efc778;
		font-size:0.36rem;
		color:#183d7f;
		line-height:0.9rem;
		font-weight:bold;}
	.fbtn a:nth-child(2){
		background:#67a1c4;
		color:#fff;}
		
		.menuitembox {
			position: fixed;
			right: 0.1rem;
			top: 1.4rem;
			width: 2rem;
			line-height: 1rem;
			background-color: #ffffff;
		}
		.menuitem {
		    display: block;
		    color: #333333;
		    box-sizing: border-box;
		    padding: 0 0.3rem;
		    font-size: 0.3rem;
		}
		.headerContainer2{
			padding:0 0.2rem 0 0.2rem
		}
		.logoimg{
			height: 1.3rem;
		}
		.kefutupian{
			height: 1.3rem;
		}
		.menubox{
			width: 0.7rem;
			height: 0.7rem;
			background-color: #ab0f18;
		}
		.menuimg{
			height: 0.4rem;
		}
}