.index_about{  width:1200px; margin:0px auto; padding-bottom:30px; line-height:30px; font-size:14px; padding-top:60px;}
.index_about img{position:relative;
	top:0px;
	left:0px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 0 3em #04b3df, 0 0 4px #0077e5;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.index_about img:hover{left:0px; top:-5px;}	
.index_about_left{ width:504px; float:left;}
.index_about_right{ width:643px; float:right;}
.index_about_h2{ width:504px; padding-bottom:30px; font-size:24px; color:#36373b; font-weight:normal;  }
.index_about_01{ width:504px; line-height:30px;}
.index_about_02{ width:504px; padding-top:30px;}
.index_pro_bg{ background:#364ca1; margin:0px auto; width:100%; min-width:1200px; padding-top:30px; padding-bottom:50px;}
.index_case{ background:url(../images/xian.png) center bottom no-repeat; height:50px; width:1200px; margin:0px auto; font-size:24px; font-weight:normal; color:#FFF;}

.marquee2 {
	width:1200px;
	height: 340px;
	overflow: hidden;
	margin: 0px auto;
	padding-top:27px;
}
.marquee2 ul {
	width:1200px;
	overflow: hidden;
}
.marquee2 ul li {
	width:245px;
	
	float: left;
	margin-right: 20px;
	height: 340px;
	
}
.marquee2 ul li:hover .index_case_01 img{ width:245px; height:245px; -ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari บอ Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */}
.index_case_01 img{ width:245px; height:245px; overflow-y: hidden; 
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari บอ Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}	
.index_case_01{ background:#e3e3e3; width:245px; height:320px;}
.index_case_01 b{ width:245px;   height:245px; overflow:hidden; display:block;}
.index_case_01 h2{ width:240px; margin:0px auto; font-size:16px; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; padding-top:10px;}
.index_case_02{ width:140px; height:37px; line-height:37px; margin:0px auto; margin-top:-20px; background:#ffef00;}
.index_case_02 {position:relative;
	top:0px;
	left:0px;
	text-align:center;
	text-decoration:none;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.marquee2 ul li:hover .index_case_02{ top:-5px; background:#a5a5a5;}

.index_news_xian{ background:url(../images/xian_news.png) center bottom no-repeat; height:50px; width:1200px; margin:0px auto; font-size:24px; font-weight:normal; }
.index_news1 {
	width: 1200px;
	margin: 0px auto;
	padding-bottom: 30px;
	padding-top:30px;
}
.index_news1 li {
	width: 470px;
	float: left;
	padding-bottom: 15px;
	border-bottom: #d7d6d5 dashed 1px;
	margin-left: 50px;
	margin-right: 50px;
	padding-top: 15px;
}
.index_news2 {
	background: #36373b;
	width: 80px;
	float: left;
}
.index_news1 li:hover .index_news2{ background:#364ca1;}
.index_news1 li:hover .index_news2 h2{border-bottom: #7bbeff solid 1px;}
.index_news2 h2 {
	border-bottom: #9c9c9c solid 1px;
	font-size: 24px;
	font-family: Arial;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	width: 80px;
}
.index_news2 h3 {
	font-size: 14px;
	font-family: Arial;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	width: 80px;
}
.index_news3 {
	width: 362px;
	float: right;
}
.index_news3 h2 {
	width: 362px;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}
.index_news3 div {
	width: 362px;
	line-height: 25px;
}
.index_news4{  width:200px;  margin:0px auto; text-align:center; display:block;}
.index_news4 img{position:relative;
	top:0px;
	left:0px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 0 3em #04b3df, 0 0 4px #0077e5;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.index_news4 img:hover{ top:-5px; left:0px;}
.index_con{ width:100%; min-width:1200px; margin:0px auto; padding-top:30px; padding-bottom:50px; background:#badfe9; }
.index_con_01{ background:url(../images/xian.png) center bottom no-repeat; height:50px; width:1200px; margin:0px auto; font-size:24px; font-weight:normal; }
.index_con_02{ width:1200px; margin:0px auto; padding-top:30px;}
.index_con_02 li{  float:left; cursor:pointer;}
.index_c1{ background:url(../images/c_01.jpg) center top no-repeat #96979d; border-bottom:#ffef00 solid 5px; width:363px; min-height:220px;margin-right:55px}
.index_c1 h2{ width:363px; text-align:center; font-size:20px; color:#ffef00; margin-top:85px; padding-bottom:50px;}
.index_c1 p{ font-size:16px; color:#FFF; text-align:center;}
.index_c1:hover{ background:url(../images/c_11.jpg) center top no-repeat #ffef00; border-bottom:#a9aab1 solid 5px; width:363px; min-height:220px;}
.index_c1:hover h2{color:#96979d;}
.index_c1:hover p{color:#36373b}
.index_c2{ background:url(../images/c_02.jpg) center top no-repeat #96979d; border-bottom:#ffef00 solid 5px; width:363px; min-height:220px;margin-right:55px}
.index_c2 h2{ width:363px; text-align:center; font-size:20px; color:#ffef00; margin-top:85px; padding-bottom:50px;}
.index_c2 p{ font-size:16px; color:#FFF; text-align:center;}
.index_c2:hover{ background:url(../images/c_22.jpg) center top no-repeat #ffef00; border-bottom:#a9aab1 solid 5px; width:363px; min-height:220px;}
.index_c2:hover h2{color:#96979d;}
.index_c2:hover p{color:#36373b}
.index_c3{ background:url(../images/c_03.jpg) center top no-repeat #96979d; border-bottom:#ffef00 solid 5px; width:363px; min-height:220px;}
.index_c3 h2{ width:363px; text-align:center; font-size:20px; color:#ffef00; margin-top:85px; padding-bottom:50px;}
.index_c3 p{ font-size:16px; color:#FFF; text-align:center;}
.index_c3:hover{ background:url(../images/c_33.jpg) center top no-repeat #ffef00; border-bottom:#a9aab1 solid 5px; width:363px; min-height:220px;}
.index_c3:hover h2{color:#96979d;}
.index_c3:hover p{color:#36373b}

.about_01{  width:1200px;  line-height:30px; margin:0px auto; padding-top:40px; font-size:16px;}
.about_nav{ background:url(../images/about_01.jpg) center top repeat-x; margin:0px auto; width:100%; min-width:1200px; height:115px;}
.about_nav h2{ width:1200px; margin:0px auto; font-size:24px; font-weight:normal; padding-top:77px;}
.pages{ width:890px;  padding-top:30px; text-align:center; padding-bottom:20px; margin:0px auto;}
.pages a{ border:#cccccc solid 1px; padding:5px 10px; margin-right:10px;  }
.pages a:hover{ background:#cccccc; border:#cccccc solid 1px;  padding:5px 10px; margin-right:10px; color:#545454; text-decoration:none;font-weight:normal;}
.pages span{ background:#cccccc; border:#cccccc solid 1px; padding:5px 10px; margin-right:10px; color:#545454; text-decoration:none;font-weight:normal;  }


.news_04{ width:1200px; text-align:center; height:50px; line-height:50px; font-size:14px; margin:0px auto; padding-top:40px;}
.news_05{ width:1200px; text-align:center; font-size:12px; height:25px; line-height:25px; border-bottom:#dadada dashed 1px; margin:0px auto;}
.news_06{ width:1200px; line-height:30px; padding-top:20px; border-bottom:#dadada dashed 1px; margin-bottom:30px; padding-bottom:20px; margin:0px auto;}
.pro_03{ width:1200px; height:40px; line-height:30px; font-size:14px; margin:0px auto;}
.pro_04{ float:left;}
.pro_05{ float:right;}

.con{ width:1200px; margin:0px auto;  padding-bottom:30px; overflow:hidden; padding-top:30px;}
.con_left{ width:820px; float:left;}
.con_right{ width:340px; float:right;}
.cont_1{ background:#dfe1e7; height:35px; line-height:35px; width:320px; border:0px; outline:none; padding-left:10px;}
.cont_03{ background:#c5c2c0; height:40px; line-height:40px; width:89px; border:0px; outline:none;}
.cont_02{ background:#dfe1e7; line-height:20px; width:320px; border:0px; outline:none; padding-left:10px; margin-top:10px;}
.cont_09{ background:#1e90ff; width:89px; height:40px; cursor:pointer; border:0px; outline:none; color:#FFF;}


.pro_01{ width:1200px; margin:0px auto; padding-top:40px;}
.pro_nav{ width:245px; float:left; background:#FFF; padding-bottom:40px;}
.pro_nav ul{ width:245px; padding-bottom:90px;}
.pro_nav ul li{ width:245px; height:51px; }
.pro_nav ul li a{ background:#5169c8; width:245px; height:50px; line-height:50px; font-size:20px; text-align:center; display:block; color:#FFF;}
.pro_nav ul li a:hover,.pro_nav ul li a.pro_hover{ background:url(../images/pro_nav.jpg) center top no-repeat; width:245px; height:50px; line-height:50px; font-size:20px; color:#FFF;}
.pro_left_01{ width:200px; margin:0px auto; line-height:30px; font-size:16px; text-align:center;}
.pro_02{ width:890px; float:right;}
.pro_06{
	width:920px;
}
.pro_06 li {
	width:245px;
	float: left;
	margin-right:30px;
	margin-left:30px;
	height: 340px;
	margin-bottom:40px;
	
}
.pro_06 li:hover .index_case_01 img{ width:245px; height:245px; -ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari บอ Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */}
.index_case_01 img{ width:245px; height:245px; overflow-y: hidden; 
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari บอ Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;}	
.index_case_01{ background:#e3e3e3; width:245px; height:320px;}
.index_case_01 b{ width:245px;   height:245px; overflow:hidden; display:block;}
.index_case_01 h2{ width:240px; margin:0px auto; font-size:16px; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; padding-top:10px;}
.index_case_02{ width:140px; height:37px; line-height:37px; margin:0px auto; margin-top:-20px; background:#ffef00;}
.index_case_02 {position:relative;
	top:0px;
	left:0px;
	text-align:center;
	text-decoration:none;
	
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;}
.pro_06 li:hover .index_case_02{ top:-5px; background:#a5a5a5;}
.news_01{ width:1200px; margin:0px auto; padding-top:10px; border-top:#84858c dashed 1px; line-height:40px;}
.pages_01{ width:400px; float:left;}
.pages_02{ width:400px; float:left;}
.pages_03{ width:400px; float:left;}
.pro_07{ font-size:14px; width:890px; text-align:center; line-height:50px;}
.pro_08{ width:890px;  border-top:#4d4d4d dashed 1px; margin:0px auto; padding-bottom:20px; padding-top:20px; line-height:30px;}
.pro_10{ width:890px; text-align:center; font-size:18px; line-height:40px; border-bottom:#84858c dashed 1px;}
.pro_11{ width:890px; line-height:30px; padding-top:30px; padding-bottom:30px; border-bottom:#84858c dashed 1px; margin-bottom:10px; }
.pro_12{ width:890px; line-height:40px;}