.width{
	width: 1200px;
	margin: 0 auto;
}
.white{
	color:#fff;
}
.white a{
	color:#fff;
}
.white a:visited{
	color:#fff;
}
.white a:hover{
	color:#ffffff;
}
.blcak{
	color: #000;
}
.blcak a{
	color: #000;
}
.blcak a:visited{
	color: #000;
}
.blcak a:hover{
	color: #000;
}
.red{
	color: #fff;
}
.red a{
	color: #fff;
}
.red a:visited{
	color: #fff;
}
.red a:hover{
	color: red;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.action{
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;	
	-o-transition: all .4s ease;
}
.action:hover{
	transition: all .4s ease;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;	
	-o-transition: all .4s ease;
}
/*banner*/
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  }

.rslides img {
  display: block;
  height:auto;
  border: 0;
  width: 100%;
  }
.slide_container {
  width: 100%;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url(../images/themes.gif) no-repeat left top;
  margin-top: -45px;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }
/*header*/
.top{
	background: #f4f4f4;
	line-height:30px;
}
.top-bg{
	color: #555;
	font-size: 13px;
}
.logo{
	margin:20px 0px;
}
.tel{
	color: #7d7d7d;
	font-size: 16px;
	margin-top: 25px;
}
.tel p{
	font-size:36px;
	font-weight: normal;
	font-family: impact;
	color: #23a1d2;
}
.nav{
	background: #23a1d2;
	line-height: 55px;
	height: 55px;
}
.mobile_nav>ul>li{
	width:171px;
	float: left;
	text-align: center;
}
.mobile_nav>ul>li>a{
	display: block;
}	
.mobile_nav>ul>li>a>span{
	color: #fff;
	display: block; 
	font-size: 15px;
}
.mobile_nav li:hover{
   background: #009781;
}
.mobile_nav>ul>li>a#menu_selected{
	background: #009781;
}
.mobile_nav .menulevel {display: none;}
#full-screen-slider { width:100%; /*height:600px;*/ position:relative}
#slides { display:block; width:100%; height:600px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:20%; top:480px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}
/*foot部分*/
.footer{
	padding: 35px 0px;
	background: #2b2b2b;
}
.f-lxfs{
	width:650px;
	border-bottom:1px solid #555;
	border-top:1px solid #555;
	padding: 15px 0px;
	margin-top: 20px;
	float: left;
}
.xiaoshou{
	width:280px;
}
.xiaoshou li{
	color: #fff;
	font-size: 15px;
	line-height: 34px;
}
.xiaoshou li span{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.f-tel{
	width: 180px;
	margin-left: 30px;
}
.f-tel li{
	color: #fff;
	font-size: 15px;
	line-height: 34px;
}
.f-ewm li{
	margin-top: 20px;
	float: left;
	margin-left: 20px;
}
.bottom-bg{
	background: #23a1d2;
	text-align: center;
}
.wzbb{
	color: #fff;
	font-size: 13px;
	line-height: 28px;
}
.wzbb a{
	color: #fff;
}
.foot-content{
	color: #fff;
}
.foot-content a{
	color: #fff;
}
/*内页部分*/
.dbg{
	padding:60px 0px 60px;
	background: #fafafa;
}
.ny-title{
	border-bottom: 1px solid #e6e6e6;
}
.ny-bt{
	font-weight: bold;
	border-left: 5px solid #009781;
	padding-left: 20px;
	font-size: 24px;
	color: #2b2b2b;
}
.ny-location{
	line-height:50px;
	background: #fafafa;
	color: #2b2b2b;
	font-size: 14px;
	
}
.ny-location a{
	color: #2b2b2b;
	font-size: 14px;
}
.ny-location img{
	vertical-align: middle;
	margin-right:14px;
}
.xbg{
	background: #fff;
	width: 1100px;
	padding: 50px;
	margin-top:20px;
	box-shadow: 0px 5px 20px #f0f0f0;
}
.page-products,.page-news{width: 810px;}
.ny-bg{
	background: #f5f5f5;
	padding: 60px 0;
}
.ny{
	background: rgba(255,255,255,0.8);
	padding: 40px 20px;
	margin-top:40px;
}
.ny-aboutbg{
	background: url(../images/ny-aboutbg.jpg) no-repeat center top;
	background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding:50px 0;
}
.page-left{
	width:240px;
}
.ny-neirong{
	width:920px;
}
.ny-img img{
	width: 100%;
}

.ny-sj{
	text-align: center;
	width: 100px;
	height: 50px;
	background:#c4c4c4;
	font-size: 14px;
	color: #fff;
	
	padding: 20px 0px;
}
.ny-sj p{
	font-size: 30px;
	font-family: impact;
}
ul.newsList li:hover .ny-sj{
	background: #c11010;
}
ul.newsList li:hover .ny-xwmore{
	background: #da0000;
	border: solid 1px #da0000;
}
ul.newsList li:hover .ny-xwmore a{
	color: #fff;
}
#spec-n1{
	height:310px;
	overflow: hidden;
	border: 1px solid #efefef;
}
.nygcal-js{
	font-size: 14px;
	line-height: 30px;
	color: #2b2b2b;
}

