@media only screen and (max-width:641px){
@charset "utf-8";

/*首页*/
.center{ width:100%; margin:0 auto;}

.header{ width:100%; height:90px; position:relative; z-index:100; display:none;}

.swiper-container {
	width: 100%;
	height: 100%;
	display:block;
}
.swiper-container .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height:auto;
	
	/* 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;
}
.swiper-container .swiper-slide img{ width:100%;}
.swiper-container .swiper-slide .img1{ display:none;}
.swiper-container .swiper-slide .img2{ display:block;}
.swiper-container .swiper-button-next{ width:30px; height:56px; background:url(../images/banner_right.png) no-repeat; right:3%; display:none;}
.swiper-container .swiper-button-prev{ width:30px; height:56px; background:url(../images/banner_left.png) no-repeat; left:3%; display:none;}
.swiper-container .swiper-pagination{ display:block;}
.swiper-container .swiper-pagination .swiper-pagination-bullet{ width:10px; height:10px;}
.swiper-container .swiper-pagination .swiper-pagination-bullet-active{ width:10px; height:10px; background:#0054a7;}

.mobile_bg{ width:100%; overflow:hidden; display:block; background:#FFF;}
.mobile_nav{ width:100%; overflow:hidden; border-top:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; padding:10px 0 5px 0; text-align:left;}
.mobile_logo{ display:inline-block; height:40px; margin-left:3%;}

.mobile_nav_in{ width:100%; overflow:hidden; float:left; display:none; background:#FFF;}
.mobile_nav_in>li{ float:left; width:100%; min-height:40px; border-bottom:1px solid #ccc;}
.mobile_nav_in>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:13px;}
.mobile_nav_in>li>a>b{ color:#0054a7; font-weight:bolder; font-size:15px; vertical-align:top;}
.mobile_nav_in1{ float:left; width:76%; border:none; height:40px; padding:0 2%; font-family:"微软雅黑"; outline:none; font-size:13px;}
.mobile_nav_in2{ float:left; width:20%; border:none; height:40px; font-family:"微软雅黑"; outline:none; background:url(../images/index2.jpg) center center #d9d9d9 no-repeat;}

.mobile_nav_step1{}
.mobile_nav_step2{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step2>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step2>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_step3{}
.mobile_nav_step4{ width:100%; float:left; overflow:hidden; float:left; display:none;}
.mobile_nav_step4>li{ float:left; width:100%; min-height:40px; border-top:1px solid #ccc;}
.mobile_nav_step4>li>a{ float:left; display:block; width:100%; height:40px; line-height:40px; color:#666666; font-size:12px;}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/header2_1.jpg) center center no-repeat; border:none; outline:none;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.header_mobile1 .span1{ display:block; height:3px; background:#0054a7; width:33px; position:absolute; top:6px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span2{ display:block; height:3px; background:#0054a7; width:33px; position:absolute; top:15px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.header_mobile1 .span3{ display:block; height:3px; background:#0054a7; width:33px; position:absolute; top:24px; left:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

.header_mobile_in_open .span1{
	top:15px;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.header_mobile_in_open .span2{ display:none;}
.header_mobile_in_open .span3{
	top:15px;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}

.mobile_nav_search1{ float:left; padding:0 3%; width:84%; height:40px; border:0; font-family:"微软雅黑"; color:#666; outline:none;}
.mobile_nav_search2{ float:right; height:40px; width:10%; background:url(../images/search.png) center center no-repeat; border:none; outline:none;}

.index1{ width:100%; overflow:hidden; height:100px; line-height:50px; font-size:13px;}
.index1_l{ float:left; width:100%; overflow:hidden; display:block; background:#0054a7; text-align:center; color:#FFF;}
.index1_l .span1{ display:inline-block; width:33px; height:50px; background:url(../images/index1.png) center center no-repeat; vertical-align:top; background-size:auto 20px;}
.index1_l .span2{ display:inline-block; vertical-align:top; padding:0 10px;}
.index1_l .span3{ display:inline-block; vertical-align:top; width:23px; height:50px; background:url(../images/index2.png) center center no-repeat; margin-right:0; background-size:auto 15px;}
.index1_r{ float:right; width:100%; overflow:hidden; display:block; background:#006d51; text-align:center; color:#FFF;}
.index1_r .span1{ display:inline-block; width:33px; height:50px; background:url(../images/index1.png) center center no-repeat; vertical-align:top; margin-left:0; background-size:auto 20px;}
.index1_r .span2{ display:inline-block; vertical-align:top; padding:0 10px;}
.index1_r .span3{ display:inline-block; vertical-align:top; width:23px; height:50px; background:url(../images/index2.png) center center no-repeat; background-size:auto 15px;}

.footer{ width:100%; background:#f0f0f0; overflow:hidden;}
.footer1{ width:94%; margin:0 auto; overflow:hidden; padding:50px 0 20px 0;}
.footer1_1{ float:none; display:none; vertical-align:middle; margin:0 10px;}
.footer2{ float:left; width:125px; height:111px; text-align:left; border-left:1px solid #d8d8d8; margin-left:20px; position:relative; padding-left:25px; margin-top:10px; display:none;}
.footer2_1{ float:left; width:100%; font-size:18px; color:#404040; line-height:18px; margin-top:-5px;}
.footer2_2{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.footer2_2 li{ float:left; width:100%; overflow:hidden; height:26px;}
.footer2_2 li a{ display:block; font-size:16px; color:#888888; line-height:22px; margin-top:2px;}
.footer2_2 li a:hover{ text-decoration:underline;}
.footer2_3{ width:10px; height:11px; background:url(../images/index3.png) no-repeat; position:absolute; top:0; left:0;}
.footer3{ float:none; display:inline-block; vertical-align:middle; margin:0 10px;}
.footer3_1{ display:block; width:97px;}
.footer3_2{ width:97px; color:#0054a7; line-height:40px;}
.footer4{ width:100%; overflow:hidden; padding:15px 0; background:#0054a7;}
.footer4_1{ width:94%; margin:0 auto; line-height:20px; font-size:12px; color:#FFF;}
.footer4_2{ float:left; width:100%; text-align:center;}
.footer4_3{ float:right; width:100%; text-align:center; color:#6291ae; margin-top:5px;}
.footer4_3:hover{ text-decoration:underline;}

.footer5{ width:100%; overflow:hidden; text-align:center; font-size:14px; color:#888888; line-height:26px; margin-top:10px;}

.banner{ width:100%; height:563px; position:relative; display:none;}
.banner_mobile{ width:100%; overflow:hidden; display:block;}
.banner_mobile img{ display:block; width:100%;}

.position{ width:94%; margin:30px auto 15px auto; text-align:left; font-size:13px; color:#444444; line-height:20px;}
.position a{ color:#444444;}
.position span{ color:#0054a7;}
.title{ width:94%; line-height:30px; margin:0 auto; overflow:hidden; text-align:left; font-size:16px; font-weight:bold; color:#0054a7;}

/*about*/
.about{ width:94%; margin:0 auto;}
.about li{ float:left; width:94%; height:auto; position:relative; margin-right:0; background:url(../images/about2.jpg) top right no-repeat; -webkit-box-shadow:0px 0px 10px #eee; -moz-box-shadow:0px 0px 10px #eee; box-shadow:0px 0px 10px #eee; margin-top:30px; text-align:left; padding:0 3% 30px 3%; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about_bottom{ width:100%; overflow:hidden; height:50px; clear:both;}
.about li:nth-child(2n){ margin-right:0;}
.about li:last-child{ margin-right:0;}
.about li .line{ width:0; height:4px; position:absolute; bottom:0; left:0; background:#0054a7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about1{ float:left; width:100%; overflow:hidden; font-size:16px; font-weight:bold; color:#444444; line-height:20px; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about2{ float:left; width:100%; overflow:hidden; font-size:13px; color:#444444; line-height:24px; margin-top:20px;}
.about3{ position:absolute; bottom:20px; left:50%; width:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.about li:hover{ margin-top:30px; -webkit-box-shadow:0px 0px 15px #ddd; -moz-box-shadow:0px 0px 15px #ddd; box-shadow:0px 0px 15px #ddd;}
.about li:hover .about1{ color:#444444; margin-top:30px;}
.about li:hover .line{ bottom:0; width:0;}
.about li:hover .about3{ width:0; left:7%;}

/*about1*/
.about4{ width:94%; margin:0 auto; overflow:hidden;}
.about5{ width:100%; overflow:hidden; text-align:left; font-size:13px; color:#444; line-height:24px; margin-top:30px; padding-bottom:30px;}
.about6{ width:100%; overflow:hidden; padding:30px 0; border-top:1px solid #e5e5e5;}
.about6_1{ display:block; width:551px; height:auto; float:none !important; margin:0 auto; max-width:100%;}
.about6_2{ width:100% !important; overflow:hidden; text-align:left;}
.about6_3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#006b4e; font-weight:bold; line-height:36px; margin-top:30px;}
.about6_4{ float:left; width:100%; overflow:hidden; font-size:13px; color:#444; line-height:24px; margin-top:10px;}
.about6_5{ float:left; width:100%; overflow:hidden; margin-top:0px; color:#006b4e;}
.about6_5 li{ float:left; width:100%; overflow:hidden; border-right:0; text-align:left; min-height:0;}
.about6_5 li:last-child{ border-right:0;}
.about6_6{ margin-left:0; font-size:13px; line-height:24px; height:24px; display:inline-block;}
.about6_7{ margin-left:0; font-size:13px; line-height:24px; height:24px; margin-top:10px; display:inline-block;}
.about6_7 span{ font-size:13px; vertical-align:baseline; margin-left:5px;}
.font_color_blue{ color:#0054a7;}

/*cooperation*/
.cooperation{ width:94%; margin:0 auto; text-align:left; font-size:13px; line-height:30px; color:#444444; padding:30px 0 30px 0;}
.cooperation1{ font-size:15px; font-weight:bold; color:#006b4f;}
.cooperation2{ display:inline-block; width:100%; text-align:right; font-weight:bold;}

/*news*/
.news{ width:94%; margin:0 auto 0 auto; overflow:hidden;}
.news li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:30px 0 30px 0;}
.news li a{ display:block; width:100%; overflow:hidden;}
.news1{ float:left; width:339px; height:auto; display:block; max-width:100%;}
.news2{ float:right; width:100%; overflow:hidden; text-align:left;}
.news3{ float:left; width:100%; font-size:16px; color:#444444; line-height:24px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:30px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news4{ float:left; width:100%; font-size:13px; color:#0054a7; line-height:24px; margin-top:15px;}
.news5{ float:left; width:100%; font-size:13px; color:#888888; line-height:24px; height:48px; overflow:hidden; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news6{ float:left; width:120px; height:30px; line-height:30px; text-align:center; background:#0054a7; font-size:12px; color:#FFF; margin-top:20px;}
.news li a:hover .news3{ color:#0054a7;}
.news li a:hover .news5{ color:#0054a7;}

.page{ width:94%; margin:0 auto; padding:20px 0 30px 0; overflow:hidden; font-size:13px;}
.page span{ display:inline-block; margin-top:10px; color:#444; vertical-align:middle; height:20px; line-height:20px; padding:0 6px;}
.page a{ display:inline-block; margin-top:10px; color:#444; vertical-align:middle; height:20px; line-height:20px; padding:0 6px;}
.page span:hover{ background:#0054a7; color:#FFF;}
.page a:hover{ background:#0054a7; color:#FFF;}

/*newsIn*/
.newsIn{ width:94%; margin:0 auto; overflow:hidden;}
.newsIn1{ float:left; width:100%; overflow:hidden; font-size:16px; color:#014eba; line-height:26px; margin-top:30px;}
.newsIn2{ float:left; width:100%; overflow:hidden; font-size:13px; color:#4b4b4b; line-height:24px; padding:30px 0;}
.newsIn3{ float:left; width:100%; overflow:hidden; font-size:13px; color:#444444; text-align:left; line-height:30px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:20px 0;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

.pageIn{ width:94%; margin:0 auto; overflow:hidden; text-align:left; padding:20px 0 30px 0;}
.pageIn1{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; color:#444; line-height:26px; margin-top:10px;}
.pageIn1 a{ color:#444;}
.pageIn1:hover{ color:#0054a7;}
.pageIn1:hover a{ color:#0054a7;}

}