@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: 110px;}
nav ul li ul li{ margin:0; width: 100%;}
nav ul li ul li a{ height: auto; padding: 7px 0; 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 20px;}
nav ul li:nth-child(2){ margin: 0 15px 0 0;}





.newstext table{
	width: auto;
}



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




.stitle{ text-align: center;}
.stitle .cntitle{ font-size: 36px; 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: 14px; 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: 29px 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: 45px; 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 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%;}
.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;}
.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; 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;}

.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: 14px; color: #828282;}
.fmenubg .fmenu .right ul li.first{ margin: 0 0 20px 0;}
.fmenubg .fmenu .right ul li.first a{ font-size: 16px; 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;}




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





.nabout{ padding: 90px 0 80px 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;}
.nabout .right p{ border-bottom: 1px dashed #a0a0a0; margin: 0 0 20px 0; padding: 0 0 20px 0;}
.nabout .right p:nth-child(3){ border: none; margin: 0; padding: 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: 18px; 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 98px 0;}
.developbg .develop ul li:nth-child(3) p{ margin: 90px 0 0 0;}
.developbg .develop ul li:nth-child(4) p{ margin: 100px 0 98px 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: 30px; 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: 30px 10%; margin: 0 0 30px 0; width: 79%;}
.culture .c img{ position: absolute; background: #fff; right: 15px; top: -20px; padding: 5px;}
.culture .c h2{ color: #147d78; font-size: 24px;}
.culture .c p{ color: #535353; font-size: 18px; line-height: 35px;}
.culture .right .c{ padding: 97px 10%; margin: 0;}

.culture .c3 h2{
	margin: 0 0 10px 0;
}

.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: 18px; font-weight: normal; color: #363636; margin: 40px 0 25px 0;}
.fcontact .left p{ font-size: 16px; 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: 24px; line-height: 40px; color: #9dc913; width: 90%; margin: 100px auto 0 auto;}
.nservice .ns p{ font-size: 16px; 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: 14px; 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: 42px;}
.colortablebg .colortable ul:nth-child(4) li{ line-height: 63px;}
.colortablebg .colortable ul:nth-child(5) li{ line-height: 44px;}
.colortablebg .colortable ul:nth-child(3) li.xm{ line-height: 22px; height: 42px;}
.colortablebg .colortable ul:nth-child(4) li.xm{ line-height: 22px; height: 63px;}
.colortablebg .colortable ul:nth-child(5) 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;}
.wf .wful ul li span{ display: block; font-size: 18px; font-weight: bold; color: #242424;}
.wf .wful ul li p{ font-size: 16px; color: #666; height: 42px;}




.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: 56%; margin: 0 auto; padding: 60px 20px; line-height: 29px; font-size: 16px; color: #fff;}
.wfservice .content .textbg ul li:nth-child(3) p{ padding:4% 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: 18px; color: #242424; margin: 0 auto;}
.yf .yful ul li:nth-child(1){ margin-top: 60px;}
.yf .yful ul li:nth-child(2){ margin-top: 108px; width: 580px; text-align: right;}
.yf .yful ul li:nth-child(3){ margin-top: 142px; width: 720px; text-align: right;}
.yf .yful ul li:nth-child(4){ margin-top: 142px; width: 642px; text-align: right;}
.yf .yful ul li:nth-child(5){ margin-top: 108px;}
.yf .yful ul li:nth-child(6){ margin-top: -160px; width: 642px; text-align: left;}
.yf .yful ul li:nth-child(7){ margin-top: -186px; width: 720px; text-align: left;}
.yf .yful ul li:nth-child(8){ margin-top: -186px; width: 580px; 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%;}


.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: 16px;
	line-height: 30px;
	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;
}





.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;}
}
@media screen and (max-width: 1200px) {
	.work .left ul li p{ font-size:12px;}
	.pdfarea{
		width: 100% !important;
		height: 500px !important;
	}
}
@media screen and (max-width: 768px) {
	nav{
		height: 60px;
		line-height: 60px;
	}
	.left, .right{ float:none;}
	
	nav ul li.first,
	.nav_lan,
	.menubut,
	.menuclose{ display: block;}

	.menubut{ position: absolute; right: 15px; top: 20px; 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: 40px; text-align: center; border-top: 1px solid #ccc;}
	nav ul li a{ height: auto; font-size: 14px; font-weight: normal;}
	nav ul li a.arr{ padding:0; background: none;}
	nav ul li.first{ line-height:58px; font-size: 26px; 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%;}
	
	nav ul li ul li a{ line-height: 30px;}

	.nav1{ display: none;}
	nav ul li.this a, nav ul li:hover a{
		border-bottom: 1px solid #147d78;
	}
	.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: 60px 0 0 0;}	
	.block_home_slider2{ display:block;}
	
	.stitle .cntitle{font-size: 22px; font-weight: normal;}
	.stitle .cntitle span{ display: block; font-size: 20px;}
	.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: 70px; height: 70px; background-size: 50% !important; margin: 0 auto 10px auto;}
	.service ul li p{ font-size: 14px; margin: 20px 0;}
	.service ul li a{ margin: 10px auto 0 auto; width: 90px; 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%;}
	
	
	.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;}
	.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.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: 19% 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: none;}
	.news .newsul ul li .right{ width:90%; padding: 0 5% 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;}
	
	.fcopy{ padding:10px 5%; width: 90%; line-height: 22px;}
	
	.nbanner{ margin: 60px 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: 90%;}
	
	.nservice,
	.news,
	.nabout,
	.developbg,
	.culture,
	.wf,
	.wfservice,
	.zq,
	.yf,
	.js{ padding: 50px 0;}
	
	.nabout .right{ padding:0; width: 90%; margin: 5%;}
	
	
	.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: 75px 0 0 0;}
	.developbg .develop ul li p{ float: left; width: 44%; 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: 50px 0 0 5px; text-align: left;}
	.developbg .develop ul li:nth-child(2) p{ margin: 64px 0 0 5px;}
	.developbg .develop ul li:nth-child(3) p{ margin: 64px 0 0 5px;}
	.developbg .develop ul li:nth-child(4) p{ margin: 64px 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 .right .c,
	.culture .c{
		padding: 18px 10%;
	}
	.culture .c h2{
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	.culture .c p{
		font-size: 14px;
		line-height: 28px;
	}
	.culture .left{ width: 90%; margin: 5% 5% 0 5%;}
	.culture .left h1{ font-size: 18px;}
	.culture .right{ width: 90%; margin: 5% 5% 0 5%;}
	.culture .c img{ width: 55px;}
	.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:90%;}
	.subbutton{ width:92%;}
	
	
	.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{ width:22%;}
	.colortablebg .colortable ul li.xm{ width:59%;}
	
	.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: 30px !important; line-height: 30px !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:14px;}
	.yf .yful ul li:nth-child(1){margin-top: 40px;}
	.yf .yful ul li:nth-child(2){margin-top: 52px;width: 80%;text-align: right;}
	.yf .yful ul li:nth-child(3){margin-top: 62px;width: 96%;text-align: right;}
	.yf .yful ul li:nth-child(4){margin-top: 65px;width: 93%;text-align: right;}
	.yf .yful ul li:nth-child(5){margin-top: 50px;}
	.yf .yful ul li:nth-child(6){margin-top: -89px;width: 93%;text-align: left;}
	.yf .yful ul li:nth-child(7){margin-top: -102px;width: 96%;text-align: left;}
	.yf .yful ul li:nth-child(8){margin-top: -99px;width: 80%;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: 14px;}
	.wf .wful ul li:nth-child(22) img{}
	.wf .wful ul li:nth-child(22) p{ height: 58px;}
	/*.wf .wful ul li:nth-child(23){ margin: -447px 2.5% 0 0; float: right;}*/
	
	.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: 94%;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;}
	
	.news .cate ul li{
		margin: 0 5px;
	}
	
	.honor{
		padding: 50px 0;
	}
	.fcontact h1{
		font-size: 20px;
	}
	
	.fcontact .left h2{
		font-size: 16px;
		margin: 20px 0 10px 0;
	}
	.fcontact .left p{
		font-size: 14px;
	}
	
	.tableborder li{
		float: none;
	}
	
	.tableborder textarea{
		width: 100%;
		box-sizing: border-box;
	}
	.subbutton,
	.tableborder input[type="text"]{
		width: 100%;
		box-sizing: border-box;
	}
	
	.tableborder li img{
		float: right;
	}
	
	.fmenubg .fmenu .left .ewm li img{
		width: 100px;
	}
	.fmenubg .fmenu .left .ewm li p{
		font-size: 12px;
	}
	
	.fcopy{
		word-break: keep-all;
	}
	
	.fmenubg .fmenu .left h1,
	.fmenubg .fmenu .left p{
		margin: 0 auto;
		text-align: center;
	}
	
	.service ul li p{ margin: 10px 0;}
	.service ul li:nth-child(1) p{margin: 20px 0;}
	.service ul li:nth-child(3) p{ margin: 20px 0;}
	.service ul li:nth-child(4) p{ margin: 10px 0;}
}




@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, .service ul li:nth-child(3) p, .service ul li:nth-child(4) p, .service ul li:nth-child(5) p{ margin:24px 0;}

	.fmenubg .fmenu .left p{ font-size: 13px;}
	.nbanner h1{ font-size:24px;}
	
	
	
}


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