/*= common css to all effects =*/
.single-member{width: 100%; float: left;  text-align: center; position: relative;}
.member-image img{max-width: 100%; vertical-align: middle;}
.h3 a {font-size: 24px; font-weight: normal; margin: 10px 0 0; text-transform: uppercase;}
.social-touch a{display: inline-block; width: 27px; height: 26px; vertical-align: middle; margin: 0 2px; background-image: url(../images/social-icons.png); background-repeat: no-repeat; opacity: 0.7; transition: 0.3s;}
.social-touch a:hover{opacity: 1; transition: 0.3s;}
.fb-touch{background-position: 0 0;}
.tweet-touch{background-position: -35px 0;}
.linkedin-touch{background-position: -71px 0;}
.icon-colored .fb-touch{background-position: 0 -27px;}
.icon-colored .tweet-touch{background-position: -35px -27px;}
.icon-colored .linkedin-touch{background-position: -71px -27px;}
/*= common css to all effects end =*/
/* Style the thumbnails */
.pika-thumbs{ padding: 0 16px; height: 75px; }
.pika-thumbs li{ width: 144px; height:74px; margin: 10px 0 0 17px; padding: 0; overflow: hidden;
    float: left; list-style-type: none;padding: 3px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: middle; overflow: hidden;}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 400px;}
