@charset "utf-8";
/* CSS Document */

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}

body, div, p, span, h1, h2, h3, h4, h5, h6, dd, dl, dt, ul, ol, li, input, textarea, select {
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
    font-size: 14px;
    color: #000;
	vertical-align: middle;
}

a {
    text-decoration: none;
    margin: 0;
    padding: 0;
	color: #000;
}

a:hover {
	text-decoration: none;
}

ul, ol, li {
    list-style: none;
}

img {
	-ms-interpolation-mode: bicubic; 
}

@font-face { font-family: myFirstFont; src: url(../fonts/LBS-font.ttf) }


.top-wrap { 
	width: 100%;
	overflow: hidden;
	background: rgba(255,255,255,0.8);
/*	z-index: 2;
	box-shadow: 0px 2px 6.79px 0.21px rgba(132, 132, 132, 0.75);
	position: absolute;
*/}

.top-main { width: 1200px; overflow: hidden; margin: 0 auto;}
.top-logo { width: 200px; float: left; margin-top: 5px; text-align: center;}
.top-logo img { width: auto;}


.nav { width: 700px; overflow: hidden; float: left; margin-left: 20px;}
.nav-title { display: none}
.nav-main { width: auto; overflow: hidden;}
.nav-main ul li { float: left; text-align: center; width: 100px; border-bottom: 4px solid rgba(255,255,255,0)}
.nav-main ul li a { font-size: 16px; color: #222; padding: 38px 0px; display: block; }
.nav-main ul li span { font-size: 12px; color: rgba(34,34,34,0.7); display: block; padding-top: 7px;}

.nav-main ul li:hover { background: rgba(20,163,217,.0); border-bottom:4px solid rgba(20,163,217,.0);}
.nav-main ul li:hover a { color: #0b8ebf; transition:all .4s ease-in-out;}
.nav-main ul li:hover span { color: rgba(11,142,191,0.90); transition:all .4s ease-in-out;}
.nav-main ul li.current { background: rgba(20,163,217,.2); border-bottom:4px solid rgba(20,163,217,.65);}
.nav-main ul li.current a { color: #0b8ebf}
.nav-main ul li.current span { color: rgba(11,142,191,0.70)}

.top-tel { width:260px; overflow: hidden; float: right; margin-top: 37px;}
.top-tel-icon { width: 40px; overflow: hidden; float: left; margin-top: 10px;}
.top-tel-icon img { width: auto;}
.top-tel-text { width: 200px; overflow: hidden; float: right;}
.top-tel-text h2 { font-size: 22px; color: #119bd4; display: inline-block;}


#container {
	width: 100%;
	height: 734px;
	overflow: hidden;
}
.sections,.section {
	height:100%;
}
#container,.sections {
	position: relative;
}
.section {
	background-color: #CCDCE5;
	background-position: 50% 50%;
	text-align: center; 
	color: #f00;
	background-size:cover;
}
#section0 {
	background-image:url(../images/banner1.jpg);
}
#section1 {
	background-image:url(../images/banner2.jpg);
}
#section2 {
	background-image:url(../images/banner3.jpg);
}
#section3 {
	background-image:url(../images/banner4.jpg);
}

.index-about-wrap { width: 100%; overflow: hidden; padding: 50px 0px;}
.index-about-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.index-about-left { width: 505px; overflow: hidden; float: left; height: 460px; }
.index-about-name { width: 12px; overflow: hidden; float: left; height: 460px; position: relative;}
.index-about-name img { display: block; position: absolute; bottom: 0;}
.index-about-img { width: 480px; overflow: hidden; float: right; height: 460px;}
.index-about-img img { display: block;}

.index-about-name img,.index-about-img img { vertical-align:bottom;}

.index-about-right { width: 650px; overflow: hidden; float: right;}
.index-about-title { width: auto; overflow: hidden; text-align: center; margin-top: 10px;}
.index-about-title img { width: auto;}

