﻿/*顶部导航*/

body {
	font-family: "microsoft yahei";
	background: #f6f6f6;
	overflow-x: hidden;
}
.container_nav
{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5555;
  	border-bottom:1px solid #eee;
}
.n_banner
{
  margin-top:80px;
}
.z_center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.container-fluid, .container {
	padding: 0;
	overflow: hidden;
}

a {
	color: #7e7e7e;
}

a:hover {
	color: #6c6c6c;
	text-decoration: none;
}

.head_content {
	padding: 20px 0;
	overflow: hidden;
	background: #f8f8f8;
}

.head_content img:first-child {
	float: left;
	max-width: 140px;
}

.head_content img:last-child {
	float: right;
	max-width: 240px;
}

.head_content p {
	color: #666666;
	font-size: 16px;
	line-height: 60px;
	float: left;
	margin-left: 10px;
}


/*导航*/

.nav_logo {
	float: left;
	width: 12%;
	height: 100px;
	line-height: 100px;
}

.nav_logo img {
	vertical-align: middle;
}

.nav_list {
	width: 76%;
	float: left;
	text-align: center;
	display: flex;
	justify-content: center;
}

.nav_list li {
	height: 100px;
	line-height: 100px;
	width: 95px;
	display: inline-block;
	text-align: center;
	color: #6c6c6c;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-top: -5px;
}
.nav_list li h1{
	font-size:16px;
}

.nav_list li:hover {
	background: #FFFFFF;
	color: #CCCCCC;
}
.nav_list li:hover .erji 
{
	display: block;
}
.nav_list li:hover i
{
	opacity: 1;
}

.nav_list li i {
	position: absolute;
	top: 35%;
	left: 40%;
	width: 20%;
	opacity: 0;
	transition: all .3s;
}
.nav_list .erji
{
	display: none;
}
.nav_list_select {
	background: #FFFFFF;
	color: #CCCCCC;
}

.nav_list_select {
	color: #CCCCCC!important;
}
.nav_list_select i
{
	opacity: 1!important;
}
.nav_list_select .erji
{
	display: block;
}
.nav_release {
	float: right;
	/*padding: 25px;*/
	color: #ffffff;
	font-size: 20px;
	height: 100px;
	line-height: 90px;
	width: 12%;
}

.nav_release img {
	vertical-align: middle;
}

.nav_loading {
	float: right;
	height: 100%;
	line-height: 80px;
	margin-right: 40px;
	color: #000000;
	font-size: 15px;
}

.nav_loading span {
	transition: all .3s;
	cursor: pointer;
}

.nav_loading span:hover {
	color: red;
}

.nav_search {
	float: right;
	border-radius: 25px;
	border: 1px solid #000000;
	margin-top: 25px;
	margin-right: 40px;
	padding: 3px 12px;
}

.nav_search img {
	vertical-align: middle;
	margin-top: -2px;
	cursor: pointer;
}

.nav_search input {
	border: none;
	background: none;
}

.head_logom {
	padding: 0px 10px;
}

.PhoneLogo {
	width: 20%;
	margin-top: 2%;
	margin-left: 4%;
}

.loginLogo {
	width: 8%;
	float: right;
	margin-right: 4%;
}

.navbar-toggle {
	float: right;
	margin: 5% 10px;
	margin-bottom: 8px;
	border: none;
}

.navbar-default .navbar-toggle .icon-bar {
	background: ;
}

.navbar-toggle .icon-bar {
	height: 3px;
}

.navbar-brand {
	padding: 15px 0;
}

.nav_left {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
}

.nav_left_list {
	margin: 0;
	padding: 25px 0 15px;
	width: 73.6111111111%;
	min-height: 100%;
	border: none;
	background: #f6f6f6;
	z-index: 9999;
	position: relative;
	margin-left: -350px;
	transition: all .3s ease-in-out 0s;
}

.nav_left_list ul li {
	margin: 5px 0;
	padding: 10px 39px;
	width: 100%;
	line-height: 20px;
	text-align: left;
	font-size: 18px;
	cursor: pointer;
}

.nav_left_list ul li a {
	color: #676767;
}

.nav_list .active {
	color: #fff!important;
	box-shadow: none;
	background-color: #CCCCCC;
}

.nav_list .active a {
	color: #fff!important;
}