.pika-stage {position: relative; background: #fafafa; border: 1px solid #e5e5e5; padding: 10px 10px 40px 10px; text-align:center; height:250px;}
.pika-stage img{height:100%;}
.pika-stage .caption {position: absolute; /*background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414;*/ font-size: 11px; 
    color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;}
.pika-imgnav a.previous {background: url(../images/prev.png) no-repeat left 45%; height: 100%; width: 50px; top: 10px; left: 10px;cursor:pointer;}
.pika-imgnav a.next {background: url(../images/next.png) no-repeat right 45%; height: 100%; width: 50px; top: 10px; right: 10px;cursor:pointer;}
.pika-imgnav a.play {background: url(../images/play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(../images/pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;}

/* The previous and next textual buttons */
.pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;}
.pika-textnav a {font-size: 12px; text-decoration: none; color: #333; padding: 4px;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: right; width: auto; display: block;}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 45px;left:15px;color:white;background:rgba(0,0,0,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */		
.pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px; 
    text-align:right; position:absolute; top:15px; right:15px; }

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 60px; height:60px;}
.pikachoose{width:430px; position:relative;margin-left: 90px;}
#pikame{width: 150px;}
.pika-thumbs {margin: 10px 0 0 17px; width:250px;position: absolute;top: 10px;right: 30px;}
.pika-thumbs li { margin: 5px 5px;}

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top:0px;left:-90px;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 125px;height: 300px; overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  125px; height: 230px;}
.ny-head{padding-top: 12px;height: 60px;}
.ny-head a{font-size: 16px;color: #fff;}
.effect-2{max-height: 324px; min-height: 324px; overflow: hidden;}
.effect-2 .h3{padding-top: 7px; line-height: 33px;}
.effect-2 .member-image{ height: 187px; overflow: hidden; width: 100%; transition: 0.4s; display: inline-block; float: none; vertical-align: middle;}
.effect-2 .member-info{transition: 0.4s;}
.effect-2 .member-info p{width: 90px;line-height: 33px;border: solid 1px #fff;text-align: center;border-radius: 20px;margin: 0 auto;}
.effect-2 .member-info p a{font-size: 14px;color: #fff;}
.effect-2 .member-image img{width: 100%; vertical-align: bottom;}
.effect-2 .social-touch{background-color: #1fb554; float: left; left: 0; bottom: 0; overflow: hidden; padding: 5px 0; width: 100%; transition: 0.4s;}
.effect-2:hover .member-image{height: 200px; transition: 0.4s;}
/*首页部分*/
/*产品展示*/
.pro{
	height: 1006px;
	padding-top: 80px;
	background: url(../images/pro-bg.jpg) no-repeat top center;
}
.pro-title{
	text-align: center;
}
.pro-bt{
	font-size:32px;
	font-weight: bold;
	color: #00705f;
}
.pro-bt p{
	font-size:25px;
	font-weight: normal;
	margin-top: 10px;
	color: #3e3e3e;
}
.pro-by{
	color: #5e5e5e;
	font-size: 15px;
	padding: 15px 50px;
	line-height: 30px;
	width: 900px;
	border: 1px solid #00705f;
	border-radius:30px;
	text-align: center;
	margin: 50px auto 0px;
}
.pro-con{
	margin-top: 30px;
	position: relative;
}
/*过渡*/
.gd{
	height:193px;
	padding-top: 60px;
	background: url(../images/gd-bg.jpg) no-repeat top center;
}
.gd-bt{
	color: #fff;
	font-weight: bold;
	font-size: 28px;
}
.gd-bt p{
	letter-spacing: 10px;
	font-weight: normal;
	margin-top: 10px;
	color: rgba(255,255,255,0.7);
	font-size: 20px;
}
.gd-more{
	margin-top: 30px;
	text-align: center;
	background: #fff;
	width: 160px;
	line-height: 45px;
}
.gd-more a{
	color: #098fc3;
	font-size: 15px;
}
/*简介*/
.about{
	padding: 100px 0px;
}
.about-con{
	width:737px;
}
.about-bt{
	color: #202020;
	font-size: 20px;
	font-weight: bold;
	margin-top: 30px;
}
.about-bt p{
	font-family: "times new roman";
	color: #009781;
	font-size: 40px;
	text-transform: uppercase;
	font-weight: bold;
}
.about-bt:after{
	display: block;
	content: "";
	background: #009781;
	height: 3px;
	width: 50px;
	margin-top: 20px;
}
.about-diao{
	line-height: 36px;
	color: #202020;
	font-size: 15px;
	margin-top: 20px;
}
.about-nav{
	width: 423px;
}
.about-nav li p{
	color: #7a7a7a;
	font-size: 15px;
	margin-top: 30px;
	line-height: 33px;
}
.about-nav li span{
	color: #009781;
	font-weight: bold;
}
/*资质*/
.honor{
	height:558px;
	padding-top: 70px;
	background: url(../images/honor-bg.jpg) no-repeat top center;
}
.honor-title{
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 28px;
}
.honor-title p{
	font-size: 15px;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
	font-weight: normal;
	margin-top:10px;
}
.honor-con{
	margin-top: 50px;
	position: relative;
}
/*优势*/
.ad{
	padding:110px 0px 70px;
}
.ad-con{
	width: 580px;
}
.ad-title{
	font-weight: bold;
	margin-top:20px;
	font-size: 28px;
	color: #009781;
}
.ad-title p{
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 10px;
	font-family: "times new roman";
	font-size: 15px;
	color: #7b7b7b;
}
.ad-nr {
	margin-top: 40px;
}
.ad-nr li{
	text-align: center;
	float: left;
	width: 275px;
	height: 70px;
	margin-bottom: 10px;
	margin-right: 15px;
	color: #202020;
	line-height: 28px;
	font-size: 18px;
	padding-top:75px;
}
.ad-nr li p{
	font-size: 15px;
}
.ad-nr li:hover{
	color: #fff;
}
.ad-nr li:hover p{
	color: #fff;
}
.aa1{
	background: url(../images/ad-icon_03.png) no-repeat top 20px center #ededed;
}
.aa1:hover{
	background: url(../images/a-icon_03.png) no-repeat top 20px center #23a1d2;
}
.aa2{
	background: url(../images/ad-icon_05.png) no-repeat top 20px center #ededed;
}
.aa2:hover{
	background: url(../images/a-icon_05.png) no-repeat top 20px center #23a1d2;
}
.aa3{
	background: url(../images/ad-icon_09.png) no-repeat top 20px center #ededed;
}
.aa3:hover{
	background: url(../images/a-icon_09.png) no-repeat top 20px center #23a1d2;
}
.aa4{
	background: url(../images/ad-icon_10.png) no-repeat top 20px center #ededed;
}
.aa4:hover{
	background: url(../images/a-icon_10.png) no-repeat top 20px center #23a1d2;
}
.aa5{
	background: url(../images/ad-icon_13.png) no-repeat top 20px center #ededed;
}
.aa5:hover{
	background: url(../images/a-icon_13.png) no-repeat top 20px center #23a1d2;
}
.aa6{
	background: url(../images/ad-icon_15.png) no-repeat top 20px center #ededed;
}
.aa6:hover{
	background: url(../images/a-icon_15.png) no-repeat top 20px center #23a1d2;
}
/*新闻*/
.news{
	padding: 20px 0px;
}
.news-title{
	font-weight: bold;
	font-size: 28px;
	color: #009781;
	text-align: center;
}
.news-title p{
	font-weight: normal;
	text-transform: uppercase;
	margin-top: 10px;
	font-family: "times new roman";
	font-size: 15px;
	color: #7b7b7b;
}
.news-con{
    margin-top: 35px;
}
.gongsi{
	width: 600px;
}
.zixun{
	padding: 60px 20px 0px;
	height:223px;
	width: 268px;
	background: #f3f3f3;
}
.zx-tu{
	width: 292px;
	height: 283px;
}
.zx-xbt a{
	color: #030303;
	font-size: 18px;
	font-weight: bold;
}
.zx-xnr a{
	color: #030303;
	font-size: 15px;
	line-height: 30px;
}
.zx-xnr{
	margin: 30px 0px;
}
.zx-xgd{
	width: 115px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #009781;
}
.zx-xgd a{
	color: #009781;
	font-size: 14px;
}
.jishu{
	background: #ededed;
	padding: 10px 30px;
}
.jishu li{
	line-height: 53px;
	border-bottom:1px solid #ccc;
}
.jishu li:last-child{
	border-bottom: none;
}
.jishu li a{
	font-size: 15px;
}
.jishu1{
	background: #fafafa;
	padding: 10px 30px;
}
.jishu1 li{
	line-height: 53px;
	border-bottom:1px solid #ccc;
}
.jishu1 li:last-child{
	border-bottom: none;
}
.jishu1 li a{
	font-size: 15px;
}
.zixun1{
	padding: 60px 20px 0px;
	height:223px;
	width: 268px;
	background: #23a1d2;
}
.zx-tu1{
	width: 292px;
	height: 283px;
}
.zx-xbt1 a{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.zx-xnr1 a{
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}
.zx-xnr1{
	margin: 30px 0px;
}
.zx-xgd1{
	width: 115px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #fff;
}
.zx-xgd1 a{
	color: #fff;
	font-size: 14px;
}
.yqlj{
    height: 93px;
    padding-top:100px;
    background: url(../images/yq-bg.jpg) no-repeat top center;
}
.yqlj-con span{
	font-weight: bold;
	font-size:16px;
	color: #009781;	
}
.yqlj-con:before{
	display: block;
	content: "";
	background: #009781;
	width: 10px;
	height: 10px;
	margin-right: 15px;
	float: left;
	margin-top: 5px;
}
.yqlj-con a{
	font-size:15px;
	color: #1d1d1d;
}
/*图片列表*/
.photos-demo span{ display: inline-block; text-align: center; margin: 0 13px;width: 290px;}
.photos-demo span p{color: #202020; font-size: 20px;line-height: 60px;}
.tpmk-img{
	height: 370px;
	overflow: hidden;
}
.photos-demo span img{
	height: 100%;
	max-width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}
.photos-demo span img:hover{
	transform: scale(1.4);
}
.lh68{ position: absolute; top: 0; z-index: -1;}
.lhbd label{ display: inline-block; max-width:80px ; width: 100%; height: 30px; line-height: 30px; margin-bottom: 0px; border-bottom: #eee dashed 1px;}
.lhbd dt{ padding: 3px 0; width: 100%;}
.lhbdfr{ float: right;width: 100%;}
.lhbdfl{ float: left;width: 100%;}
.lhbdfr label{max-width:75px ; width: 100%;}
.lhbd input{ width: 57%;}
.lhbdfl input{ width: 67%;}
.lhbd span{font-weight: 100;}
.lhbd .Content{ width: 84%;}
.clear{ clear: both;}
.lhbd .Content{ height:113px;}
.submit{ background: #009781; color: #fff; display: block; width: 80px; line-height: 30px; margin: 0 auto; text-align: center; border: none;}
.lh615{  line-height: 30px; margin: 0 10px; text-align: center; border: none;}
.photos-demohz span{ display: inline-block; text-align: center; margin: 0 5px 20px;width:250px;background: #efefef;padding: 5px 5px 0px;}
.photos-demohz span:hover{background: #009781;}
.photos-demohz span:hover p{color: #fff;}
.photos-demohz span p{color: #2b2b2b; font-size:16px;line-height:60px;}
.nyhz-img{height:345px;overflow: hidden;}
.photos-demohz span img{height: 100%;max-width: 100%;cursor: pointer;transition: all 0.6s;}
.photos-demohz span img:hover{transform: scale(1.1);}
/*联系方式*/
.lxfs-con9{
	width:400px;
}
.lxfs-con9 li{
	line-height: 60px;
	font-size: 16px;
	border-bottom: 1px dashed #efefef;
}
.lxfs-con9 li span{
	color: #009781;
	font-weight: bold;
}
/*边框效果*/
.spbq{
	width:260px;
	height:268px;
	float: left;
	line-height: 2;
	position: relative;
	overflow: hidden;
}
.biankuang{
	width: 3px;
	height: 3px;
	position: absolute;
	z-index: 99;
	/*background: black;*/
}
.biankuang_1{
	height: 3px;
	top: -6px;
	left:0px;
	border-left:2px solid #009781;
}
.biankuang_2 {
	width: 0px;
	bottom:-3px;
	left: 0px;
	border-top:2px solid #009781;
}
.biankuang_3{
	height:0px;
	bottom:0px;
	right:0px;
	border-right:2px solid #009781;
}
.biankuang_4{
	width:0px;
	top:-3px;
	right:0px;
	border-bottom:2px solid #009781;
}