.index-about-content { width: auto; overflow: hidden; font-size: 15px; color: #555; line-height: 2.2; text-indent: 2em; margin-top: 20px;}
.index-about-more { width: auto; overflow: hidden; margin-top: 12px; padding: 5px 0px; text-align: right;}
.index-about-more a { font-size: 14px; color: #8a8a8a; border:1px solid #dedede; display: inline-block; padding: 10px 20px;}
.index-about-more a:hover { color: #fff; border: 1px solid #0072d3; background: #0072d3;}

.index-product-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
.index-product-main { width: 1200px; overflow: hidden; margin:0 auto;}

.index-product-title { width: auto; overflow: hidden;}
.index-product-title img { width: auto;}

.index-product-list { width: auto; overflow: hidden;}
.index-product-content { width: 860px; overflow: hidden; float: left;}
.index-product-content ul li { float: left; width: 200px; margin-left: 20px; position: relative; margin-top: 30px; height: 240px; overflow: hidden;}
.index-product-content ul li:first-child { margin-left: 0;}
.index-product-content ul li:nth-child(5) { margin-left: 0;}
.index-product-content ul li img { 
	width: 100%;
	height: 240px; 
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	
	-ms-transition-delay: 0s;
	-ms-transition-duration: 1s;
	-ms-transition-property: all;
	
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
}

.index-product-content ul li span {	
	font-size: 15px; 
	color: #333; 
	width: 100%;
	position: absolute;
	background: rgba(255,255,255,0.7);
	height: 40px;
	bottom: 40px; 
	left: 0;
	text-align: center;
	line-height: 2.6;
}

.index-product-content ul li img:hover { 
	transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
}


.index-product-last { width: 320px; overflow: hidden; float: right;}
.index-product-last ul li { width: auto; overflow: hidden; position: relative; margin-top: 30px; height: 361px;}
.index-product-last ul li img { 
	width: 320px; 
	height:361px;
	overflow-x: hidden;
	overflow-y: hidden;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	
	-ms-transition-delay: 0s;
	-ms-transition-duration: 1s;
	-ms-transition-property: all;
	
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
}

.index-product-last ul li img:hover { 
	transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
}

.index-product-last ul li span {	
	font-size: 15px; 
	color: #333; 
	width: 100%;
	position: absolute;
	background: rgba(255,255,255,0.7);
	height: 40px;
	bottom: 40px; 
	left: 0;
	text-align: center;
	line-height: 2.6;
}

.index-news-wrap { 
	width: 100%; 
	overflow: hidden;
	margin:20px 0px 0px; 
	padding-bottom: 20px;
}
.index-news-main { 
	width: 1200px;
	overflow: hidden;
	background: #fff;
	height:auto;
	box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	margin: 0 auto;
}
.index-news-content { width: auto; overflow: hidden; padding: 30px;}
.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 30px;}

.index-news-first { width: auto; overflow: hidden; margin-top: 40px;}
.index-news-img { width:511px; overflow: hidden; border: 1px solid #dedede; height: 350px; position: relative; float:left}
.index-news-img img { width: 481px; height: 320px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

.index-news-text { width: 600px; overflow: hidden; float: right; font-size: 15px; color: #8a8a8a; line-height: 2; margin-top: 15px;}
.index-news-text ul li { width: auto; overflow: hidden; font-size: 15px; color: #8a8a8a; line-height: 2;}
.index-news-text ul li a{ font-size: 20px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
.index-news-text ul li span { font-size:14px; color: #aaa; display: block; padding-bottom: 5px;}
.index-news-text ul li a:hover { color: #0072d3;}

.index-news-list { width: auto; overflow: hidden; margin-top: 20px;}
.index-news-list ul li { float: left; width: 46%; margin-left: 8%; margin-top: 20px;}
.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

.index-news-name { width: 75%; overflow: hidden; float: left;}
.index-news-name h4 { font-size: 14px; color: #555; font-weight: normal;}
.index-news-data { width: 20%; overflow: hidden; float: right; text-align: right;}
.index-news-data span { font-size: 14px; color: #555; display: block;}
.index-news-name h4,.index-news-data span { vertical-align: middle;}
.index-news-list ul li a:hover h4 { color: #0072d3}

.index-cooperative-wrap { width: 100%; overflow: hidden; margin-bottom: 10px;}
.index-cooperative-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.index-partner-main { overflow:hidden; width: auto;}
.index-partner-main ul li div { 
	float:left; 
	height:80px;
	width:200px;
	overflow:hidden;
	padding:40px 0px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
	position:relative;
    -webkit-transition: all .8s ease-in-out 0s;
    -moz-transition: all .8s ease-in-out 0s;
    -ms-transition: all .8s ease-in-out 0s;
    -o-transition: all .8s ease-in-out 0s;
    transition: all .8s ease-in-out 0s;
    transition-delay:.5s;
}
.index-partner-main ul li div img { 
	max-width:120px;
	text-align: center;
	margin: 0 auto;
	vertical-align: middle;
    position:absolute;
    top:50%;
    left:45%;
    display:block;
    margin-left:-40px;	
    transition: all .5s linear 10ms;
}
.index-partner-main li div img:last-child {opacity:1;}
.index-partner-main li div:hover img:last-child,
.index-partner-main li div img:first-child {
    opacity:0;
    transform:translateY(-50%) rotateY(180deg);
}
.index-partner-main li div img,
.index-partner-main li div:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}


.foot-lianjie-wrap { width: 100%; overflow: hidden; background: #333; padding: 10px 0px;}
.foot-lianjie-main { width: 1200px; overflow: hidden; margin:0 auto;}
.foot-lianjie-main span { font-size: 14px; color: rgba(255,255,255,.62);}
.foot-lianjie-main a { font-size: 14px; color: rgba(255,255,255,.62); margin-left: 10px;}
.foot-lianjie-main a:first-child { margin-left: 0px;}
.foot-lianjie-main span,.foot-lianjie-main a { vertical-align: middle;}
.foot-lianjie-main a:hover { color: #fff;}

.foot-wrap { width: 100%; overflow: hidden; background: #333; margin-top: 1px;}
.foot-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.foot-content { width: auto; overflow: hidden; padding: 30px 0px; border-bottom: 1px solid #2a2a2a;}
.foot-nav { width: 750px; overflow: hidden; float: left;}
.foot-nav ul li { float: left; width: 150px;}
.foot-nav ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
.foot-nav ul li a { display: block; font-size: 14px; color: rgba(255,255,255,.62); padding: 6px 0px;}
.foot-nav ul li a:hover { color: #fff;}

.foot-contact { width:300px; overflow: hidden; float: left;}
.foot-contact ul li { width: auto; overflow: hidden; padding: 10px 0px;}
.foot-contact ul li:first-child { padding: 0;}
.foot-contact ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
.foot-icon { width: 20px; overflow: hidden; text-align: center; float: left;}
.foot-contact-text { width: 88%; overflow: hidden; float: right}
.foot-contact-text span { font-size: 14px; color: rgba(255,255,255,.62)}
.foot-icon img,.foot-contact-text span { vertical-align: middle;}

.foot-ewm { width: 120px; overflow: hidden; float: right; text-align: center;}
.foot-ewm a { font-size: 14px; color: #fff; display: block; margin-top: 7px;}

.foot-copyright { width: auto; overflow: hidden; border-top: 1px solid #3f3f3f; padding: 15px 0px 10px; font-size: 13px; color: rgba(255,255,255,.3); line-height: 1.8}
.foot-copyright a { font-size: 13px; color: rgba(255,255,255,.3)}
.foot-copyright a:hover { font-size: 13px; color: rgba(255,255,255,1)}

.details-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
.details-main { width: 1200px; overflow: hidden; margin: 0 auto;}

.left-wrap { width: 260px; overflow: hidden; float: left;}
.left-nav { width: auto; overflow: hidden;}
.left-nav-title { width: auto; overflow: hidden; background:#087FD5; text-align: right; padding: 20px 0px;}
.left-nav-title-inner { width: auto; overflow: hidden; padding: 0px 20px;}
.left-nav-title span { display: inline-block; width: 6px; height: 6px; background: #fff;}
.left-nav-title h3 { display: inline-block; font-size: 20px; color: #fff; font-weight: bold; padding-left: 8px;}
.left-nav-title span,.left-nav-title h3 { vertical-align: middle;}
.left-nav ul li { width: auto; overflow: hidden; text-align: right; padding: 0px 20px; margin-top: 1px; background: #f8f8f8}
.left-nav ul li a { display: inline-block; padding: 18px 0px; text-align: right; padding-right: 15px; font-size: 14px; color: #555}
.left-nav ul li span { display: inline-block; background:url(../images/lf_li.png) no-repeat right; width: 13px; height: 8px;}

.left-nav ul li:hover { background: #089DDB; border-bottom: none}
.left-nav ul li:hover a { color: #fff;}
.left-nav ul li:hover span { display: inline-block; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}
  
.left-nav ul li.left-now { background: #089DDB; border-bottom: none}
.left-nav ul li.left-now a { color: #fff;}
.left-nav ul li.left-now span { display: inline-block; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}

.left-contact { width: auto; overflow: hidden; margin-top: 30px; text-align: center;}

.about-right { width: 900px; overflow: hidden; float: right;}
.location-wrap { width: auto; overflow: hidden; text-align: right; border-bottom: 1px solid #dedede; padding-bottom: 6px;}
.location-wrap img { display: inline-block; padding-right: 5px;}
.location-wrap span { font-size: 14px; color: #8a8a8a;}
.location-wrap a { font-size: 14px; color: #8a8a8a;}
.location-wrap img,.location-wrap span,.location-wrap a { vertical-align: middle;}
.location-wrap a:hover { color: #1667A9}
.location-wrap a.location-now { color: #1667A9}

.partner-content { width: auto; overflow: hidden;}
.partner-content ul li { float: left; margin-left: 20px; width: 208px; position: relative; height: 120px; margin-top: 20px; border: 1px solid #dedede}
.partner-content ul li img { max-width: 94%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 100px;}
.partner-content ul li:nth-child(1) { margin-left: 0;}
.partner-content ul li:nth-of-type(4n+1) { margin-left: 0;}
.partner-content ul li span { display: block;}

.news-content { width: auto; overflow: hidden;}
.news-content ul li { width: auto; overflow: hidden; margin-top: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 10px;}
.news-content ul li:last-child { border-bottom: none}
.news-content ul li h3 { font-size: 16px; color: #555;}
.news-content ul li span { font-size: 14px; color: #aaa; display: block; padding: 5px 0px;}
.news-content ul li div { font-size: 15px; color: #7b7b7b; line-height: 1.7}
.news-content ul li:hover h3 { color: #0098C7;}

.product-wrap { width: auto; overflow: hidden; padding: 20px 0px;}
.product-content { padding-bottom: 30px; overflow: hidden;}
.product-content ul li { width: 48%; overflow: hidden; padding-bottom: 40px; border-bottom: 1px solid #dedede; margin-top: 40px; margin-left: 4%; float: left; height: 280px;}
.product-content ul li:nth-of-type(odd) { margin-left: 0;}
.product-left-img { width: 40%; height: 260px; overflow: hidden; float: left; border: 1px solid #dedede; background: #eeefef; position: relative;}
.product-left-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto; width: 100%}
.product-right-text  { width: 55%; overflow: hidden; float: right; margin-top: 15px;}
.product-right-text h2 { font-size: 18px; color: #666; font-weight: normal; padding-bottom: 20px;}
.product-right-text h3 { font-size: 14px; color: #555; font-weight: bold; padding-bottom: 5px;}
.product-right-text span { font-size: 14px; color: #666; line-height: 2;}

.product-content ul li:hover .product-right-text h2 { color: #0098C7}

.product-details-title { width: auto; overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #dedede}
.product-title-name  { width:60%; overflow: hidden; float: left;}
.product-title-name h3 { font-size: 18px; color: #555;}
.product-title-data { width: 35%; overflow: hidden; float:right; text-align: right;}
.product-title-data span { font-size: 14px; color: #6a6a6a; display: inline-block; margin-left: 15px;}
.product-title-data a { font-size: 14px; color: #6a6a6a; display: inline-block; margin-left: 15px;}
.product-title-data span:nth-child(1) { margin-left: 0;}
.product-title-name h3,.product-title-data span,.product-title-data a { vertical-align: middle;}
.product-title-data a:hover { color: #0098C7}

.product-details-content { width: auto; overflow: hidden; margin-top: 20px;}
.product-details-content img { max-width: 100%; overflow: hidden; margin: 0 auto; display: none}

.product-details-content table { border-collapse: collapse; max-width: 100%}
.product-details-content tdbody {}
.firstRow td { text-align: center;}
.firstRow th { 
	font-size: 18px; 
	color: #fff; 
	text-align: center;
	background: #008CD6;
	padding: 20px 10px; 
	font-weight: normal;
	border: 1px solid #fff!important;
}
.product-details-content table tr td { border: 1px solid #fff!important; background: #EEEFEF; font-size: 15px; color: #333; padding: 10px 20px;}
.lightRow { background: #D3EDFB!important}
.firstCol { background: #008cd6!important; width: 200px; text-align: center; padding: 0px;}
.firstCol strong { font-size: 18px; color: #fff; font-weight: normal; text-align: center; display: block}


.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px;}
.list_page span { color:#e40723; font-size:13px; display: block}
.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}

.news-next { width: auto; overflow: hidden; margin-top: 20px;}
.news-next div { 
	width:auto; 
	overflow: hidden;
	background:#f3f5f6; 
	padding:10px 0px; 
	font-size: 14px;
	color: #333; 
	padding-left: 10px;
	margin-bottom: 10px;
	text-align: left;
}
.news-next div a { font-size: 14px; color: #333}
.news-next div a:hover { font-size: 14px; color: #0098C7}

.contact-content { width: auto; overflow: hidden; margin-top: 20px;}
.contact-content img { max-width: 100%}
.contact-left-text { width: 550px; overflow: hidden; float: left; margin-top: 0px}
.contact-left-text span { font-size: 14px; color: #444; display: block; line-height: 2.6;}
.contact-right-ewm { width: 160px; overflow: hidden; float: left; text-align: center;}
.contact-right-ewm img { width: 100%}


.about-content { width: auto; overflow: hidden; margin-top: 15px;}
.about-content span { font-size: 15px!important; color: #444; line-height: 2;}
.about-content p { font-size: 15px!important; color: #444; line-height: 2;}
.about-content p span { font-size: 15px!important; color: #444; line-height: 2.7;}
.about-content img { max-width: 100%; display: block; margin:20px auto 0;}

.workshop-content { width: auto; overflow: hidden;}
.workshop-content ul li { float: left; width: 49%; margin-left: 2%; margin-top: 20px;}
.workshop-content ul li:nth-of-type(odd) { margin-left: 0;}
.workshop-content ul li img { width: 100%; height: 330px; display: block;}

.workshop-details-content { width: auto; overflow: hidden; margin-top: 20px;}
.workshop-details-content img { max-width: 100%;}

.news-details-content { width: auto; overflow: hidden; margin-top: 20px;}
.news-details-content img { max-width: 100%;}
.news-details-content span { font-size: 15px!important; color: #444; line-height: 2;}
.news-details-content p { font-size: 15px!important; color: #444; line-height: 2;}
.news-details-content p span { font-size: 15px!important; color: #444; line-height: 2.7;}

.antitude-content { width: auto; overflow: hidden;}
.antitude-content ul li { float: left; width: 430px; margin-left: 40px; margin-top: 20px;}
.antitude-content ul li:nth-of-type(odd) { margin-left: 0;}
.antitude-img { width: 408px; overflow: hidden; height: 250px; border: 1px solid #e2e2e4; display: table; padding: 10px; position: relative;}
.antitude-img img { 
	max-width: 408px;
	max-height: 250px;
	margin:auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: absolute;
	overflow-x: hidden;
	overflow-y: hidden;
	transition-delay: 0s;
	transition-duration: 1s;
	transition-property: all;
	
	-ms-transition-delay: 0s;
	-ms-transition-duration: 1s;
	-ms-transition-property: all;
	
	-moz-transition-delay: 0s;
	-moz-transition-duration: 1s;
	-moz-transition-property: all;
	
	-webkit-transition-delay: 0s;
	-webkit-transition-duration: 1s;
	-webkit-transition-property: all;
	 
	-o-transition-delay: 0s;
	-o-transition-duration: 1s;
	-o-transition-property: all;
}
.antitude-img img:hover {
	transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);	
}
.antitude-text { width: auto; overflow: hidden; margin-top: 10px; text-align: center;}
.antitude-text span { font-size: 15px; color: #555;}
.antitude-content ul li:hover span { color: #0098C7}

.product-location-wrap { width: auto; overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom: 6px;}

.product-search { width: 52%; overflow: hidden; float:left; text-align: right;}
.product-search input { 
	width: 240px;
	height: 34px; 
	border: 1px solid #dedede;
	padding: 0px 10px;
	background: url(../images/search.png) no-repeat right;
	outline: none;
}

.product-location-main { width: 45%; overflow: hidden; float: right; text-align:right; margin-top:3px;}
.product-location-main img { display: inline-block; padding-right: 5px;}
.product-location-main span { font-size: 14px; color: #8a8a8a;}
.product-location-main a { font-size: 14px; color: #8a8a8a;}
.product-location-main img,.product-location-main span,.product-location-main a { vertical-align: middle;}
.product-location-main a:hover { color: #1667A9}
.product-location-main a.product-location-now { color: #1667A9}


.index-case-content { overflow:hidden; width: auto; margin-top: 10px;} 
.index-case-content ul li div { float:left; line-height:25px; height:220px; width:180px; overflow:hidden; padding:10px 0px}
.index-case-content ul li div img { border:1px solid #DADADA; width:178px; height:200px; display: block;}
.index-case-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center; margin-top: 7px;}

.clear { clear: both;}

/* marqueeleft */
.marqueeleft{ height:230px; width:auto; overflow:hidden; margin:20px auto 0;}
.marqueeleft ul{ float:left;}
.marqueeleft li{ float:left; margin:0 5px; display:inline; width:180px; height:230px; overflow:hidden; text-align: center;}
.marqueeleft li img{ display:block; width:178px; height:200px; padding:2px; overflow:hidden;}
.marqueeleft li span{text-align:center; height:23px; line-height:23px;}

@media only screen and (max-width:800px){
	
	.top-wrap { 
		width: 100%;
		overflow: hidden;
		background: rgba(255,255,255,1);
		z-index: 2;
		box-shadow: 0px 2px 6.79px 0.21px rgba(132, 132, 132, 0.75);
		position: static;
		padding: 5px 0px;
	}

	.top-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.top-logo { width: 27%; float: left; margin-top: 5px; text-align: center;}
	.top-logo img { width: 77.5px;}

	.nav { width:18%; float: right; background: none; margin-top: 13px; margin-right: 0; margin-left: 0;}
	
	.nav-title { float:right; width:24px; height:35px; background:rgba(20,163,217,1); border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:76px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4.2% 0%;}
	.nav-main ul li span { display: none;}
	.nav-main ul li:hover { background:#14A3D9; border-bottom: none;}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#14A3D9; border-bottom: none;}
	.nav-main ul li.current a { color: #fff;}
	
	.top-tel { width:45%; overflow: hidden; float: left; margin-top: 20px; margin-left: 14px}
	.top-tel-icon { width: 15%; overflow: hidden; float: left; margin-top: 12px;}
	.top-tel-icon img { width: 20px;}
	.top-tel-text { width: 80%; overflow: hidden; float: right;}
	.top-tel-text h2 { font-size: 14px; color: #119bd4; display: inline-block;}
	
	.index-about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.index-about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-about-left { width: auto; overflow: hidden; float: none; height: 270px; }
	.index-about-name { width: 5%; overflow: hidden; float: left; height: 270px; position: relative;}
	.index-about-name img { display: block; position: absolute; bottom: 0; width: 50%}
	.index-about-img { width: 94%; overflow: hidden; float: right; height: 270px;}
	.index-about-img img { display: block; width: 100%}

	.index-about-name img,.index-about-img img { vertical-align:bottom;}

	.index-about-right { width: auto; overflow: hidden; float: none; margin-top: 20px;}
	.index-about-title { width: auto; overflow: hidden; text-align: left; margin-top: 0px;}
	.index-about-title img { width: 90%;}

	.index-about-content { width: auto; overflow: hidden; font-size: 14px; color: #555; line-height: 2.2; text-indent: 2em; margin-top: 10px;}
	.index-about-more { width: auto; overflow: hidden; margin-top: 12px; padding: 5px 0px; text-align: right;}
	.index-about-more a { font-size: 14px; color: #8a8a8a; border:1px solid #dedede; display: inline-block; padding: 10px 20px;}
	.index-about-more a:hover { color: #fff; border: 1px solid #0072d3; background: #0072d3;}
	
	.index-product-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.index-product-main { width: 96%; overflow: hidden; margin:0 auto;}

	.index-product-title { width: auto; overflow: hidden;}
	.index-product-title img { width: 90%;}

	.index-product-list { width: auto; overflow: hidden;}
	.index-product-content { width: auto; overflow: hidden; float: none; margin-top: 15px;}
	.index-product-content ul li { float: left; width: 49%; margin-left: 2%; position: relative; margin-top: 2%; height: 170px; overflow: hidden;}
	.index-product-content ul li:first-child { margin-left: 0;}
	.index-product-content ul li:nth-child(5) { margin-left: 0;}
	.index-product-content ul li:nth-of-type(odd) { margin-left: 0;}
	.index-product-content ul li img { 
		width: 100%;
		height: 170px; 
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-content ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 20px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}

	.index-product-content ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}


	.index-product-last { width: auto; overflow: hidden; float: none;}
	.index-product-last ul li { width: auto; overflow: hidden; position: relative; margin-top: 2%; height: 361px;}
	.index-product-last ul li img { 
		width: auto; 
		height:361px;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-last ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}

	.index-product-last ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 40px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}
	
	.index-news-wrap { 
		width: 100%; 
		overflow: hidden;
		background: url(../images/index3.jpg) no-repeat; 
		height: 1140px;
		position: relative; 
		margin:20px 0px 0px; 
		padding-bottom: 20px;
		background-size: 100%;
	}
	.index-news-main { 
		width: 96%;
		overflow: hidden;
		background: #fff;
		position: absolute; 
		top: 5%; 
		left: 2%; 
		height:1090px;
		box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	}
	.index-news-content { width: auto; overflow: hidden; padding: 20px;}
	.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 0px;}
	.index-news-title img { width: 80%}

	.index-news-first { width: auto; overflow: hidden; margin-top: 20px;}
	.index-news-img { width:auto; overflow: hidden; border: 1px solid #dedede; height: 170px; position: relative; float:none}
	.index-news-img img { width: 96%; height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

	.index-news-text { width: auto; overflow: hidden; float: none; font-size: 14px; color: #8a8a8a; line-height: 2; margin-top: 10px;}
	.index-news-text ul li { font-size: 14px; color:#8a8a8a; line-height: 2;}
	.index-news-text ul li a{ font-size: 18px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
	.index-news-text ul li span { font-size:14px; color: #aaa; display: block; padding-bottom: 5px;}
	.index-news-text ul li a:hover { color: #0072d3;}

	.index-news-list { width: auto; overflow: hidden; margin-top: 0px;}
	.index-news-list ul li { float: none; width: auto; margin-left: 0; margin-top: 15px;}
	.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

	.index-news-name { width: auto; overflow: hidden; float: none;}
	.index-news-name h4 { font-size: 14px; color: #555; font-weight: normal;}
	.index-news-data { width: 25%; overflow: hidden; float: right; text-align: right;}
	.index-news-data span { font-size: 14px; color: #555; display: none}
	.index-news-name h4,.index-news-data span { vertical-align: middle;}
	.index-news-list ul li a:hover h4 { color: #0072d3}
	
	.index-cooperative-wrap { width: 100%; overflow: hidden; margin-bottom: 10px; height: 60px;}
	.index-cooperative-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-partner-main { overflow:hidden; width: auto;}
	.index-partner-main ul li div { 
		float:left; 
		height:30px;
		width:150px;
		overflow:hidden;
		padding:20px 0px;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:relative;
		-webkit-transition: all .8s ease-in-out 0s;
		-moz-transition: all .8s ease-in-out 0s;
		-ms-transition: all .8s ease-in-out 0s;
		-o-transition: all .8s ease-in-out 0s;
		transition: all .8s ease-in-out 0s;
		transition-delay:.5s;
	}
	.index-partner-main ul li div img { 
		width:80px;
		height:auto;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:absolute;
		top:50%;
		left:45%;
		display:block;
		margin-left:-40px;	
		transition: all .5s linear 10ms;
	}
	.index-partner-main li div img:last-child {opacity:1;}
	.index-partner-main li div:hover img:last-child,
	.index-partner-main li div img:first-child {
		opacity:0;
		transform:translateY(-50%) rotateY(180deg);
	}
	.index-partner-main li div img,
	.index-partner-main li div:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}

	.foot-lianjie-wrap { width: 100%; overflow: hidden; background: #333; padding: 10px 0px;}
	.foot-lianjie-main { width: 96%; overflow: hidden; margin:0 auto;}
	.foot-lianjie-main span { font-size: 14px; color: rgba(255,255,255,.62);}
	.foot-lianjie-main a { font-size: 14px; color: rgba(255,255,255,.62); margin-left: 10px;}
	.foot-lianjie-main a:first-child { margin-left: 0px;}
	.foot-lianjie-main span,.foot-lianjie-main a { vertical-align: middle;}
	.foot-lianjie-main a:hover { color: #fff;}

	.foot-wrap { width: 100%; overflow: hidden; background: #333; margin-top: 1px;}
	.foot-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.foot-content { width: auto; overflow: hidden; padding: 20px 0px; border-bottom: 1px solid #2a2a2a;}
	.foot-nav { width: 750px; overflow: hidden; float: left; display: none}
	.foot-nav ul li { float: left; width: 150px;}
	.foot-nav ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
	.foot-nav ul li a { display: block; font-size: 14px; color: rgba(255,255,255,.62); padding: 6px 0px;}
	.foot-nav ul li a:hover { color: #fff;}

	.foot-contact { width:auto; overflow: hidden; float: none;}
	.foot-contact ul li { width: auto; overflow: hidden; padding: 10px 0px 0;}
	.foot-contact ul li:first-child { padding: 0;}
	.foot-contact ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
	.foot-icon { width: 20px; overflow: hidden; text-align: center; float: left;}
	.foot-contact-text { width: 88%; overflow: hidden; float: right}
	.foot-contact-text span { font-size: 14px; color: rgba(255,255,255,.62)}
	.foot-icon img,.foot-contact-text span { vertical-align: middle;}

	.foot-ewm { width: 120px; overflow: hidden; float: right; text-align: center; display: none}
	.foot-ewm a { font-size: 14px; color: #fff; display: block; margin-top: 7px;}

	.foot-copyright { width: auto; overflow: hidden; border-top: 1px solid #3f3f3f; padding: 15px 0px 10px; font-size: 13px; color: rgba(255,255,255,.3)}
	.foot-copyright a { font-size: 12px; color: rgba(255,255,255,.3); line-height: 2;}
	.foot-copyright a:hover { font-size: 13px; color: rgba(255,255,255,1)}
	
	
	.details-wrap { width: 100%; overflow: hidden; padding: 20px 0px 10px;}
	.details-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.left-wrap { width: auto; overflow: hidden; float: none;}
	.left-nav { width: auto; overflow: hidden;}
	.left-nav-title { width: auto; overflow: hidden; background:rgba(22,103,169,1); text-align: right; padding: 20px 0px; display: none}
	.left-nav-title-inner { width: auto; overflow: hidden; padding: 0px 20px;}
	.left-nav-title span { display: inline-block; width: 6px; height: 6px; background: #fff;}
	.left-nav-title h3 { display: inline-block; font-size: 20px; color: #fff; font-weight: bold; padding-left: 8px;}
	.left-nav-title span,.left-nav-title h3 { vertical-align: middle;}
	.left-nav ul li { 
		width: 33.1%;
		overflow: hidden;
		text-align: center;
		border-bottom:none;
		padding: 0px 0px;
		margin-top: 1px;
		float: left;
		margin-left: 1px;
		background: #f3f5f6;
	}
	.left-nav ul li:first-child { margin-left: 0;}
	.left-nav ul li:nth-of-type(3n+1) { margin-left: 0;}
	.left-nav ul li a { display: inline-block; padding: 12px 0px; text-align: center; padding-right: 0px; font-size: 14px; color: #555}
	.left-nav ul li span { display: none; background:url(../images/lf_li.png) no-repeat right; width: 13px; height: 8px;}

	.left-nav ul li:hover { background:#089DDB; border-bottom: none}
	.left-nav ul li:hover a { color: #fff;}
	.left-nav ul li:hover span { display: none; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}
  
	.left-nav ul li.left-now { background:#089DDB; border-bottom:none}
	.left-nav ul li.left-now a { color: #fff;}
	.left-nav ul li.left-now span { display: none; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}

	.left-contact { width: auto; overflow: hidden; margin-top: 30px; text-align: center; display: none}

	.about-right { width: auto; overflow: hidden; float: none;}
	.location-wrap { width: auto; overflow: hidden; text-align: right; border-bottom: 1px solid #dedede; padding-bottom: 6px; display: none}
	.location-wrap img { display: inline-block; padding-right: 5px;}
	.location-wrap span { font-size: 14px; color: #8a8a8a;}
	.location-wrap a { font-size: 14px; color: #8a8a8a;}
	.location-wrap img,.location-wrap span,.location-wrap a { vertical-align: middle;}
	.location-wrap a:hover { color: #1667A9}
	.location-wrap a.location-now { color: #1667A9}

	.partner-content { width: auto; overflow: hidden;}
	.partner-content ul li { float: left; margin-left: 2%; width: 48.35%; position: relative; height: 80px; margin-top: 10px; border: 1px solid #dedede}
	.partner-content ul li img { max-width: 98%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 76px}
	.partner-content ul li:nth-child(1) { margin-left: 0;}
	.partner-content ul li:nth-of-type(5n+1) { margin-left: 2%;}
	.partner-content ul li:nth-of-type(odd) { margin-left: 0}

	.news-content { width: auto; overflow: hidden;}
	.news-content ul li { width: auto; overflow: hidden; margin-top: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 10px;}
	.news-content ul li:last-child { border-bottom: none}
	.news-content ul li h3 { font-size: 16px; color: #555;}
	.news-content ul li span { font-size: 14px; color: #aaa; display: block; padding: 5px 0px;}
	.news-content ul li div { font-size: 15px; color: #7b7b7b; line-height: 1.7}

	.product-wrap { width: auto; overflow: hidden; padding: 0px 0px;}
	.product-content ul li { width: auto; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-top: 20px; float: none; margin-left: 0; height: auto;}
	.product-left-img { width: 100%; height: 400px; overflow: hidden; float: none; border: 1px solid #dedede; background: #eeefef; position: relative;}
	.product-left-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto;}
	.product-right-text  { width: auto; overflow: hidden; float: none; margin-top: 20px; }
	.product-right-text h2 { font-size: 18px; color: #666; font-weight: normal; padding-bottom: 20px;}
	.product-right-text h3 { font-size: 15px; color: #555; font-weight: bold; padding-bottom: 5px;}
	.product-right-text span { font-size: 15px; color: #666; line-height: 2;}
	.product-content ul li:last-child { border-bottom:none; padding-bottom: 0;}
	.product-content ul li:hover .product-right-text h2 { color: #0098C7}

	.product-details-title { width: auto; overflow: hidden; padding: 20px 0px 8px; border-bottom: 1px solid #dedede}
	.product-title-name  { width:auto; overflow: hidden; float: none;}
	.product-title-name h3 { font-size: 15px; color: #555;}
	.product-title-data { width: auto; overflow: hidden; float:none; text-align: left;}
	.product-title-data span { font-size: 13px; color: #6a6a6a; display: inline-block; margin-left: 8px;}
	.product-title-data span:nth-child(1) { margin-left: 0;}
	.product-title-name h3,.product-title-name span { vertical-align: middle;}

	.product-details-content { width: auto; overflow: hidden; margin-top: 20px;}
	.product-details-content img { max-width: 100%; overflow: hidden; margin: 0 auto; display: block;}

	.product-details-content table { border-collapse: collapse; max-width: 100%; display: none;}
	.product-details-content tdbody {}
	.firstRow td { text-align: center;}
	.firstRow th { 
		font-size: 14px; 
		color: #fff; 
		text-align: center;
		background: #008CD6;
		padding: 20px 0px; 
		font-weight: normal;
		border: 1px solid #fff!important;
	}
	.product-details-content table tr td { 
		border: 1px solid #fff!important;
		background: #EEEFEF; 
		font-size: 15px; 
		color: #333; 
		padding: 0px 20px;
		}
	.lightRow { background: #D3EDFB!important}
	.firstCol { background: #008cd6!important; width: 220px; text-align: center; padding: 0px;}
	.firstCol strong { font-size: 14px; color: #fff; font-weight: normal; text-align: center; display: block}
	
	.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px; margin-bottom: 20px;}
	.list_page span { color:#e40723; font-size:13px; display: block}
	.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}
	
	.contact-content { width: auto; overflow: hidden; margin-top: 20px;}
	.contact-content img { max-width: 100%}
	.contact-left-text { width: auto; overflow: hidden; float: none; margin-top: 0px}
	.contact-left-text span { font-size: 14px; color: #444; display: block; line-height: 2.6;}
	.contact-right-ewm { width: auto; overflow: hidden; float: none; text-align: center;}

	.about-content { width: auto; overflow: hidden; margin-top: 10px;}
	.about-content span { font-size: 14px!important; color: #444; line-height: 2;}
	.about-content p { font-size: 14px!important; color: #444; line-height: 2;}
	.about-content p span { font-size: 14px!important; color: #444; line-height: 2.5;}
	.about-content img { max-width: 100%; margin-top: 8px; display: block;}

	.workshop-content { width: auto; overflow: hidden;}
	.workshop-content ul li { float: none; width: auto; margin-left: 0%; margin-top: 8px;}
	.workshop-content ul li:nth-of-type(odd) { margin-left: 0;}
	.workshop-content ul li img { width: 100%; height: 240px; display: block;}

	.workshop-details-content { width: auto; overflow: hidden; margin-top: 10px;}
	.workshop-details-content img { max-width: 100%;}

	.news-details-content { width: auto; overflow: hidden; margin-top: 10px;}
	.news-details-content img { max-width: 100%;}
	.news-details-content span { font-size: 14px!important; color: #444; line-height: 2;}
	.news-details-content p { font-size: 14px!important; color: #444; line-height: 2;}
	.news-details-content p span { font-size: 14px!important; color: #444; line-height: 2.5;}
	
	.antitude-content { width: auto; overflow: hidden;}
	.antitude-content ul li { float: none; width: auto; margin-left: 0px; margin-top: 10px;}
	.antitude-content ul li:nth-of-type(odd) { margin-left: 0;}
	.antitude-img { width: 93%; overflow: hidden; height: 240px; border: 1px solid #e2e2e4; display: table; padding: 8px; position: relative; margin: 0 auto;}
	.antitude-img img { 
		max-width: 90%;
		max-height: 240px;
		margin:auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}
	.antitude-img img:hover {
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);	
	}
	.antitude-text { width: auto; overflow: hidden; margin-top: 10px; text-align: center;}
	.antitude-text span { font-size: 15px; color: #555;}
	.antitude-content ul li:hover span { color: #0098C7}
	
	.product-location-wrap { width: auto; overflow: hidden; border-bottom: none; padding-bottom: 0px; margin-top: 15px;}

	.product-search { width: auto; overflow: hidden; float:none; text-align: left;}
	.product-search input { 
		width: 93%;
		height: 34px; 
		border: 1px solid #dedede;
		padding: 0px 10px;
		background: url(../images/search.png) no-repeat right;
		outline: none;
	}

	.product-location-main { width: auto; overflow: hidden; float: right; text-align:right; margin-top:3px; display: none}
	.product-location-main img { display: inline-block; padding-right: 5px;}
	.product-location-main span { font-size: 14px; color: #8a8a8a;}
	.product-location-main a { font-size: 14px; color: #8a8a8a;}
	.product-location-main img,.product-location-main span,.product-location-main a { vertical-align: middle;}
	.product-location-main a:hover { color: #1667A9}
	.product-location-main a.product-location-now { color: #1667A9}
	
	.index-case-content { overflow:hidden; width: 98%; margin: 10px auto 0; height: 220px;} 
	.index-case-content ul li div { float:left; line-height:25px; height:200px; width:160px; overflow:hidden; padding:10px 0px}
	.index-case-content ul li div img { border:1px solid #DADADA; width:158px; height:180px; display: block;}
	.index-case-content ul li div span { display:block; font-size: 12px; color: #000; text-align: center; margin-top: 7px;}
	
}


@media only screen and (width:375px){
	
	.top-wrap { 
		width: 100%;
		overflow: hidden;
		background: rgba(255,255,255,1);
		z-index: 2;
		box-shadow: 0px 2px 6.79px 0.21px rgba(132, 132, 132, 0.75);
		position: static;
		padding: 5px 0px;
	}

	.top-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.top-logo { width: 22%; float: left; margin-top: 5px; text-align: center;}
	.top-logo img { width: 77.5px;}

	.nav { width: 20%; float: right; background: none; margin-top: 13px; margin-right: 0; margin-left: 0}
	
	.nav-title { float:right; width:24px; height:35px; background:rgba(20,163,217,1); border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%;  
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:77px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4.2% 0%;}
	.nav-main ul li span { display: none;}
	.nav-main ul li:hover { background:#14A3D9; border-bottom: none;}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#14A3D9; border-bottom: none;}
	.nav-main ul li.current a { color: #fff;}
	
	.top-tel { width:45%; overflow: hidden; float: left; margin-top: 17px; margin-left: 25px}
	.top-tel-icon { width: 20%; overflow: hidden; float: left; margin-top: 8px;}
	.top-tel-icon img { width: 30px;}
	.top-tel-text { width: 77%; overflow: hidden; float: right;}
	.top-tel-text h2 { font-size: 15px; color: #119bd4; display: inline-block;}
	
	.index-about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.index-about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-about-left { width: auto; overflow: hidden; float: none; height: 320px; }
	.index-about-name { width: 5%; overflow: hidden; float: left; height: 320px; position: relative;}
	.index-about-name img { display: block; position: absolute; bottom: 0; width: 55%}
	.index-about-img { width: 94%; overflow: hidden; float: right; height: 320px;}
	.index-about-img img { display: block; width: 100%}

	.index-about-name img,.index-about-img img { vertical-align:bottom;}

	.index-about-right { width: auto; overflow: hidden; float: none; margin-top: 20px;}
	.index-about-title { width: auto; overflow: hidden; text-align: left; margin-top: 0px;}
	.index-about-title img { width: 80%;}

	.index-about-content { width: auto; overflow: hidden; font-size: 14px; color: #555; line-height: 2.2; text-indent: 2em; margin-top: 10px;}
	.index-about-more { width: auto; overflow: hidden; margin-top: 12px; padding: 5px 0px; text-align: right;}
	.index-about-more a { font-size: 14px; color: #8a8a8a; border:1px solid #dedede; display: inline-block; padding: 10px 20px;}
	.index-about-more a:hover { color: #fff; border: 1px solid #0072d3; background: #0072d3;}
	
	.index-product-list { width: auto; overflow: hidden;}
	.index-product-content { width: auto; overflow: hidden; float: none; margin-top: 15px;}
	.index-product-content ul li { float: left; width: 49%; margin-left: 2%; position: relative; margin-top: 2%; height: 200px; overflow: hidden;}
	.index-product-content ul li:first-child { margin-left: 0;}
	.index-product-content ul li:nth-child(5) { margin-left: 0;}
	.index-product-content ul li:nth-of-type(odd) { margin-left: 0;}
	.index-product-content ul li img { 
		width: 100%;
		height: 200px; 
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-content ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 20px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}

	.index-product-content ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}
	
	.index-product-last { width: auto; overflow: hidden; float: none;}
	.index-product-last ul li { width: 100%; overflow: hidden; position: relative; margin-top: 2%; height: 391px;}
	.index-product-last ul li img { 
		width: 100%; 
		height:391px;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-last ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}

	.index-product-last ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 40px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}
	
	.index-news-wrap { 
		width: 100%; 
		overflow: hidden;
		background: url(../images/index3.jpg) no-repeat; 
		height: 1030px;
		position: relative; 
		margin:20px 0px 0px; 
		padding-bottom: 20px;
		background-size: 100%;
	}
	.index-news-main { 
		width: 96%;
		overflow: hidden;
		background: #fff;
		position: absolute; 
		top: 5%; 
		left: 2%; 
		height:980px;
		box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	}
	.index-news-content { width: auto; overflow: hidden; padding: 20px;}
	.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 0px;}
	.index-news-title img { width: 80%}

	.index-news-first { width: auto; overflow: hidden; margin-top: 20px;}
	.index-news-img { width:auto; overflow: hidden; border: 1px solid #dedede; height: 170px; position: relative; float:none}
	.index-news-img img { width: 96%; height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

	.index-news-text { width: auto; overflow: hidden; float: none; font-size: 13px; color: #8a8a8a; line-height: 2; margin-top: 10px;}
	.index-news-text ul li { font-size: 13px; color: #8a8a8a; line-height: 2}
	.index-news-text ul li a{ font-size: 16px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
	.index-news-text ul li span { font-size:13px; color: #aaa; display: block; padding-bottom: 5px;}
	.index-news-text ul li a:hover { color: #0072d3;}

	.index-news-list { width: auto; overflow: hidden; margin-top: 0px;}
	.index-news-list ul li { float: none; width: auto; margin-left: 0; margin-top: 15px; overflow: hidden;}
	.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

	.index-news-name { width: 72%; overflow: hidden; float: left;}
	.index-news-name h4 { font-size: 13px; color: #555; font-weight: normal;}
	.index-news-data { width: 24%; overflow: hidden; float: right; text-align: right;}
	.index-news-data span { font-size: 13px; color: #555; display: block;}
	.index-news-name h4,.index-news-data span { vertical-align: middle;}
	.index-news-list ul li a:hover h4 { color: #0072d3}
	
	.workshop-content { width: auto; overflow: hidden;}
	.workshop-content ul li { float: none; width: auto; margin-left: 0%; margin-top: 8px;}
	.workshop-content ul li:nth-of-type(odd) { margin-left: 0;}
	.workshop-content ul li img { width: 100%; height: 280px; display: block;}

}

@media only screen and (width:414px){
	
	.top-wrap { 
		width: 100%;
		overflow: hidden;
		background: rgba(255,255,255,1);
		z-index: 2;
		box-shadow: 0px 2px 6.79px 0.21px rgba(132, 132, 132, 0.75);
		position: static;
		padding: 5px 0px;
	}

	.top-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.top-logo { width: 20%; float: left; margin-top: 5px; text-align: center;}
	.top-logo img { width: 77.5px;}

	.nav { width: 20%; float: right; background: none; margin-top: 12px; margin-right: 0; margin-left: 0;}
	
	.nav-title { float:right; width:24px; height:35px; background:rgba(20,163,217,1); border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%;  
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:77px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:4.2% 0%;}
	.nav-main ul li span { display: none;}
	.nav-main ul li:hover { background:#14A3D9; border-bottom: none;}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#14A3D9; border-bottom: none;}
	.nav-main ul li.current a { color: #fff;}
	
	
	.top-tel { width:45%; overflow: hidden; float: left; margin-top: 15px; margin-left: 25px}
	.top-tel-icon { width: 20%; overflow: hidden; float: left; margin-top: 3px;}
	.top-tel-icon img { width: auto;}
	.top-tel-text { width: 75%; overflow: hidden; float: right;}
	.top-tel-text h2 { font-size: 17px; color: #119bd4; display: inline-block;}

	
	.index-about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.index-about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-about-left { width: auto; overflow: hidden; float: none; height: 358px; }
	.index-about-name { width: 5%; overflow: hidden; float: left; height: 358px; position: relative;}
	.index-about-name img { display: block; position: absolute; bottom: 0; width: 55%}
	.index-about-img { width: 94%; overflow: hidden; float: right; height: 358px;}
	.index-about-img img { display: block; width: 100%}

	.index-about-name img,.index-about-img img { vertical-align:bottom;}

	.index-about-right { width: auto; overflow: hidden; float: none; margin-top: 20px;}
	.index-about-title { width: auto; overflow: hidden; text-align: left; margin-top: 0px;}
	.index-about-title img { width: 78%;}

	.index-about-content { width: auto; overflow: hidden; font-size: 14px; color: #555; line-height: 2.2; text-indent: 2em; margin-top: 10px;}
	.index-about-more { width: auto; overflow: hidden; margin-top: 12px; padding: 5px 0px; text-align: right;}
	.index-about-more a { font-size: 14px; color: #8a8a8a; border:1px solid #dedede; display: inline-block; padding: 10px 20px;}
	.index-about-more a:hover { color: #fff; border: 1px solid #0072d3; background: #0072d3;}
	
	.index-product-list { width: auto; overflow: hidden;}
	.index-product-content { width: auto; overflow: hidden; float: none; margin-top: 15px;}
	.index-product-content ul li { float: left; width: 49%; margin-left: 2%; position: relative; margin-top: 2%; height: 210px; overflow: hidden;}
	.index-product-content ul li:first-child { margin-left: 0;}
	.index-product-content ul li:nth-child(5) { margin-left: 0;}
	.index-product-content ul li:nth-of-type(odd) { margin-left: 0;}
	.index-product-content ul li img { 
		width: 100%;
		height: 210px; 
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-content ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 20px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}

	.index-product-content ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}
	
	.index-product-last { width: auto; overflow: hidden; float: none;}
	.index-product-last ul li { width: 100%; overflow: hidden; position: relative; margin-top: 2%; height: 441px;}
	.index-product-last ul li img { 
		width: 100%; 
		height:441px;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-last ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}

	.index-product-last ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 40px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}
	
	.index-news-wrap { 
		width: 100%; 
		overflow: hidden;
		background: url(../images/index3.jpg) no-repeat; 
		height:1082px;
		position: relative; 
		margin:20px 0px 0px; 
		padding-bottom: 20px;
		background-size: 100%;
	}
	.index-news-main { 
		width: 96%;
		overflow: hidden;
		background: #fff;
		position: absolute; 
		top: 6%; 
		left: 2%; 
		height:1022px;
		box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	}
	.index-news-content { width: auto; overflow: hidden; padding: 20px;}
	.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 0px;}
	.index-news-title img { width: 80%}

	.index-news-first { width: auto; overflow: hidden; margin-top: 20px;}
	.index-news-img { width:auto; overflow: hidden; border: 1px solid #dedede; height: 220px; position: relative; float:none}
	.index-news-img img { width: 96%; height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

	.index-news-text { width: auto; overflow: hidden; float: none; font-size: 14px; color: #8a8a8a; line-height: 2; margin-top: 10px;}
	.index-news-text ul li { width: auto; overflow: hidden; font-size: 14px; color: #8a8a8a; line-height: 2;}
	.index-news-text ul li a{ font-size: 18px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
	.index-news-text ul li span { font-size:14px; color: #aaa; display: block; padding-bottom: 5px;}
	.index-news-text ul li a:hover { color: #0072d3;}

	.index-news-list { width: auto; overflow: hidden; margin-top: 0px;}
	.index-news-list ul li { float: none; width: auto; margin-left: 0; margin-top: 15px; overflow: hidden;}
	.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

	.index-news-name { width: 72%; overflow: hidden; float: left;}
	.index-news-name h4 { font-size: 13px; color: #555; font-weight: normal;}
	.index-news-data { width: 24%; overflow: hidden; float: right; text-align: right;}
	.index-news-data span { font-size: 13px; color: #555; display: block;}
	.index-news-name h4,.index-news-data span { vertical-align: middle;}
	.index-news-list ul li a:hover h4 { color: #0072d3}
	
	.workshop-content { width: auto; overflow: hidden;}
	.workshop-content ul li { float: none; width: auto; margin-left: 0%; margin-top: 8px;}
	.workshop-content ul li:nth-of-type(odd) { margin-left: 0;}
	.workshop-content ul li img { width: 100%; height: 320px; display: block;}
	
}

@media only screen and (width:768px){
	
	.top-wrap { 
		width: 100%;
		overflow: hidden;
		background: rgba(255,255,255,1);
		z-index: 2;
		box-shadow: 0px 2px 6.79px 0.21px rgba(132, 132, 132, 0.75);
		position: static;
		padding: 5px 0px;
	}

	.top-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.top-logo { width: 27%; float: left; margin-top: 5px; text-align: center;}
	.top-logo img { width: auto;}

	.nav { width:18%; float: right; background: none; margin-top: 43px; margin-right: 0; margin-left: 0;}
	
	.nav-title { float:right; width:24px; height:35px; background:rgba(20,163,217,1); border-radius:1px; padding:5px 12px; display: block;}
	.nav-title span{ 
		display:block; 
		background:#fff; 
		height:3px; 
		margin-bottom:8px; 
		width:24px; 
		border-radius:5px; 
		margin-top:5px;
	}
	.nav-main { 
		width: 100%; 
		overflow: hidden; 
		background:#f3f5f6; 
		display:none; 
		position: absolute; 
		top:134px;
		z-index: 9999;
		left: 0px;
	}
	.nav-main ul li { border-bottom: 1px solid #E7E8E9; width: 100%;}
	.nav-main ul li:last-child { border-bottom:none;}
	.nav-main ul li a { font-size:14px; color: #333; display: block; padding:3% 0%;}
	.nav-main ul li span { display: none;}
	.nav-main ul li:hover { background:#14A3D9; border-bottom: none;}
	.nav-main ul li:hover a { color: #fff;}
	.nav-main ul li.current { background:#14A3D9; border-bottom: none;}
	.nav-main ul li.current a { color: #fff;}
	
	.top-tel { width:45%; overflow: hidden; float: left; margin-top: 40px; margin-left: 10%}
	.top-tel-icon { width: 15%; overflow: hidden; float: left; margin-top: 10px;}
	.top-tel-icon img { width: auto;}
	.top-tel-text { width: 83%; overflow: hidden; float: right;}
	.top-tel-text h2 { font-size: 22px; color: #119bd4; display: inline-block;}
	
	.index-about-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.index-about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-about-left { width: 50%; overflow: hidden; float: left; height: 330px; }
	.index-about-name { width: 5%; overflow: hidden; float: left; height: 330px; position: relative;}
	.index-about-name img { display: block; position: absolute; bottom: 0; width: 50%}
	.index-about-img { width: 94%; overflow: hidden; float: right; height: 330px;}
	.index-about-img img { display: block; width: 100%}

	.index-about-name img,.index-about-img img { vertical-align:bottom;}

	.index-about-right { width: 48%; overflow: hidden; float: right; margin-top: 0px;}
	.index-about-title { width: auto; overflow: hidden; text-align: left; margin-top: 0px;}
	.index-about-title img { width: 243px;}

	.index-about-content { width: auto; overflow: hidden; font-size: 14px; color: #555; line-height: 2.2; text-indent: 2em; margin-top: 10px;}
	.index-about-more { width: auto; overflow: hidden; margin-top: 12px; padding: 5px 0px; text-align: right;}
	.index-about-more a { font-size: 14px; color: #8a8a8a; border:1px solid #dedede; display: inline-block; padding: 10px 20px;}
	.index-about-more a:hover { color: #fff; border: 1px solid #0072d3; background: #0072d3;}
	
	.index-product-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.index-product-main { width: 96%; overflow: hidden; margin:0 auto;}

	.index-product-title { width: auto; overflow: hidden;}
	.index-product-title img { width: auto;}

	.index-product-list { width: auto; overflow: hidden;}
	.index-product-content { width: 78%; overflow: hidden; float: left; margin-top: 15px;}
	.index-product-content ul li { float: left; width: 24.25%; margin-left: 1%; position: relative; margin-top: 2%; height: 160px; overflow: hidden;}
	.index-product-content ul li:first-child { margin-left: 0;}
	.index-product-content ul li:nth-child(5) { margin-left: 0;}
	.index-product-content ul li:nth-of-type(odd) { margin-left: 0;}
	.index-product-content ul li:nth-child(3) { margin-left: 1%}
	.index-product-content ul li:nth-child(7) { margin-left: 1%}
	.index-product-content ul li img { 
		width: 100%;
		height: 160px; 
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-content ul li span {	
		font-size: 13px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 35px;
		bottom: 20px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}

	.index-product-content ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}


	.index-product-last { width: 20%; overflow: hidden; float: right; margin-top: 3.2%}
	.index-product-last ul li { width: 100%; overflow: hidden; position: relative; margin-top: 2%; height: 211px;}
	.index-product-last ul li img { 
		width: 100%; 
		height:211px;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-last ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}

	.index-product-last ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 40px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}
	
	.index-news-wrap { 
		width: 100%; 
		overflow: hidden;
		background: url(../images/index3.jpg) no-repeat; 
		height: 840px;
		position: relative; 
		margin:20px 0px 10px; 
		padding-bottom: 20px;
		background-size: 100%;
	}
	.index-news-main { 
		width: 96%;
		overflow: hidden;
		background: #fff;
		position: absolute; 
		top: 13%; 
		left: 2%; 
		height:730px;
		box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	}
	.index-news-content { width: auto; overflow: hidden; padding: 20px;}
	.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 15px;}
	.index-news-title img { width: auto}

	.index-news-first { width: auto; overflow: hidden; margin-top: 20px;}
	.index-news-img { width:40%; overflow: hidden; border: 1px solid #dedede; height: 170px; position: relative; float:left}
	.index-news-img img { width: 96%; height: 90%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

	.index-news-text { width: 57%; overflow: hidden; float: right; font-size: 13px; color: #8a8a8a; line-height: 2; margin-top: 0px;}
	.index-news-text ul li { color: #8a8a8a; font-size: 13px; line-height: 2;}
	.index-news-text ul li a{ font-size: 16px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
	.index-news-text ul li span { font-size:12px; color: #aaa; display: block; padding-bottom: 5px;}
	.index-news-text ul li a:hover { color: #0072d3;}

	.index-news-list { width: auto; overflow: hidden; margin-top: 10px;}
	.index-news-list ul li { float: none; width: auto; margin-left: 0%; margin-top: 15px; overflow: hidden;}
	.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

	.index-news-name { width: 68%; overflow: hidden; float: left;}
	.index-news-name h4 { font-size: 13px; color: #555; font-weight: normal;}
	.index-news-data { width: 25%; overflow: hidden; float: right; text-align: right;}
	.index-news-data span { font-size: 13px; color: #555; display: block}
	.index-news-name h4,.index-news-data span { vertical-align: middle;}
	.index-news-list ul li a:hover h4 { color: #0072d3}
	
	.index-cooperative-wrap { width: 100%; overflow: hidden; margin-bottom: 15px; height: 70px;}
	.index-cooperative-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-partner-main { overflow:hidden; width: auto;}
	.index-partner-main ul li div { 
		float:left; 
		height:30px;
		width:150px;
		overflow:hidden;
		padding:20px 0px;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:relative;
		-webkit-transition: all .8s ease-in-out 0s;
		-moz-transition: all .8s ease-in-out 0s;
		-ms-transition: all .8s ease-in-out 0s;
		-o-transition: all .8s ease-in-out 0s;
		transition: all .8s ease-in-out 0s;
		transition-delay:.5s;
	}
	.index-partner-main ul li div img { 
		width:100px;
		height:auto;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:absolute;
		top:50%;
		left:45%;
		display:block;
		margin-left:-40px;	
		transition: all .5s linear 10ms;
	}
	.index-partner-main li div img:last-child {opacity:1;}
	.index-partner-main li div:hover img:last-child,
	.index-partner-main li div img:first-child {
		opacity:0;
		transform:translateY(-50%) rotateY(180deg);
	}
	.index-partner-main li div img,
	.index-partner-main li div:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}

	.foot-lianjie-wrap { width: 100%; overflow: hidden; background: #333; padding: 10px 0px;}
	.foot-lianjie-main { width: 96%; overflow: hidden; margin:0 auto;}
	.foot-lianjie-main span { font-size: 14px; color: rgba(255,255,255,.62);}
	.foot-lianjie-main a { font-size: 14px; color: rgba(255,255,255,.62); margin-left: 10px;}
	.foot-lianjie-main a:first-child { margin-left: 0px;}
	.foot-lianjie-main span,.foot-lianjie-main a { vertical-align: middle;}
	.foot-lianjie-main a:hover { color: #fff;}

	.foot-wrap { width: 100%; overflow: hidden; background: #333; margin-top: 1px;}
	.foot-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.foot-content { width: auto; overflow: hidden; padding: 20px 0px; border-bottom: 1px solid #2a2a2a;}
	.foot-nav { width: auto; overflow: hidden; float: none; display: block;}
	.foot-nav ul li { float: left; width: 140px;}
	.foot-nav ul li h3 { font-size: 16px; color: #fff; font-weight: normal; padding-bottom: 5px;}
	.foot-nav ul li a { display: block; font-size: 13px; color: rgba(255,255,255,.62); padding: 6px 0px;}
	.foot-nav ul li a:hover { color: #fff;}

	.foot-contact { width:300px; overflow: hidden; float: left;}
	.foot-contact ul li { width: auto; overflow: hidden; padding: 10px 0px 0;}
	.foot-contact ul li:first-child { padding: 0;}
	.foot-contact ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
	.foot-icon { width: 20px; overflow: hidden; text-align: center; float: left;}
	.foot-contact-text { width: 88%; overflow: hidden; float: right}
	.foot-contact-text span { font-size: 14px; color: rgba(255,255,255,.62)}
	.foot-icon img,.foot-contact-text span { vertical-align: middle;}

	.foot-ewm { width: 300px; overflow: hidden; float: right; text-align: center; display: block}
	.foot-ewm a { font-size: 14px; color: #fff; display: block; margin-top: 7px;}

	.foot-copyright { width: auto; overflow: hidden; border-top: 1px solid #3f3f3f; padding: 15px 0px 10px; font-size: 13px; color: rgba(255,255,255,.3)}
	.foot-copyright a { font-size: 12px; color: rgba(255,255,255,.3); line-height: 2;}
	.foot-copyright a:hover { font-size: 13px; color: rgba(255,255,255,1)}
	
	
	.details-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.details-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.left-wrap { width: auto; overflow: hidden; float: none;}
	.left-nav { width: auto; overflow: hidden;}
	.left-nav-title { width: auto; overflow: hidden; background:rgba(22,103,169,1); text-align: right; padding: 20px 0px; display: none}
	.left-nav-title-inner { width: auto; overflow: hidden; padding: 0px 20px;}
	.left-nav-title span { display: inline-block; width: 6px; height: 6px; background: #fff;}
	.left-nav-title h3 { display: inline-block; font-size: 20px; color: #fff; font-weight: bold; padding-left: 8px;}
	.left-nav-title span,.left-nav-title h3 { vertical-align: middle;}
	.left-nav ul li { 
		width: 33.1%;
		overflow: hidden;
		text-align: center;
		border-bottom:none;
		padding: 0px 0px;
		margin-top: 1px;
		float: left;
		margin-left: 1px;
		background: #f3f5f6;
	}
	.left-nav ul li:first-child { margin-left: 0;}
	.left-nav ul li:nth-of-type(3n+1) { margin-left: 0;}
	.left-nav ul li a { display: inline-block; padding: 16px 0px; text-align: center; padding-right: 0px; font-size: 14px; color: #555}
	.left-nav ul li span { display: none; background:url(../images/lf_li.png) no-repeat right; width: 13px; height: 8px;}

	.left-nav ul li:hover { background:#089DDB; border-bottom: none}
	.left-nav ul li:hover a { color: #fff;}
	.left-nav ul li:hover span { display: none; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}
  
	.left-nav ul li.left-now { background:#089DDB; border-bottom:none}
	.left-nav ul li.left-now a { color: #fff;}
	.left-nav ul li.left-now span { display: none; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}

	.left-contact { width: auto; overflow: hidden; margin-top: 30px; text-align: center; display: none}

	.about-right { width: auto; overflow: hidden; float: none;}
	.location-wrap { width: auto; overflow: hidden; text-align: right; border-bottom: 1px solid #dedede; padding-bottom: 6px; display: none}
	.location-wrap img { display: inline-block; padding-right: 5px;}
	.location-wrap span { font-size: 14px; color: #8a8a8a;}
	.location-wrap a { font-size: 14px; color: #8a8a8a;}
	.location-wrap img,.location-wrap span,.location-wrap a { vertical-align: middle;}
	.location-wrap a:hover { color: #1667A9}
	.location-wrap a.location-now { color: #1667A9}

	.partner-content { width: auto; overflow: hidden; margin-top: 10px;}
	.partner-content ul li { float: left; margin-left: 2%; width: 23.23%; position: relative; height: 80px; margin-top: 10px; border: 1px solid #dedede}
	.partner-content ul li img { max-width: 98%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 76px}
	.partner-content ul li:nth-child(1) { margin-left: 0!important;}
	.partner-content ul li:nth-of-type(5n+1) { margin-left: 2%;}
	.partner-content ul li:nth-of-type(odd) { margin-left: 2%}
	.partner-content ul li:nth-of-type(4n+1) { margin-left: 0!important}

	.news-content { width: auto; overflow: hidden;}
	.news-content ul li { width: auto; overflow: hidden; margin-top: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 10px;}
	.news-content ul li:last-child { border-bottom: none}
	.news-content ul li h3 { font-size: 16px; color: #555;}
	.news-content ul li span { font-size: 14px; color: #aaa; display: block; padding: 5px 0px;}
	.news-content ul li div { font-size: 15px; color: #7b7b7b; line-height: 1.7}

	.product-wrap { width: auto; overflow: hidden; padding: 0px 0px;}
	.product-content ul li { width: auto; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-top: 20px; margin-left: 0; height: auto; float: none;}
	.product-left-img { width: 45%; height: 380px; overflow: hidden; float: left; border: 1px solid #dedede; background: #eeefef; position: relative;}
	.product-left-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto;}
	.product-right-text  { width: 52%; overflow: hidden; float: right; margin-top: 20px; }
	.product-right-text h2 { font-size: 18px; color: #666; font-weight: normal; padding-bottom: 20px;}
	.product-right-text h3 { font-size: 15px; color: #555; font-weight: bold; padding-bottom: 5px;}
	.product-right-text span { font-size: 15px; color: #666; line-height: 2;}
	.product-content ul li:last-child { border-bottom:none; padding-bottom: 0;}
	.product-content ul li:hover .product-right-text h2 { color: #0098C7}

	.product-details-title { width: auto; overflow: hidden; padding: 20px 0px 8px; border-bottom: 1px solid #dedede}
	.product-title-name  { width:auto; overflow: hidden; float: none;}
	.product-title-name h3 { font-size: 15px; color: #555;}
	.product-title-data { width: auto; overflow: hidden; float:none; text-align: left;}
	.product-title-data span { font-size: 13px; color: #6a6a6a; display: inline-block; margin-left: 8px;}
	.product-title-data span:nth-child(1) { margin-left: 0;}
	.product-title-name h3,.product-title-name span { vertical-align: middle;}

	.product-details-content { width: auto; overflow: hidden; margin-top: 20px;}
	.product-details-content img { max-width: 100%; overflow: hidden; margin: 0 auto; display: none}

	.product-details-content table { border-collapse: collapse; max-width: 100%; display: block;}
	.product-details-content tdbody {}
	.firstRow td { text-align: center;}
	.firstRow th { 
		font-size: 18px; 
		color: #fff; 
		text-align: center;
		background: #008CD6;
		padding: 15px 0px; 
		font-weight: normal;
		border: 1px solid #fff!important;
	}
	.product-details-content table tr td { 
		border: 1px solid #fff!important; 
		background: #EEEFEF; 
		font-size: 15px; 
		color: #333; 
		padding: 10px 20px;
		width: 260px;
	}
	.lightRow { background: #D3EDFB!important}
	.firstCol { background: #008cd6!important; width: 180px!important; text-align: center; padding: 0px;}
	.firstCol strong { font-size: 18px; color: #fff; font-weight: normal; text-align: center; display: block}
	
	.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px; margin-bottom: 20px;}
	.list_page span { color:#e40723; font-size:13px; display: block}
	.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}
	
	.workshop-content { width: auto; overflow: hidden;}
	.workshop-content ul li { float: none; width: auto; margin-left: 0%; margin-top: 8px;}
	.workshop-content ul li:nth-of-type(odd) { margin-left: 0;}
	.workshop-content ul li img { width: 100%; height: 470px; display: block;}
	
	.antitude-content { width: auto; overflow: hidden;}
	.antitude-content ul li { float: left; width: 49%; margin-left: 2%; margin-top: 20px;}
	.antitude-content ul li:nth-of-type(odd) { margin-left: 0;}
	.antitude-img { width: 94%; overflow: hidden; height: 250px; border: 1px solid #e2e2e4; display: table; padding: 10px; position: relative;}
	.antitude-img img { 
		max-width: 96%;
		max-height: 250px;
		margin:auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}
	.antitude-img img:hover {
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);	
	}
	.antitude-text { width: auto; overflow: hidden; margin-top: 10px; text-align: center;}
	.antitude-text span { font-size: 15px; color: #555;}
	.antitude-content ul li:hover span { color: #0098C7}
	
	.contact-content { width: auto; overflow: hidden; margin-top: 20px;}
	.contact-content img { max-width: 100%}
	.contact-left-text { width: 550px; overflow: hidden; float: left; margin-top: 0px}
	.contact-left-text span { font-size: 14px; color: #444; display: block; line-height: 2.6;}
	.contact-right-ewm { width: 160px; overflow: hidden; float: left; text-align: center;}
	
	.product-location-wrap { width: auto; overflow: hidden; border-bottom: none; padding-bottom: 0px; margin-top: 15px;}

	.product-search { width: auto; overflow: hidden; float:none; text-align: left;}
	.product-search input { 
		width: 50%;
		height: 34px; 
		border: 1px solid #dedede;
		padding: 0px 10px;
		background: url(../images/search.png) no-repeat right;
		outline: none;
	}

	.product-location-main { width: auto; overflow: hidden; float: right; text-align:right; margin-top:3px; display: none}
	.product-location-main img { display: inline-block; padding-right: 5px;}
	.product-location-main span { font-size: 14px; color: #8a8a8a;}
	.product-location-main a { font-size: 14px; color: #8a8a8a;}
	.product-location-main img,.product-location-main span,.product-location-main a { vertical-align: middle;}
	.product-location-main a:hover { color: #1667A9}
	.product-location-main a.product-location-now { color: #1667A9}
	
}

@media only screen and (width:1024px){
	
	.top-wrap { 
		width: 100%;
		overflow: hidden;
		background: rgba(255,255,255,0.8);
		z-index: 2;
		box-shadow: 0px 2px 6.79px 0.21px rgba(132, 132, 132, 0.75);
		position: absolute;
	}

	.top-main { width: 96%; overflow: hidden; margin: 0 auto;}
	.top-logo { width: 150px; float: left; margin-top: 5px; text-align: center;}
	.top-logo img { width: auto;}


	.nav { width: 616px; overflow: hidden; float: left; margin-left: 10px;}
	.nav-title { display: none}
	.nav-main { width: auto; overflow: hidden;}
	.nav-main ul li { float: left; text-align: center; width: 88px; border-bottom: 4px solid rgba(255,255,255,0)}
	.nav-main ul li a { font-size: 15px; color: #222; padding: 39px 0px; display: block; }
	.nav-main ul li span { font-size: 10px!important; color: rgba(34,34,34,0.7); display: block; padding-top: 7px;}

	.nav-main ul li:hover { background: rgba(20,163,217,0); border-bottom:4px solid rgba(20,163,217,0);}
	.nav-main ul li:hover a { color: #0b8ebf; transition:all .4s ease-in-out;}
	.nav-main ul li:hover span { color: rgba(11,142,191,.9); transition:all .4s ease-in-out;}
	.nav-main ul li.current { background: rgba(20,163,217,.2); border-bottom:4px solid rgba(20,163,217,.65);}
	.nav-main ul li.current a { color: #0b8ebf}
	.nav-main ul li.current span { color: rgba(11,142,191,0.70)}

	.top-tel { width:195px; overflow: hidden; float: right; margin-top: 40px; }
	.top-tel-icon { width: 30px; overflow: hidden; float: left; margin-top: 8px;}
	.top-tel-icon img { width: 30px;}
	.top-tel-text { width: 155px; overflow: hidden; float: right;}
	.top-tel-text h2 { font-size: 15px; color: #119bd4; display: inline-block;}

	#container {
		width: 100%;
		height: 734px;
		overflow: hidden;
	}
	.sections,.section {
		height:100%;
	}
	#container,.sections {
		position: relative;
	}
	.section {
		background-color: #CCDCE5;
		background-size: cover;
		background-position: 50% 50%;
		text-align: center; 
		color: #f00;
	}
	#section0 {
		background-image:url(../images/banner.jpg);
	}
	#section1 {
		background-image:url(../images/banner4.jpg);
	}
	#section2 {
		background-image:url(../images/banner5.jpg);
	}

	.index-about-wrap { width: 100%; overflow: hidden; padding: 50px 0px;}
	.index-about-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-about-left { width: 48%; overflow: hidden; float: left; height: 460px; }
	.index-about-name { width: 12px; overflow: hidden; float: left; height: 460px; position: relative;}
	.index-about-name img { display: block; position: absolute; bottom: 0;}
	.index-about-img { width: 96%; overflow: hidden; float: right; height: 460px;}
	.index-about-img img { display: block;}

	.index-about-name img,.index-about-img img { vertical-align:bottom;}

	.index-about-right { width: 50%; overflow: hidden; float: right;}
	.index-about-title { width: auto; overflow: hidden; text-align: center; margin-top: 0px;}
	.index-about-title img { width: auto;}

	.index-about-content { width: auto; overflow: hidden; font-size: 14px; color: #555; line-height: 2.2; text-indent: 2em; margin-top: 10px;}
	.index-about-more { width: auto; overflow: hidden; margin-top: 12px; padding: 5px 0px; text-align: right;}
	.index-about-more a { font-size: 13px; color: #8a8a8a; border:1px solid #dedede; display: inline-block; padding: 10px 20px;}
	.index-about-more a:hover { color: #fff; border: 1px solid #0072d3; background: #0072d3;}

	.index-product-wrap { width: 100%; overflow: hidden; padding: 20px 0px;}
	.index-product-main { width: 96%; overflow: hidden; margin:0 auto;}

	.index-product-title { width: auto; overflow: hidden;}
	.index-product-title img { width: auto;}

	.index-product-list { width: auto; overflow: hidden;}
	.index-product-content { width: 78%; overflow: hidden; float: left;}
	.index-product-content ul li { float: left; width: 23.5%; margin-left: 2%; position: relative; margin-top: 30px; height: 200px; overflow: hidden;}
	.index-product-content ul li:first-child { margin-left: 0;}
	.index-product-content ul li:nth-child(5) { margin-left: 0;}
	.index-product-content ul li img { 
		width: 100%;
		height: 200px; 
		display: block;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-content ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 30px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}

	.index-product-content ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}


	.index-product-last { width: 20%; overflow: hidden; float: right;}
	.index-product-last ul li { width: auto; overflow: hidden; position: relative; margin-top: 30px; height: 241px;}
	.index-product-last ul li img { 
		width: 100%; 
		height:241px;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}

	.index-product-last ul li img:hover { 
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
	}

	.index-product-last ul li span {	
		font-size: 15px; 
		color: #333; 
		width: 100%;
		position: absolute;
		background: rgba(255,255,255,0.7);
		height: 40px;
		bottom: 40px; 
		left: 0;
		text-align: center;
		line-height: 2.6;
	}

	.index-news-wrap { 
		width: 100%; 
		overflow: hidden;
		background: url(../images/index3.jpg) no-repeat; 
		height:870px;
		position: relative; 
		margin:40px 0px 0px; 
		padding-bottom: 20px;
		background-size: 100%;
	}
	.index-news-main { 
		width: 96%;
		overflow: hidden;
		background: #fff;
		position: absolute; 
		top: 15%; 
		left: 2%; 
		height:740px;
		box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	}
	.index-news-content { width: auto; overflow: hidden; padding: 30px;}
	.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 30px;}

	.index-news-first { width: auto; overflow: hidden; margin-top: 40px;}
	.index-news-img { width:48%; overflow: hidden; border: 1px solid #dedede; height: 300px; position: relative; float:left}
	.index-news-img img { width: 96%; height: 280px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

	.index-news-text { width: 50%; overflow: hidden; float: right; font-size: 13px; color: #8a8a8a; line-height: 2; margin-top: 0px;}
	.index-news-text a{ font-size: 16px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
	.index-news-text span { font-size:12px; color: #aaa; display: block; padding-bottom: 5px;}
	.index-news-text a:hover { color: #0072d3;}

	.index-news-list { width: auto; overflow: hidden; margin-top: 20px;}
	.index-news-list ul li { float: left; width: 46%; margin-left: 8%; margin-top: 20px;}
	.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

	.index-news-name { width: 75%; overflow: hidden; float: left;}
	.index-news-name h4 { font-size: 14px; color: #555; font-weight: normal;}
	.index-news-data { width: 20%; overflow: hidden; float: right; text-align: right;}
	.index-news-data span { font-size: 14px; color: #555; display: block;}
	.index-news-name h4,.index-news-data span { vertical-align: middle;}
	.index-news-list ul li a:hover h4 { color: #0072d3}

	.index-cooperative-wrap { width: 100%; overflow: hidden; margin-bottom: 10px;}
	.index-cooperative-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.index-partner-main { overflow:hidden; width: auto;}
	.index-partner-main ul li div { 
		float:left; 
		height:30px;
		width:200px;
		overflow:hidden;
		padding:20px 0px;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:relative;
		-webkit-transition: all .8s ease-in-out 0s;
		-moz-transition: all .8s ease-in-out 0s;
		-ms-transition: all .8s ease-in-out 0s;
		-o-transition: all .8s ease-in-out 0s;
		transition: all .8s ease-in-out 0s;
		transition-delay:.5s;
	}
	.index-partner-main ul li div img { 
		width:100px;
		height:auto;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:absolute;
		top:50%;
		left:45%;
		display:block;
		margin-left:-40px;	
		transition: all .5s linear 10ms;
	}
	.index-partner-main li div img:last-child {opacity:1;}
	.index-partner-main li div:hover img:last-child,
	.index-partner-main li div img:first-child {
		opacity:0;
		transform:translateY(-50%) rotateY(180deg);
	}
	.index-partner-main li div img,
	.index-partner-main li div:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}


	.foot-lianjie-wrap { width: 100%; overflow: hidden; background: #333; padding: 10px 0px;}
	.foot-lianjie-main { width: 96%; overflow: hidden; margin:0 auto;}
	.foot-lianjie-main span { font-size: 14px; color: rgba(255,255,255,.62);}
	.foot-lianjie-main a { font-size: 14px; color: rgba(255,255,255,.62); margin-left: 10px;}
	.foot-lianjie-main a:first-child { margin-left: 0px;}
	.foot-lianjie-main span,.foot-lianjie-main a { vertical-align: middle;}
	.foot-lianjie-main a:hover { color: #fff;}

	.foot-wrap { width: 100%; overflow: hidden; background: #333; margin-top: 1px;}
	.foot-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.foot-content { width: auto; overflow: hidden; padding: 30px 0px; border-bottom: 1px solid #2a2a2a;}
	.foot-nav { width: auto; overflow: hidden; float: none;}
	.foot-nav ul li { float: left; width: 180px;}
	.foot-nav ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
	.foot-nav ul li a { display: block; font-size: 14px; color: rgba(255,255,255,.62); padding: 6px 0px;}
	.foot-nav ul li a:hover { color: #fff;}

	.foot-contact { width:300px; overflow: hidden; float: left;}
	.foot-contact ul li { width: auto; overflow: hidden; padding: 10px 0px;}
	.foot-contact ul li:first-child { padding: 0;}
	.foot-contact ul li h3 { font-size: 18px; color: #fff; font-weight: normal; padding-bottom: 5px;}
	.foot-icon { width: 20px; overflow: hidden; text-align: center; float: left;}
	.foot-contact-text { width: 88%; overflow: hidden; float: right}
	.foot-contact-text span { font-size: 14px; color: rgba(255,255,255,.62)}
	.foot-icon img,.foot-contact-text span { vertical-align: middle;}

	.foot-ewm { width: 460px; overflow: hidden; float: right; text-align: center;}
	.foot-ewm a { font-size: 14px; color: #fff; display: block; margin-top: 7px;}

	.foot-copyright { width: auto; overflow: hidden; border-top: 1px solid #3f3f3f; padding: 15px 0px 10px; font-size: 13px; color: rgba(255,255,255,.3)}
	.foot-copyright a { font-size: 13px; color: rgba(255,255,255,.3)}
	.foot-copyright a:hover { font-size: 13px; color: rgba(255,255,255,1)}

	.details-wrap { width: 100%; overflow: hidden; padding: 30px 0px;}
	.details-main { width: 96%; overflow: hidden; margin: 0 auto;}

	.left-wrap { width: 26%; overflow: hidden; float: left;}
	.left-nav { width: auto; overflow: hidden;}
	.left-nav-title { width: auto; overflow: hidden; background:#087FD5; text-align: right; padding: 20px 0px;}
	.left-nav-title-inner { width: auto; overflow: hidden; padding: 0px 20px;}
	.left-nav-title span { display: inline-block; width: 6px; height: 6px; background: #fff;}
	.left-nav-title h3 { display: inline-block; font-size: 20px; color: #fff; font-weight: bold; padding-left: 8px;}
	.left-nav-title span,.left-nav-title h3 { vertical-align: middle;}
	.left-nav ul li { width: auto; overflow: hidden; text-align: right; padding: 0px 20px; margin-top: 1px; background: #f8f8f8}
	.left-nav ul li a { display: inline-block; padding: 18px 0px; text-align: right; padding-right: 15px; font-size: 14px; color: #555}
	.left-nav ul li span { display: inline-block; background:url(../images/lf_li.png) no-repeat right; width: 13px; height: 8px;}

	.left-nav ul li:hover { background: #089DDB; border-bottom: none}
	.left-nav ul li:hover a { color: #fff;}
	.left-nav ul li:hover span { display: inline-block; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}

	.left-nav ul li.left-now { background: #089DDB; border-bottom: none}
	.left-nav ul li.left-now a { color: #fff;}
	.left-nav ul li.left-now span { display: inline-block; background:url(../images/lf_li_highlight.png) no-repeat right; width: 13px; height: 8px;}

	.left-contact { width: auto; overflow: hidden; margin-top: 30px; text-align: center;}

	.about-right { width: 71%; overflow: hidden; float: right;}
	.location-wrap { width: auto; overflow: hidden; text-align: right; border-bottom: 1px solid #dedede; padding-bottom: 6px;}
	.location-wrap img { display: inline-block; padding-right: 5px;}
	.location-wrap span { font-size: 14px; color: #8a8a8a;}
	.location-wrap a { font-size: 14px; color: #8a8a8a;}
	.location-wrap img,.location-wrap span,.location-wrap a { vertical-align: middle;}
	.location-wrap a:hover { color: #1667A9}
	.location-wrap a.location-now { color: #1667A9}

	.partner-content { width: auto; overflow: hidden;}
	.partner-content ul li { float: left; margin-left: 2%; width: 162px; position: relative; height: 80px; margin-top: 20px; border: 1px solid #dedede}
	.partner-content ul li img { max-width: 98%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-height: 76px}
	.partner-content ul li:nth-child(1) { margin-left: 0;}
	.partner-content ul li:nth-of-type(5n+1) { margin-left: 2%;}
	.partner-content ul li:nth-of-type(4n+1) { margin-left: 0}

	.news-content { width: auto; overflow: hidden;}
	.news-content ul li { width: auto; overflow: hidden; margin-top: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 10px;}
	.news-content ul li:last-child { border-bottom: none}
	.news-content ul li h3 { font-size: 16px; color: #555;}
	.news-content ul li span { font-size: 14px; color: #aaa; display: block; padding: 5px 0px;}
	.news-content ul li div { font-size: 15px; color: #7b7b7b; line-height: 1.7}
	.news-content ul li:hover h3 { color: #0098C7;}

	.product-wrap { width: auto; overflow: hidden; padding: 20px 0px;}
	.product-content ul li { width: auto; overflow: hidden; padding-bottom: 40px; border-bottom: 1px solid #dedede; margin-top: 40px; margin-left: 0; float: none; height: auto;}
	.product-left-img { width: 38%; height: 420px; overflow: hidden; float: left; border: 1px solid #dedede; background: #eeefef; position: relative;}
	.product-left-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto;}
	.product-right-text  { width: 56%; overflow: hidden; float: right; margin-top: 20px;}
	.product-right-text h2 { font-size: 18px; color: #666; font-weight: normal; padding-bottom: 40px;}
	.product-right-text h3 { font-size: 15px; color: #555; font-weight: bold; padding-bottom: 5px;}
	.product-right-text span { font-size: 15px; color: #666; line-height: 2;}
	.product-content ul li:last-child { border-bottom:none;}
	.product-content ul li:hover .product-right-text h2 { color: #0098C7}

	.product-details-title { width: auto; overflow: hidden; padding: 10px 0px; border-bottom: 1px solid #dedede}
	.product-title-name  { width:60%; overflow: hidden; float: left;}
	.product-title-name h3 { font-size: 18px; color: #555;}
	.product-title-data { width: 35%; overflow: hidden; float:right; text-align: right;}
	.product-title-data span { font-size: 14px; color: #6a6a6a; display: inline-block; margin-left: 15px;}
	.product-title-data a { font-size: 14px; color: #6a6a6a; display: inline-block; margin-left: 15px;}
	.product-title-data span:nth-child(1) { margin-left: 0;}
	.product-title-name h3,.product-title-data span,.product-title-data a { vertical-align: middle;}
	.product-title-data a:hover { color: #0098C7}

	.product-details-content { width: auto; overflow: hidden; margin-top: 20px;}
	.product-details-content img { max-width: 100%; overflow: hidden; margin: 0 auto; display: none}

	.product-details-content table { border-collapse: collapse; max-width: 100%; display: block;}
	.product-details-content tdbody {}
	.firstRow td { text-align: center;}
	.firstRow th { 
		font-size: 20px; 
		color: #fff; 
		text-align: center;
		background: #008CD6;
		padding: 20px 0px; 
		font-weight: normal;
		border: 1px solid #fff!important;
	}
	.product-details-content table tr td { 
		border: 1px solid #fff!important; 
		background: #EEEFEF; 
		font-size: 15px; 
		color: #333;
		padding: 10px 20px;
		width: 260px;
		}
	.lightRow { background: #D3EDFB!important}
	.firstCol { background: #008cd6!important; width: 180px!important; text-align: center; padding: 0px;}
	.firstCol strong { font-size: 20px; color: #fff; font-weight: normal; text-align: center; display: block}


	.list_page { overflow:hidden; width:295px; margin:0 auto; text-align: center; margin-top: 30px;}
	.list_page span { color:#e40723; font-size:13px; display: block}
	.list_page a { padding:6px 10px; border:1px solid #ccc; float:left; margin-right:5px;font-size:13px; color:#333;}

	.news-next { width: auto; overflow: hidden; margin-top: 20px;}
	.news-next div { 
		width:auto; 
		overflow: hidden;
		background:#f3f5f6; 
		padding:10px 0px; 
		font-size: 14px;
		color: #333; 
		padding-left: 10px;
		margin-bottom: 10px;
		text-align: left;
	}
	.news-next div a { font-size: 14px; color: #333}
	.news-next div a:hover { font-size: 14px; color: #0098C7}

	.about-content { width: auto; overflow: hidden; margin-top: 0px;}
	.about-content span { font-size: 15px!important; color: #444; line-height: 2;}
	.about-content p { font-size: 15px!important; color: #444; line-height: 2;}
	.about-content p span { font-size: 15px!important; color: #444; line-height: 2.7;}
	.about-content img { max-width: 100%; display: block; margin:10px auto 0;}

	.workshop-content { width: auto; overflow: hidden;}
	.workshop-content ul li { float: left; width: 49%; margin-left: 2%; margin-top: 10px;}
	.workshop-content ul li:nth-of-type(odd) { margin-left: 0;}
	.workshop-content ul li img { width: 100%; height: 260px; display: block;}

	.workshop-details-content { width: auto; overflow: hidden; margin-top: 20px;}
	.workshop-details-content img { max-width: 100%;}

	.news-details-content { width: auto; overflow: hidden; margin-top: 20px;}
	.news-details-content img { max-width: 100%;}
	.news-details-content span { font-size: 15px!important; color: #444; line-height: 2;}
	.news-details-content p { font-size: 15px!important; color: #444; line-height: 2;}
	.news-details-content p span { font-size: 15px!important; color: #444; line-height: 2.7;}
	
	.antitude-content { width: auto; overflow: hidden;}
	.antitude-content ul li { float: left; width: 49%; margin-left: 2%; margin-top: 20px;}
	.antitude-content ul li:nth-of-type(odd) { margin-left: 0;}
	.antitude-img { width: 93%; overflow: hidden; height: 250px; border: 1px solid #e2e2e4; display: table; padding: 10px; position: relative;}
	.antitude-img img { 
		max-width: 96%;
		max-height: 250px;
		margin:auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		position: absolute;
		overflow-x: hidden;
		overflow-y: hidden;
		transition-delay: 0s;
		transition-duration: 1s;
		transition-property: all;

		-ms-transition-delay: 0s;
		-ms-transition-duration: 1s;
		-ms-transition-property: all;

		-moz-transition-delay: 0s;
		-moz-transition-duration: 1s;
		-moz-transition-property: all;

		-webkit-transition-delay: 0s;
		-webkit-transition-duration: 1s;
		-webkit-transition-property: all;

		-o-transition-delay: 0s;
		-o-transition-duration: 1s;
		-o-transition-property: all;
	}
	.antitude-img img:hover {
		transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-webkit-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);	
	}
	.antitude-text { width: auto; overflow: hidden; margin-top: 10px; text-align: center;}
	.antitude-text span { font-size: 15px; color: #555;}
	.antitude-content ul li:hover span { color: #0098C7}
	
	.contact-content { width: auto; overflow: hidden; margin-top: 20px;}
	.contact-content img { max-width: 100%}
	.contact-left-text { width: 480px; overflow: hidden; float: left; margin-top: 0px}
	.contact-left-text span { font-size: 14px; color: #444; display: block; line-height: 2.6;}
	.contact-right-ewm { width: 160px; overflow: hidden; float: left; text-align: center;}
}

@media only screen and (width:1366px){
	.index-news-wrap { 
		width: 100%; 
		overflow: hidden;
		background: url(../images/index3.jpg) no-repeat; 
		height: 915px;
		position: relative; 
		margin:40px 0px 0px; 
		padding-bottom: 20px;
		background-size: 100%;
	}
	.index-news-main { 
		width: 1200px;
		overflow: hidden;
		background: #fff;
		position: absolute; 
		top: 20%; 
		left: 6%; 
		height:730px;
		box-shadow: 0px 4px 21.36px 2.64px rgba(229, 229, 229, 0.7);
	}
	.index-news-content { width: auto; overflow: hidden; padding: 30px;}
	.index-news-title { width: auto; overflow: hidden; text-align: center; margin-top: 30px;}

	.index-news-first { width: auto; overflow: hidden; margin-top: 40px;}
	.index-news-img { width:511px; overflow: hidden; border: 1px solid #dedede; height: 350px; position: relative; float:left}
	.index-news-img img { width: 481px; height: 320px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

	.index-news-text { width: 600px; overflow: hidden; float: right; font-size: 15px; color: #8a8a8a; line-height: 2; margin-top: 15px;}
	.index-news-text ul li { width: auto; overflow: hidden; font-size: 15px; color: #8a8a8a; line-height: 2;}
	.index-news-text ul li a{ font-size: 20px; overflow: hidden; color: #555; font-weight: normal; padding-bottom: 5px;}
	.index-news-text ul li span { font-size:14px; color: #aaa; display: block; padding-bottom: 5px;}
	.index-news-text ul li a:hover { color: #0072d3;}

	.index-news-list { width: auto; overflow: hidden; margin-top: 20px;}
	.index-news-list ul li { float: left; width: 46%; margin-left: 8%; margin-top: 20px;}
	.index-news-list ul li:nth-of-type(odd) { margin-left: 0;}

	.index-news-name { width: 75%; overflow: hidden; float: left;}
	.index-news-name h4 { font-size: 14px; color: #555; font-weight: normal;}
	.index-news-data { width: 20%; overflow: hidden; float: right; text-align: right;}
	.index-news-data span { font-size: 14px; color: #555; display: block;}
	.index-news-name h4,.index-news-data span { vertical-align: middle;}
	.index-news-list ul li a:hover h4 { color: #0072d3}
	
	.index-cooperative-wrap { width: 100%; overflow: hidden; margin-bottom: 10px;}
	.index-cooperative-main { width: 1200px; overflow: hidden; margin: 0 auto;}

	.index-partner-main { overflow:hidden; width: auto;}
	.index-partner-main ul li div { 
		float:left; 
		height:40px;
		width:200px;
		overflow:hidden;
		padding:40px 0px;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:relative;
		-webkit-transition: all .8s ease-in-out 0s;
		-moz-transition: all .8s ease-in-out 0s;
		-ms-transition: all .8s ease-in-out 0s;
		-o-transition: all .8s ease-in-out 0s;
		transition: all .8s ease-in-out 0s;
		transition-delay:.5s;
	}
	.index-partner-main ul li div img { 
		max-width:100px;
		height:auto;
		text-align: center;
		margin: 0 auto;
		vertical-align: middle;
		position:absolute;
		top:50%;
		left:45%;
		display:block;
		margin-left:-40px;	
		transition: all .5s linear 10ms;
	}
	.index-partner-main li div img:last-child {opacity:1;}
	.index-partner-main li div:hover img:last-child,
	.index-partner-main li div img:first-child {
		opacity:0;
		transform:translateY(-50%) rotateY(180deg);
	}
	.index-partner-main li div img,
	.index-partner-main li div:hover img:first-child {opacity:1;transform:translateY(-50%) rotateY(0deg);}
	
	.contact-content { width: auto; overflow: hidden; margin-top: 20px;}
	.contact-content img { max-width: 100%}
	.contact-left-text { width: 700px; overflow: hidden; float: left; margin-top: 0px}
	.contact-left-text span { font-size: 14px; color: #444; display: block; line-height: 2.6;}
	.contact-right-ewm { width: 160px; overflow: hidden; float: left; text-align: center;}
	
}