﻿

.ne-banner{
    width: 100%;
	padding-top:105px;
}
.ne-banner img{
    width: 100%;
    display: block;
}
.ne-hong{ width: 100%; background: #d02128; padding:27px 0 30px 0; color: #fff; }
.ne-hong h1{ font-weight: normal; font-size: 34px; font-family: "Arial"; }
.ne-hong span{ font-size: 18px; border-bottom: 2px solid #fff; padding-bottom: 6px; display: inline-block;}
.ne-hong p{ font-size: 18px; padding-top: 16px;}
.ne-ab01{padding:70px 0; overflow: hidden;}
.ne-ab01-le{ width: 40%; }
.ne-ab01-le img{ max-width: 100%; }
.ne-ab01-ri{ width: 55%; }
.ne-ab01-ri p{ text-indent: 30px; line-height: 1.8; font-size: 16px; padding-bottom: 16px; }
.ne-dsj{ width: 100%; background: url(../image/bg1.jpg); padding:93px 0; }
.sj-ti{ text-align: center; font-size: 30px; color: #fff; padding-bottom: 50px; }
.sj-list dl{ width: 14%; text-align: center; position: relative; float: left; margin:0 3%; }
.sj-list dl dt{ width: 100%; }
.sj-list dl dt img{ width: 100%; transition-duration: .5s; }
.sj-list dl:hover dt img{ transform: rotate(90deg); opacity: 0.5; }
.sj-list dl dd{ width: 100%; text-align: center; position: absolute; top:50%; transform: translateY(-50%); color: #fff; }
.sj-list dl dd p{ font-size: 36px; font-weight: bold; font-family: "Arial"; }
.sj-list dl dd span{ display: block; font-size: 16px; font-family: "宋體"; line-height: 1.6; }
.ne-wh{ width: 100%; background: url(../image/wh_bg.png) no-repeat center center; padding:140px 0;}
.ne-wh dl{ width: 43%; float: left; margin:0 3%; }
.ne-wh dl dt{ width: 20%; float: left; padding-top:30px; }
.ne-wh dl dt img{ max-width: 100%; }
.ne-wh dl dd{ width: 75%; float: right; }
.ne-wh dl dd p{ font-size: 30px; padding-bottom: 15px; }
.ne-wh dl dd span{ display: block; font-family: "宋體"; line-height: 2; }
.zl01-list dl{ width: 33%; float: left; text-align: center; border-bottom: 1px solid #d4d8d9; border-right: 1px solid #d4d8d9; padding-bottom: 40px; transition-duration: .5s; padding-top:20px;}
.zl01-list dl dt{ padding-bottom: 20px; }
.zl01-list dl dt img{ transition-duration: .5s; }
.zl01-list dl dd{ width: 53%; margin:0 auto; font-size: 18px; line-height: 2; min-height: 108px; }
.zl01-list dl:nth-child(3n){ border-right: 0; }
.zl01-list dl:hover dt img{-webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate; }
 .zl01-list dl:nth-child(4), .zl01-list dl:nth-child(5), .zl01-list dl:nth-child(6){ border-bottom: 0; }

.ne_ti div{ color:#d02128; font-size:24px; font-family:"幼圓"; text-align:center; padding-bottom:13px;}
.ne_ti p{ text-align:center; text-transform:uppercase; background: url(../image/xian.jpg) repeat-x center center; width:100%;}
.ne_ti p span{ background:#fff; padding:0 20px;}
.ne_nav{ width:100%; text-align:center; padding:40px 0 40px 0; }
.ne_nav li{ display:inline-block; padding-right:10px;}
.ne_nav li a{ padding:10px 18px; display: block;}
.ne_nav li a:hover{border:1px solid #4ca7e2; color:#4ca7e2;}
.ne_nav li .ts2{border:1px solid #4ca7e2; color:#4ca7e2;}
.ne-new dl{ margin-bottom: 30px; }
.jianT{text-align: center; margin: 12px auto 20px;}
.jianT li a{ font-size: 14px; color:#474747; padding:6px 10px ; line-height: 1; border: 1px solid #dbdbdb; background:#f8f8f8; border-radius:5px; }
.jianT li a:hover{text-decoration: none; background:#3f4146; border:1px solid #2b2b33; color:#fff;}
.jianT li{ display: inline; margin: 0 2px}
.jianT li .on{ background:#3f4146; border:1px solid #2b2b33; color:#fff;}
.ne_pro01{ background:#e2e2e2; padding:40px 0 0 0; width:23%; float:left; margin:0 0.8% 48px;}
.ne_pro01 img{ margin:0 auto;}
.box1{ width:100%; background:#fff; padding: 10px 0; margin-top: 20px; min-height:155px;}
.box1 h1{ font-size:18px; padding:5px 0 5px 10px;}
.box1 p{ padding-left:10px; background: url(../image/yuan2.png) no-repeat left center; margin-left: 15px;   overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;}



.xz_list li{ border-bottom:1px solid #dfdfdf; padding-bottom:20px; margin-bottom:20px; width: 45%; float: left; margin-right: 10%}
.xz_list li div{ float:left;width:75%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; background:url(../image/ljt.png) no-repeat left center; padding-left:20px; transition-duration:500ms;}
.xz_list li .date{ float:right; display:block; border:1px solid #b3b3b3; padding:5px 10px;}
.xz_list li .date:hover{color:#fff; background:#049cce;}
.xz_list li:nth-child(2n){ margin-right: 0; }


.part1_le{ width:32%; border:1px solid #e2e2e2;}
.part1_le img{ margin:auto;}
.part1_ri{ width:63.5%;}
.part1_ri h1{ font-size:28px; font-family:"Arial"; color:#515151; padding: 20px 0;}
.txt1{ font-size:24px; color:#515151;font-family:"宋體"; padding:20px 0;}
.txt2{ border-bottom:1px dashed #a3a3a3; padding-bottom:20px; line-height: 2.2;}
.pro_li li{ width:21%; float:left; padding:0 1.5%; margin-top:40px; border: 1px solid #eee;}
.pro_nr{ padding-top:60px;}
.zz06{ padding:20px 0;}

.Menubox {height:53px;line-height:53px;  margin:0 auto; border-bottom:1px solid #d9d9d9;}
.Menubox li{float:left;display:block;cursor:pointer; text-align:center; height:53px;line-height:53px; width:123px; background:#eaeaea; margin-right:3px;}
.Menubox li.hover{padding:0px;color:#fff; background:#75b6df;}
.Contentbox{clear:both; height:auto; padding:10px;}
.Contentbox p{ line-height:28px;}

.ne_xi_ti{ text-align:center; border-bottom:1px dashed #979797;}
.ne_xi_ti div{ font-size:18px; font-weight:bold; color:#717070;}
.ne_xi_ti p{ padding:20px 0;}
.ne_nr{ padding:20px 10px; line-height:25px;}

/* 產品切換css */
		.picFocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{ width:100%; padding-top:24px;  overflow:hidden; }
		.picFocus .hd ul{ overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ float:left;  text-align:center; width:22%; background:#f9f9f9; height:65px; position:relative; border:1px solid #e9e9e9; text-align:center; margin-right:3%; }
		.picFocus .hd ul li:nth-child(4){ margin-right:0;}
		.picFocus .hd ul li img{  cursor:pointer; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto;  }
		.picFocus .hd ul li p{ position:absolute; bottom:0; text-align:center; width:100%; color:#004ea2; font-weight:bold;}
		.picFocus .hd ul li.on{ border:1px solid #004ea2; }
		.picFocus .hd ul li.on img{ border-color:#f60;  }
		.picFocus .bd{ background:#f9f9f9;  padding-bottom:20px; }
		.picFocus .bd li{ vertical-align:middle; text-align:center; }
		.picFocus .bd img{ width:100% display:block; margin:0 auto; }
		.picFocus .bd ul li p{ text-align:center; width:100%; color:#004ea2; font-weight:bold; font-size:18px;}
/*2018-06-11*/
.zl-lc{ background-image: url(../image/bg2.jpg); padding:50px 0; }
.lc-tu{ text-align: center; }
.ne-lx01{ background:#f3f3f3; border:1px solid #d8d8d8; padding:16px 0; margin-top: 50px;}
.ne-lx01 dl{ width:33%; text-align:center; border-right:1px solid #d8d8d8; float:left; padding:25px 0}
.ne-lx01 dl dt img{ display: inline;}
.ne-lx01 dl dd{ padding-top:20px;}
.ne-lx01 dl:nth-child(3){ border:none;}

#map{
  width: 100%;
 height:400px;
 margin-top:50px;
}



@media (min-width: 1441x) {

    
}

/*在992和1199像素之間的屏幕裏,這裏的樣式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {
   
}




/*在768和991像素之間的屏幕裏,這裏的樣式才生效*/
@media (min-width: 768px) and (max-width: 991px){


}

/*在480和767像素之間的屏幕裏,這裏的樣式才生效*/
@media (min-width: 480px) and (max-width: 767px) {
	 
}
/*在小於480像素的屏幕,這裏的樣式才生效*/
@media (max-width: 479px) {
 .ne-banner{ width: 100%;padding-top:50px;}
 .ne-ab01{ padding:30px 0; }
 .ne_nav li{ padding-right:5px;}
.ne_nav li a{ padding:5px 10px; display: block;}
.ne_pro01{ width: 48%; }
.box1 h1{ font-size: 14px; }
.box1 p{ font-size: 12px; margin-left: 0; }
.ne_pro01{ margin-bottom:20px; }
.part1_le{ width: 100%; }
.part1_ri{ width: 100%; }
.part1_ri h1{ font-size: 16px; padding-bottom: 10px; }
.Menubox li{ width: 19%; height: 33px; line-height: 33px; }
.Menubox{ height: 33px; line-height: 33px; }
.xz_list li{ width: 100%; }
.xz_list li div{ width: 65%; }
.ne-hong h1{ font-size: 16px; }
.zl01-list dl{ width: 48%; padding-bottom: 20px;}
.zl01-list dl dt{ padding-bottom: 10px; }
.zl01-list dl dd{ width: 93%; font-size: 14px; line-height: 1.6; min-height: 88px; }
.zl01-list dl:nth-child(3n){border-right: 1px solid #d4d8d9; }
.zl01-list dl:nth-child(2n){border-right: none; }
 .zl01-list dl:nth-child(4), .zl01-list dl:nth-child(5), .zl01-list dl:nth-child(6){ border-bottom: 1px solid #d4d8d9;  }
 .sj-ti{ font-size: 18px; padding-bottom: 20px; }
 .zl-lc{ padding:20px 0; }
 .ne-ab01-le{ width: 100%; }
 .ne-ab01-ri{ width: 100%; }
 .sj-list dl{ width: 29%; margin:0 1.5% 20px; }
 .sj-list dl dd p{ font-size: 16px; }
 .sj-list dl dd span{ font-size: 12px; }
 .ne-dsj{ padding:20px 0; }
 .ne-wh{ padding:20px 0; }
 .ne-wh dl{ width: 100%; margin:0 0 20px 0; }
 .ne-wh dl dd p{ font-size: 20px; }
 .ne-lx01 dl{ width:100%; border-bottom:1px solid #d8d8d8; padding:10px 0}
.ne-lx01 dl dd{ padding-top:10px;}
#map{ height:250px;margin-top:20px;}
}
@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
 
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
  0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}