﻿/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		

	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;

}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#d60000;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.f_l{
	float:left;	
}
.f_r{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/
.header{
	height:90px; width:100%;
	background:#a10e0d;
		
}
.header .logo{
	float:left;
	margin-top:10px;	
}


.nav{	float:left; height:auto; text-align:center; margin-left:40px;		margin-top:0px;	font-size:18px;	color:#8d8c8c;	}
.nav>li{ display:inline-block;position:relative; width:110px; border-left:1px solid #be1716;  text-align:center; height:45px; padding-top:30px; box-sizing:border-box; height:90px; }
.nav li>a{ display:block;width:100%; height:35px; line-height:35px; vertical-align:middle; font-size:16px;	color:#fff; text-align:center; box-sizing:border-box; }
.nav li>.nav-c{ display:none; width:120px; height:auto;position:absolute; z-index:9999999; background:rgba(203, 34, 33, 0.8); left:50%; margin-left:-60px; top:90px; border-radius:0px 0px 5px 5px;   }
.nav li:hover>a,.nav .hover>a{color:#ffcc00; }
.nav li>.nav-c:before{ display:inline-block; content:"";left:50%; margin-left:-8px;  width: 0; position:absolute; top:-10px;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid rgba(203, 34, 33, 0.8);}
.nav li>.nav-c a{ line-height:40px; vertical-align:middle; color:#fff; float:left; text-align:center; display:inline-block; width:100%; font-size:14px; font-weight:normal;} 
.nav li>.nav-c a:hover{ color:#fff; background:rgba(0,0,0,0.3)}
.nav li:hover>.nav-c{ display:block;}
.wap-nav{ display:none;}
.m1{ float:right;}

/*header 结束*/

/*footer 底部开始*/
.footer{ width:100%;
	background:#e4e4e4; height:auto; overflow:hidden;
	padding:60px 0 60px 0;
	   
}
.footer a{
	
}

.banner{ width:100%; height:435px; overflow:hidden; margin:0 auto;}
/* main_image */
.main_visual{height:435px;overflow:hidden;position:relative;}
.main_image{height:100%;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:100%;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:100%;}
.main_image li span{display:block;width:100%;height:100%; background-position:center top; background-repeat:no-repeat;}
.main_image li a{display:block;width:100%;height:100%}

div.flicking_con{position:absolute;bottom:20px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:31px;height:28px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -27px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.t{ width:100%; height:auto; text-align:center; margin-bottom:30px;}
.t h1{ font-size:24px; color:#cb2221;}
.t h2{ font-size:14px; color:#b3b3b3; text-transform:uppercase;}
.section4{ background:#eeeeee; padding-top:40px; padding-bottom:40px; width:100%; height:auto; overflow:hidden;}
.list5{ width:100%; height:auto; float:left;}
.list5 li{ float:left; width:20%; padding:1px; overflow:hidden; box-sizing:border-box; position:relative;}
.list5 li a{ display:block;}
.list5 li a .list5-img{ width:100%; height:auto;}
.list5 li a .list5-img img{ width:100%; height:auto; display:block;}
.list5 li a .list5-txt{ text-align:center; padding-top:90px; box-sizing:border-box; width:100%; height:100%; position:absolute; top:0px; z-index:2; background:rgba(0,0,0,0.7); color:#fff;}
.list5 li a .list5-txt h1{ font-size:24px; font-weight:bold; margin-bottom:5px; }
.list5 li a .list5-txt h2{ font-size:12px;}
.list5 li:hover .list5-txt{ background:rgba(203,34,33,0.85);}

.left{ float:left; width:196px; height:auto; overflow:hidden; margin-bottom:40px; }
.right{float:right; width:945px; height:auto; overflow:hidden;margin-bottom:40px;}
.leftNavTop{ width:100%; height:100px; line-height:100px; vertical-align:middle; float:left; background:#a10e0d; color:#fff; font-size:30px; color:#fff; text-align:center; }
.leftNav{ width:100%; height:auto; float:left; background:#e7e7e7; padding:15px; box-sizing:border-box;}
.leftNav li{ width:100%; height:auto; line-height:70px; vertical-align:middle;  float:left;/* background:url(../images/4.png) right center no-repeat; border-bottom:1px solid #c7c7c7;*/ }
.leftNav li a{ display:block; font-size:16px; color:#4b4b4b;}
.leftNav li:hover a,.leftNav .on a{ color:#a10e0d;}
.leftNav li:hover,.leftNav .on{/*background:url(../images/3.png) right center no-repeat;*/}

.section6{ width:100%; height:auto; background:#fff; padding-top:40px; padding-bottom:40px; overflow:hidden;}
.i-l{ width:597px; height:auto; float:left;}
.i-r{ width:597px; height:auto; float:left;    padding-left: 30px;
    box-sizing: border-box;}
.t2{ width:100%; height:auto; float:left; margin-bottom:15px;}
.t2 .span1{ font-size:24px; color:#cb2221; margin-right:5px;}
.t2 .span2{ font-size:14px; color:#838383; text-transform:uppercase;}
.i-box{width:100%; height:auto; float:left; border-right:1px solid #dfdfdf; padding-right:20px; box-sizing:border-box;}
.i-box a{ color:#cb2221; font-size:12px;}
.i-box p{ margin-bottom:20px;}
.m2{ float:left; margin-right:20px;}
.i-2{ width:100%; height:auto;}
.i-3{}
.newstj-1{width:100%; height:auto; float:left; margin-bottom:15px;}
.newstj-1-1{ width:100%; height:auto; float:left; margin-bottom:10px;}
.newstj-1-2{ width:100%; height:auto; float:left;}
.newstj-1-1-left{float:left; width:50px; height:50px; background:#cb2221; line-height:50px; vertical-align:middle; font-size:30px; text-align:center; color:#fff; margin-right:20px;}
.newstj-1-1-right{ width:70%; height:auto; float:left;}
.newstj-1-1-right h1{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:100%; color:#cb2221;}
.newstj-1-1-right h1 a{color:#cb2221; font-weight:bold;}
.newstj-1-1-right p{ font-size:14px; color:#bcbcbc;}
.newstj-1-2{ width:100%; height:50px; line-height:25px; font-size:14px; color:#757575; }
.news{ width:100%; height:auto; overflow:hidden;}
.news li{ width:100%; height:auto; float:left;}
.news li div{ float:left; font-size:14px; color:#000000; width:80%; height:auto; line-height:25px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.news li div a{ font-size:14px; color:#000; font-weight:bold;}
.news li div a:hover{ color:#cb2221;}
.news li div:before{ content:""; line-height:25px; vertical-align:middle; display:inline-block; width:4px; height:4px; border-radius:50%; overflow:hidden; background:#000; margin-right:10px;}
.news li span{ float:right;}

.hsbg{ width:45%; height:78px; background:#cb2221; color:#fff; font-size:18px;margin-top: -28px;
    position: relative; }
.hsbg ul{ float:right;}
.hsbg ul li{ float:right; margin-left:30px; line-height:78px; vertical-align:middle; margin-right:30px;}
.hsbg ul li img{ margin-right:10px; vertical-align:middle;}

.list2{ width:100%; height:auto; overflow:hidden; margin-top:50px; margin-bottom:50px;}
.list2 li{ text-align:center; width:20%; float:left; padding:20px; box-sizing:border-box;}
.list2 li a{ display:block;}
.list2 li .list2-img{ border-radius:50%; width:92px; height:92px; display:inline-block; border:3px solid #515151; overflow:hidden; margin-bottom:15px; transition:all 0.2s;}
.list2 li h1{ font-size:16px; color:#cb2221; font-weight:bold; margin-bottom:5px;}
.list2 li p{font-size:14px; line-height:18px; color:#7b7b7b;}
.list2 li:hover .list2-img{transform:rotate(360deg);
-ms-transform:rotate(360deg); 	/* IE 9 */
-moz-transform:rotate(360deg); 	/* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); border:3px solid #cb2221;}

.section2{ background:url(../images/6.jpg) center top no-repeat; width:100%; height:auto; min-height:850px;}
.section2-txt{ width:615px; height:auto; padding:40px; box-sizing:border-box; float:right; margin-top:230px;}
.section2-txt p{ margin-bottom:30px; line-height:30px; font-size:16px;}
.more{ display:inline-block; width:150px; height:48px; text-align:center; line-height:48px; vertical-align:middle; background:#d60000; font-size:16px; color:#fff; border-radius:5px;}
.more:hover{ background:#F00; color:#fff;}

.section2-ry{ width:543px; height:; float:left; overflow:hidden; margin-top:630px;}
.honor{ width:100%; height:auto; overflow:hidden; float:left;}
.honorlist{ width:3000px;white-space:nowrap; padding-left:1px; }
.honorlist li{ display:inline-block; width:272px; height:205px; white-space:nowrap; padding:10px; border:1px solid #dedede; margin-left:-1px; background:#fff; box-sizing:border-box; float:left;}
.honorlist li img{ width:100%; height:100%;}

.btn{ text-align:center; float:left; width:100%; height:35px; margin-top:-25px; position:relative; z-index:88;}
.btn-l,.btn-r{ cursor:pointer; margin-left:0px; margin-right:0px; display:inline-block; width:35px; height:35px;background:#bbbbbb;}

.on{ /*background:#d60000;*/}
.section3{ width:100%; height:auto; overflow:hidden; background:url(../images/4.png) center top no-repeat; min-height:759px; margin-top:90px;}
.newsbox{ width:670px; height:auto; float:right; margin-top:225px; overflow:hidden;}
.list3{ width:100%; height:auto;}
.list3 li{ width:100%; height:auto; float:left; margin-bottom:20px;}
.list3 li .list3time{ width:65px; height:auto; float:left; text-align:center; border-right:1px solid #adadad;}
.list3 li .list3time h1{ font-size:36px; color:#3e3e3e;}
.list3 li .list3time p{ font-size:12px; color:#3e3e3e;}
.list3 li .list3txt{ width:585px; height:auto; float:right;}
.list3 li .list3txt h1{ font-weight:bold; color:#000;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:16px; line-height:35px; vertical-align:middle;}
.list3 li .list3txt p{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px;}
.list3 li:hover .list3txt h1,.list3 li:hover .list3txt p{ color:#ff0700;}


.more2{display:inline-block; width:150px; height:48px; text-align:center; line-height:48px; vertical-align:middle; font-size:16px; color:#fff; border-radius:5px; border:1px solid #d50100; color:#d50100; cursor:pointer;}

.list40{ width:100px; height:auto; float:left; margin-right:80px; }
.list40 dt{ float:left; width:auto; height:auto; color:#222222; margin-bottom:5px; font-size:16px; border-bottom:2px solid #bebebe; line-height:40px; vertical-align:middle;  }
.list40 dd{float:left;  width:100%; height:auto; line-height:20px; vertical-align:middle; padding-top:5px; padding-bottom:5px; color:#5e5e5e; }
.list40 dd a{ color:#5e5e5e;}
.m{ margin-right:0px; width:300px;}
.list40 dd a:hover{ color:#000;}

.red{ color:#ff0700;}

.footer2{ width:100%; height:auto; overflow:hidden; color:#4e4e4e; text-align:center; background:#d1d1d1; padding-top:10px; padding-bottom:10px; }

.ab-b{ width:100%; height:310px; border-bottom:4px solid #a10e0d; background-position:center top; background-repeat:no-repeat; margin-bottom:40px;}

.tt{ width:100%; height:auto; text-align:right; }
.tt h1{ font-size:30px; color:#717171; padding-bottom:10px; width:100%; height:auto; line-height:50px; vertical-align:middle;}
.tt span{ text-transform:uppercase; font-size:40px; color:#000; border-top:4px solid #d60000; padding-top:10px;}

.content{ width:100%; height:auto; overflow:hidden; padding-bottom:40px;}
.txt{ font-size:16px; line-height:30px;}
.txt p{ margin-bottom:20px;}

.list4{width:100%; height:auto; overflow:hidden;}
.list4 li{width:100%; height:auto; overflow:hidden; padding-left:20px; padding-right:20px; box-sizing:border-box; background:#fff; margin-bottom:1px; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #efefef;}
.list4 li:hover{ background:#efefef;}
.list4 li:hover h1{ font-weight:bold;}
.list4 li a{ display:block;}
.list4 .list4-img{ float:left;width:24%; height:160px; overflow:hidden;}
.list4 .list4-img img{ width:100%; height:100%;}
.list4 .list4-txt{ float:right;width:72%; height:auto; overflow:hidden; }
.list4 .list4-txt h1{width:100%; font-size:18px; color:#c71313;   height:auto; overflow:hidden; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap;}
.list4 .list4-txt h2{ font-weight:normal; color:#bfbfbf; width:100%; font-size:12px; white-space:nowrap; text-overflow:ellipsis; height:auto; overflow:hidden; margin-bottom:3px;}
.list4 .list4-txt p{width:100%; height:66px; line-height:22px; font-size:14px; overflow:hidden; color:#333333; margin-bottom:5px;}

.pagelist{ width:100%; height:auto; float:left; text-align:center; margin-top:20px; margin-bottom:30px;}
.pagelist .curPage,.pagelist a:hover{ background:#cb2221; color:#fff; }
.pagelist a{ font-size:12px; cursor:pointer; display:inline-block; line-height:25px; margin-left:1px; margin-right:1px; color:#fff; background:#313131; box-sizing:border-box; border-radius:50%; width:25px; height:25px;}
.pagelist .noclick{ cursor:no-drop; color:#e5e5e5;}
.pagelist .noclick:hover{cursor:no-drop;background:#ccc;  color:#e5e5e5;}

.title{width:100%; height:auto; float:left; font-weight:bold; font-size:20px; text-align:center; color:#000; margin-bottom:20px; line-height:22px; margin-top:60px;}
.time{width:100%; height:auto; float:left; font-size:14px; color:#C5C5C5;text-align:center;margin-bottom:30px; }

.hr{ width:100%; height:auto; float:left; border:1px solid #efefef; box-sizing:border-box; }
.hr li{ width:100%; height:auto; overflow:hidden; }
.hr li:nth-child(even){ background:#efefef; padding:20px; box-sizing:border-box;}
.hr li:nth-child(odd){ background:#fff; padding:20px; box-sizing:border-box;}
.hr li a{ display:block;}
.hr li .hr-title{ width:100%; height:auto; float:left; border-bottom:2px dashed #ccc; line-height:40px; vertical-align:middle; margin-bottom:10px;}
.hr li .hr-title h1{float:left; font-size:20px; color:#d00606; font-weight:bold;}
.hr li .hr-title span{ float:right; font-size:12px; color:#313131;}
.hr li .hr-txt{ width:100%; height:66px; float:left; line-height:22px; overflow:hidden;}
.hr li:hover{ background:#ffefef;}

.line{ width:100%; height:auto; float:left; border-bottom:2px solid #d00606; margin-bottom:15px; font-size:20px; font-weight:bold; text-align:center; margin-top:60px; padding-bottom:15px; color:#000; }

.list12{ width:100%; height:auto; overflow:hidden;  margin-bottom:40px;}
.list12 li{ float:left; width:33.33%; padding-left:30px; padding-right:30px; box-sizing:border-box; margin-bottom:30px; text-align:center; }
.list12 li h1{ color:#1d1d1d; font-size:24px; background:url(../images/5.png) center top no-repeat; line-height:69px; vertical-align:middle;font-weight:bold; margin-bottom:20px;}
.list12 li p{ font-size:14px; line-height:22px;}
.artic-c{width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:30px;}
.artic-t{width:100%; height:auto; line-height:60px; vertical-align:middle; text-align:center; margin-top:40px; margin-bottom:40px; background:url(../images/pic03.png) center top no-repeat; font-size:24px; color:#c50000;}
.artic-c2{ background:rgba(255,255,255,0.8);width:500px; position:absolute; top:30px; left:30px; height:auto;  overflow:hidden;padding:30px; box-sizing:border-box;}
.red{color:#c50000;}
.artic-h1{width:100%; font-size:24px; color:#ad0101; font-weight:bold; margin-bottom:10px;}
.artic-h2{width:100%; font-size:20px; color:#000;font-weight:bold;margin-bottom:10px;}

.n2 h1{ font-size:18px; color:#000; line-height:35px; font-weight:bold;}

.list13{ width:100%; height:auto; overflow:hidden;}
.list13 li{width:100%; height:auto; overflow:hidden;}
.list13 .list13-t{        float: left;
    width: 106px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background: #bf1a1a;
    padding: 14px;
    height: auto;
    box-sizing: border-box;
    border-radius: 35px;
    padding-top: 4px;
    padding-bottom: 3px;}
.list13 .list13-c{     float: right;
    width: 90%;
    border-left: 1px solid #ccc;
    line-height: 25px;
    padding-bottom: 10px;
    padding-left: 50px;
    box-sizing: border-box;}

.list14{ width:100%; height:auto; float:left; overflow:hidden;}
.list14 li{ width:50%; height:auto; overflow:hidden; float:left; padding:40px; box-sizing:border-box; position:relative;}
.list14 li img{width:100%; height:auto; overflow:hidden; max-width:100%; display:block; float:left;}
.list14 li h1{ float:left; width:100%; height:60px; line-height:60px; vertical-align:middle; position:relative; background:rgba(0,0,0,0.6); font-size:18px; font-weight:bold; color:#fff;  margin-top:-60px;text-align:center; box-sizing:border-box; z-index:2;}

.contactbg{ width:100%; height:auto; overflow:hidden; background:url(../images/pic05.jpg) left top no-repeat; min-height:497px;}
.contacttxt{ width:540px; height:auto; background:rgba(225,225,225,0.8); overflow:hidden; padding:40px; box-sizing:border-box; float:right; margin-top:80px; /*font-weight:bold;*/ color:#000; font-size:20px; line-height:40px;}
.position{ width:100%; height:auto; border-bottom:1px solid #d6d6d6; padding-bottom:5px; float:left; line-height:25px; vertical-align:middle; margin-bottom:25px;}

.hc-ry{ width:100%; height:; float:left; overflow:hidden; margin-top:30px; background:url(../images/bg11.jpg) center top no-repeat;}
.hc{ width:602px; height:852px; overflow:hidden;  border:3px solid #dedede; box-sizing:border-box; margin-left: auto; margin-top:20px;
    margin-right: auto;}
.hclist{ width:3000px;white-space:nowrap; }
.hclist li{ display:inline-block; width:602px; height:852px; white-space:nowrap; padding:0px; margin-left:0px; background:#fff; box-sizing:border-box; float:left;}
.hclist li img{ width:100%; height:100%;}

.hcbtn{ text-align:center; float:left; width:80%; height:80px; position:relative; z-index:88;margin-top: -425px; margin-left:10%;}
.hcbtn-l,.hcbtn-r{ cursor:pointer; margin-left:0px; margin-right:0px; display:inline-block; width:60px; height:80px; line-height:80px; vertical-align:middle;background:#cb2221; border-radius:5px;}
.hcbtn-l img,.hcbtn-r img{ vertical-align:middle;}
.hcbtn-l{ float:left;}
.hcbtn-r{ float:right;}
@media screen and (max-width: 1200px){
	.wrapin{	width:1024px;}
	.nav>li {    width: 90px;}
	.nav {    margin-left: 10px;}
	.banner {    height: 300px;   overflow: hidden;    margin: 0 auto;}
.main_visual { height: 300px;}
.main_image li span{ background-size:auto 100%;}
.list5 li a .list5-txt {
    text-align: center;
    padding-top: 74px;}
	.list5 li a .list5-txt h1 {
    font-size: 18px;}
	.i-l {    width: 50%;}
	.i-r {    width: 50%;}
	.list40 {    margin-right: 39px;}
	.right {
    float: right;
    width: 780px;}
	}
	
	@media screen and (max-width: 1024px){
		.wrapin{	width:768px;}
		.banner {    height: 300px;   overflow: hidden;    margin: 0 auto;}
.main_visual { height: 300px;}
.wap-nav{ display:block; position:absolute; right:30px; top:20px;}
	.nav{ display:none; width:100%; position:absolute; right:0px; top:60px; z-index:99999999; background:rgba(0,0,0,0.75);  box-sizing:border-box; padding:15px; }
	
	.nav>li {width:100%; margin-bottom:10px;
    float: left; height:auto; overflow:hidden; border-left:0px; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:10px; margin-left:0px; padding-top:0px;}
	.nav li>a {
   display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    font-weight: bold;}
	.nav li>.nav-c{ display:block; position:relative; height:auto; width:100%; float:left; left:0px; margin-left:0px; background:none; top:0px; padding-top:0px;}
	.nav li>.nav-c a{ width:auto; display:inline-block; float:left; line-height:30px; vertical-align:middle; padding-left:10px; padding-right:10px; color:rgba(255,255,255,0.8)}
	.nav li:hover>a, .nav .hover>a {
    color: #FFF;
    background: none;
    border-radius: 0px;
    overflow: hidden;
}
.nav li>.nav-c:before{ display:none;}
.list5 li a .list5-txt {
    text-align: center;
    padding-top: 47px;
}
.list5 li a .list5-txt h1 {
    font-size: 16px;
}
.i-l {
    width: 100%;
}
.i-r {
    width: 100%; padding-left:0px; padding-top:15px; margin-top:15px;border-top:1px solid #dfdfdf;
}
.i-box {
    width: 100%;
    height: auto;
    float: left;
    border-right: 0px solid #dfdfdf;}
	.list40 {
    margin-right: 4px;
}
.m {
    width: 240px;
}
.right {
    float: right;
    width: 521px;
}
	}
	@media screen and (max-width: 768px){
		.wrapin{	width:640px;}
		.banner {    height: 300px;   overflow: hidden;    margin: 0 auto;}
.main_visual { height: 300px;}
.list5 li {
    float: left;
    width: 33.33%;}
	.list5 li a .list5-txt {
    text-align: center;
    padding-top: 80px;
}
.list5 li a .list5-txt h1 {
    font-size: 20px;
}
.list40 {
    width: 100%;}
	.list40 dt{ width:100%;}
	.list40 dd {
    float: left;
    width: auto; margin-right:10px;}
	}
@media screen and (max-width:640px){
	.wrapin{	width:80%;}
.banner {
    width: 100%;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
}
.main_visual {
    height: 150px;}
	.main_image li span{ background-size:auto 100%;}
	#btn_prev{ left:20px;}
	#btn_next{ right:20px;}
	.list1 li a {
    display: block;
    padding: 10px;
}
.header .logo { max-height:40px;
    float: left;
    margin-top: 10px;
}
.header {
    height: 60px;}
	.m1 { display:none;
    float: right;
    max-height: 60px;
}
.list5 li {
    float: left;
    width: 50%;
}
.list5 li a .list5-txt {
    text-align: center;
    padding-top: 51px;
}
.list5 li a .list5-txt h1 {
    font-size: 16px;
}
.m2 {
    float: left;
    margin-right:0px; margin-bottom:10px;
    width: 100%;
}
.news li div {
    float: left;
    font-size: 14px;
    color: #000000;
    width: 71%;}
	.ab-b { 
    width: 100%;

    height: 100px; background-size:auto 100%;}
		.left{ display:none;}
		.right{ width:100%;}
		.content img{ max-width:100%;}
	}