@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:"Montserrat", "微软雅黑", Arial;
	font-size:14px;
	line-height:1.5;
	color:#333;
}
a {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#019984;
}
img {
	border:0;
	display:inline;
	vertical-align: bottom;
}
select {
	text-transform: none;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
input, button, select, textarea {
	font-family: "微软雅黑";
	outline: none;
	border: none;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.header {
	height:100px;
	width:100%;
	margin:0 auto;
	position: fixed;
	top:0px;
	z-index:100;
	background: rgba(5,5,5,.5);
	overflow: hidden;
}
.header-top{
	width: 1600px;
	margin: auto;
}
.logo {
	width:15%;
	float:left;
	height:100px;
	line-height:100px;
	text-align:center;
	margin-top:-30px;
}

.nav {
	float:left;
	width:68%;
}
.nav ul li a {
	float:left;
	line-height:100px;
	height:100px;
	font-size:20px;
	margin-right:3%;
	color:#FFFFFF
}
.tel {
	float:right;
	width:17%;
	margin-top:35px;
	padding:0 0 0 5px;
	color:#FFFFFF
}
/*--------header end--------*/

.fa {
	height:900px;
}
.fangan {
	width:500px;
	margin:0 auto;
	text-align:center;
	margin:50px auto;
}
.cp {
	height:900px;
	background:#f4f4f4;
	padding-top:20px;
	width:100%
}
.chanpin {
	width:500px;
	margin:0 auto;
	text-align:center;
	margin:50px auto;
}
.chan {
	width:1600px;
	height:800px;
	margin:0 auto;
}
.cpleft {
	float:left;
	width:385px;
	background:#FFFFFF;
	height:660px;
	position:relative;
}
.cpleft img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.ltitle {
	width:380px;
	height:30px;
	margin-top:30px;
	font-size:20px;
	float:right;
	text-align:right;
	margin-right:20px;
	position: relative;
	top:390px;
}
.cpright {
	float:right;
	width:1200px;
	position:relative;
}
.cpright ul li {
	width:380px;
	height:320px;
	float:left;
	margin:0 10px 20px 10px;
	background:#FFFFFF;
	text-align:center;
	padding-top:50px;
	padding-left:50px;
}
.title {
	width:380px;
	height:30px;
	margin-top:30px;
	font-size:20px;
	float:right;
	text-align:right;
	margin-right:20px;
}
.pic {
	width:280px;
	height:200px;
	text-align:center;
}
.pic img {
	width:280px;
	height: auto;
	text-align:center;
}
.picr {
	width:280px;
	height:200px;
	text-align:center;
}
.picr img {
	width:280px;
	height: 200px;
	text-align:center;
}
.al {
	height:900px;
	background:#ffffff;
	padding-top:20px;
	width:100%
}
.anli {
	width: 100%;
	width:500px;
	text-align:center;
	margin:50px auto;
}
.jiexi {
	width:1600px;
	height:800px;
	margin:auto;
	display:flex;
	justify-content: space-between;
	flex-flow:row wrap;
	
}
.item {
	overflow: hidden;
}
.jiexi .item:nth-child(2){
	margin: 0 0 0 -10px!important;

}
.item .img,.item4 .img,.item5 .img,.item6 .img{
	position:relative
}
.item4 {
	height:430px;
	margin-top:-150px;
}
.item5 {
	height:430px;
	margin-top:10px;
}
.item6 {
	height:430px;
	margin-top:-50px;
}
.altitle {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:50%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle a {
	color:#FFFFFF;
}
.altitle1 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:50%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle1 a {
	color:#FFFFFF;
}
.altitle3 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:40%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle3 a {
	color:#FFFFFF;
}
.altitle5 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:30%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle5 a {
	color:#FFFFFF;
}
.altitle6 {
	position:absolute;
	color:#FFFFFF;
	font-size:30px;
	text-align:center;
	top:35%;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
}
.altitle6 a {
	color:#FFFFFF;
}
.about {
	height:800px;
	background:#f4f4f4;
	padding-top:20px;
	width:100%;
	padding-top:50px;
}
.about_title {
	width:300px;
	height:100px;
	margin:0 auto;
	text-align: center;
	font-weight:888!important;;

}
.about_main {
	width:1600px;
	height:600px;
	margin: 0 auto;
}
.about_left p {
	font-size:20px;
	line-height:35px;
	text-indent:2em;
}
.about_left {
	width:500px;
	height:600px;
	float:left
}
.about_bt {
	width:120px;
	height:35px;
	margin: 0 auto;
	border: 1px solid #CC0000;
	line-height:35px;
	font-size:20px;
	background:#CC0000;
	text-align:center;
	color:#FFFFFF;
	margin-top:50px;
	border-radius :15px;
}
.about_bt a {
	color:#FFFFFF
}
.about_right {
	width:1000px;
	height:600px;
	float:right
}
.about_right img {
	width:950px;
	height:550px;
}
.about_pic {
	width:auto;
	height:auto;
	margin:0 auto;
}
.about_pic img{
	width: 100%!important;
}
.news {
	height:900px;
	background:#ffffff;
	padding-top:20px;
	width:100%
}
.news_title {
	width:500px;
	margin:0 auto;
	text-align:center;
	margin:50px auto;
}
.news_main {
	height:900px;
	background:#fff;
	padding-top:20px;
	width:1600px;
	margin:0 auto;
	padding-top:50px;
}
.news_left {
	width:380px;
	position:relative;
	float:left;
	overflow: hidden;
}
.news_left img{
	width: 380px;
	height: 480px;
}
.news_left_title {
	position:absolute;
	bottom:30px;
	padding:0 10px;
}
.news_left_title a {
	color:#FFFFFF;
	font-size:16px;
}
.news_right {
	width:1130px;
	float:right;
	position:relative;
	display:flex;
	justify-content: space-between;
	overflow: hidden;
}
.news_item {
	width:320px;
}
.news_item img{
	width: 320px;
	height: 170px;

}
.news_pic {
	margin-top:20px;
}
.news_right_title {
	font-size:20px;
	margin-top:20px;
}
.news_right_title a{
	color: #444
}
.news_right_title a:hover{
	color: #b84
}
.riqi span {
	font-size:30px;
	;
	margin-right:10px;
}
.news_item p {
	font-size:15px;
	margin-top:15px;
	color: #888
}
.news_bt {
	width:120px;
	height:35px;
	line-height:35px;
	font-size:1em;
	/*! background:#CC0000; */
	text-align:left;
	color:#555;
}
.news_bt a {
	color:#888
}
.lianxi {
	height:300px;
	width:1600px;
	margin:0 auto;
	margin-bottom:20px;
}
.lianxi dt {
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
}
.lianxi dl {
	font-size:15px;
	line-height:35px;
}
.lianxi dl a {
	color:#333
}
.lx {
	width:300px;
	height:auto;
	float:left
}
.lianxi_right {
	width:400px;
	height:300px;
	float:right
}
.lianxi_right p {
	font-size:30px;
	margin-top:12px;
}
.lianxi_right_bt {
	width:120px;
	height:35px;
	border: 1px solid #CC0000;
	line-height:35px;
	font-size:20px;
	background:#CC0000;
	text-align:center;
	color:#FFFFFF;
	margin-top:30px;
	border-radius :15px;
}
.lianxi_right_bt a {
	color:#FFFFFF
}
.wechat li{
	float:left;
	width: 30%;
	text-align: center;
	margin: 5px 0;
}

.wechat li img {
	width: 100%;
	padding: 5px;
}
.clear { clear: both; height: 0px; font-size: 0px; line-height: 0px; margin: 0px; padding: 0px; }


/*banner begin*/
.indexbanner {
	width:100%;
	position:relative;
	overflow:hidden;
	background-color:#f2f2f2;
}
.indexbanner li {
	width:100%;
	position:relative;
	width:100%;
	overflow:hidden;
	float:left;
	-webkit-flex-shrink:0;
	-ms-flex:0 0 auto;
	flex-shrink:0;
	height:100%;
	position:relative;
}
.indexbanner ul {
	width:100%;
	height:100%;
	z-index:1;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-transition-property:-webkit-transform;
	-moz-transition-property:-moz-transform;
	-o-transition-property:-o-transform;
	-ms-transition-property:-ms-transform;
	transition-property:transform;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box
}
.indexbannerbtn {
	width:100%;
	text-align:center;
	position:absolute;
	left:0;
	z-index:20;
	bottom:12px;
}
.indexbannerbtn p span {
	display:inline-block;
	width:50px;
	height:2px;
	background:#999;
	overflow:hidden;
	margin:0 5px;
	cursor:pointer;
}
.indexbannerbtn p span.swiper-pagination-bullet-active {
	background: #CC3300;
}
.indexbanner img {
	display:block;
	width:100%;
	height:calc(100vh);
	position:relative;
}
.bannertextcont {
	padding:20px 15px 40px;
	text-align:center;
	color:#333;
	background:#f2f2f2;
}
.bannertitle {
	font-size:20px;
}
.bannertext {
	font-size:16px;
	margin:15px 0 20px;
}
.bannerlink {
	display:inline-block;
	width:107px;
	height:36px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#FFF;
	background:#00837a;
	border:1px solid #00837a;
}
.bannerlink:hover {
	color:#fff;
}
@media (min-width:1024px) {
.bannertitle {
font-size:50px;
font-weight: bold;
line-height:76px;
transition:all 600ms;
-webkit-transition:all 600ms;
-moz-transition:all 600ms;
-ms-transition:all 600ms;
-o-transition:all 600ms;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
opacity:0;
}
.bannertext {
font-size:20px;
margin:40px 0 42px;
transition:all 1000ms;
-webkit-transition:all 1000ms;
-moz-transition:all 1000ms;
-ms-transition:all 1000ms;
-o-transition:all 1000ms;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
opacity:0
}
.bannerlink {
font-size:16px;
opacity:0;
transition:all 1300ms;
-webkit-transition:all 1300ms;
-moz-transition:all 1300ms;
-ms-transition:all 1300ms;
-o-transition:all 1300ms;
-webkit-transform:translateY(50px);
-moz-transform:translateY(50px);
-ms-transform:translateY(50px);
-o-transform:translateY(50px);
transform:translateY(50px);
}
.bannertextcont {
background:none;
text-align:left;
position:absolute;
padding:0 15px;
left:0;
top:40%;
transform:translate(0%, -50%);
-webkit-transform:translate(0%, -50%);
-moz-transform:translate(0%, -50%);
-ms-transform:translate(0%, -50%);
-o-transform:translate(0%, -50%);
z-index:10;
color:#333;
}
.bannertextcont.right .controlwz {
float:right;
}
.bannertextcont.white {
color:#fff;
}
.indexbanner li.notxt .bannertextcont {
display:none;
}
.indexbanner li.active .bannertitle {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.indexbanner li.active .bannertext {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
.indexbanner li.active .bannerlink {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1
}
}
/*foot begin*/
.foot {
	background:#f4f4f4;
	border-top:4px solid #eee;
	/*! padding-top:51px; */
	color:#333;
	overflow:hidden;
}
.foot .cen_m {
	width:1600px;
	margin: 0 auto;
}
.foot .content {
	padding-bottom:10px;
	overflow:hidden;
}
.foot .tit {
	font-size:20px;
	line-height:1;
	margin-bottom:5px;
}
.foot .content ul {
	float:left;
	width:761px;
	padding-top:15px;
}
.foot .content ul li {
	line-height:20px;
	width:45%;
	float:left;
	margin-bottom:20px;
}
.foot .content ul li a {
	color:white;
}
.foot .content ul li img {
	height:18px;
	width:auto;
	margin-right:10px;
}
.foot .content ul li:nth-child(2n) {
width:55%;
}
.foot .content .wx {
	float:left;
	position:relative;
	margin-left:34px;
	width:82px;
}
.foot .content .wx img {
	width:100%;
	height:auto;
}
.foot .content .wx:after {
	width: 23px;
	height: 18px;
	position: absolute;
	left:-34px;
	top: 5px;
	background-image:url(../images/wx.png);
	background-repeat:no-repeat;
	background-size:cover;
	content: '';
}
.foot .copyright {
	font-size:15px;
	text-align:left;
	border-top:1px #ddd solid;
	padding-top:41px;
	padding-bottom:27px;
}
.foot .copyright a {
	color:#333;
}
footer .flink{
    width: 100%;
    overflow: hidden;
    margin: 40px 0 ; 
    font-size: 0.85rem;
}
footer .flink ul{
    width:83.55555555555555555555555555%;
    margin:auto;
    line-height:30px;
    border:4px solid #eee;
    overflow: hidden;
    padding: 10px 0;
}
footer .flink h5{
    margin-left:8.333333333333333333333333333333%; 
    line-height: 40px;
    overflow: hidden;
    color: #888;
    font-size: 0.95rem
}
footer .flink ul li{
    float:left;
    margin:0 10px;
}
footer .flink ul li a{
    color: #888;
    font-size:1em;
}