@charset "utf-8";
body{ font-size:16px;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*{ padding:0; margin:0; font-family:"微软雅黑",Verdana,Arial,Helvetica,sans-serif; }
img { border:0; max-width:100%; }
a{ text-decoration:none; color:#707070; }
a:hover{ text-decoration:none; }
ul,li{ list-style:none; }
h1,h2,h3,h4,h5,h6{ font-weight:normal; }

.clearfix:after{ display:block; clear:both; content:''; width:100%; }

.hide{ display:none; opacity:0; }
.animated{ display:block; opacity:1; }
.mobile_show{ display:none!important; opacity:0; }

::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
::-webkit-scrollbar-track {
border-radius: 0;
background: #fff;
}

header{ width:100%; position:fixed; left:0; top:0; z-index:999; padding:0 5%; font-size:16px; transition:.3s ease; background:url(../images/header_bg.png) repeat-x 0 top; border-bottom:2px solid rgba(255,255,255,.1); }
header:hover{}
header .logo{ width:220px; float:left; display:flex; justify-content:center; align-items:center; }
header .logo img{ display:block; }
header .logo img.logo2{ display:none; }
header .menu_btn{ display:none; }
header nav{ width:50%; min-width:800px; height:115px; margin:0 auto; overflow:hidden; float:right}
header nav ul{ width:100%; display:flex; }
header nav li{ height:130px; position:relative; flex:1; padding:0 5px; }
header nav .navH{ position:relative;}
header nav .navH:before{ width:0px; height:2px; background:#fff; content:''; display:block; position:absolute; left:50%; bottom:0; transition:all .5s ease; }
header nav li:hover .navH:before{ width:20%; left:40%; }
header nav .navH a{ height:115px; line-height:115px; display:block; color:#fff; position:relative; transition:all .5s ease; text-align:center; }
header nav .navH a:after{ width:100%; height:100%; content:attr(data-title); display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0px;transform:translateY(100%); }
header nav li:hover .navH a{ transform:translateY(-100%); }
header nav .slidBox{ width:100%; background:rgba(0,0,0,.3); position:fixed; left:0; right:0; min-width:1024px; padding:0 18%; display:none; }



header nav .slidBox .navSbox{ padding:25px 30px; /*display:flex;*/ }
header nav .slidBox .navSbox:after{ display:block; clear:both; content:''; width:100%; }
header nav .slidBox .navSbox a{color: #fff;
    transition: .3s;
    display: inline-block;
    margin: 10px 5%;
    white-space: nowrap;
    float: left; } 
header nav .slidBox .navSbox a:hover{ transform:translateX(10px); }
header nav li:hover .slidBox{ display:block; }

header .lang{ width:30px; height:115px; float:right; color:#fff; position:relative; }
header .lang a{ color:#fff; display:inline-block; font-size:16px; height:25px; line-height:25px; transition:all .5s ease; font-weight:bold; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }


header .tel_box{ width:70px; height:115px; background:url(../images/tel.png) no-repeat center; float:right; position:relative; cursor:pointer; }
header .tel_box span{ display:none; padding:10px 15px; background:#fff;  white-space: nowrap; position:absolute; right:0; bottom:0; margin-bottom:-30px; border-radius:3px; z-index:4; box-shadow:0 0 10px rgba(0,0,0,.5);}
header .tel_box:hover span{ display:block; }

/* 内页头 */
header.nei_header{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 20px rgba(0,0,0,.3); border-bottom:0; }
header.nei_header nav{ height:100px; }
header.nei_header nav .navH a{ height:100px; line-height:100px; }
header.nei_header .logo img{ display:none; }
header.nei_header .logo img.logo2{ display:block; }
header.nei_header a { color:#000!important; }
header.nei_header nav .slidBox{ background:#fff; border-top:1px solid rgba(0,0,0,.3); }
header.nei_header .tel_box{ height:100px; }
header.nei_header .lang{ height:100px; }

.mobile_nav{ display:none; }


#page_menu { position: fixed; right: 30px;#right: 30px; top: 50%; width: 10px; margin-top: -50px; padding: 0; list-style-type: none; z-index: 70;}
#page_menu li { width:10px; height:10px; float:left; margin-top:10px;}
#page_menu li a { display:block; float:left; width:10px; height:10px; text-indent:-100px; overflow:hidden; border-radius:5px; background:#fff;}
#page_menu li.active a { background:#2e9b7c}

.section{ transition:.3s ease }
.section .tableCell { position:relative; }
.page1 video{    display: block;    width: 100%;    position: absolute;    top: 0;    left: 0;    height: 100vh;    object-fit: cover;    filter: brightness(0.8) grayscale(0.2);}
.page1 video::-webkit-media-controls-enclosure{
    display: none;
}

.section canvas {
	width:100%;height:100%;
	display:inline-block;
	vertical-align:baseline;
	position:absolute;
	left:0; top:0;
	z-index:1;
	opacity:.55;
}

.animation_set li:nth-child(1){ animation-delay:.5s;animation-duration: 1.5s; }
.animation_set li:nth-child(2){ animation-delay:.7s;animation-duration: 1.5s; }
.animation_set li:nth-child(3){ animation-delay:.9s;animation-duration: 1.5s; }
.animation_set li:nth-child(4){ animation-delay:1.1s;animation-duration: 1.5s; }
.animation_set li:nth-child(5){ animation-delay:1.3s;animation-duration: 1.5s; }
.animation_set li:nth-child(6){ animation-delay:1.5s;animation-duration: 1.5s; }
.animation_set li:nth-child(7){ animation-delay:1.7s;animation-duration: 1.5s; }

.nei_banner{ width:100%; padding-top:115px; }
.nei_banner img{ width:100%; max-height:400px; display:block;}

.box{ width:100%; height:100vh; margin:100px auto 0; position:relative; z-index:2;  overflow:hidden; }

.index_title{ width:100%; position:relative; margin-top:70px; padding-bottom:10px; }
.index_title:after{ width:513px; height:88px; background:url(../images/pinyin.png) no-repeat; position:absolute; left:-220px; top:0; content:'';  }
.index_title .tit{ font-size:40px; color:#2e9b7c; display:inline-block; padding:20px 0 3px; font-weight:bold; }
.index_title .tit i{ font-style:normal; color:#444c55; }
.index_title p{ font-size:16px; color:#2e9b7c; }

.about_box{ width:100%!important; max-width:none; }
.about_box .about_left{ width:56%; height:838px; background:url(../images/about_bg_left.jpg) no-repeat right 0; float:left; }
.about_box .about_right{ width:44%; height:838px; background:url(../images/about_bg_right.jpg?1) no-repeat left 0; float:right;  }

.about_left_info{ width:840px; max-width:100%; float:right; position:relative; }
.about_left_info .about_brief{ width:100%; font-size:16px; color:#1b1e1d; line-height:38px; margin-top:40px; }
.about_left_info .number_box{ width:100%; margin-top:40px; }
.about_left_info .number_box li{ width:25%; float:left; padding-right:40px; } 
.about_left_info .number_box li .n{ color:#767676; font-weight:bold; border-bottom:1px solid #C7C7C7; position:relative; }
.about_left_info .number_box li .n:after{ width:7px; height:7px; background:#2B886F; border-radius:50%; content:''; position:absolute; right:0; bottom:-4px; }
.about_left_info .number_box li .n b{ color:#2b886f; font-size:36px; margin-right:5px; }
.about_left_info .number_box li .c{ color:#767676; margin-top:10px;}
.about_left_info a.more{ width:140px; height:46px; display:block; background:url(../images/more_bg.png) no-repeat; color:#fff; text-align:center; line-height:46px; margin-top:70px; }

.prod_box_bg{ background:url(../images/prod_bg.jpg) no-repeat right center; }
.prod_box{ width:100%; max-width:1500px; margin:0 auto; }
.prod_box .prod_left{ width:40%; max-width:610px; float:left; }
.prod_box .prod_left .prod_type{ width:100%; margin-top:175px; }
.prod_box .prod_left .prod_type a{ width:50%; display:block; float:left; text-align:center; }
.prod_box .prod_left .prod_type a span{ width:249px; height:249px; display:block; margin:0 auto; transition:.3s; }
.prod_box .prod_left .prod_type a.active span.icon_1{ background:url(../images/prod_icon1.png) no-repeat; }
.prod_box .prod_left .prod_type a.active span.icon_2{ background:url(../images/prod_icon2.png) no-repeat; }
.prod_box .prod_left .prod_type a span.icon_1{ background:url(../images/prod_icon1_out.png) no-repeat; }
.prod_box .prod_left .prod_type a span.icon_2{ background:url(../images/prod_icon2_out.png) no-repeat; }

.prod_box .prod_left .prod_type a b{ display:block; font-size:24px; color:#a2a5a4; margin-top:30px; }
.prod_box .prod_left .prod_type a.active b{ color:#444c55; }

.prod_box .prod_left .prod_type a:hover img{ transform:translateY(-30px); }


.prod_box .picshow{position:relative;z-index:1; width:55%; max-width:785px;overflow:hidden; float:right;}
.prod_box .picshow .picwrap{ height:440px; }
.prod_box .picshow .picwrap li{position:absolute;left:0px;top:0px;width:100%;height:440px;}
.prod_box .picshow .picwrap li.hide{display:none;}
.prod_box .picshow .picwrap li img{ max-width:100%; max-height:100%; }
.prod_box .picshow .butt{position:relative;width:100%;height:110px;text-align:center; margin-top:10px;}
.prod_box .picshow .butt .trans_bg{width:100%;height:100%;}
.prod_box .picshow .butt ul{ width:100%; position:absolute;left:0px;top:0px;text-align:center;zoom:100%;}
.prod_box .picshow .butt li{position:relative;float:left;display:inline-block; width:calc(25% - 20px); max-width:170px; height:110px; padding:10px; text-align:center; border:1px solid #D2DBD9; border-radius:10px; margin:0 10px; cursor:pointer; }

.prod_box .picshow .butt li img.bg{ max-width:90%; max-height:90%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.prod_box .picshow .butt li.on{ background:rgba(39,153,129,.2); }
.prod_box .picshow .pic_titles{position:absolute;bottom:40px;left:0px;width:100%;}
.prod_box .picshow .pic_titles ul{margin-left:30px;}
.prod_box .picshow .pic_titles li{float:left;display:inline;width:172px;height:22px;overflow:hidden;text-align:center;}
.prod_box .picshow .pic_titles li p{display:none;width:100%;height:22px;overflow:hidden;line-height:22px;text-align:center;color:#fff;font-size:14px;font-weight:bold;}


.video_bg{ background:url(../images/video_bg.jpg?1) no-repeat; }
.video_box{ width:100%; max-width:1500px; margin:0 auto; }
.video_box .video_info{ width:964px; max-width:100%; height:477px; border:10px solid rgba(255,255,255,.3); position:relative; margin-top:40px; background:#fff; }
.video_box .video_info img{ width:100%; height:100%; }
.video_box .video_info .play_btn{ width:166px; height:166px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:url(../images/play_btn.png) no-repeat; cursor:pointer; }
.video_box .video_info video{ width:100%; height:100%; display:none; }


.news_bg{ background:url(../images/news_bg.jpg) no-repeat; }
.news_box{ width:100%; max-width:1500px; margin:0 auto; }
.news_box .list{ width:100%; padding-top:40px; border-bottom:3px solid #D2DBD9; }
.news_box .list li{ width:33.3333%; float:left; padding:20px 40px 20px; position:relative;}
.news_box .list li:nth-child(4){ display:none; }
.news_box .list li:after{ width:1px; height:400px; max-width:90%; background:#E6ECEB; content:''; position:absolute; top:0; left:0; }
.news_box .list li:first-child:after{ display:none; }
.news_box .list li .date b{ font-size:30px; color:#2b2a2a; }
.news_box .list li .date i{ font-size:14px; color:#656464; font-style:normal; margin-left:10px; }
.news_box .list li .pic{ width:100%; height:250px; margin-top:20px; overflow:hidden; }
.news_box .list li .pic img{ width:100%; height:250px; transition:.3s; }
.news_box .list li .pic:hover img{ transform:scale(1.1,1.1); }
.news_box .list li .tit{ color:#2b2a2a; font-size:18px; line-height:30px; margin:15px 0; display:block; }
.news_box .news_more{ width:140px; height:46px; display:block; background:url(../images/more_bg.png) no-repeat; color:#fff; text-align:center; line-height:46px; margin-top:50px; }


.contact_bg{ background:url(../images/contact_bg.jpg) no-repeat; }
.contact_box{ width:100%; max-width:1500px; margin:0 auto; }
.contact_box .index_title{ margin-bottom:150px; }
.contact_box .title{ font-size:24px; color:#444c55; position:relative; height:50px; line-height:40px; }
.contact_box .title:after{ width:45px; height:5px; background:#149390; content:''; position:absolute; left:0; bottom:0; border-radius:3px; }
.contact_info{ width:550px; float:left; max-width:50%; padding-right:10px; }
.contact_info ul{ width:calc(100% - 120px); float:left; padding-top:40px; }
.contact_info ul li{ padding-left:40px; color:#232323; padding-bottom:15px; }
.contact_info ul li:first-child{ color:#048f9e; font-weight:bold; font-size:28px;}
.contact_info ul li:nth-child(1){ background:url(../images/contact_icon1.png) no-repeat 0 10px; }
.contact_info ul li:nth-child(2){ background:url(../images/contact_icon2.png) no-repeat 0 4px; }
.contact_info ul li:nth-child(3){ background:url(../images/contact_icon3.png) no-repeat 0 4px; }
.contact_info ul li:nth-child(4){ background:url(../images/contact_icon4.png) no-repeat 0 2px; }
.contact_qrcode{ width:120px; float:right; margin-top:60px; text-align:center; color:#444c55; font-size:14px;  } 
.contact_qrcode img{ width:100%; height:120px;}
.feedback{ width:775px; float:right; max-width:50%; }
.feedback ul{ margin-top:10px; }
.feedback li{ width:50%; float:left; padding-right:25px; margin-top:15px; }
.feedback li input{ width:100%; height: 53px;  border:0; border-bottom:1px solid #B9BABA; font-size:16px; padding:0 5px; }
.feedback li input.vcode{ width:60%; }
.feedback li img.vcode_img{ float:right; max-width:35%; height:53px; cursor:pointer; }
.feedback_btn{ width:100%; height:53px; background:url(../images/btn_bg.png) no-repeat; background-size:100% 100%; border:0; font-size:16px; color:#fff; }
.copyright_box{ width:100%; border-top:1px solid #EAEAEA; margin-top:70px; }
.copyright_index{ width:100%; max-width:1500px; margin:0 auto; color:#959494; padding-top:20px; font-size:15px; }
.copyright_index a{ color:#959494; }
.copyright_left{ float:left; width:70% }
.copyright_right{ float:right; width:30%; text-align:right;}

.position_box{ width:100%; height:46px; background-color: rgba(238, 238, 238, 1); border-bottom: 0px solid #dddd; }
.position{ width:100%; max-width:1360px; height:46px; line-height:46px; margin:0 auto; background:url(../images/icoo2.png) no-repeat 5px center; padding-left:30px; color:#000; }
.position a{ color:#000; }

.main{ width:100%; max-width:1360px; margin:0 auto; position:relative;overflow: hidden;clear:both; padding:30px 20px; }

.all_left{ width:262px; float:left;}
.all_right{ width:calc(100% - 262px - 2%); float:right; background:#fff;}

/*内页左侧*/
.left_list{ width:100%; margin-bottom:20px;}
.left_list strong { background: #2E9B7C; color: #fff; display: block; font-size: 26px; overflow: hidden;  padding:25px; font-weight:normal; }
.left_list strong span {
    color: #fff;
    display: block;
    font-family:arial,helvetica,sans-serif;
    font-size: 14px;
    font-weight: 100;
    padding-top: 3px;
}

.left_list ul li {
	min-height:50px;
	font-size:16px;
	background-color:#eee;
	border-bottom:1px #FFFFFF solid;
	color:#000;
}


.left_list UL li a {
	min-height:50px;
	line-height:25px;
	padding:10px 25px;
	font-size:16px;
	color:#363636;
	display:block;
}
.left_list UL li a.current2{ padding-left:80px;}
.left_list UL li a:hover {
	background-color:#2E9B7C;
	color:#FFF;
	display:block;
}

.left_list UL li.hover a {
	background-color:#2E9B7C;
	display:block;
	height:60px;
	line-height:60px;
	width:200px;
}

.left_contact{ width:100%; margin-top:20px; background:#eee; padding:20px 30px; }
.left_contact .tit{ color:#000; font-size:16px; font-weight:bold; margin-bottom:20px; }
.left_contact .tit span{ font-size:12px; }
.left_contact p{ line-height:200%; font-size:12px; } 



/*内页右侧*/
.right_tit{ width:100%; line-height:60px; border-bottom:1px solid #000; }
.right_tit:after{ display:block; clear:both; content:'';}
.right_tit h2{float:left; padding-left:30px; width:200px; font-size:16px;}
.right_tit span{padding-right:20px; font-size:14px; float:right}
.right_tit a{ color:#000; }
.right_all{ min-height:500px; border: 1px solid #ddd;    padding: 20px 35px;}
.right_all .title{ width:100%; font-size: 22px;margin: 0 0 20px;    text-align: center;    padding-bottom: 20px; border-bottom: 1px solid #e8e8e8; } 

/* 产品详情页 */
.prod_pic{ width:48%; float:left; height:350px; display:flex; justify-content:center; align-items:center;    border: 1px solid #ddd; }
.prod_pic img{ max-width:100%; max-height:100%; display:block; padding:1px;}
.prod_info{ width:48%; float:right; }
.prod_info h3 { margin-top:51px; font-size:19px; border-bottom: 1px solid #ddd; padding-bottom:15px; }
.small_pics{ width:100%; overflow:hidden; margin-top:30px; display:flex; }
.small_pics .pic{ width:calc(25% - 10px); height:100px; float:left; border: 1px solid #ddd; margin-right:10px; display:flex; justify-content:center; align-items:center; padding:1px; cursor:pointer; }
.small_pics .pic.active{ border-color:#2E9B7C; }
.small_pics img{ display:block; max-width:100%; max-height:100%; }

.more_tit{ width:100%; border-bottom:1px solid #ddd; margin:20px 0; }
.more_tit div{ display:inline-block; float:left; padding:0 25px; font-size:20px; line-height:50px; color: #2E9B7C; border-bottom: 2px solid #2E9B7C; }

.back_btn{ width:100px; border-radius:2px; display:block; float:left; padding:10px; color:#fff; background:#2E9B7C; margin-top:30px; text-align:center; }



/*关于我们*/
.right_all .content{ width:100%; line-height:35px;}

/*新闻*/
.newList { overflow: hidden; padding: 25px 0; width: 100%;  height: 140px;  border-bottom: 1px solid #eaeaea;    transition: all .5s ease;}
.newList .newLinkBox { position: relative; display: flex; flex-wrap: nowrap; width: 100%; height: 100%; padding-right: 10%; overflow: hidden;}
.newList .leftTimeBox { width: 80px; height: 98px; background: #f5f5f5; text-align: center; font-family: arial; transition: all .5s ease;}
.newList .newData {
    font-size: 45px;
    line-height: 46px;
    padding-top: 15px;
}
.newList .centerContentBox {
    width: calc((100% - 80px)/1);
    padding-left: 3%;
}
.newList .newTitle {
    font-size: 16px;
    color: #000;
    white-space: nowrap;
    margin: 10px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .5s ease;
}
.newList .newSummry {
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    color: #565656;
}
.newList .rightIcon {
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 20px;
    overflow: hidden;
}
.newList:hover{ height:150px; }
.newList:hover .leftTimeBox{ height:108px; background:#ccc; color:#fff; }




.newstitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	width: 100%
}
.newssubtitle {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: 40px;
	width: 100%;
	margin-top: 5px;
}

/* 产品列表 */
.proLi {
	position: relative;
    overflow: hidden;
    padding: 0 16px 32px;
    height: auto;
    float: left;
    width: calc(100% / 2);
    margin: 0px;
}
.proLi:hover .proLink {
    box-shadow: 0 0 20px #ddd;
}
.proLink {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s ease;
    border: 1px solid rgba(243,243,243,1);
}
.proLink::after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 2px;
    background-color: #2E9B7C;
    transition: all .5s ease;
}
.proLi:hover .proLink::after {
    width: 100%;
}
.proTitle {
    position: relative;
    text-align: center;
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    transition: all .5s ease;
	border-bottom:1px solid rgb(243,243,243);
}
.proImgBox {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 68%;
    overflow: hidden;
}
.proImg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    max-width: 100%;
	max-height:100%;
    transition: all 2s ease .5s;
}
.proLi:hover .proImg {
    transform: translate(-50%, -50%) scale(1.1);
}
.lookMore {
    width: 100%;
    padding: 16px 0 32px;
    text-align: center;
    font-size: 16px;
    color: #2E9B7C;
    font-family: Oswald;
}
.lookMore i{ width:15px; height:20px; display:inline-block; margin-left:5px; background:url(../images/jt3.jpg) no-repeat center; transform:translateY(4px); }

/*
.feedback table{ width:100%; }
.feedback td{ padding:5px 0; }
.feedback td p{ font-size:16px; padding-bottom:10px; }
.feedback input{ width:100%; max-width:500px; padding-left:10px; border: 1px solid #d2d2d2; box-shadow: none; height: 42px; }
.feedback textarea{ width:100%; padding:10px; border: 1px solid #d2d2d2; box-shadow: none; height: 100px;  }
.feedback .vcode{ height:42px; margin-left:20px; cursor:pointer; }
.feedback button{	background-color: #297892; border-color: #329cff; border: 0px; border-radius: 0px; width: 30%; height: 42px;color:#fff; font-size:16px; margin-top:30px; cursor:pointer; }
*/

/** 底部 */
.bottom_box{ width:100%; background:#2E9B7C; padding:50px 0 0; margin-top:80px; }
.bottom{ width:100%; max-width:1360px; margin:0 auto 20px; padding:0 20px; }
.bottom .menu{ width:67%; float:left; display:flex; }
.bottom .menu a{ color:#fff; }
.bottom .menu li{ flex:1; padding:0 10px; }
.bottom .menu li .navH{ margin-bottom:15px; font-size:16px; }
.bottom .menu li .navSbox a{ color:rgba(255,255,255,0.7); display:block; padding:8px 0; }
.bottom .menu li .navSbox a:hover{ color:#fff; }
.bottom .contact{ width:33%; float:right; color:#fff; line-height:35px; font-size:16px; }
.bottom .contact h3{ font-size:20px; font-weight:bold; }
.bottom .contact .qrcode{ height:120px; margin-top:10px; display:block; }
.copyright{ width:100%; max-width:1360px; margin:0 auto; border-top: solid 1px rgba(255,255,255,0.2); color:#fff; padding:30px 20px;}
.copyright a{ color:#fff; }


.float_box { position: fixed; right: -10px; top: 50%; transform: translateY(-50%); z-index: 50; width: 87px;}
.floatLi3 {
    position: relative;
    left: 0;
    display: flex;
    width: 300px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease;
}
.alink {
    display: inline-block;
    width: 87px;
    height: 100%;
    padding: 30px 10px 0 0;
    color: #fff;
    font-size: 0.75rem;
}
.floatTel {
    background: url(../images/tel.png) no-repeat;
}
.floatBack {
    background: url(../images/back.png) no-repeat;
	cursor:pointer;
}
.floatTel2 {
    display: block;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background: #1AA3FD;
    cursor: pointer;
}
.floatLi {
    position: relative;
    left: 0;
    display: flex;
    width: auto;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    text-align: center;
    overflow: hidden;
    transition: all 0.5s ease;
}
.floatTop {
    background: url(../images/top.png) no-repeat;
	cursor:pointer;
}
.floatLi:hover {
        left: -10px;
    }
.floatLi3:hover {
        left: -194px;
    }


/* 右下角弹窗 */
/*
.feedback_icon{ width:150px; height:56px; position:fixed; right:0; bottom:3px; background:url(../images/pcIcon5.png) no-repeat; background-size:contain; cursor:pointer; z-index:998; }
.feedback_box{ width:400px; max-width:90%; position:fixed; right:10px; bottom:3px; z-index:999; display:none; box-shadow: 0 4px 8px #0000001f; }
.feedback_title{ width:100%; height:47px; line-height:47px; padding:0 12px; color:#fff; font-size:14px; background:#6696FF; border-radius:10px 10px 0 0; position:relative; }
.feedback_title .f_close{ width:14px; height:14px; position:absolute; top:16px; right:14px; background:url(../images/close.png) no-repeat; background-size:100%; display:block; }
.feedback_content{ width:100%; background:#fff; padding:10px; }
.feedback_content input{ width:100%; height:35px; border:1px solid #999; margin-bottom:10px; padding:5px;}
.feedback_content textarea{ width:100%; height:90px;  border:1px solid #999; padding:5px; border:0; }
.feedback_content button{ width:73px; height:35px; text-align:center; border:0; background:#6696FF; float:right; color:#fff; cursor:pointer; }
.feedback_show{ background:#eee; width:100%; height:250px; padding:10px 10px; overflow:auto; }
.feedback_show .kefu_msg_info{ margin-bottom:20px; }
.feedback_show .kefu_msg_info .date{ line-height:30px; color:#999; }
.feedback_show .kefu_msg_info .date img{ height:30px; float:left; margin-right:10px; }
.feedback_show .kefu_msg_info .date span{ margin-left:8px; }
.feedback_show .kefu_msg_info .msg{ width:300px; background:#fff; margin-left:40px; border-radius:10px; padding:10px; color:#333 }

.feedback_show .yonghu_msg_info{ margin-bottom:20px; }
.feedback_show .yonghu_msg_info .date{ line-height:30px; color:#999; text-align:right; }
.feedback_show .yonghu_msg_info .date img{ height:30px; float:right; margin-left:10px; }
.feedback_show .yonghu_msg_info .date span{ margin-left:8px; }
.feedback_show .yonghu_msg_info .msg{ max-width:300px; background:#D9D9D9; margin-right:40px; border-radius:10px; padding:10px; float:right; color:#333 }
*/


/* 分页CSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}

@media (max-width: 1400px) {
    .box{ padding:0 10px; }
	header{ padding:0 3%; }
	.about_box .about_left{ width:62%;}
	.about_box .about_right{ width:38%; }
	.contact_bg{ background-size:100% 205px; }
	.contact_box .index_title{ margin-bottom:65px; }
}

@media (max-width: 1200px) {
	header{ padding:0 1%; }
	header nav{ padding:0; width:calc(100% - 350px); justify-content:center; min-width:auto; }
	
	.about_box .about_left{ width:72%; }
	.about_box .about_right{ width:28%; }
	
	.product_type li{ width:33.3333%; margin-bottom:30px; }
	.product_type li > a{ height:250px; }
	.proLi{ width:50%; }
}


@media (max-width: 900px) {

	#page_menu{ display:none; }

	.box{ margin-top:80px; width:100%; padding:0 2%; }
	
	header .logo{ width:150px; }
	header{ height:80px; }
	header:hover{ background:none; }
	/*header.active{  background: #2e9b7c; }*/
	header nav{ display:none; }
	header .lang{ display:none; float:none; position:absolute; top:29px; right:70px; margin:0; }
	header .tel_box{ display:none; }
	header .menu_btn{ position: absolute; top:20px; right: 20px; background: #2e9b7c; width: 40px; height: 40px; padding: 10px; line-height: 70px; display:flex; justify-content:center; align-items:center; }
	header .menu_btn img{ width:100%; display:block; }



	.nei_banner{ padding-top:80px; } 

	.position{ width:95%; }

	.mobile_nav{ width:100%; height:calc(100% - 80px); position:fixed; left:100%; top:80px; z-index:99; background:#2e9b7c; display:block; opacity:0; transition:.5s ease; }
	.mobile_nav.active{ left:0px; opacity:1; }
	.mobile_nav li{ border-bottom:1px solid #fff; transition:.5s ease; }
	.mobile_nav li.active .navH a{ background:#2e9b7c; }
	.mobile_nav li .navH{ width:100%; height:50px; line-height:50px; font-size:16px; color:#fff; position:relative; }
	.mobile_nav li .navH i{ width:50px; height:50px; position:absolute; top:0; right:20px; content:''; background:url(../images/nav_jt.png) no-repeat center; transition:.5s ease; }
	.mobile_nav li.active .navH i{ transform:rotate(-180deg); }
	.mobile_nav li a{ color:#fff; display:block; padding:0 40px; }

	.mobile_nav li .slidBox{ padding:15px 30px; display:none; } 
	.mobile_nav li .slidBox a{ width:100%; height:30px; line-height:30px; }
	
	.index_title{ margin-top:20px; }
	.index_title .tit{ font-size:30px; padding-top:10px; }
	.index_title:after{ left:0; display:none; }

	.about_box .about_left{ width:100%; padding:0 15px; float:none; }
	.about_left_info{ width:100%; }
	.about_left_info .about_brief{ margin-top:0px; line-height:25px; }
	.about_left_info .number_box{ margin-top:15px; }
	.about_left_info .number_box li{ width:50%; padding:10px 10px 0; }
	.about_left_info .number_box li .n b{ font-size:25px; }
	.about_left_info a.more{ margin-top:30px; }
	.about_box .about_right{ display:none; }

	.prod_box .prod_left{ width:100%; }
	.prod_box .prod_left .prod_type{ display:none; }
	.prod_box .picshow{ width:100%; } 
	.prod_box .picshow .picwrap{ height:40vh; }
	.prod_box .picshow .picwrap li{  height:40vh; }
	.prod_box .picshow .butt{ height:auto; }
	.prod_box .picshow .butt ul{ position:relative; left:0;  }
	.prod_box .picshow .butt li{ width:calc(25% - 5px); margin:0 2.5px; }
	.prod_box .picshow .butt li:first-child{ margin:0 2.5px; }

	.video_box .video_info{ width:100%; height:400px; }
	
	.news_box .list{ padding-top:0; }
	.news_box .list li{ width:50%; padding:0 10px 0; }
	.news_box .list li:nth-child(4){ display:block; }
	.news_box .list li .pic{ height:100px; margin-top:10px; }
	.news_box .list li .pic img{ height:100px; }
	.news_box .list li .tit{ width:100%; height:60px; overflow:hidden; text-overflow:ellipsis; margin:10px 0; }
	.news_box .list li:after{ display:none; }
	.news_box .news_more{ margin-top:20px; }

	.contact_bg{ background:none; }
	.contact_title{ display:none; }
	.contact_box .index_title{ margin-bottom:0px; }
	.contact_info{ width:100%; }
	.contact_info ul{ width:100%; padding-top:10px; }
	.contact_qrcode{ display:none; }
	.feedback{ width:100%; }
	.feedback ul{ margin-top:0; }
	.feedback li{ width:100%; margin-top:5px; padding-right:0; } 
	.feedback li input{ height:40px; }
	.feedback li img.vcode_img{ height:40px; }
	.feedback_btn{ height:40px; }
	.copyright_box{ margin-top:15px; }
	.copyright_left{ width:100%; float:none; }
	.copyright_right{ display:none; }

}

@media (max-width: 800px) {

	.mobile_show{ display:block!important; opacity:1; }

	.all_left{ display:none; }
	.all_right{ width:100%; float:none; }
	.right_all{ padding:10px 0; }
	.bottom_box{ padding-top:20px; }
	.bottom .menu{ display:none; }
	.bottom .contact{ width:100%; }
	.copyright{  padding:20px 20px; }

	.float_box{ top:75%; }

	.prod_pic{ width:100%; }
	.prod_info{ width:100%; }
	.prod_info h3{ margin-top:20px; }
	.small_pics{ display:none; }
	.back_btn{ display:none; }
	.float_box{ display:none; }


}


@media (max-height: 1500px) {
    
}