.nav_left_return {
	margin-left: 5%;
	margin-bottom: 10%;
	width: 6%;
}

.nav_shadow {
	position: absolute;
	height: 100%;
	width: 100%;
	float: right;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.54);
	z-index: 10;
	display: none;
}

.phone_search {
	float: right;
	width: 44%;
	overflow: hidden;
	padding-right: 5%;
	text-align: right;
	border: 1px solid #f8f8f8;
	border-radius: 20px;
	padding: 2px 10px;
	margin-right: 10px;
	transition: all .3s;
}

.phone_search_blur {
	border: 1px solid #d3d3d3;
}

.phone_search input {
	width: 80%;
	background: none;
	border: none;
}

.phone_search img {
	width: 10%;
}

.footer {
	color: #858585;
	font-size: 13px;
	text-align: center;
	padding: 15px 0;
	background: #2e2e2e;
	line-height: 25px;
}


.projectCase_c {
	width: 95%;
	margin: auto;
	text-align: center;
}

.projectCase_nav {
	text-align: center;
	margin-top: 20px;
	margin-bottom:20px;
}

.projectCase_nav_item {
	width: 150px;
	margin: 0 1%;
	display: inline-block;
	vertical-align: middle;
	padding: 15px 0;
	background: #f2f2f2;
	font-size: 16px;
	color: #000;
	letter-spacing: 1px;
	cursor: pointer;
	transition: all .3s;
}

.projectCase_nav_select {
	background: #CCCCCC;
	color: #FFFFFF;
}

.projectCase_nav_select1 {
	background: #CCCCCC;
	color: #FFFFFF;
	
}

.projectCase_nav_item:hover{
	background: #CCCCCC;
	color: #FFFFFF;
}

.projectCase1 {
	margin-top: 60px;
	margin-bottom: 40px;
	text-align: center;
}

.projectCase1_item {
	width: 18.6%;
	margin-right: 1.25%;
	position: relative;
	overflow: hidden;
	margin-bottom: 1.25%;
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
}
.projectCase1_item img
{
	vertical-align: middle;
}

.projectCase1_item:nth-child(5n) {
	margin-right: 0;
}

.projectCase1_text {
	position: absolute;
    height: auto;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 3% 3%;
    background: rgba(0, 0, 0, 0.69);
    text-align: center;
   	display: none;
    -moz-animation: fadeInUp .3s 0s ease-in both;
    -webkit-animation: fadeInUp .3s 0s ease-in;
    -o-animation: fadeInUp .3s 0s ease-in;
    -ms-animation: fadeInUp .3s 0s ease-in;
    animation: fadeInUp .3s 0s ease-in;
    text-align: left;
}

.projectCase1_text1 {
	font-size: 16px;
	color: #484848;
	padding-top: 0px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
	line-height: 15px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.projectCase1_text2 {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 25px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}

.contactUs_nav_pro {
	padding: 25px 0;
	font-size: 16px;
	color: #383737;
}

.contactUs_nav_text1 {
	display: inline-block;
	vertical-align: middle;
    margin-bottom: 20px;
}

.contactUs_nav_data, .contactUs_nav_diqu, .contactUs_nav_search {
	border: 1px solid #e0e0e0;
	background: #FFFFFF;
	border-radius: 5px;
	/*overflow: hidden;*/
	display: inline-block;
	padding: 5px 10px;
	vertical-align: middle;
	margin-left: 20px;
	position: relative;
	z-index: 30px;
}

.contactUs_nav_data img, .contactUs_nav_diqu img, .contactUs_nav_search img {
	vertical-align: middle;
}

.contactUs_nav input {
	border: none;
	background: none;
}

.contactUs_diqu_list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 32px;
	border: 1px solid #e0e0e0;
	border-radius: 5px;
	z-index: 20px;
	overflow: hidden;
	display: none;
	z-index: 100;
	max-height: 150px;
	overflow-y: scroll;
	
}



