@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}
body{ text-align: justify;}
table{ margin:auto;}
a{ text-decoration:none; font-size: 14px; color:#000;}
input,select,textarea{ outline:none;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}

.left{ float:left;}
.right{ float:right;}

nav{ width:100%; max-width: 1200px; margin: 0 auto; height: 100px; line-height: 100px;}
nav img{ vertical-align: middle;}
nav .logo{ float: left;}
nav .logo img{ height: 38px;}
nav .lan{ float: left; margin: 0 0 0 40px;}
nav .lan a{ margin: 0 10px 0 0; font-size: 14px; color: #5f5f5f;}
nav ul{ float: right;}
nav ul li{ float: left; display: block; margin: 0; position: relative;}
nav ul li a{ display: block; height: 93px; font-size: 16px; font-weight: bold;}
nav ul li a.arr{ padding: 0 30px 0 15px; background: url("../images/arrow_nav.png") center right no-repeat; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
nav ul li.this a,
nav ul li:hover a{ border-bottom: 7px solid #147d78; color: #147d78; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
nav ul li ul{ display:none; position: absolute; z-index: 9999; top: 100px; text-align: center; background: #147d78; width: 100%;}
nav ul li ul li{ margin:0; width: 100%;}
nav ul li ul li a{ height: auto; padding: 7px 5%; width: 90%; font-size: 14px; line-height: 16px; border:none !important; color: #fff !important; font-weight: normal;}
nav ul li ul li:hover{ background: #9dc913;}

nav ul li:nth-child(5) ul li:nth-child(5) a{ padding:7px 5%;}
nav ul li:nth-child(2){ margin: 0 15px 0 0;}
nav ul li:nth-child(3) ul li:nth-child(2){ margin:0;}
nav ul li:nth-child(4) ul li:nth-child(2){ margin:0;}
nav ul li:nth-child(5) ul li:nth-child(2){ margin:0;}








.banner{ width:100%; height: 582px; background: url("../images/banner_index.jpg") center no-repeat;}




.stitle{ text-align: center;}
.stitle .cntitle{ font-size: 34px; font-weight: 300;}
.stitle .cntitle span{ color: #147d78; font-weight: bold;}
.stitle .entitle{ font-size: 16px;}
.stitle .entitle li{ display: inline-block;}
.stitle .entitle li:nth-child(1),
.stitle .entitle li:nth-child(3){ width: 45px; height: 1px; background: #636363; vertical-align: middle;}


.service{ padding:80px 0; background: #f2f2f2; overflow:hidden;}
.service ul{ width:100%; max-width: 1200px; margin: 100px auto 0 auto;}
.service ul li{ display: block; float: left; width: 165px; text-align: center; margin: 0 93px 0 0;}
.service ul li .tb{ width: 165px; height: 165px; border-radius: 50%; margin: 0 auto 20px auto; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service ul li:hover .tb{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service ul li p{ font-size: 16px; line-height: 18px; color: #383838; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service ul li:hover p{ color: #147d78; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service ul li a{ display: block; font-size: 12px; color: #707070; border: 1px solid #d2d2d2; width: 115px; line-height: 30px; margin: 22px auto 0 auto; background: url("../images/arrow_servicemore_2.png") center right 15px no-repeat; border-radius: 15px; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.service ul li:hover a{ color: #fff; border: 1px solid #147d78; background: url("../images/arrow_servicemore_1.png") #147d78 center right 15px no-repeat; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.service ul li:nth-child(1) .tb{ background: url("../images/yewu1_1.png") #fff center no-repeat;}
.service ul li:nth-child(2) .tb{ background: url("../images/yewu2_1.png") #fff center no-repeat;}
.service ul li:nth-child(3) .tb{ background: url("../images/yewu3_1.png") #fff center no-repeat;}
.service ul li:nth-child(4) .tb{ background: url("../images/yewu4_1.png") #fff center no-repeat;}
.service ul li:nth-child(5) .tb{ background: url("../images/yewu5_1.png") #fff center no-repeat;}

.service ul li:nth-child(1):hover .tb{ background: url("../images/yewu1_2.png") #147d78 center no-repeat;}
.service ul li:nth-child(2):hover .tb{ background: url("../images/yewu2_2.png") #147d78 center no-repeat;}
.service ul li:nth-child(3):hover .tb{ background: url("../images/yewu3_2.png") #147d78 center no-repeat;}
.service ul li:nth-child(4):hover .tb{ background: url("../images/yewu4_2.png") #147d78 center no-repeat;}
.service ul li:nth-child(5):hover .tb{ background: url("../images/yewu5_2.png") #147d78 center no-repeat;}

.service ul li:nth-child(5){ margin: 0;}


.service ul li:nth-child(1) p{ margin: 30px 0;}
.service ul li:nth-child(3) p{ margin: 39px 0;}
.service ul li:nth-child(4) p{ margin: 20px 0;}

.about{ width:100%; background: #f8f8f8; overflow:hidden;}
.about .left{ width: 50%; overflow: hidden; text-align: right; position: relative;}
.about .left p{ font-size: 20px; color: #1c9d99; text-shadow: 2px 3px 2px #000; width: 300px; position: absolute; right: 65px; bottom: 90px; text-align: center; line-height: 30px;}
.about .left p span{ font-size: 26px; font-weight: bold;}
.about .left img{ float: right;}
.about .right{ width: 40%; position: relative; padding: 6% 5%; font-size: 12px; color: #535353;}
.about .right p{line-height: 24px;}
.about .right .cntitle{ text-align: left; margin: 0 0 10px 0;}
.about .right .amore{ display: block; text-align: center; margin: 35px 0 0 0; border: 1px solid #d7d7d7; width: 115px; line-height: 30px; border-radius: 15px; color: #707070; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.about .right .amore:hover{ border: 1px solid #147d78; color: #fff; background: #147d78; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.about .right .alink{ margin: 50px 0 0 0;}
.about .right .alink>a{ display: inline-block; text-align: center; margin: 0 40px 0 0;}
.about .right .alink>a span{ width: 85px; height:4px; margin: 0 auto; background:#000; display:block; transition:transform 0.5s; transform:scaleX(1); transform-origin:100% 0;}
.about .right .alink>a:hover span{ transform:scaleX(0); transform-origin:0 0;}

@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);}
}

.work{ width:100%; background: #f8f8f8; overflow:hidden;}
.work .left{ width: 40%; overflow: hidden; padding: 8% 5% 0 5%;}
.work .left .stitle .cntitle span{ display: block;}

.work .left ul{ background: url("../images/line_work.png") center repeat-x; margin: 40px 0 0 0; text-align: center;}
.work .left ul li{display: inline-block; vertical-align: middle; width: 11%;}
.work .left ul li p{ color: #8d8d8d; width: 150%; margin-left: -25%; font-size: 12px;}
.work .left ul li img{ max-width: 100%;}
.work .left ul li:hover 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;}
.work .left ul li:nth-child(1),
.work .left ul li:nth-child(3),
.work .left ul li:nth-child(5),
.work .left ul li:nth-child(7){ margin: 0 0 16.5% 0;}
.work .left ul li:nth-child(2),
.work .left ul li:nth-child(4),
.work .left ul li:nth-child(6),
.work .left ul li:nth-child(8){ margin: 16% 0 0 0;}

.work .right{ width: 50%;}
.work .right img{ float: left;}



.news{ padding: 80px 0; overflow:hidden;}
.news .cate{ margin: 15px 0 30px 0;}
.news .cate ul{ text-align: center;}
.news .cate ul li{ display: inline-block;}
.news .cate ul li a{ font-size: 18px; color: #636363;}
.news .cate ul li.this a,
.news .cate ul li:hover a{ border-bottom: 1px solid #147d78; color: #147d78;}
.news .newsul{ width: 100%; max-width: 1200px; margin: 0 auto;}
.news .newsul ul{ background: url("../images/line_news.png") center no-repeat;}
.news .newsul ul li{ display: block; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li:hover{ background: #147d78; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li .left{ padding: 1% 0; width: 50%; background: url("../images/arrow_nmore_1.png") bottom 20px left 170px no-repeat; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li .left .date{ width: 45%; float: left; text-align: right; margin: 0 5% 0 0; font-size: 36px; color: #a3a3a3; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li .left .date span{ font-size: 16px; display: block;}
.news .newsul ul li .left .pic{ width: 50%; float: left;}
.news .newsul ul li .left .pic img{ opacity: 0; max-height: 135px;}
.news .newsul ul li:hover .left{ background: url("../images/arrow_nmore_2.png") bottom 20px left 200px no-repeat; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li:hover .left .date{ color: #fff; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li:hover .left .pic img{ opacity: 1;}
.news .newsul ul li .right{ padding: 2% 13% 2% 5%; width: 32%;}
.news .newsul ul li .right .newst{ font-size: 16px; color: #252525; margin: 0 0 20px 0; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li .right .newsc{ font-size: 12px; color: #545454; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li:hover .right .newst{ color: #fff; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsul ul li:hover .right .newsc{ color: #fff; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.news .newsul ul li:nth-child(2) .left{ float: right; background: url(../images/arrow_nmore_1.png) bottom 20px left 60px no-repeat;}
.news .newsul ul li:nth-child(2):hover .left{ float: right; background: url(../images/arrow_nmore_2.png) bottom 20px left 90px no-repeat;}
.news .newsul ul li:nth-child(2) .left .date{ width: 26%;}
.news .newsul ul li:nth-child(2) .right{ float: left; padding: 2% 5% 2% 13%; width: 32%;}


.news .newsmore{ width:95px; height: 45px; padding: 0 0 0 45px; margin: 50px auto 0 auto; border-top: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; background: url(../images/arrow_nmore_1.png) center left 25px no-repeat; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsmore a{ line-height: 45px; display: block; text-align: center; color: #252525; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsmore:hover{ background: url(../images/arrow_nmore_2.png) #147d78 center left 25px no-repeat; border-color: #147d78; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.news .newsmore:hover a{ color:#fff; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.flink{ width: 100%; max-width: 1200px; margin: 0 auto; line-height: 100px;}
.flink span{ float: left; font-size: 14px;}
.flink ul{ float: left;}
.flink ul li{ float: left; display: block; margin: 30px 0 0 15px;}
.flink ul li img{ vertical-align: middle; border: 1px solid #e8e8e8;}


.fmenubg{ background:#f5f5f5; padding: 80px 0 40px 0;}
.fmenubg .fmenu{ width: 100%; max-width: 1200px; margin: 0 auto;}
.fmenubg .fmenu .left{}
.fmenubg .fmenu .left h1{ font-size: 16px; border-bottom: 1px solid #595959; display: table; color: #363636;}
.fmenubg .fmenu .left h1:nth-child(2){ margin: 0 0 20px 0;}
.fmenubg .fmenu .left p{ font-size: 14px; border-bottom: 1px solid #898989; display: table; color: #595959; line-height: 24px;}
.fmenubg .fmenu .left .ewm{ margin: 15px 0 0 0;}
.fmenubg .fmenu .left .ewm li{ display: inline-block; text-align: center; margin: 0 5px 0 0;}
.fmenubg .fmenu .left .ewm li p{ border: none; display: block; font-size: 12px;}

.fmenubg .fmenu .right ul{ float: left; text-align: center;}
.fmenubg .fmenu .right ul li{ display: block; width: 130px; margin: 0 0 10px 0; line-height: 16px;}
.fmenubg .fmenu .right ul li a{ font-size: 12px; color: #828282;}
.fmenubg .fmenu .right ul li.first{ margin: 0 0 20px 0;}
.fmenubg .fmenu .right ul li.first a{ font-size: 14px; color: #252525; font-weight: bold; border-bottom: 1px solid #646464; padding: 0 0 5px 0;}

.fcopy{ line-height: 40px; background: #147d78; text-align: center; color: #98bcba; font-size: 12px;}
.fcopy a{ color: #98bcba; font-size: 12px;}

nav ul li.first,
.nav_lan,
.menubut,
.menuclose{ display: none;}


.nbanner{ width:100%; height: 277px;}
.nbanner .container{ width: 100%; max-width: 1000px; margin: 0 auto; padding: 100px 0 0 0;}
.nbanner h1{ display: inline; color: #fff; font-size: 30px; line-height: 34px; border-bottom: 1px solid #fff;}

.nbanner_about{ text-align: left;}
.nbanner_news{ text-align: center;}
.nbanner_yewu1{ text-align: center;}


.posnavbg{ width:100%; background: #ecf8f7; line-height: 36px;}
.posnavbg .posnav{ width: 100%; max-width:1200px; margin: 0 auto; font-size: 14px; color: #535353;}
.posnavbg .posnav a{ font-size: 14px; color: #535353;}
.posnavbg .posnav span{ width: 10px; height: 13px; background: #9dc913; display: inline-block; margin: 0 15px 0 0;}

.posnavbg .posnav a:nth-child(2){ display:none;}


.naboutbg,
.culturebg,
.fcontactbg,
.nservicebg{ overflow:hidden;}





.nabout{ padding: 90px 0 160px 0; width: 100%; max-width: 1200px; margin: 0 auto;}
.nabout .left{ margin: 40px 0 0 0; width: 100%; max-width: 600px;}
.nabout .left img{ max-width: 100%;}
.nabout .right{ margin: 40px 0 0 0; width: 100%; max-width: 570px; padding: 0 0 0 30px; font-size: 14px; color: #535353; line-height: 22px; position: relative;}
.nabout .right p{ border-bottom: 1px dashed #a0a0a0; margin: 0 0 25px 0; padding: 0 0 25px 0;}
.nabout .right p:nth-child(3){ border: none; margin: 0; padding: 0; position: absolute; width: 1200px; right: 0;}



.developbg{ padding: 100px 0 100px 0; background: url(../images/devbg.jpg) center no-repeat; overflow:hidden;}
.developbg .develop{ width: 100%;margin: 50px auto 0 auto; }
.developbg .develop ul{}
.developbg .develop ul li{ width: 188px; display: block; float: left; height: 405px; text-align: center;}
.developbg .develop ul li .date{ border-radius: 50%; width: 145px; height: 145px; margin: 0 auto;}
.developbg .develop ul li .date img{ margin: 37px 0 0 0;}
.developbg .develop ul li .date font{ display: block; font-size: 30px; color: #888;}
.developbg .develop ul li span{ width: 0px; height: 25px; border: 2px dashed; display: block; margin: 0 auto;}
.developbg .develop ul li p{ font-size: 14px; color: #535353;}

.developbg .develop ul li:nth-child(1){ margin: 0 0 0 6px;}
.developbg .develop ul li:nth-child(2){ margin: 0 0 0 146px;}
.developbg .develop ul li:nth-child(3){ margin: 0 0 0 146px;}
.developbg .develop ul li:nth-child(4){ margin: 0 0 0 146px;}

.developbg .develop ul li:nth-child(1) .date{ border: 5px solid #f46f41;}
.developbg .develop ul li:nth-child(2) .date{ border: 5px solid #feae2b;}
.developbg .develop ul li:nth-child(3) .date{ border: 5px solid #a9b93d;}
.developbg .develop ul li:nth-child(4) .date{ border: 5px solid #03b8d4;}

.developbg .develop ul li:nth-child(1) span{ border-color: #f46f41;}
.developbg .develop ul li:nth-child(2) span{ border-color: #feae2b;}
.developbg .develop ul li:nth-child(3) span{ border-color: #a9b93d;}
.developbg .develop ul li:nth-child(4) span{ border-color: #03b8d4;}

.developbg .develop ul li:nth-child(1) p{ margin: 90px 0 0 0;}
.developbg .develop ul li:nth-child(2) p{ margin: 100px 0 84px 0;}
.developbg .develop ul li:nth-child(3) p{ margin: 90px 0 0 0;}
.developbg .develop ul li:nth-child(4) p{ margin: 91px 0 74px 0;}




.swiper-slide{
	display: block;
	height: auto !important;
}
.swiper-container,
.swiper-wrapper{
	height: auto !important;
}

.ndevslide li{
	display: block;
}
.ndevslide li a{
	display: block;
	margin: 0 20px;
}
.ndevslide li .year{
	text-align: center;
	font-size: 20px;
	line-height: 20px;
}
.ndevslide li .cir{
	width: 4px;
	height: 4px;
	border: 3px solid #9dc913;
	border-radius: 50%;
	margin: 25px auto 20px auto;
}
.ndevslide li .text{
	font-size: 14px;
	line-height: 24px;
	text-align: center;
}

.develop{
	position: relative;
}
.develop::before{
	width: 100%;
	height: 1px;
	background: #999;
	opacity: .2;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 53px;
}


.ndevslide{
	max-width: 1200px;
	margin: 0 auto;
}
.arrow_ndev{
	position: absolute;
	top: 40px;
	font-size: 26px !important;
	color: #333;
	cursor: pointer;
}
.arrow_ndev_left{
	left: 0;
	transform: rotate(180deg);
}
.arrow_ndev_right{
	right: 0;
}








.culture{ padding: 110px 0 80px 0; width: 100%; max-width: 1200px; margin: 0 auto;}
.culture .left{ width: 47%; margin: 50px 0 0 0;}
.culture h1{ font-size: 22px; font-weight: normal; color: #383939; line-height: 26px; border-left: 10px solid #9dc913; padding: 0 0 0 5px; margin: 50px 0 0 0;}
.culture .right{ width: 47%; margin: 50px 0 0 0;}
.culture .c{ position: relative; border: 2px solid #147d78; padding: 20px 8%; margin: 0 0 30px 0; width: 79%;}
.culture .c img{ position: absolute; background: #fff; right: 15px; top: -30px; padding: 5px;}
.culture .c h2{ color: #147d78; font-size: 24px;}
.culture .c p{ color: #535353; font-size: 14px; line-height: 26px; text-align: left;}
.culture .right .c{ padding:87px 10%;}
.culture .right{
}
.culture .c3 h2{
	margin: 0 0 10px 0;
}
.culture .c3 p{
	line-height: 30px;
}

.honor{ background: #f4faf9; padding: 100px 0 90px 0; overflow:hidden;}
.honor .honorul{ width: 100%; max-width: 1200px; margin: 40px auto 0 auto;}
.honor .honorul ul{}
.honor .honorul ul li{ display: block; float: left; margin: 0 40px 0 0;}
.honor .honorul ul li:last-child{ margin: 0 0 0 0;}


.fcontact{ width: 100%; max-width: 1200px; margin: auto; padding: 60px 0;}
.fcontact h1{ font-size: 24px; color: #147d78;}

.fcontact .left{ width: 35%;}
.fcontact .left h2{ font-size: 15px; font-weight: normal; color: #363636; margin: 40px 0 25px 0;}
.fcontact .left p{ font-size: 14px; line-height: 36px; color: #535353;}
.fcontact .left p img{ vertical-align: middle; width: 25px; margin: 0 20px 0 0;}
.fcontact .right{ width: 65%;}

.nnews .cate ul li{ position:relative;}
.nnews .cate ul li img{ position:absolute; bottom: -14px; left: 50%; margin-left: -7.5px; opacity: 0; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.nnews .cate ul li a{ padding: 5px 10px; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border: none !important;}
.nnews .cate ul li.this a,
.nnews .cate ul li:hover a{ background: #147d78; color: #fff; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.nnews .cate ul li.this img,
.nnews .cate ul li:hover img{ opacity: 1; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.nnews .newsul ul{ background: none;}
.nnews .newsul ul li{ background: #f4f4f4; margin: 0 0 25px 0;}
.nnews .newsul ul li .left .pic img{ opacity: 1;}
.nnews .newsul ul li:nth-child(2) .left{ float: left; background: url(../images/arrow_nmore_1.png) bottom 20px left 170px no-repeat;}
.nnews .newsul ul li:nth-child(2) .right{ float: right; padding: 2% 13% 2% 5%; width: 32%;}
.nnews .newsul ul li:nth-child(2) .left .date{ width:45%;}

.nnews .newsul ul li:nth-child(2):hover .left{ float: left; background: url(../images/arrow_nmore_2.png) bottom 20px left 200px no-repeat;}
.nnews .newsul ul li:nth-child(2):hover .right{ float: right;}



.nservice{ width:100%; max-width: 1200px; margin: 0 auto; padding: 90px 0;}
.nservice .stitle{ margin: 0 0 40px 0;}
.nservice .ns{ border: 3px solid #147d78; margin: 0 0 10px 0; background: url(../images/packbg.jpg) center;}
.nservice .ns img{ width: 100%; height: 100%; background: #fff; display: block;}
.nservice .ns .left,
.nservice .ns .right{ width: 50%; position: relative;}
.nservice .ns .bottom{ width: 100%; text-align: center; float: left; position: relative;}


.nservice .ns h1{font-size: 18px;line-height: 40px;color: #9dc913;width: 90%;margin: 100px auto 0 auto;}
.nservice .ns p{font-size: 14px;line-height: 30px;color: #fff;width: 90%;margin: 0 auto;}
.nservice .ns p span{ color: #9dc913;}

.nservice .ns .bottom h1{ margin: 40px auto 0 auto;}
.nservice .ns .bottom p:last-child{ margin: 0 auto 40px auto;}

.nservice .ns .tri{ width: auto; height: auto; position: absolute; background: none;}
.nservice .ns .tri_left{ right: 0; top: 50%; margin-top: -24px;}
.nservice .ns .tri_right{ left: 0; top: 50%; margin-top: -24px;}
.nservice .ns .tri_top{ left: 50%; top: -27px; margin-left: -24px;}


.example{ background: #ecf8f7; padding: 50px 0;}
.example ul{ width: 100%; max-width: 1200px; margin: 0 auto;}
.example ul h1{ font-size: 30px; color: #147d78; margin: 0 0 30px 0; border-left: 10px solid #9dc913; padding: 0 0 0 10px; line-height: 30px;}
.example ul li{ display: block; float: left; margin: 0 22px 0 0;}
.example ul li:last-child{ margin: 0 0 0 0;}


.mark{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 50px 0;}
.mark h1{ font-size: 30px; color: #147d78; margin: 0 0 30px 0; border-left: 10px solid #9dc913; padding: 0 0 0 10px; line-height: 30px;}
.mark .pic{ border: 3px solid #147d78; padding: 30px 0;}
.mark .pic img{ width: auto; height: auto; margin: 0 auto;}
.mark .pic .left{ width: 50%;}
.mark .pic .right{ width: 50%;}
.mark .pic h2{ font-size: 18px; color: #147d78; margin: 0 0 30px 60px;}
.mark .mark_text{ margin: 30px 0; font-size: 14px; line-height: 24px; color: #666666;}





.colortablebg{ background: #ecf8f7; padding: 50px 0;}
.colortablebg h1{ font-size: 24px; color: #147d78; margin: 0 0 30px 0; text-align: center;}
.colortablebg .colortable{ width: 100%; max-width: 1200px; margin: 0 auto; border-right: 1px solid #147d78;}
.colortablebg .colortable ul li{float: left;display: block;text-align: center;padding: 15px 0;border-left: 1px solid #147d78;border-bottom: 1px solid #147d78;font-size: 12px;line-height: 22px;}
.colortablebg .colortable ul li.xh{ width: 11%;}
.colortablebg .colortable ul li.ys{ width: 13%}
.colortablebg .colortable ul li.sz{ width: 16%;}
.colortablebg .colortable ul li.dm{ width: 11.55%;}
.colortablebg .colortable ul li.xm{ width: 43%; padding: 15px 2.5%; text-align: left;}

.colortablebg .colortable ul:nth-child(1){ background: #147d78; color: #fff; font-weight: bold;}
.colortablebg .colortable ul:nth-child(1) li{ border:none; border-left: 1px solid #fff; padding: 0; line-height: 60px;}
.colortablebg .colortable ul:nth-child(1) li.xm{ text-align: center; text-indent: 0;}


.colortablebg .colortable ul:nth-child(3) li{line-height: 69px;}
.colortablebg .colortable ul:nth-child(4) li{line-height: 90px;height: 90px;}
.colortablebg .colortable ul:nth-child(5) li{ line-height: 44px;}
.colortablebg .colortable ul:nth-child(6) li{ line-height: 44px;}
.colortablebg .colortable ul:nth-child(3) li.xm{line-height: 22px;height: 69px;}
.colortablebg .colortable ul:nth-child(4) li.xm{line-height: 22px;height: 90px;}
.colortablebg .colortable ul:nth-child(5) li.xm{ line-height: 22px; height: 44px;}
.colortablebg .colortable ul:nth-child(6) li.xm{ line-height: 22px; height: 44px;}


.colortablebg .colortable ul:nth-child(2) li:nth-child(2){ background: #0000ff; color: #fff;}
.colortablebg .colortable ul:nth-child(3) li:nth-child(2){ background: #ffffff;}
.colortablebg .colortable ul:nth-child(4) li:nth-child(2){ background: #ffff00;}
.colortablebg .colortable ul:nth-child(5) li:nth-child(2){ background: #000000; color: #fff;}
.colortablebg .colortable ul:nth-child(6) li:nth-child(2){ background: #dad7d7; color: #000;}
.colortablebg .colortable ul:nth-child(7) li:nth-child(2){ background: #ff8000; color: #fff;}
.colortablebg .colortable ul:nth-child(8) li:nth-child(2){ background: #ff0000; color: #fff;}

.colortablebg .colortable ul:nth-child(1) li.xh{ border-color:#147d78;}


.xban{ width: 100%; height: 154px; background: url(../images/xban.jpg) center no-repeat;}
.xbanbg1{ width: 100%; background: #e7f4fc; padding: 50px 0;}
.xbanbg1 .xban1{ width: 100%; height: 434px; background: url(../images/nprocess.png) center no-repeat;}




.wf{ padding:90px 0 60px 0; overflow:hidden;}
.wf .wful{ width: 100%; max-width: 1200px; margin: 50px auto 0 auto;}
.wf .wful ul{}
.wf .wful ul li{ display: block; float: left; margin: 0 15px 10px 15px; width:170px;}
.wf .wful ul li span{ display: block; font-size: 18px; font-weight: bold; color: #242424;}
.wf .wful ul li p{ font-size: 12px; color: #666; height: 42px;}
.wf .wful ul li:nth-child(22){ width:370px;}




.wfservice{ padding:90px 0 60px 0; overflow:hidden;}
.wfservice .content{ width: 100%; max-width: 1200px; margin: 50px auto 0 auto; position: relative;}
.wfservice .content .textbg{ width: 100%; height: 310px; background: rgba(20,125,120,.8); position: absolute; bottom: 0; left: 0;}
.wfservice .content .textbg ul{}
.wfservice .content .textbg ul li{ display: block; float: left; width: 33.33%; margin: 40px 0 0 0;}
.wfservice .content .textbg ul li span{ display: block; text-align: center; font-size: 36px; line-height: 40px; font-weight: bold; color: #fff; margin: 0 0 10px 0;}
.wfservice .content .textbg ul li p{ border: 2px solid #fff; padding: 5%; width: 58%; margin: 0 auto; padding: 60px 20px; line-height: 18px; font-size: 12px; color: #fff; word-break: break-all;}
.wfservice .content .textbg ul li:nth-child(3) p{ padding:6% 5%;}







.yf{ padding:90px 0 60px 0; overflow:hidden;}
.yf .yful{ background: url(../images/yf.png) #ebf9eb center top 150px no-repeat; padding: 70px 0 150px 0; height: 800px; margin: 40px auto 0 auto;}
.yf .yful .stitle .cntitle{ font-size: 30px;}
.yf .yful .stitle .cntitle span{ font-weight: normal;}
.yf .yful ul{ width: 100%; max-width: 1200px; margin: 0 auto;}
.yf .yful ul li{display: block;text-align: center;font-size: 14px;color: #242424;margin: 0 auto;}
.yf .yful ul li:nth-child(1){ margin-top: 60px;}
.yf .yful ul li:nth-child(2){margin-top: 116px;width: 599px;text-align: right;}
.yf .yful ul li:nth-child(3){margin-top: 147px;width: 829px;text-align: right;}
.yf .yful ul li:nth-child(4){margin-top: 144px;width: 830px;text-align: right;}
.yf .yful ul li:nth-child(5){margin-top: 113px;}
.yf .yful ul li:nth-child(6){margin-top: -151px;width: 733px;text-align: left;}
.yf .yful ul li:nth-child(7){margin-top: -186px;width: 919px;text-align: left;}
.yf .yful ul li:nth-child(8){margin-top: -183px;width: 711px;text-align: left;}

.yf img.yflc{ display: block; margin: 0 auto; margin-top: -150px; box-shadow: 0 0 17px 0px #bbd2bc;}



.zq{ padding:90px 0 60px 0; overflow:hidden;}
.zq .content{ width: 100%; max-width: 1200px; margin: 50px auto 0 auto; background: #147d78;}
.zq .content .left img{ display: block;}
.zq .content .right .text{ width: 530px; height: 178px; border: 4px solid #fff; border-left: none; margin: 55px 55px 0 0; font-size: 18px; line-height: 36px; padding: 90px 0 0 0; text-align: center; color: #fff;}



.js{ padding:90px 0 60px 0; overflow:hidden;}
.js .content{ width: 100%; max-width: 1200px; margin: 50px auto 0 auto;}











#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}
#baguetteBox-overlay.visible{opacity:1}
#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}
#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}
#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}
#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}
#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}
.baguetteBox-button#next-button,
.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}
.baguetteBox-button:focus,
.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
.baguetteBox-button#next-button{right:2%}
.baguetteBox-button#previous-button{left:2%}
.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
.baguetteBox-button svg{position:absolute;left:0;top:0}
.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}






.nnews .newstext{ border:1px solid #ccc;}



.block_home_slider { position: relative;  background-color: #ffffff;  text-align: center;} 
.block_home_slider .slide {position:relative;}
.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}
.block_home_slider .flex-direction-nav a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:60%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}
.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}
.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}
.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}
.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}
.block_home_slider .flex-control-paging { display:inline-block; bottom:25px; position:absolute; z-index:9999; margin-left: -50px;}
.block_home_slider .flex-control-paging li { margin: 0px 5px; padding: 0px; float: left; list-style-type: none;}
.block_home_slider .flex-control-paging li a{width:5px; height:5px; display:block; background:url(../images/flex-control-nav-bg.png) center no-repeat; border:1px solid rgba(255,255,255,0); padding: 5px; text-indent:-9000px; cursor:pointer;}
.block_home_slider .flex-control-paging li a.flex-active { border:1px solid rgba(255,255,255,1);}

.block_home_post_feature {width:300px;}
.block_home_post_feature p {padding-bottom:0px;}

.flex-direction-nav{ display:none;}

.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {  display: none;  -webkit-backface-visibility: hidden;  list-style-type: none;}
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-direction-nav li{ display: block;}

.map{ margin:65px 0 0 0;}




.tableborder{ margin: 45px 0 0 0;}
.tableborder li.miaoshu{ width: 100%;}

.tableborder li{ display: block; width: 50%; float: left; margin: 0 0 10px 0; overflow: hidden; position: relative;}
.tableborder input[type="text"]{width: 90%;height: 35px;padding: 0 1%;background: none;border:1px solid #e0d2cd;border-radius: 5px;margin: 0;}
.tableborder input[type="text"]#key{width: 65%;height: 35px;padding: 0 1%;background: none;border:1px solid #e0d2cd;float: left;}
.tableborder textarea{ width:97%; height: 70px; padding: 1%; background: none; border:1px solid #e0d2cd; border-radius: 5px; margin: 0;}
.tableborder *{ letter-spacing: 0 !important;}
.tableborder li img{height: 35px;border-radius: 0;float: left;margin: 0 0 0 10px;}
.subbutton{width:98%;height: 37px;color: #fff;font-size:18px;background:#147d78;border-radius: 5px; border: 1px solid #147d78; margin: 0; display: block;font-weight: bold;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.subbutton:hover{ color: #147d78;background:none; border: 1px solid #147d78; cursor: pointer;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.block_home_slider2{ display:none;}
.nav2{ display: none;}
.work .right img{ width: 100%;}






.zhecang{ background: url("../images/consult_icon.png") #ec6243 center no-repeat; background-size:cover;}
.izl-rmenu{ width:40px; position:fixed; right:0; bottom:50%; margin-top:-108px; z-index:9;}
.izl-rmenu .tb{ width:40px; height: 54px; display: block; border-bottom: 1px solid #fff; position: relative; cursor: pointer;}

.kuang1{ -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}

.izl-rmenu .tb.weixin{}
.izl-rmenu .tb.weixin .kuang1{ display: none; position: absolute; right: 40px; bottom: 0; padding: 8px; background: #fff; box-shadow: 0 0 12px 0 #ddd;}
.izl-rmenu .tb.weixin .kuang1 .kuang2{ text-align: center; border: 1px solid #b5b5b5; padding: 11px;}
.izl-rmenu .tb.weixin .kuang1 .kuang2 p{ line-height: 40px;}
.izl-rmenu .tb.weixin:hover .kuang1{ display: block;}

.izl-rmenu .tb.liuyan{}

.izl-rmenu .tb.dianhua{}
.izl-rmenu .tb.dianhua .kuang1{ display: none; position: absolute; right: 40px; bottom: 0; padding: 8px; background: #fff; box-shadow: 0 0 12px 0 #ddd;}
.izl-rmenu .tb.dianhua .kuang1 .kuang2{ text-align: center; border: 1px solid #b5b5b5; padding: 11px; width: 126px; line-height: 34px;}
.izl-rmenu .tb.dianhua .kuang1 .kuang2 span{ display: block; font-weight: bold;}
.izl-rmenu .tb.dianhua:hover .kuang1{ display: block;}

.izl-rmenu .tb.totop{}
.izl-rmenu .tb.zhe{ display:none;}


.rightmes{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255,255,255,.8);}
.rightmes .rightform{ width: 40%; position: absolute; top: 50%; margin-top: -10%; left: 50%; margin-left: -23%; padding: 2% 3%; background: #fff; box-shadow: 0 0 12px 0 #ccc;}
.rightmes .rightform h1{ font-size: 24px; color: #147d78; text-align: center;}
.rightmes .rightform .close{ position: absolute; right: 20px; top: 20px; cursor: pointer;}




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

@media screen and (max-width: 1440px) {
  .work .left ul li p{ font-size:14px;}
  .stitle .cntitle{font-size: 30px;}
  .work .left{ width: 45%; overflow: hidden; padding: 5% 2.5% 0 2.5%;}
  .work .left ul li p{ font-size:12px; width: 165%; margin-left: -28%; height: 32px;}
  .work .left ul li:nth-child(1) p,
  .work .left ul li:nth-child(2) p,
  .work .left ul li:nth-child(3) p{ line-height: 32px; }
  .work .left ul li:nth-child(1), .work .left ul li:nth-child(3), .work .left ul li:nth-child(5), .work .left ul li:nth-child(7){ margin:0 0 18.5% 0; }
  .work .left ul li:nth-child(2), .work .left ul li:nth-child(4), .work .left ul li:nth-child(6), .work .left ul li:nth-child(8){ margin:19% 0 0 0; }
}
@media screen and (max-width: 1200px) {
  .work .left ul li p{ font-size:12px;}
  .work .left ul li p{ width: 186%; margin-left: -42%;}
  .work .left ul li:nth-child(3) p{ line-height: normal; }
  .work .left ul li:nth-child(1), .work .left ul li:nth-child(3), .work .left ul li:nth-child(5), .work .left ul li:nth-child(7){ margin:0 0 19.5% 0; }
}
@media screen and (max-width: 768px) {
  
  .left, .right{ float:none;}
  
  nav ul li.first,
  .nav_lan,
  .menubut,
  .menuclose{ display: block;}

  .menubut{ position: absolute; right: 15px; top: 40px; z-index: 999999; }
  .menuclose{ display: none; position: fixed; right: 15px; top: 20px; z-index: 99999999; }
  
  nav{ position: fixed; top: 0; background: #fff; box-shadow: 0 0 12px 0 #989898; z-index: 99999;}
  nav .logo{ width:100%; text-align: center;}
  nav .lan{ display: none;}
  nav ul{ display: none; width: 45%; position: fixed; height: 100%; background: #f2f2f2; top: 0; right: 0; box-shadow: 0 0 12px 0 #989898; z-index: 9999999;}
  nav ul li{ width:100%; margin: 0; line-height: 50px; text-align: center; border-top: 1px solid #ccc;}
  nav ul li a{ height: auto; font-size: 14px;}
  nav ul li a.arr{ padding:0; background: none;}
  nav ul li.first{ line-height:58px; font-size: 18px; font-weight: bold; color: #147d78;}
  nav ul li.nav_lan1{ position:absolute; bottom: 50px;}
  nav ul li.nav_lan2{ position:absolute; bottom: 0;}
  nav ul li ul{ position: relative; top: auto; width: 100%;}

  .nav1{ display: none;}
  
  .posnavbg .posnav,
  .posnavbg .posnav a{ font-size: 12px;}
  .posnavbg .posnav span{ margin: 0 5px 0 0; width: 5px; vertical-align: middle;}

  .block_home_slider{display:none; margin: 100px 0 0 0;}  
  .block_home_slider2{ display:block;}
  
  .nbanner h1{ font-size: 24px;}

  .stitle .cntitle{font-size: 22px;}
  .stitle .cntitle span{display: block;font-size: 16px;}
  .stitle .entitle{font-size: 12px;}
  
  .service{ padding: 50px 0;}
  .service ul{ margin: 50px auto 0 auto; text-align: center;}
  .service ul li{ width: 32%; margin: 0 0 20px 0; display: inline-block; float: none;}
  .service ul li .tb{ width: 100px; height: 100px; background-size: 50% !important; margin: 0 auto 10px auto;}
  .service ul li p{font-size: 12px;margin: 20px 0;}
  .service ul li a{margin: 10px auto 0 auto;width: 108px;line-height: 20px;background-position: right 10px center;font-size: 12px;}
  .service ul li:nth-child(4) p{ margin: 20px 0;}
  
  .about .left{ width:100%;}
  .about .left img{ float:none; width:100%;}
  .about .right{ width:90%; padding: 5%;}
  .about .right .cntitle{ text-align: center; margin: 0 0 15px 0;}
  .about .right .amore{ margin:20px auto;}
  .about .right .alink{ text-align: center;}
  .about .right .alink>a{margin: 0;width: 32%;}
  .about .right .alink>a p{ font-size:12px; height:24px; overflow: hidden;}
  
  
  .honor .honorul ul li{ width:50%; margin: 0 0 20px 0;}
  .honor .honorul ul li .pic{ width: 80%; margin: 0 auto;}
  
  .work .left{ width:90%;}
  .work .left .stitle .cntitle span{ display: block;}
  .work .left ul{ margin: 40px 0;}
  .work .left ul li p{ width: 300%; margin-left: -100%; font-size: 12px;transform: scale(0.8); -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8);}
  .work .left ul li:nth-child(1),
  .work .left ul li:nth-child(3),
  .work .left ul li:nth-child(5),
  .work .left ul li:nth-child(7){margin: 0 0 22.3% 0;}
  .work .left ul li:nth-child(2),
  .work .left ul li:nth-child(4),
  .work .left ul li:nth-child(6),
  .work .left ul li:nth-child(8){margin: 22% 0 0 0;}
  
  .work .right{ width:100%;}
  .work .right img{ float:none; width:100%;}
  
  .news .cate ul li a{ font-size:14px;}
  
  .news .newsul ul{ background: none;}
  .news .newsul ul li{ border-bottom:1px solid #ddd;}
  .news .newsul ul li .left{ width:90%; padding: 5%; background: none;}
  .news .newsul ul li .left .date{ display: none;}
  .news .newsul ul li .left .pic{ width: 100%; float: none;}
  .news .newsul ul li .left .pic img{ opacity: 1;max-height: auto;}
  .news .newsul ul li .right{ width:90%; padding: 5%;}
  .news .newsul ul li:nth-child(2) .right{ width:90%; padding: 5%;}
  
  .news .newsmore{ margin: 20px auto;}
  
  .flink{ width: 90%;}
  
  .fmenubg .fmenu{ width: 90%;}
  .fmenubg .fmenu .left .ewm{ text-align: center;}
  .fmenubg .fmenu .right{ display: none;}


  .fmenubg .fmenu .left h1{font-size: 12px;}
  .fmenubg .fmenu .left p{font-size: 12px;}
  
  .fcopy{ padding:10px 5%; width: 90%; line-height: 22px;}
  
  .nbanner{ margin:100px 0 0 0; background-size: cover; height: 165px;}
  .nbanner .container{ padding: 58px 0 0 0; text-align: center; text-shadow: 1px 1px 0 #333;}
  
  .posnavbg .posnav{ width: 98%;}
  
  .nservice,
  .news,
  .nabout,
  .developbg,
  .culture,
  .wf,
  .wfservice,
  .zq,
  .yf,
  .js{ padding: 50px 0;}
  
  .nabout .right{ padding:0; width: 90%; margin: 5%;}
  .nabout .right p:nth-child(3){ width:auto; position: relative; }
  
  .developbg{ background: none;}
  
  .developbg .develop{ background:none; width: 90%;}
  .developbg .develop ul li{ clear: both; width: 100%; height: auto; margin: 0 auto 20px auto !important; float: none;}
  .developbg .develop ul li .date{ float: left;}
  .developbg .develop ul li span{ float: left; width: 25px; height: 0; margin: 60px 0 0 0;}
  .developbg .develop ul li p{ float: left; width: 55%; font-size: 14px;}
  .developbg .develop ul li .date{ width: 120px; height: 120px;}
  .developbg .develop ul li .date img{ width: 80%; margin: 30px 0 0 0;}
  
  .developbg .develop ul li:nth-child(1) p{ margin: 32px 0 0 5px; text-align: left;}
  .developbg .develop ul li:nth-child(2) p{ margin: 40px 0 0 5px;}
  .developbg .develop ul li:nth-child(3) p{ margin: 40px 0 0 5px;}
  .developbg .develop ul li:nth-child(4) p{ margin: 40px 5px 0 0;}
  
  .developbg .develop ul li:nth-child(1){ float: left;}
  .developbg .develop ul li:nth-child(3){ float: left;}
  .developbg .develop ul li:nth-child(2){ float: right;}
  .developbg .develop ul li:nth-child(4){ float: right;}
  
  
  .culture .left{ width: 90%; margin: 5% 5% 0 5%;}
  .culture .left h1{ font-size: 22px;}
  .culture .right{ width: 90%; margin: 5% 5% 0 5%;}
  
  .news{}
  .fcontact .left{ width: 90%; margin: 5%;}
  .fcontact .right{ width: 90%; margin: 5%;}
  
  .map{ overflow: hidden; margin:50px 0 0 0;}
  .map iframe{ margin:0 0 0 -380px;}

  .tableborder li{ width:100%;}
  .tableborder textarea{ width:97%;}
  .tableborder input[type="text"]{width:97%;height: 35px;padding: 0 1%;background: none;border:1px solid #e0d2cd;border-radius: 5px;margin: 0;}
  .tableborder input[type="text"]#key{width: 70%;}
  .tableborder li img{ float: right; }
  .subbutton{ width:100%;}
  
  
  .nservice .ns .left, .nservice .ns .right{ width:100%;}
  
  .nservice .ns .tri{ display: none;}
  .nservice .ns h1{margin: 30px auto 0 auto;}
  .nservice .ns .right{ padding:0 0 30px 0;}
  .nservice .ns4 .left{ padding:0 0 30px 0;}
  .nservice .ns4 .right{ padding:0 0 0 0;}
  
  .nservice .ns p{ font-size:14px;}
  
  .example ul{ width: 90%;}
  .example ul li{ margin:0 0 20px 0; width: 100%;}
  
  .mark{ width: 90%;}
  .mark .pic .left{ width:90%; margin: 0 auto 30px auto; float: none;}
  .mark .pic .right{ width:90%; margin: 0 auto; float: none;}
  .mark .pic h2{ margin: 0 0 10px 0; text-align: center;}
  
  .colortablebg .colortable ul li{ font-size:12px; height: 130px !important;}
  
  .colortablebg .colortable ul li.xh{ display: none;}
  .colortablebg .colortable ul li.sz{ display: none;}
  .colortablebg .colortable ul li.dm{ display: none;}
  .colortablebg .colortable ul li.xm{ width:81.5%;}
  
  .colortablebg .colortable ul:nth-child(1) li{ height: auto !important;}
  .colortablebg .colortable ul:nth-child(1) li.ys{border-color: #147d78;}
  
  
  .colortablebg .colortable ul:nth-child(2) li{ height: 38px !important; line-height: 18px !important;}
  .colortablebg .colortable ul:nth-child(2) li.ys{ line-height: 38px !important;}
  
  .colortablebg .colortable ul:nth-child(3) li{ height: 85px !important;}
  .colortablebg .colortable ul:nth-child(5) li{ height: 70px !important;}
  
  .colortablebg .colortable ul:nth-child(3) li.ys,
  .colortablebg .colortable ul:nth-child(3) li.dm{ line-height: 85px !important;}
  
  .colortablebg .colortable ul:nth-child(5) li.ys,
  .colortablebg .colortable ul:nth-child(5) li.dm{ line-height: 70px !important;}
  
  .colortablebg .colortable ul:nth-child(4) li.ys,
  .colortablebg .colortable ul:nth-child(4) li.dm{ line-height: 130px !important;}
  
  .colortablebg .colortable ul:nth-child(6) li,
  .colortablebg .colortable ul:nth-child(7) li,
  .colortablebg .colortable ul:nth-child(8) li{ height: 45px !important;}
  
  .colortablebg .colortable ul:nth-child(6) li.ys,
  .colortablebg .colortable ul:nth-child(7) li.ys,
  .colortablebg .colortable ul:nth-child(8) li.ys,
  .colortablebg .colortable ul:nth-child(6) li.dm,
  .colortablebg .colortable ul:nth-child(7) li.dm,
  .colortablebg .colortable ul:nth-child(8) li.dm{ line-height: 45px !important;}
  
  
  
  .xban{ background:url(../images/xban1.jpg) center no-repeat; background-size: cover; height: 77px;}
  .xban1{ background-size: cover !important; height: 215px; padding: 28px 0 40px 0;}
  
  .wfservice .stitle span{ display:block;}
  .wfservice .content img{ max-width:100%; display: block;}
  .wfservice .content .textbg{ position: relative; height: auto; padding: 0 0 40px 0;}
  .wfservice .content .textbg ul li{ width:90%; margin: 40px auto 0 auto; float: none;}
  
  
  .zq .content .left img{ max-width:100%;}
  .zq .content .right .text{ width:90%; margin: 5%; border: 4px solid #fff;}
  
  .yf img.yflc{ max-width:100%;}
    
  .yf .yful{ background-size:80%; height: 465px; padding: 40px 0 150px 0;}
  .yf .yful ul li{font-size: 12px;}
  .yf .yful ul li:nth-child(1){margin-top: 60px;}
  .yf .yful ul li:nth-child(2){margin-top: 47px;width: 96%;text-align: right;}
  .yf .yful ul li:nth-child(3){margin-top: 99px;width: 96%;text-align: right;}
  .yf .yful ul li:nth-child(4){margin-top: 65px;width: 96%;text-align: right;}
  .yf .yful ul li:nth-child(5){margin-top: 18px;}
  .yf .yful ul li:nth-child(6){margin-top: -52px;width: 96%;text-align: left;}
  .yf .yful ul li:nth-child(7){margin-top: -96px;width: 96%;text-align: left;}
  .yf .yful ul li:nth-child(8){margin-top: -99px;width: 96%;text-align: left;}
  
  .js .content img{ max-width:100%;}
  
  
  .wf .wful ul li{ width: 45%; margin: 2.5%; overflow: hidden;}
  .wf .wful ul li img{ width: auto; max-width: none;}
  .wf .wful ul li p{ font-size: 12px;}
  .wf .wful ul li:nth-child(22){ width: 45%; }
  .wf .wful ul li:nth-child(22) p{ height: 90px;}
  
  .xbanbg1{ width: 100%; background: #e7f4fc; padding: 50px 0;}
  .xbanbg1 .xban1{ width: 100%; height: 140px; background: url(../images/nprocess.png) center no-repeat; padding: 0; margin: 50px 0 0 0;}

  input{-webkit-appearance:none;}
  
  
  .rightmes{z-index: 99;}
  .rightmes .rightform{width: 100%;position: absolute;top: 27%;margin-top: -10%;left: 0;margin-left: 0;padding: 2% 3%;background: #fff;box-shadow: 0 0 12px 0 #ccc;}
  
  .izl-rmenu{ bottom:15%;}
  .zhe{ display: block; width: 40px; height: 54px; background: url(../images/zhe.png) #ec6243 center no-repeat; background-size: cover; border-bottom:1px solid #fff;}
  .zhecang{ display: none;}
  
  .example ul h1{ font-size:20px; }
  .mark h1{ font-size:20px; }
  .mark .mark_text{ font-size:12px; }
  

  .culture .c{ width:78%; }
  .culture .c p{ font-size:14px; line-height: 24px; }
  .culture .right .c { padding: 50px 8%; width:81%;}

  #map #container{left: 50%; margin-left: -600px;}



}




@media screen and (max-width: 375px) {
  .service ul li p{ font-size: 14px;}
  .yf .yful ul li{ font-size: 12px;}
  .xban{ height: 70px;}
  .mark .mark_text{ line-height:20px;}
  .nservice .ns h1{ font-size:22px;}
  .nservice .ns p{ font-size:12px; line-height: 24px;}

  nav{ line-height: 80px; height: 80px;}
  nav .logo img{ height: 32px;}
  .menubut{ top: 32px;}
  .block_home_slider{ margin: 80px 0 0 0;}
  .nbanner{ margin: 80px 0 0 0;}
  .service ul li p{ font-size: 12px; line-height: 14px; margin: 17px 0;}
  .service ul li:nth-child(1) p{ margin:31px 0;}
  .service ul li:nth-child(3) p{ margin:38px 0;}
  .service ul li:nth-child(4) p{ margin:10px 0;}
  .service ul li:nth-child(5) p{ margin:10px 0;}

  .fmenubg .fmenu .left p{ font-size: 13px;}
  .nbanner h1{ font-size:24px;}
  
  .colortablebg .colortable ul li.xm{ width:81.3%;}
  .colortablebg .colortable ul li{ height:150px !important; }
  .colortablebg .colortable ul:nth-child(4) li.ys{ line-height:150px !important; }

  .developbg .develop ul li p{ width: 50%; }
  
}


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