@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;border:0;}
img{ border:0; vertical-align:bottom}
a{ text-decoration:none}
ul,ul li,li{ list-style-type:none}
html {font-size: 62.5%;/*10 �� 16 �� 100% = 62.5%*/}
body {font-size: 1.4rem;/*1.4 �� 10px = 14px */}
h1 { font-size: 2.4rem;/*2.4 �� 10px = 24px*/}



.dadada{ width:100%; max-width:640px; overflow:hidden; text-align:center}
.blockw{ width:46.8%; height:100%; overflow:hidden; background:#e4eaee; position:absolute; right:0; top:0; display:none;}
.blockw ul{ width:100%; overflow:hidden; margin:auto}
.blockw ul li{ width:70%; height:40px; padding-left:30%; text-align:left; line-height:40px;}
.blockw ul li a{ width:100%; height:40px;font-family:"������"; font-size:2rem; color:#333; display:block}
.blockw ul li:hover{ background:#c20c25;}
.blockw ul li:hover a{ color:#fff}

.top{ width:100%; background:#7b7b7b; max-width:640px; text-align:left }
.w1200{ width:93.75%; margin:auto;}
.logo{ width:19.3%;  margin:2.16% auto}
.menu{ width:5.3%; float:right; margin:6.6% auto}


.body{ position:relative; width:100%; overflow:hidden; max-width:640px; padding-bottom:15%}
.banner{ width:100%; overflow:hidden; margin:auto; position:relative}
.hd{ width:100px; height:30px; text-align:center; line-height:30px; background:url(../images/bj4.png) no-repeat; background-size:100% 100%; position:absolute; left:35%; bottom:5%; z-index:1}
.hd li{ display:inline-block; margin-left:7px;width:12px; height:12px; background:url(../images/btn1.png) no-repeat; background-size:100% 100%;}
.hd li.on{background:url(../images/btn2.png) no-repeat; background-size:100% 100%;}
.bd ul li{ width:100%}
.bd ul li img{ width:100%;}

.menu2{ width:100%; overflow:hidden; position:absolute; left:0; bottom:25%;max-width:640px}
.menu2 ul li{ width:20.3125%; float:left; margin: auto auto 3.125% 3.125%; text-align:center; background:url(../images/bj1.png) no-repeat; background-size:100% 100%;}
.menu2 ul li a{ font-family:"΢���ź�"; font-size:1.8rem; color:#fff}
.menu2 ul li img{ width:100%}
.menu2 ul li:hover{background:url(../images/bj2.png) no-repeat; background-size:100% 100%}

.footer{ width:100%; text-align:center; background:url(../images/bj3.png) no-repeat; background-size:100% 100%; position:fixed; left:0; bottom:0;}
.footer ul{ width:100%; overflow:hidden}
.footer ul li{ width:25%; float:left}
.footer ul li img{ width:100%}



/*�ɹ�����*/
.banner2{ width:100%; overflow:hidden; max-width:640px;}
.banner2 img{ width:100%;}
.title{ width:100%; text-align:center; font-family:"΢���ź�"; font-size:3rem; color:#333333; border-bottom:1px solid #e2e2e2 }
.body2{ width:100%; overflow:hidden; background:#f5f5f5;padding-bottom:25%}
.ul1{ width:100%; overflow:hidden; margin:3.125% auto; }
.ul1 li{ width:19%; height:40px; display:inline-block; text-align:center; line-height:40px; background:#8f8f8d; margin-left:1%; margin-bottom:1%; float:left;}
.ul1 li a{ font-family:"΢���ź�"; font-size:1.4rem; color:#fff}
.ul1 li:hover{ background:#e62129}

.hd2{ width:100%; height:30px; text-align:center; line-height:30px; background:url(../images/bj5.png) repeat; position:absolute; left:0; bottom:0; z-index:1}
.title2{ width:100%; text-align:center; font-family:"΢���ź�"; font-size:1.8rem; color:#333333; margin:3.125% auto;}
.wz{ text-align:left; width:93.75%; overflow:hidden; margin:auto; font-family:"΢���ź�"; font-size:1.6rem; color:#666666; line-height:30px;}
.img1{width:93.75%; display:block; margin:5% auto 0}
.block{ width:100%; overflow:hidden; background:#e8e8e8}
.wz2{ width:100%; overflow:hidden; font-family:"΢���ź�"; font-size:1.6rem; color:#333333; line-height:30px; margin:3.125% auto;text-align:left;}
.wz2 p{ text-indent:2em}

/*�����Ͳ�*/
.ul2{ width:100%; overflow:hidden; margin-top:40px;}
.ul2 li{ width:98%; overflow:hidden; background:#fff;border:1px solid #dadada; margin-bottom:10px;}
.top2{width:100%; height:65px; overflow:hidden; line-height:65px;font-family:"΢���ź�"; font-size:1.4rem; color:#666666;}
.name1{ width:69%; float:left; text-align:left; margin-left:1%; font-family:"΢���ź�"; font-size:1.8rem; color:#c20c25}
.button{ width:80px; height:30px; float:left; margin-top:19px; text-align:center; line-height:30px; background:#7b7b7b; border-radius:5px; color:#fff;font-family:"΢���ź�"; font-size:1.2rem; border:none}
.top2 span{ font-family:"΢���ź�"; font-size:14px; color:#666666; font-weight:bold}
.bottom2{text-align:left;width:90%; padding:0 5%; line-height:30px; overflow:hidden;border-top:1px solid #dadada;font-family:"΢���ź�"; font-size:1.2rem; color:#666666; background:#fff; display:none}
.name2{ font-family:"΢���ź�"; font-size:1.4rem; color:#333333; font-weight:bold; margin:2% auto}
.tips2{ font-family:"΢���ź�"; font-size:1.4rem; color:#666666; margin:4% auto 3%;}
.tips2 span{ font-family:"΢���ź�"; font-size:1.4rem; color:#c20c25; font-weight:bold;}
.active{ background:#c20c25}
.active .name1{ color:#fff}
.active .button{background:#fff; color:#333333}

.menu3{ width:100%; text-align:center; margin:3.5% auto;}
.menu3 a{ display:inline-block;width:110px; height:50px; text-align:center; line-height:50px; margin-left:1%; font-family:"΢���ź�"; font-size:1.4rem; color:#fff; background:#8f8f8d}
.menu3 a:hover{ background:#e62129}
.ul3{ width:100%; overflow:hidden;}
.ul3 li{ width:48%; float:left; margin:3% auto auto 3%; }
.ul3 li img{ width:100%;border:1px solid #dddddd}
.active2{ background:#e62129 !important}

.contact{ width:100%; overflow:hidden; margin:8% auto}
.left{ width:50%; overflow:hidden; float:left; text-align:left; font-family:"΢���ź�"; font-size:1.4rem; color:#333333; line-height:28px;}
.left img{ max-width:100%; display:block;}

.ul4{ width:100%; overflow:hidden; margin:3.125% auto}
.ul4 li{ width:41.7%; float:left; margin: auto auto 3.3% 3.3%; background:url(../images/bj6.png) no-repeat; background-size:100% 100%; padding:8.3% 3.3%;}
.ul4 li a{ font-family:"΢���ź�"; font-size:2.4rem; color:#ffffff}
.ul4 li a p{ font-size:1.8rem}


.meiyou{ width:100%; height:65px; border-bottom:1px solid #cecece}
.mtitle{ font-family:"΢���ź�"; font-size:2.4rem; color:#333333; display:inline-block; border-bottom:1px solid #c20c25; line-height:65px;}
.hwz{ width:100%; text-align:left; font-family:"΢���ź�"; font-size:1.6rem; color:#333; font-weight:bold; line-height:28px; margin:5% auto 2%;}
.wz3{ width:100%; text-align:left; font-family:"΢���ź�"; font-size:1.6rem; color:#333; line-height:30px}
.hwz p,.wz3 p{ text-indent:2em}

/*���Ŷ�̬*/
.ul5{ width:100%; overflow:hidden; margin:3.125% auto;}
.ul5 li{width: 92%;padding:5px 2%;margin: 6px auto;background: #e8e8e8;}
.ul5 li:after{content:"."; display:block; height:0; visibility:hidden; clear:both; }
.ha1{ width:50%; text-align:left; font-family:"΢���ź�"; font-size:1.4rem; color:#888888;margin-top:10px;float:left;}
.ha2{ width:100%; text-align:left; font-family:"΢���ź�"; font-size:1.6rem; color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ha2 p{ width:100%;font-size:1.2rem; color:#666; margin-top:5px;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:2;display: -webkit-box;white-space: normal;line-height:2rem;}

.more{ display:block; width:50%; text-align:right; font-family:"΢���ź�"; font-size:1.4rem; color:#c20c25; margin-top:10px;float:left;}

.ul5 li .img{ width:35%;float:left;display:block;position: relative;}

.ul5 li .img img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	max-width: 100%;
	max-height: 100%;
}
.ul5 li .right{float:right;width:64%;}
.yema{ width:100%; overflow:hidden; text-align:center; margin:5% auto}
.yema a{ display:inline-block; margin: auto 2%; width:120px; height:45px; text-align:center; line-height:45px; background:#fff; font-family:"΢���ź�"; font-size:1.6rem; color:#666666}

.xinwen{ width:calc(100% - 20px); padding: 0 10px; overflow:hidden; font-family:"΢���ź�"; font-size:1.4rem; color:#333333; line-height:30px;text-align:left;}
.xinwen_top{ width:100%; text-align:left;}
.xtitle{ width:100%; text-align:left; font-family:"΢���ź�"; font-size:2.4rem; color:#333333; margin:6% auto}
.xtitme{ font-family:Arial, Helvetica, sans-serif; font-size:1.4rem; color:#888888; margin-bottom:3%}
.xinwen p{ text-indent:2em}
.xinwen img{ width:100%; display:block; margin:3% auto}