@media screen and (min-width:1025px) and (max-width:1201px){
@charset "utf-8";

/*首页*/
.center{ width:1024px; margin:0 auto;}

.header{ width:100%; height:90px; position:fixed; z-index:100; display:block; background:url(../images/header_bg.png) repeat; top:0; left:0;}
.logo{ float:left; margin-top:8px; display:block; margin-left:2%;}

/* nav css */
.nav{ display:inline-table; position:relative; z-index:1; float:right; height:90px;}
.nav a{ color:#505050;}
.nav .nLi{ float:left; position:relative; margin-left:1px;}
.nav .nLi h3{ float:left;}
.nav .nLi h3 a{ display:block; width:110px; height:90px; line-height:90px; font-size:16px; font-weight:normal;}
.nav .sub{ display:none; width:110px; left:0; top:81px; position:absolute; background:url(../images/nav_bg.png) top center no-repeat; padding-top:9px;}
.nav .sub li{ zoom:1;}
.nav .sub a{ display:block; height:55px; line-height:55px; font-size:14px; background:#FFF;}
.nav .sub a:hover{ background:#f2f2f2; color:#0054a7;}
.nav .on h3 a{ background:#0054a7; color:#fff;}
.nav .a_on{ background:#0054a7; color:#fff;}

.search{ float:right; width:130px; height:90px; margin-right:2%; position:relative; z-index:1000;}
.search1{ float:left; margin-top:34px; height:21px; line-height:21px; font-size:16px; color:#505050; background:url(../images/search.png) 0 center no-repeat; text-align:left; margin-left:30px; padding-left:35px; cursor:pointer;}
.search2{ width:220px; height:30px; border:1px solid #999; overflow:hidden; position:absolute; top:-30px; right:32px; background:#FFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: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;}
.search_opacity{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; top:30px;}
.search3{ float:left; width:165px; height:30px; line-height:30px; font-family:"微软雅黑"; color:#666; border:0; outline:none; padding-left:15px; font-size:13px;}
.search4{ float:left; width:40px; height:30px; border:0; background:url(../images/search.png) center center no-repeat; outline:none; cursor:pointer;}
.search_close{ width:28px; height:28px; border:1px solid #0054a7; position:absolute; right:0; top:31px; background:url(../images/search1.png) center center no-repeat; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; cursor:pointer; 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:block;}
.swiper-container .swiper-slide .img2{ display:none;}
.swiper-container .swiper-button-next{ width:30px; height:56px; background:url(../images/banner_right.png) no-repeat; right:2%; top:59%;}
.swiper-container .swiper-button-prev{ width:30px; height:56px; background:url(../images/banner_left.png) no-repeat; left:2%; top:59%;}
.swiper-container .swiper-pagination{ display:none;}

.mobile_bg{ display:none;}

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

.footer{ width:100%; background:#f0f0f0; overflow:hidden;}
.footer1{ width:1024px; margin:0 auto; overflow:hidden; padding:50px 0 20px 0;}
.footer1_1{ float:left; display:block;}
.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;}
.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:right;}
.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:1024px; margin:0 auto; line-height:20px; font-size:16px; color:#FFF;}
.footer4_2{ float:left; width:80%; text-align:left;}
.footer4_3{ float:right; width:20%; text-align:right; color:#6291ae;}
.footer4_3:hover{ text-decoration:underline;}

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

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

.mid_nav{ position:absolute; bottom:0; left:0; width:100%; height:58px; background:url(../images/neiye_nav_bg.png) repeat;}
.mid_nav1{ width:1024px; margin:0 auto; overflow:hidden;}
.mid_nav1 li{ float:left; margin-right:1px;}
.mid_nav1 li a{ display:block; height:58px; line-height:58px; font-size:16px; color:#FFF; padding:0 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.mid_nav1 li .a_on{ background:#006b4f;}
.mid_nav1 li a:hover{ background:#006b4f;}

.position{ width:1024px; margin:50px auto 30px auto; text-align:left; font-size:14px; color:#444444; line-height:20px;}
.position a{ color:#444444;}
.position span{ color:#0054a7;}
.title{ width:1024px; line-height:30px; margin:0 auto; overflow:hidden; text-align:left; font-size:28px; font-weight:bold; color:#0054a7;}

/*about*/
.about{ width:1024px; margin:0 auto;}
.about li{ float:left; width:19%; height:430px; position:relative; margin-right:1.33%; 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:100px; text-align:left; padding:0 2.5%; 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:150px; clear:both;}
.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:26px; font-weight:bold; color:#444444; line-height:30px; margin-top:200px; -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:16px; color:#444444; line-height:30px; 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:50px; -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:#0054a7; margin-top:50px;}
.about li:hover .line{ bottom:-50px; width:100%;}
.about li:hover .about3{ width:86%; left:7%;}

/*about1*/
.about4{ width:1024px; margin:0 auto; overflow:hidden;}
.about5{ width:100%; overflow:hidden; text-align:left; font-size:16px; color:#444; line-height:30px; margin-top:70px; padding-bottom:50px;}
.about6{ width:100%; overflow:hidden; padding:80px 0; border-top:1px solid #e5e5e5;}
.about6_1{ display:block; width:551px; height:294px;}
.about6_2{ width:430px; overflow:hidden; text-align:left;}
.about6_3{ float:left; width:100%; overflow:hidden; font-size:26px; color:#006b4e; font-weight:bold; line-height:36px; margin-top:30px;}
.about6_4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444; line-height:30px; margin-top:30px;}
.about6_5{ float:left; width:100%; overflow:hidden; margin-top:60px; color:#006b4e;}
.about6_5 li{ float:left; width:24.9%; overflow:hidden; border-right:1px solid #e5e5e5; text-align:left; min-height:80px;}
.about6_5 li:last-child{ border-right:0;}
.about6_6{ margin-left:25%; font-size:18px; line-height:18px; height:18px;}
.about6_7{ margin-left:25%; font-size:50px; line-height:50px; height:50px; margin-top:12px;}
.about6_7 span{ font-size:14px; vertical-align:baseline; margin-left:5px;}
.font_color_blue{ color:#0054a7;}

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

/*news*/
.news{ width:1024px; margin:10px auto 0 auto; overflow:hidden;}
.news li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; padding:35px 0 30px 0;}
.news li a{ display:block; width:100%; overflow:hidden;}
.news1{ float:left; width:339px; height:229px; display:block;}
.news2{ float:right; width:620px; overflow:hidden; text-align:left;}
.news3{ float:left; width:100%; font-size:18px; 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:14px; color:#0054a7; line-height:24px; margin-top:25px;}
.news5{ float:left; width:100%; font-size:16px; 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:14px; color:#FFF; margin-top:30px;}
.news li a:hover .news3{ color:#0054a7;}
.news li a:hover .news5{ color:#0054a7;}

.page{ width:1024px; margin:0 auto; padding:60px 0 70px 0; overflow:hidden; font-size:14px;}
.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:1024px; margin:0 auto; overflow:hidden;}
.newsIn1{ float:left; width:100%; overflow:hidden; font-size:26px; color:#014eba; line-height:36px; margin-top:50px;}
.newsIn2{ float:left; width:100%; overflow:hidden; font-size:14px; color:#4b4b4b; line-height:24px; padding:30px 0;}
.newsIn3{ float:left; width:100%; overflow:hidden; font-size:16px; color:#444444; text-align:left; line-height:30px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:50px 0;}
.newsIn3 img{ display:block; margin:0 auto; max-width:100%;}

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

}