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

/*首页*/
.header{ display:none;}

.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_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;}

.header_mobile1{ width:33px; height:33px; position:absolute; right:3%; bottom:12px;}
.header_mobile1 .span1{ display:block; height:3px; background:#1c2953; 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:#1c2953; 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:#1c2953; 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);
}

.banner { width:100%; background:url(../images/bannerbg.jpg) no-repeat center top; background-size:100% auto; margin:0px auto; overflow:hidden;}
.banner1{ width:100%; height:33vw; margin:0 auto; background: url(../images/bannerbg01.jpg) no-repeat center top; background-size:94% auto; margin-top:20px;}
.banner2{ width:calc(100% - 40px); height:auto; margin:0 auto; background:none !important;}
.banner2_1{ display:block; width:100%;}

.h2 {
	font-family:"宋体";
	color:#333;
    height: 31px;
    font-weight: bold;
    font-size: 14px;
    padding: 0px 19px 0px 22px;
    background: url(../images/bg01.jpg) no-repeat left bottom;
    float: left;
}

.index1{ width:640px; margin:0 auto; overflow:hidden;}
.index1_l{ float:none; width:420px; margin:0 auto; overflow:hidden;}
.index1_r{ float:none; width:420px; margin:30px auto 0 auto; overflow:hidden;}

