@charset "utf-8";

/* CSS Document */

body{background: #FFF none repeat scroll 0 0; color: #333; font-family:"微软雅黑"; overflow-x: hidden; margin:0; color:#333;font-size:0.6rem; background: #ffffff;}

div{ font-size:0.6rem}

h3,h2,h1,p{ margin:0px; padding:0px;}

a{ text-decoration:none;}

ul,li{ margin:0px; padding:0px; list-style-type:none}

.main{ width:16rem; margin:0 auto; position:relative;}

.l{ float:left;}

.r{ float:right;}

.main img{ max-width:100%; display:block}

.contentnei img{ width:inherit;}

#fp-nav{ display:none}

.animated {animation-duration: 1s;  -webkit-animation-duration: 1s; animation-fill-mode: both; -webkit-animation-fill-mode: both;}

.mulu{ background:url(../images/mulu.png) no-repeat; width:1.88rem; height:1.88rem; background-size:100%; position:absolute; right:1rem; top:1rem; z-index:9999}

.popUps {-webkit-animation-name: popUps;animation-name: popUps;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;}

.section{ overflow:hidden;}

.footer{position: fixed;bottom: 0;left: 0;height: 1.88rem;width: 16rem;background-color: #fff;box-shadow: 0 0 10px 0 rgba(155,143,143,0.6);opacity: .80;z-index: 99999999; left:50%; margin-left:-8rem; border-top:0.05rem #CCCCCC solid}

.section img{ width:100%}

.footer li{ width:5.3rem; float:left; line-height:1.88rem; text-align:center; color:#333;}

.footer li img{ vertical-align:middle; margin-right:0.3rem;}

.footer_1 img{ width:0.87rem;}

.footer_2 img{ width:0.87rem;}

.footer_3 img{ width:0.87rem;}


@-webkit-keyframes back-y-spin {
0% { -webkit-transform:rotateY(360deg); }
50% { -webkit-transform:rotateY(270deg); }
100% { -webkit-transform:rotateY(360deg);}
}
@-webkit-keyframes back-y-spin1 {
0% { -webkit-transform:rotateY(360deg); }
50% { -webkit-transform:rotateY(180deg); }
100% { -webkit-transform:rotateY(360deg);}
}
@keyframes right {
	0% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(1em)
	}
}

@-webkit-keyframes right {
	0% {
		-webkit-transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(1em)
	}
}
@keyframes left {
	0% {
		transform: translateX(0)
	}
	50% {
		transform: translateX(1em)
	}
}

@-webkit-keyframes left {
	0% {
		-webkit-transform: translateX(0)
	}
	50% {
		-webkit-transform: translateX(1em)
	}
}
@-webkit-keyframes campanula{
    50%{-webkit-transform:rotate(-3deg);}
    100%{-webkit-transform:rotate(0);}
}
.piao{-webkit-animation: back-y-spin 5s ease-in-out -4s infinite;animation: back-y-spin 5s ease-in-out -4s infinite ;}
.piao1{-webkit-animation: right 2s ease-in-out 2s infinite;animation: right 2s ease-in-out 2s infinite;}
.piao2{-webkit-animation: left 2s ease-in-out 3s infinite;animation: left 2s ease-in-out 3s infinite;}
.piao3{-webkit-animation: campanula 2s linear infinite;animation: campanula 2s linea infinite;}

.index1{ background:url(../images/index_bj.jpg) no-repeat; background-size:100% 100%}
.index1_1{ width:8.11rem; position:absolute; top:0; left:0;}

/**.index1_2{ width:7.296rem; position:absolute; right:1.4rem; top:2rem;}**/
.index1_2{ width:7.296rem; position:absolute; right:3.8rem; bottom:4.8rem;}




.index1_3{ position:absolute; width:5.496rem; bottom:0.1rem; left:0rem;}
.index1_4{ position:absolute; width:15.9rem; top:5rem;}
.index1_5{ position:absolute; width:16rem; top:17.3rem;}
.index1_6{ position:absolute; width:6.488rem; right:0rem; top:15.6rem;}
.index1_7{ position:absolute; width:13.09rem; left:1rem; top:3.5rem;}
.index1_8{ position:absolute; width:3.2rem; top:16.3rem; right:1.5rem;}
.index1_9{ position:absolute; width:13.066rem; top:17rem; left:1.1rem;}
.index1_10{ position:absolute; width:1.096rem; top:6.9rem; right:4.5rem;}

.index1_11{ position:absolute; width:5.48rem; bottom:2.8rem; left:5.3rem;}

.index1_88{ position:absolute; width:8.311rem; top:10.5rem; right:1rem;}

.index2{ background:url(../images/mulu_bj.jpg) no-repeat; background-size:100% 100%}
.index2_1{ position:absolute; width:4.06rem; top:1rem; left:5.97rem;}
.index2_2{ position:absolute; width:8.488rem; top:3rem; left:3.756rem;}
.index2_3{ position:absolute; width:3.837rem; right:1.2rem; top:2.4rem;}
.index2_4{ position:absolute; width:5.67rem; bottom:5.7rem; left:0.3rem;}
.index2_5{ position:absolute; width:8.4rem; bottom:2.9rem; left:3.76rem;}
.index2_6{ position:absolute; width:3.6rem; bottom:2.5rem; left:6.2rem;}
.index2_7{ position:absolute; width:10.99rem; bottom:3rem; left:2.3rem;}
.index2_8{ position:absolute; width:4.99rem; bottom:7.5rem; right:.3rem;}
.index2_9{ position:absolute; width:2.97rem; bottom:6.4rem; left:0.9rem;}
.index2_10{ position:absolute; width:3.585rem; bottom:3.2rem; right:0.2rem;}


.index2_nav{ position:absolute; width:4.577rem; left:5.713rem; top:4.6rem;}
.index2_nav ul li{ width:4.577rem; margin-bottom:0.1rem;}


.daohang{ width:1.348rem; position:fixed; top:0; right:0.5rem; z-index:9999999}
.about{ background:url(../images/bg.jpg); padding-bottom:2.5rem; overflow:hidden;}
.about_1{ background:url(../images/top2.png) no-repeat; width:7.33rem; height:5.185rem; background-size:100% 100%; margin:0 auto;}
.about_2{ background:url(../images/top1.png) no-repeat; width:7.33rem; height:5.185rem; background-size:100% 100%; margin:0 auto;}
.about_1_1{ width:5.229rem; margin:0 auto; padding-top:1.1rem;}

.about1_1{ width:5.985rem; margin:1.2rem auto 0.5rem auto;}
.about1_2{ width:1.48rem; margin:0 auto;}
.about1_3{ width:11.427rem; margin:0 auto; margin-top:1rem;}
.about1_4{ position:relative; width:16rem; margin:0 auto}
.about1_5{ width:16rem; height:18.355rem; position:relative; overflow:hidden; margin-top:1rem;}
.about1_5_1{ width:16rem; position:absolute; height:18.355rem; background:url(../images/about_5.png) no-repeat;background-size:100%; }

.about1_6{ width:9.659rem; margin:0 auto; margin-top:1.5rem;}
.about1_7{ width:1.48rem; margin:0 auto; margin-top:0.5rem;}
.about1_8{ width:7.422rem; margin:0 auto; margin-top:1.5rem;}
.about1_9{ width:12.829rem; margin:0 auto; margin-top:1rem;}
.about1_10{ width:12.977rem; margin:0 auto; margin-top:0.5rem;}
.about1_11{ overflow:hidden; margin:0 auto; width:12.88rem; margin-top:1rem;}
.about1_11 li{ float:left; width:6.44rem;}
.about1_13{width:13.14rem;  margin:0 auto; margin-top:0.5rem;}
.about1_14{width:7.511rem;  margin:0 auto; margin-top:2rem;}
.about1_15{width:1.48rem;  margin:0 auto; margin-top:0.5rem;}
.about1_16{width:13.022rem;  margin:0 auto; margin-top:1.5rem;}
.about1_17{width:13.022rem;  margin:0 auto; margin-top:1rem;}
.about1_18{width:16rem;  margin:0 auto; margin-top:1rem;}
.about1_19{width:11.748rem;  margin:0 auto; margin-top:2rem;}
.about1_20{width:1.48rem;  margin:0 auto; margin-top:0.5rem;}
.about1_21{width:4.014rem;  margin:0 auto; margin-top:1.5rem;}
.about1_22{width:13.022rem;  margin:0 auto; margin-top:.5rem;}
.about1_23{width:3.674rem;  margin:0 auto; margin-top:1.5rem;}
.about1_24{width:13.022rem;  margin:0 auto; margin-top:0.5rem;}





.zuohe1_1{ width:4.755rem; margin:0 auto; margin-top:1rem;}
.zuohe1_2{ width:5.229rem; margin:0 auto; margin-top:1rem;}
.zuohe1_3{ overflow:hidden; width:14.4rem; margin:0 auto;}
.zuohe1_3 li{ float:left; width:6.22rem; margin-top:1rem;}
.zuohe1_3 li:nth-child(2){ float:right; width:7.14rem;}
.zuohe1_5{ width:5.229rem; margin:0 auto; margin-top:1rem;}
.zuohe1_8{ width:5.229rem; margin:0 auto; margin-top:1rem;}

.zuohe1_11{ width:5.037rem; margin:0 auto; margin-top:2rem;}
.zuohe1_12{ width:7.33rem; margin:0 auto; margin-top:0.5rem;}
.zuohe1_13{ width:7.33rem; margin:0 auto; margin-top:1rem;}
.zuohe1_14{ width:13.807rem; margin:0 auto;}



.xie{ width:0.85rem; margin:0 auto; margin-top:0.5rem;}
.xiang1_1{ width:5.229rem; margin:0 auto; margin-top:1rem;}
.xiang1_2{ width:1.48rem; margin:0 auto; margin-top:0.5rem;}
.xiang1_3{ width:7.97rem; margin:0 auto; margin-top:1rem;}
.xiang1_4{ width:15.274rem; margin:0 auto; margin-top:1rem;}
.xiang1_5{ width:15.274rem; margin:0 auto; margin-top:0.2rem;}
.xiang1_6{ width:16rem; margin:0 auto; margin-top:0.5rem;}
.xiang1_7{ width:7.33rem; margin:0 auto; margin-top:1rem;}
.xiang1_8{ width:4.711rem; margin:0 auto; margin-top:1rem;}
.xiang1_9{ width:13.525rem; margin:0 auto; margin-top:0.3rem;}
.xiang1_10{ width:4.711rem; margin:0 auto; margin-top:1rem;}
.xiang1_11{ width:13.525rem; margin:0 auto; margin-top:0.3rem;}
.xiang1_12{ width:4.711rem; margin:0 auto; margin-top:1rem;}
.xiang1_13{ width:13.525rem; margin:0 auto; margin-top:0.3rem;}
.xiang1_14{ width:4.711rem; margin:0 auto; margin-top:1rem;}
.xiang1_15{ width:13.525rem; margin:0 auto; margin-top:0.3rem;}
.xiang1_16{ width:16rem; margin:0 auto; margin-top:2rem;}
.xiang1_17{ width:11.051rem; margin:0 auto; margin-top:1rem;}
.xiang1_18{ width:13.703rem; margin:0 auto; margin-top:0.3rem;}
.xiang1_19{ width:11.051rem; margin:0 auto; margin-top:1rem;}
.xiang1_20{ width:13.703rem; margin:0 auto; margin-top:0.3rem;}





.zong1_1{ width:5.229rem; margin:0 auto; margin-top:2rem}
.zong1_2{ width:4.325rem; margin:0 auto; margin-top:0}
.zong1_3{ width:16rem; margin:0 auto; margin-top:1rem}
.zong1_4{ width:16rem; margin:0 auto; margin-top:0}
.zong1_5{ width:16rem; margin:0 auto; margin-top:0}
.zong1_6{ width:16rem; margin:0 auto; margin-top:0}
.zong1_7{ width:16rem; margin:0 auto; margin-top:0}
.zong1_8{ width:5.688rem; margin:0 auto; margin-top:2rem;}
.zong1_9{ width:4.577rem; margin:0 auto; margin-top:0}
.zong1_10{ width:13.866rem; margin:0 auto; margin-top:1rem}
.zong1_11{ width:13.866rem; margin:0 auto; margin-top:}
.zong1_12{ width:13.866rem; margin:0 auto; margin-top:}
.zong1_13{ width:13.866rem; margin:0 auto; margin-top:}

.daohang1{ position:fixed; top:0; left:4rem; z-index:9999999}
.xian1{ margin:0 auto;}
.xian2{ margin-top:1rem;}
.xian_2{ width:6.977rem; position:fixed; bottom:1.6rem; left:4.5rem;}
.xian_3{ width:6.977rem; margin:0.5rem auto; text-align:center;}
.xian_3 a{ text-align:center; color:#000;}
.xian1_1{ overflow:hidden; width:16rem; height:30.088rem;}
.xian1_2{ overflow:hidden; width:16rem; }

.news1{ overflow:hidden; margin-top:1rem;}
.news1_1 li{ border-radius:10px; overflow:hidden; background:#FFF; width:14rem; margin:0.5rem auto 0 auto;}
.news1_1 h2{ padding:0.5rem; font-size:0.8rem; color:#000}
.news1_1 p{ padding:0 0.5rem 0.5rem 0.5rem; color:#665}
.news1_1 p span{ padding-left:1rem;}

.news{padding-bottom:2.5rem;}
.news2{ border-top:1px #ccc solid; padding-top:1rem; width:14rem; margin:0 auto; margin-top:0.5rem;}
.news2 img{ max-width:100%;}
.news2 p{ margin-top:0.5rem; line-height:1rem; color:#333}

.cont_2{ width:16rem; margin:1rem auto; border-top:1px #CCCCCC dotted;}
.cont_2 ul{ width:14rem; margin:1rem auto;}
.cont_2 li{ line-height:1.5rem;}
.cont_2 li a{ color:#000;}

.contact{ width:14rem; margin:1rem auto;}
.contact div:nth-child(1){ text-align:center; font-size:0.8rem; font-weight:bold; margin-top:1.5rem;}
.contact div:nth-child(2){ text-align:center; font-size:0.5rem; margin-top:0.5rem;}
.contact div:nth-child(3){ text-align:center; font-size:0.8rem;font-weight:bold; margin-top:1.5rem;}
.contact div:nth-child(4){ text-align:center; color:#ea0a2a; font-size:0.9rem;font-weight:bold; margin-top:0.5rem;}
.contact div:nth-child(5){ margin-top:2rem;}
.contact div:nth-child(6){ margin-top:1rem;}
.contact div:nth-child(6) li{ width:7rem; text-align:center; float:left;}
.contact div:nth-child(6) li img{ width:3.985rem; margin:0 auto}
.contact div:nth-child(6) li p{ margin:0.3rem 0; font-weight:bold}


.contact_1{ overflow:hidden; clear:both; }
.contact_1_1{ width:14rem; margin:0 auto; margin-top:1rem; background:#000; height:1.6rem; text-align:center; line-height:1.6rem; color:#FFF;}
.contact_1_2{ background:#7e7e7e; overflow:hidden;}
.contact_1_2 ul{ width:14rem; margin:1rem auto;}
.contact_1_2 ul li div{ background:#FFF; height:1.8rem; line-height:1.8rem; margin-bottom:0.5rem; font-size:0.7rem; padding:0 0.5rem;}
.contact_1_2 ul li div input{ outline:none; border:0; font-size:0.7rem;}
