/*基本初始化*/
*{outline: none;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0;outline:none;}
body{font:12px "microsoft yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;position: relative;height: 100%;}
html{position: relative;height: 100%;}
a{color:#000000;text-decoration:none}
a:hover{color:#000000;text-decoration:none}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle;max-width: 100%;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
/*语义标签初始化*/
header,nav,aside,section,article,footer{display: block;}
/*快捷样式*/
.z_100{width: 100%;min-width: 1200px; overflow: hidden;}
.z_1170{width: 1170px;overflow: hidden;margin: 0 auto;padding-left: 15px;padding-right: 15px;}
.z_1200{width: 1200px;overflow: hidden;margin: 0 auto;}
.z_center{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.z_texthide1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;line-clamp: 1; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.z_texthide2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;line-clamp: 2; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.z_texthide3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;line-clamp: 3; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.z_texthide4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;line-clamp: 4; -webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.z_texthide5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; display: -moz-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;display: flex;line-clamp: 5; -webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.z_transition050{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;}
.z_transition075{transition:all 0.75s;-webkit-transition:all 0.75s;-moz-transition:all 0.75s;-ms-transition:all 0.75s;-o-transition:all 0.75s;}
.z_transition100{transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;}
.z_transition125{transition:all 1.25s;-webkit-transition:all 1.25s;-moz-transition:all 1.25s;-ms-transition:all 1.25s;-o-transition:all 1.25s;}
.z_transition150{transition:all 1.5s;-webkit-transition:all 1.5s;-moz-transition:all 1.5s;-ms-transition:all 1.5s;-o-transition:all 1.5s;}
.z_transition175{transition:all 1.75s;-webkit-transition:all 1.75s;-moz-transition:all 1.75s;-ms-transition:all 1.75s;-o-transition:all 1.75s;}
.z_transition200{transition:all 2s;-webkit-transition:all 2s;-moz-transition:all 2s;-ms-transition:all 2s;-o-transition:all 2s;}
.z_longanimation{animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;-o-animation-fill-mode: forwards;}
.z_textbold{font-weight: bold;}
.z_textstyle12{font-family: "microsoft yahei";font-size: 12px;}
.z_textstyle14{font-family: "microsoft yahei";font-size: 14px;}
.z_textstyle16{font-family: "microsoft yahei";font-size: 16px;}
.z_textstyle18{font-family: "microsoft yahei";font-size: 18px;}
.z_textstyle20{font-family: "microsoft yahei";font-size: 20px;}
.z_textstyle22{font-family: "microsoft yahei";font-size: 22px;}
.z_textstyle24{font-family: "microsoft yahei";font-size: 24px;}
.z_textstyle26{font-family: "microsoft yahei";font-size: 25px;}
.z_textstyle28{font-family: "microsoft yahei";font-size: 28px;}
.z_textstyle30{font-family: "microsoft yahei";font-size: 30px;}
.z_textstyle32{font-family: "microsoft yahei";font-size: 32px;}
.z_textstyle34{font-family: "microsoft yahei";font-size: 34px;}
.z_hidden{display:none;}
.z_1200hidden{}
.z_992hidden{}
.z_768hidden{}
.z_1200visible{display: none;}
.z_992visible{display: none;}
.z_768visible{display: none;}
/*style*/
::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
 
::-webkit-scrollbar-thumb
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #b20820;
}
/*index*/
.index-body{margin: 0 auto;padding: 0;position: relative;z-index: 100;}
.index-body > div,.index-body > div > div{margin: 0;padding: 0;}
.index-body .index-main{overflow: hidden;}
/*nav*/
.index-pc-nav{position: fixed;z-index: 500; top: 0;left: 0;width: 170px;height: 100%;background: #fff;}
.index-pc-nav > div{width: 100%;height: 100%;position: relative;z-index: 450; left: 0;top: 0;box-shadow: 0 5px 5px 5px rgba(222,222,222,0.5);}
.index-pc-nav > div .logo{top: 50%;left: 50%;position: absolute;margin-left: -85px;margin-top: -43.22px;}
.index-pc-nav > div .phone{left: 50%;bottom: 15px;position: absolute;margin-left: -67px;}
.index-pc-nav .menu-activator{display: block;margin: 0px auto 0;cursor: pointer;width: 52px;height: 100px;padding-top: 40px;}
.index-pc-nav .menu-activator span{display: block;font-size: 16px;font-weight: bold;text-transform: uppercase; color: #404040;margin-bottom: 5px;}
.index-pc-nav .menu-activator .visual{position: relative;width: 45px;margin: 0 auto;cursor: pointer;}
.index-pc-nav .menu-activator .visual .line{width: 100%;height: 4px;background: #404040;border-radius: 2px; display: block; position: absolute;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.index-pc-nav .menu-activator .visual .line01{top: 4px;opacity: 1;}
.index-pc-nav .menu-activator .visual .line02{top: 15px;opacity: 1;}
.index-pc-nav .menu-activator .visual .line03{top: 26px;opacity: 1;}
.index-pc-nav .menu-activator .active .line:nth-child(1){-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 16px;}
.index-pc-nav .menu-activator .active .line:nth-child(2){opacity: 0;}
.index-pc-nav .menu-activator .active .line:nth-child(3){-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 16px;}

.index-pc-sunav{position: fixed;z-index: 400; top: 0;left: 0;width: 0px;height: 100%;background: #fff;overflow: hidden;display: none;background: rgba(0,0,0,0.5);overflow-y: auto;overflow-x: hidden;}
.index-pc-sunav li{padding-left: 300px;margin: 15px 0;}
.index-pc-sunav li:nth-of-type(1){margin-top: 70px;}
.index-pc-sunav li p{font-size: 16px;color: #fff;margin-top: 15px;}
.index-pc-sunav li a{font-size: 18px;color: #fff;display: block;}

.index-wap-nav{width: 100%;height: 50px;background: #fff;position: relative;z-index: 490;}
.index-wap-nav > div{width: 100%;height: 100%;background: rgba(255,255,255,1);position: fixed;z-index: 495;top: 0;left: 0;width: 100%;height: 50px;}
.index-wap-nav .logo{height: 50px;margin-left: 30px;}
.index-wap-nav .visual{position: relative;width: 35px;height: 35px; cursor: pointer;float: right;margin-right: 30px;margin-top: 7.5px;}
.index-wap-nav .visual .line{width: 100%;height: 3px;background: #CCCCCC;display: block; position: absolute;-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.index-wap-nav .visual .line01{top: 4px;opacity: 1;}
.index-wap-nav .visual .line02{top: 15px;opacity: 1;}
.index-wap-nav .visual .line03{top: 26px;opacity: 1;}
.index-wap-nav .active .line:nth-child(1){-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: 16px;}
.index-wap-nav .active .line:nth-child(2){opacity: 0;}
.index-wap-nav .active .line:nth-child(3){-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 16px;}


.index_title{text-align: center;padding: 40px 0 10px 0 !important;}
.index_title p{margin-bottom: 8px;}
.index_title .style1{font-size: 22px;color: #d2d2d2;}
.index_title .style2{font-size: 22px;color: #393939;font-weight: bold;}
.index_title .style3{font-size: 22px;color: #fff;}
.index_title .style4{font-size: 22px;color: #fff;font-weight: bold;}

.index-banner .swiper-slide-banner{position: relative;}
.index-banner .swiper-slide-banner > div{position: absolute;width: 45%; right: 30px;top: 20%;max-width: 750px;}
.index-banner .swiper-slide-banner > div > p{width: 100%;overflow: hidden;}
.index-banner .swiper-pagination-banner{bottom: 30px;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fff;opacity: .7;margin: 0 10px;position: relative;cursor: pointer;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet .yuan{display: none; width: 24px;height: 24px;border: 1px solid #fff;border-radius: 50%;position: absolute;top: -6px;left: -6px;z-index: 390;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet .jiao{display: none;position: absolute;left: 50%;top: -20px;margin-left: -7px; width: 0;height: 0;border: 7px solid red;border-top-color: #ffffff;border-bottom: none;border-left-color: transparent;border-right-color: transparent;z-index: 390;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet .img{display: none;width: 80px;height: 45px;border: 2px solid #fff;left: 50%;top: -65px;margin-left: -40px;position: absolute;z-index: 390;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet .img img{width: 100%;height: 100%;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet-active .yuan{display: block;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet:hover .img{display: block;}
.index-banner .swiper-pagination-banner .swiper-pagination-bullet:hover .jiao{display: block;}

.index-news{padding: 40px 15px;background: #f5f5f5;}
.index-news .index-news-img{width: 100%;height: 100%;max-width: 500px; min-height: 300px; background-size: cover;background-position: center center;}
.index-news .info .title{font-size: 18px;color: #444444;margin-bottom: 10px;}
.index-news .info .description{font-size: 14px;color: #919191;margin-bottom: 20px;}
.index-news .info .more{background: #CCCCCC;font-size: 15px;color: #fff;padding: 5px 15px;border: 1px solid #CCCCCC;}
.index-news .info .more i{margin-left: 10px;}
.index-news .info .more:hover{background: #fff;color: #CCCCCC;}
.index-news .info .list{margin: 25px auto 0 auto;padding: 0;background: #fff;}
.index-news .info .list > div,.index-news .info .list > div > div{margin: 0;padding: 0;}
.index-news .info .list .left{background: #e8e8e8;text-align: center;height: 100%;}
.index-news .info .list .left li{}
.index-news .info .list .left li div{padding: 15px 0;}
.index-news .info .list .left li div h2{font-size: 18px;color: #c3c3c3;cursor: pointer;}
.index-news .info .list .left .active div{border-left: 3px solid #CCCCCC;background: #000;}
.index-news .info .list .left .active a{color: #CCCCCC;}
.index-news .info .list .right{}
.index-news .info .list .right li{display: none;}
.index-news .info .list .right li > div{padding: 10px 0;border-bottom: 1px solid #b4b4b4;width: 90%;margin: 0 auto;}
.index-news .info .list .right li > div:nth-last-of-type(1){border: none;}
.index-news .info .list .right li > div > div{width: 100px;float: left;font-size: 15px;color: #b4b4b4;margin-right: 15px;padding: 5px 0;text-align: center;border-right: 1px solid #b4b4b4;}
.index-news .info .list .right li > div > h3 > a:nth-of-type(1){font-size: 15px;color: #616161;max-height: 20px;max-height: 20px;}
.index-news .info .list .right li > div > a:nth-of-type(1){font-size: 12px;color: #8f8f8f;max-height: 20px;max-height: 16px;}
.index-news .info .list .right li > div > a:hover{color:#CCCCCC;}
.index-news .info .list .right .active{display: block;}

.index_productType{margin: 0 auto;padding: 0;}
.index_productType > div,.index_productType > div > div{margin: 0;padding: 0;}
.index_productType .list{position: relative;}
.index_productType .list > div{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index_productType .list > div > a{width: 100%;height: 100%;display: block;position: relative;top: 0;left: 0;}
.index_productType .list > div > a > .title{font-size: 32px;color: #ffffff;width: 0px;padding: 0 10px 50px 10px;line-height: 1.1;position: absolute;top: 60px;left: 60px;}
.index_productType .list > div > a > .more{display: none; width: 60px;height: 60px;text-align: center;line-height: 60px;font-size: 30px;color: #fff; border: 1px solid #fff;border-radius: 50%;position: absolute;bottom: 60px;left: 60px;}
.index_productType .list:hover .more{display: block;}

.index_productCase{margin: 0 auto;padding: 0;background: #f7f7f7;}
.index_productCase > div,.index_productCase > div > div{padding: 0;margin: 0;}
.index_productCase .index_productCase_img{position: relative;margin-bottom: 10px;background-size: 100% 100%;background-position: center center;overflow: hidden;}
.index_productCase .index_productCase_img > a{width: 100%;height: 100%;background: rgba(0,0,0,0.35);text-align: center;}
.index_productCase .index_productCase_img > a > div{display: block;overflow: hidden;}
.index_productCase .index_productCase_img > a > div > p:nth-of-type(1){font-size: 16px;color: #ffffff;max-height: 26px;margin-bottom:8px;}
.index_productCase .index_productCase_img > a > div > p:nth-of-type(2){font-size: 14px;color: #ffffff;margin-bottom: 5px;max-height: 19px;text-align:center;}
.index_productCase .index_productCase_img > a > div > div{width: 30px;height: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;margin: 0 auto; border: 1px solid #fff;border-radius: 50%;}
.index_productCase .index_productCase_img:hover > a{opacity:0;}
.index_productCase .more{padding: 45px 0;text-align: center;background: #ededed;}
.index_productCase .more a{background: #CCCCCC;font-size: 17px;color: #fff;padding: 15px 25%;border: 1px solid #CCCCCC;}
.index_productCase .more a i{margin-left: 15px;}
.index_productCase .more:hover a{background: #fff;color: #CCCCCC;}

.index-customer{margin: 0 auto;padding: 0;background-size: 100% auto;background-repeat: no-repeat;background-position: 0 0;background-color: #fff;}
.index-customer > div{margin: 0;padding: 0;}
.index-customer > div{margin: 0;padding: 0;}
.index-customer > div > div{padding: 0;}
.index-customer .swiper-container-customer{}
.index-customer .swiper-slide-customer a{display: block;padding: 10px 10px;}
.index-customer .swiper-slide-customer img{width: 100%;border:1px solid #CCCCCC ;}
.index-customer .page{text-align: center;background: #fff;padding: 0 0 30px 0;}
.index-customer .page > div{padding: 60px 0 30px 0;}
.index-customer .page i{background: #CCCCCC ;padding: 10px 20px;margin: 0 10px;border-radius: 3px;color: #fff;cursor: pointer;font-size: 20px;}
.index-customer .page i:active{background: #CCCCCC !important;}

.index-advantage{margin: 0 auto;padding: 0;}
.index-advantage > div,.index-advantage > div > div{margin: 0;padding: 0;}
.index-advantage .left li{font-size: 18px;color: #ffffff;margin: 20px 0;cursor: pointer;position: relative;}
.index-advantage .left li p svg{float: right;margin-left: 3px;}
.index-advantage .left li div{position: absolute;width: 0px;height: 2px;background: #CCCCCC;top: 50%;right: 120%;}
.index-advantage .left li:nth-of-type(1) p svg{transform: scale(1.2);}
.index-advantage .left li:nth-of-type(3) p svg{transform: scale(1.5);}
.index-advantage .left li:hover p{color: #CCCCCC;margin-left: -10px;}
.index-advantage .left li:hover path{fill: #CCCCCC;}
.index-advantage .left li:hover div{width: 500px;}
.index-advantage .left > svg{cursor: pointer;}
.index-advantage .left > svg:hover path{fill: #CCCCCC;}
.index-advantage .left .active p{color: #CCCCCC !important;margin-left: -10px;}
.index-advantage .left .active path{fill: #CCCCCC; !important;}
.index-advantage .left .active div{width: 500px; !important;}
.index-advantage .right li{display: none;position: relative;}
.index-advantage .right li > div{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover; }
.index-advantage .right li > div > div{width: 100%;height: 100%;}
.index-advantage .right li > div > div > div{width: 80%;}
.index-advantage .right li > div > div > div > h2{font-size: 30px;color: #fff;border-bottom: 3px solid #CCCCCC;padding-bottom: 5px;}
.index-advantage .right li > div > div > div > div{border: 1px dashed #a0a0a0;margin-top: 20px;padding: 30px;}
.index-advantage .right li > div > div > div > div p{font-size: 18px;color: #fff;line-height: 2;}
.index-advantage .right li > div > div a:hover{color: #fff;}
.index-advantage .right li img{width: 100%;}
.index-advantage .right .active{display: block;}

.index-process{margin: 0;padding: 0;}
.index-process .ul{margin: 15px auto;border-top: 1px solid #c1c1c1;border-left: 1px solid #c1c1c1;width: 95%;}
.index-process .ul .li{position: relative;border-right: 1px solid #c1c1c1;border-bottom: 1px solid #c1c1c1;padding-left: 0;padding-right: 0;}
.index-process .ul .li > div:nth-of-type(1){text-align: center;}
.index-process .ul .li > div:nth-of-type(1) img{width: 55px;}
.index-process .ul .li > div:nth-of-type(1) p{font-size: 15px;color: #666666;padding-top: 15px;}
.index-process .ul .li > div:nth-of-type(2){position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.index-process .ul .li > div:nth-of-type(2) > div{width: 100%;height: 100%;}
.index-process .ul .li > div:nth-of-type(2) > div .t1{font-size: 15px;color: #000;text-align: center;padding-top: 20px;padding-bottom: 10px;}
.index-process .ul .li > div:nth-of-type(2) > div .t2{font-size: 13px;color: #000;padding: 0 20px;line-height: 1.55;}
.index-process .ul .li:hover > div:nth-of-type(2){display: inherit;background-color: #CCCCCC;}

.index-about{margin: 0;padding:40px 0;}
.index-about > div,.index-about > div > div{margin: 0;padding: 0;}
.index-about img{width: 100%;}
.index-about .content{position: relative;}
.index-about .content > div{position: absolute;top: 0;width: 60%;height: 100%;left: 30%;background: #fff;}
.index-about .content > div > div{width: 100%;height: 100%;}
.index-about .content .title{font-size: 18px;color: #525252;text-align: center;margin-bottom: 15px;}
.index-about .content .description{font-size: 14px;color: #7b7b7b;line-height: 1.75;padding: 0 10%;}
.index-about .content .list{width: 100%;overflow: hidden;margin: 50px 0;position: relative;}
.index-about .content .list li{width: 25%;float: left;text-align: center;}
.index-about .content .list li p{border-radius: 50%;border: 1px solid #d4d4d4;width: 100px;height: 100px;margin: 0 auto;font-size: 18px;color: #2c2c2c;}
.index-about .content .list > div:nth-of-type(1){width: 3px;height: 23px;position: absolute;background: #CCCCCC;top: 15px;left: 25%;}
.index-about .content .list > div:nth-of-type(2){width: 3px;height: 23px;position: absolute;background: #CCCCCC;top: 15px;left: 50%;;}
.index-about .content .list > div:nth-of-type(3){width: 3px;height: 23px;position: absolute;background: #CCCCCC;top: 15px;left: 75%;}
.index-about .content .more{text-align: center;}
.index-about .content .more a{border: 1px solid #CCCCCC;padding: 5px 10px;font-size: 14px;color: #CCCCCC;}
.index-about .content .more a i{margin-left: 15px;}
.index-about .content .more a:hover{background: #CCCCCC;color: #fff;}

.index-map{margin: 0 auto;padding: 0;}
.index-map > div,.index-map> div > div{margin: 0;padding: 0;}
.index-map .content{position: relative;}
.index-map .content > div{position: absolute;top: 0;width: 100%;height: 100%;left: 0;background-size: cover;background-position: center center;}
.index-map .content > div > div{width: 100%;height: 100%;}
.index-map .content .add{font-size: 17px;color: #ffffff;line-height: 1.75;text-align: center;padding: 0 15px;}
.index-map .content .tel{font-size: 17px;color: #ffffff;line-height: 1.75;text-align: center;padding: 0 15px;}
.index-map .content .code{margin-top: 40px;}
.index-map .content .code li{margin: 0 30px;}
.index-map .content .code li img{width: 95px;height: 95px;}
.index-map .content .code li p{background: #CCCCCC;color: #fff;font-size: 14px;text-align: center;margin-top: 20px;padding: 5px 0;}

.index-footer{margin: 0 auto;padding: 0;}
.index-footer > div,.index-footer> div > div{margin: 0;padding: 0;}
.index-footer .info{text-align: center;font-size: 14px;color: #858585;line-height: 1.75;padding: 10px 15px; background: #070707;}

.body_index{padding-top:100px;}
.body_field{min-height: 800px;padding-top:100px;}
.page_field{margin: 0;padding: 0;height: 100%;}
.page_field > div,.page_field > div > div{margin: 0;padding: 0;height: 100%;}
.page_field .list{background-size: cover;background-size: cover;background-position: center center;background-position: center center;height: 100%;position: relative;}
.page_field .list > a{display: block;overflow: hidden;width: 100%;height: 100%;}
.page_field .list > a > .title{position: absolute;left: 50%;top: 0; width: 0;height: 100%;background: #fff;opacity: 0;z-index: 100;}
.page_field .list > a > p{width: 45px;height: 290px;line-height: 1.1; padding: 0 10px; margin: 55px 0 0 55px;font-size: 32px;color: #fff;position: relative;z-index: 200;}
.page_field .list > a > .info{position: absolute;z-index: 200;width: 80%;overflow: hidden;bottom: 200px;left: 10%;padding-bottom: 15px;}
.page_field .list > a > .info .description{display: none;font-size: 16px;color: #606060;line-height: 1.75;margin-bottom: 15px;}
.page_field .list > a > .info .more{display: none;font-size: 14px;color: #fff;background: #CCCCCC;width: 90px;padding: 5px 10px;border: 1px solid #CCCCCC;animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.page_field .list > a > .info .more i{margin-left: 25px;}
.page_field .list > a:hover > .title{width: 100%;opacity: 1;left: 0;}
.page_field .list > a:hover > p{color: #CCCCCC;}
.page_field .list > a:hover .description{display: block;}
.page_field .list > a:hover .more{display: block;}



@media only screen and (max-width:1200px  ) {
	.index-customer .swiper-container-customer{padding: 30px 0;}
	.index-customer .swiper-slide-customer a{padding: 0;}.z_1200hidden{display: none;}
	.z_1200visible{display: inline;}
	.index_productType .list > div > a > .title{font-size: 30px; }
	.index_productCase .index_productCase_img > div > a > p:nth-of-type(1){font-size: 12px;max-height: 16px;}
	.index-advantage .right li > div > div > div > div p{font-size: 16px;line-height: 1.5;}
	.index-about .content > div{position: relative;left: auto;top: auto;width: auto;height: auto;padding-top: 15px;padding-bottom: 15px;}
	.page_field .list > p{font-size: 30px;height: 200px;}
	.nav_list li{width: 60px;font-size: 14px;}
}
.index-advantage .left{padding-left: 37px;}
.index-advantage .right li > div > div > div{margin-right:97px;}
@media only screen and (max-width:992px  ) {
	.z_992hidden{display: none;}
	.z_992visible{display: inline;}
	.index_productType .list > div > a > .title{font-size: 20px;top: 30px;left: 30px;}
	.index_productType .list > div > a > .more{width: 30px;height: 30px;line-height: 30px;left: 30px;bottom: 30px;font-size: 15px;}
	.index-advantage .left{width: 100%;padding: 30px 15px;}
	.index-advantage .left li{width: 110px;float: left;margin: 0 30px 10px 0;}
	.index-advantage .left .active p{margin-left: 0px;}
	.index-advantage .left li:hover p{margin-left: 0px;}
	.index-advantage .right li > div{position: relative;padding: 30px 0;}
	.index-about .content .list li p{width: 70px;height: 70px;font-size: 16px;}
	.index-map .content > div{position: relative;top: auto;left: auto;}
	.index_title .style1{font-size: 18px;}
	.index_title .style2{font-size: 18px;}
	.index_title .style3{font-size: 18px;}
	.index_title .style4{font-size: 18px;}
	.page_field .list > p{font-size: 20px;height: 150px;margin: 30px 0 0 30px;}
	.index-process .ul .li > div:nth-of-type(1) img{max-width:40%;}
	.index-process .ul .li > div:nth-of-type(1) p{font-size:12px;}
	.index-process .ul .li:hover > div:nth-of-type(2){opacity:0;}
	.index-advantage .right li > div > div > div{margin-right:0;}
}
@media only screen and (max-width:768px  ) {
	.z_768hidden{display: none;}
	.z_768visible{display: inline;}
	.index-body .index-main{margin-left: 0;}
	.index-pc-sunav li{text-align: center;padding-left: 0;}
	.index-news .index-news-img{margin-bottom: 15px;min-height:auto;padding-top: 50%;}
	.index-about .content .list li p{width: 50px;height: 50px;font-size: 12px;}
	.index_title .style1{font-size: 16px;}
	.index_title .style2{font-size: 16px;}
	.index_title .style3{font-size: 16px;}
	.index_title .style4{font-size: 16px;}
	.body_field{min-height: auto;height: auto;padding-top:0;}
	.body_index{padding-top:0px;}
	.page_field .list{height: 450px;}
	.page_field .list > .info{bottom: 0;}
    .page_field .list > a > p{width:100%;height:auto;}
 	 .page_field .list > a > .info{bottom:15px}
	 .index_productCase .index_productCase_img > a > div > p:nth-of-type(1){font-size:13px;}
	 
}
@media only screen and (max-width:575px  ) {
	.page_field .list{height: auto;}
  .page_field .list > a > .info .description,.page_field .list > a > .info .more{display:block;color:#fff;}
	.page_field .list > a > .info{position: relative;bottom: auto;left: auto;padding: 30px;}
}
@media only screen and (max-width:480px  ) {

}
@media only screen and (max-width:320px  ) {

}



.index_productCase .index_productCase_img .bottomposition{
	position:absolute;width:100%;left:0;right:0;margin:auto;padding:10px 0;background:rgba(0,0,0,.5);bottom:0;text-align:center;
	
}
.index_productCase .index_productCase_img .bottomposition a{
	color:#fff;font-size:14px;
	display:block;
	width:100%;
	height:100%;
	opacity:1;
}