.swiper-container1 {
	float:left;
	margin-top:11px;
	overflow:hidden;
	width: 420px;
	height: auto;
}
.swiper-container1 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
  
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-pagination1{ float:right;}
.swiper-pagination1 .swiper-pagination-bullet{ width:15px; height:15px; line-height:15px; margin-right:5px; background:#e6e6e6; color:##2e2e2e; border-radius:0; font-family:"Arial";}
.swiper-pagination1 .swiper-pagination-bullet-active{ background:#3e9277; color:#FFF;}

.ul01 { padding-left:22px; float:left; margin-top:11px;}
.ul01 li { width:380px; height:22px; float:left;}
.ul01 li a { float:right; width:298px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:"宋体"; color:#333; text-align:left;}
.ul01 li span { float:left; font-family:"宋体";}
.ul01 li a:hover { color:#3e9277; text-decoration:underline;}
.ul01 li:hover span { color:#3e9277; text-decoration:underline;}
.index1_img{ float:left; width:401px;}

.index2{ width:640px; overflow:hidden; margin:0 auto; padding-top:30px; padding-bottom:30px;}
.index2_l{ float:none; width:420px; margin:0 auto; overflow:hidden;}
.index2_r{ float:none; width:420px; margin:30px auto 0 auto; overflow:hidden;}

.h2_1 { width:100%; text-align:left; padding-left:12px; padding-bottom:9px; font-weight:bold; font-size:14px; color:#333; background:url(../images/ico01.jpg) no-repeat 0px 2px; float:left;}
.index2_img{ display:block; float:left; width:167px;}

.zhicidiv {
	text-align:left;
    width: calc(100% - 48px);
    padding-right: 35px;
    padding-bottom: 30px;
    margin: 2px 0px 0px 13px;
    background: url(../images/bg02.jpg) repeat-y right 0px;
    float: left;
	color:#333;
}
.contact {
	text-align:left;
    width: 216px;
	color:#333;
    line-height: 24px;
    padding: 1px 0px 0px 14px;
    float: left;
}

.footer{ width:100%; margin:0 auto; background:#c1c1c1; color:#333; line-height:22px; padding:15px 0px 24px 0px;}
.footer a{ color:#333;}

.banner { width:100%; background:url(../images/bannerbg.jpg) no-repeat center top; background-size:100% auto; margin:0px auto; overflow:hidden;}
.banner1{ width:100%; height:33vw; margin:0 auto; background: url(../images/bannerbg01.jpg) no-repeat center top; background-size:94% auto; margin-top:20px;}
.banner2{ width:calc(100% - 40px); height:auto; margin:0 auto; background:none !important;}
.banner2_1{ display:block; width:100%;}

.neiyebanner { width:100%; background:url(../images/bannerbg.jpg) no-repeat center top; background-size:100% auto; margin:0px auto; overflow:hidden;}
.neiyebanner1{ width:100%; height:auto; margin:0 auto; margin-top:20px; padding-bottom:20px;}
.neiyebanner2{ width:calc(100% - 40px); height:auto; margin:0 auto; border-bottom:5px solid #3e9277;}
.neiyebanner2_1{ display:block; width:100%;}

.history{ width:960px; margin:0 auto; overflow:hidden; padding-bottom:36px; max-width:94%;}
.history_l{ float:left; width:100%; background: none; overflow:hidden;}
.history_r{ float:right; width:250px; overflow:hidden; display:none;}

.proh2 { padding-left:22px; padding-right:19px; background:url(../images/bg01.jpg) no-repeat left bottom; height:32px; font-size:14px; float:left; color:#333;}
.proh2 a{ font-size:14px; font-weight:bold; color:#3e9277;}
.proh2 span { font-size:14px; font-weight:bold; color:#3e9277;}

.history_l2{ width:100%; overflow:hidden; padding-top:9px;}
.history_l2 table{ width:600px; margin:0 auto; max-width:94%;}
.about01 { text-indent:14px; background:url(../images/ico03.jpg) no-repeat left 7px; line-height:26px;}
.about02 { line-height:26px;}

.prorih2 {
    width: 207px;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 23px;
    background: url(../images/bg04.jpg) no-repeat;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    float: right;
}
.proriimg {
    float: right;
}
.aboutimg {
    float: right;
    margin-top: 20px;
}

.pro{ width:100%; overflow:hidden; text-align:left; padding:60px 0 0 0;}
.proimg{ display:block; margin:0 auto;}
.proul { padding-left:0; float:none; width:600px; margin:50px auto 0 auto; overflow:hidden; max-width:100%;}
.proul li { padding-bottom:20px; float:left; clear:both;}
.proul li .img { width:180px; height:120px; padding:4px; border:1px solid #e0dfe0; float:left; margin-right:20px;}
.proul li .img img{ display:block; width:180px; height:120px;}
.proul li .span { width:100%; padding-left:13px; line-height:22px; background:url(../images/ico02.jpg) no-repeat left center; font-weight:bold; color:#3e9277; float:left;}
.proul li .zzp { width:calc(100% - 12px); line-height:24px; padding-left:12px; float:left;}

.pager {
	width:100%;
	text-align: center;
	padding:15px 0;
	overflow:hidden;
}
.pager a { border:1px solid #c8c8c8; margin-top:10px; display:inline-block;
 padding-right:5px; padding-left: 5px; padding-bottom: 2px; color: #636363; margin-left:2px; padding-top: 2px; text-decoration: none
}
.pager span { border:1px solid #c8c8c8; margin-top:10px; display:inline-block;
 padding-right:5px; padding-left: 5px; padding-bottom: 2px; color: #636363; margin-left:2px; padding-top: 2px; text-decoration: none
}
.pager a:hover { border:1px solid #c8c8c8; font-weight:bold;
 background-image: none; color: #636363; background-color: #f0f0f0;
}
.pager a:active {
	 border:1px solid #c8c8c8; color: #636363; background-color: #f0f0f0;
}
.pager span.current { border:1px solid #c8c8c8;
	padding-right: 5px; padding-left: 5px; font-weight: bold; padding-bottom: 2px; color: #636363; background:#f0f0f0; margin-left: 2px; padding-top: 2px
}
.pager span.disabled { border:1px solid #c8c8c8; 
	padding-right: 5px; padding-left: 5px; padding-bottom: 2px; color: #636363; margin-left:2px; padding-top: 2px
}

.proriul { width:228px; border-top:1px solid #e8e8e8; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; float:right;}
.proriul li { width:228px; height:29px; border-bottom:1px solid #dfdfdf; background:url(../images/bg05.jpg) repeat-x; float:left;}
.proriul li a { padding-left:39px; line-height:29px; color:#404040; background:url(../images/ico03.jpg) no-repeat 23px 10px; float:left;}
.proriul li a:hover { color:#3e9277; text-decoration:underline;}
.proriul li .apro { color:#3e9277; text-decoration:underline; padding-left:39px; line-height:29px; background:url(../images/ico03.jpg) no-repeat 23px 10px; float:left;}

.pro table{ width:600px; margin:0 auto; max-width:94%;}

/*最新动态*/
.news{ width:600px; overflow:hidden; text-align:left; padding-top:30px; clear:both; margin:0 auto;}
.newsul { padding:0px 0px 14px 120px; float:left;}
.newsul li { height:28px; float:left;}
.newsul li a { width:400px; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333;}
.newsul li a:hover { color:#3e9277; text-decoration:underline;}
.newsul li a span { padding-right:14px;}
.news01 { color:#3e9277;}
.news02 { background:url(../images/bg06.jpg) repeat-x bottom;}
.newsp { line-height:24px; padding:10px 0px 50px 0px; float:left; text-align:left;}

.news table{ width:600px; margin:0 auto; max-width:94%;}

}