@charset "utf-8";
/* 通用基础样式 */
*{padding:0;margin:0;}
body{ font-family:Verdana, Geneva, sans-serif; font-size:14px; overflow-x:hidden;}
img{ border:0;}
ul li{ list-style:none;}
a{text-decoration:none;}
.box{ width:1200px; height:auto; margin:0 auto; }
.clear{ clear:both;}

.top{width:100%; height:115px; background:#fff;}
.logo{ width:557px; height:115px; float:left;}
.tel{ width:220px; height:70px; float:right; background:url(../images/tel.JPG) left no-repeat; padding:45px 0px 0px 60px;}
.tel small{ font-size:14px; font-weight:bold;color:#6b6b6b}
.tel strong{ font-size:22px; color:#10595f}
.nav{ width:100%; height:45px;
background-color: #10595f;
background-image: -moz-linear-gradient(#10595f, #439ca4);
background-image: -webkit-linear-gradient(#10595f, #439ca4);
background-image: linear-gradient(#10595f, #439ca4);
background-repeat: repeat-x;}
.nav ul{display:table;margin-left:auto;margin-right:auto;}
.nav li{ float:left; width:130px; text-align:center; height:45px; line-height:45px; cursor:pointer; margin-left:15px; margin-right:15px;}
.nav li a{ color:#fff;}
.nav li:hover{background-color: #439ca4;
background-image: -moz-linear-gradient(#439ca4, #10595f);
background-image: -webkit-linear-gradient(#439ca4, #10595f);
background-image: linear-gradient(#439ca4, #10595f);
background-repeat: repeat-x;}

.banner{ width:100%; height:499px;}
.swiper-container{height:499px;}
.arrow-left {background: url(../images/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;}
.arrow-right {background: url(../images/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index:10;}
.pagination1 {position: absolute;left: 0;text-align: left;bottom:0;width:100%; height:55px; color:#fff; line-height:55px;background-color: rgba(0,0,0,0.7);}
@media \0screen\,screen\9 {
  .pagination1{left: 0;text-align: left;bottom:0;width:100%; height:55px; color:#fff; line-height:55px;background-color:#000000;filter:Alpha(opacity=70);position: absolute;*zoom:1;}
  .pagination1 p{ position: relative; }  
}
.pagination1 p{ width:1200px; margin:0 auto;}
.pagination {position: absolute; right:50%; margin-right: -500px; text-align: right;bottom:0;height:55px;  line-height:55px; z-index:99; }
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.swiper-slide{position:relative;opacity:0;transition: opacity 0.7s ease-in-out;}
.swiper-slide-active{opacity:1;}
.swiper-slide .img{	position:absolute;}
.inner{	position:relative;	display:block;	width:1000px;	height:500px;	margin:0 auto;}
.slide1{background:url(../images/banner01.jpg) no-repeat center;}
.slide2{background:url(../images/banner02.jpg) no-repeat center;}
.slide1 .s1{left:50%;margin-left:-700px;top: 0px;}
.slide1 .s2{right:50%;margin-right: -600px;top: 80px}
.slide1 .s3{right:50%;margin-right: -600px;top: 145px}
.slide1 .s4{right:50%;margin-right: -600px;top: 190px}
.slide2 .s1{right:50%;margin-right: 200px;top: 260px;}
.slide2 .s2{right:50%;margin-right: -100px;top: 260px}
.slide2 .s3{right:50%;margin-right: -400px;top: 260px}
.slide2 .s4{left:50%;margin-left: -250px;top: 105px}
.slide2 .s5{left:50%;margin-left: -400px;top: 145px}
.slide2 .s6{left:50%;margin-left: -300px;top: 180px}
.slide3 .b-1 {right: 72px;top: 180px;}
.slide3 .b-2 {left: 90px;top: 180px;}
.slide3 .b-3 {left: 50%;margin-left: -381px;top: 330px;}
.slide3 .b-s-1 {width: 100px; left: 50px; bottom:0px;}
.slide3 .b-s-2 {left: 160px;width: 160px;bottom:0px;}
.slide3 .b-s-3{left: 390px;width: 58px;bottom:0px;}
.slide3 .b-s-4{right: 359px; width: 103px;bottom:0px;}
.slide3 .b-s-5{right: 250px;width: 150px;bottom:0px;}
.slide3 .b-s-6{right: 0;width: 65px;bottom:0px;}
.slide3 .b-y-1 {top:40px;left: 50%; margin-left: -20px;}
.slide3 .b-y-2{top:40px;left:0}
.slide3 .b-y-3{top:40px;right: 0}
.loop{	animation-iteration-count: infinite;/*无限*/	animation-timing-function:linear;/*平滑*/}
.targetBtn {margin-top: 20px;position: absolute;bottom: 60px;left: 352px;z-index: 999;}
.targetBtn a{height:50px;border-radius:50px;background:rgba(0,0,0,.5);float:left;line-height:50px;text-align:center;color:#fff;text-decoration:none;}
.targetBtn .a1{width:110px;	}
.targetBtn .a2{	width:170px;	margin-left:15px;}	
/*BannerCSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}10%{opacity: 1;}100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}10%{opacity: 1;}100%{opacity: 1;left:550px;}}
.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}10%{opacity:1;}100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}10%{opacity:1;}100%{opacity:1;left:-370px;}}

.product{width:100%; height:525px; padding-top:30px;}
.pro_title{ width:100%; height:120px;}
.title_l{ width:600px; height:95px; float:left; background:url(../images/title.JPG) top left no-repeat; padding-top:25px;}
.title_l p{ font-size:24px; color:#323232;}
.title_l font{ font-size:28px; color:#115a60; font-family:"微软雅黑";}
.title_l small{ font-size:14px; color:#666;}
.title_r{ float:right; width:100px; height:40px; margin-top:35px;}
.more{ display:block; background:#429aa2; width:100px; height:40px; text-align:center; line-height:40px; color:#fff;}
.more:hover{ background:#2d858d;}
#demo{overflow:hidden;width:1200px;  margin:0 auto; background:#eeeeee;}
#gd tbody tr td{ padding-left:1px; padding-right:1px; padding-top:2px;padding-bottom:2px;}
#gd tbody tr td a{ display:block; color:#333; text-decoration:none; background:#fff;}
#gd tbody tr td a:hover{background:#429aa2;color:#fff}
#gd tbody tr td img{ border:none;}
.pro_link{ height:48px; line-height:48px;}

.about{ width:100%; height:397px; background:url(../images/about.jpg) no-repeat top center; padding-top:50px;}
.about_title{ text-align:center;  height:80px; width:100%;}
.about_title p{ font-size:28px; color:#fff; font-family:"微软雅黑";}
.about_title small{ font-size:24px; color:#fff;}
.about_contact{ color:#fff; line-height:36px;}
.about_contact p{ text-indent:24px;}
.about_more{ width:130px; height:40px; margin:0 auto; margin-top:25px; }
.about_more a{ width:100%; height:100%; display:block; color:#fff; text-align:center; line-height:40px;border:1px solid #fff;border-radius:15px;}
.news_content{ width:100%; height:460px; }
.news_first{ width:620px; height:460px; float:left; background:url(../images/news_l.jpg) no-repeat; position:relative }
.news_first_c{ width:600; height:80px; background-color:rgba(0,0,0,0.7); position:absolute; bottom:0; padding:10px}
.news_first_title{ height:40px; line-height:40px;}
.news_first_title a{color:#fff;}
.news_first_decs{ font-size:12px; color:#c6c6c6;}
.news_first_title span{ color:#fff; float:right; display:block;}
.news_list{ width:580px; float:right;}
.news_list li{ height:115px; width:580px;}
.news_list li a{ height:55px; width:520px; display:block; background:#fff; cursor:pointer; color:#252525; padding:30px}
.news_list li a:hover{ background:#252525; color:#fff;}
.list_c{ width:415px; height:60px; float:right}
.list_title{ height:34px; line-height:34px;}
.list_decs{ font-size:12px; }
.time{ width:90px; height:60px; float:left; border-right:2px solid #ededed}
.day{ width:100%; height:35px; line-height:35px; font-size:28px; text-align:center}
.my{ width:100%; height:20px; line-height:20px; font-size:12px; text-align:center}
.news{ background:url(../images/news.jpg) no-repeat center; width:100%; height:670px; padding-top:30px;}
.foot{ width:100%; height:390px; background:#f2f2f2; padding-top:20px}
.foot_l{ width:400px; height:390px; float:left;}
.logo_foot{ width:100%; height:113px;}
.contact{ width:100%; height:75px; margin-top:15px;}
.contact font{ font-size:24px;}
.foot_r{ width:780px; height:390px; float:right;}
.foot_nav{ width:100%; height:80px; line-height:80px; border-bottom:1px solid #c5c5c5;}
.nav_1{ width:135px; height:80px; float:left;}
.nav_4{ width:600px; height:80px; float:right}
.foot_nav_list{ width:100%; height:305px}
.nav_list_1 {width:135px; height:305px; float:left;}
.nav_list_4 {width:600px; height:305px; float:right;}
.nav_list_1 li { height:35px; line-height:35px;}
.nav_list_1 li a{ color:#5d5d5d; font-size:12px;}
.nav_list_4 li { width:25%; height:35px; line-height:35px; float:left}
.nav_list_4 li a{ color:#5d5d5d; font-size:12px;}
.copyright{ width:100%; height:60px; line-height:60px; background:#252525; color:#bababa; text-align:center;}
.copyright a{ color:#bababa;}

.zy_main{ width:100%; height:auto; padding-top:30px;zoom:1;overflow:hidden; color:#666; padding-bottom:30px; background:#f7f7f7}
.main{ width:1200px; margin:0 auto; height:auto; zoom:1;overflow:hidden;}
.main_left{ width:250px; height:auto; float:left; background:#fff;}
.left_title{ width:220px; height:60px; background:#115b61; color:#fff; line-height:60px; font-size:16px !important;    padding-left: 30px;}
.main_left ul { list-style:none;}
.main_left ul li{width: 215px;height: 46px;line-height: 46px;padding-left: 35px;background-image: url(../images/pro_list1.jpg)!important;border-bottom: 1px solid #e3e3e3;}
.main_left ul li a{ color:#666}
.main_left ul li a:hover{ color:#0857b3}
.main_right{ width:890px; float:right; height:auto; background:#fff; padding:15px; margin-bottom:30px}
.zy_title{ width:100%; height:30px; border-bottom:1px solid #cecece; margin-bottom:10px; padding-bottom:5px}
.title{ width:30%; height:30px; line-height:30px; float:left; font-size:18px; font-family:  "Microsoft YaHei";}
.zy_p{ width:50%; height:30px; line-height:30px; float:right; font-size:12px; text-align:right;}
.zy_p a{ color:#666}
.zy_content{ width:100%; line-height:28px}
.zy_content p{}
.zy_content a{ color:#666;}
.pro_box{ width:100%; height:auto; list-style:none; margin-top:20px }
.pro_box li{ width:30%; float:left; margin-right:20px; text-align:center; margin-bottom:10px}
.pro_box li img{ width:100%;  border:1px #cecece solid;}
.pro_box li a{ color:#666;}
.nry_new_list ul{ list-style:none;}
.zy{border: 1px solid #dbdbdb;width: 98%;height: auto;padding: 10px; margin-bottom:20px; margin-top:20px}
.title_m_n{ display:none;}
.hy{ width:1200px; margin:0 auto; height:499px;}
.mm img{ width:100%;}
.pro_list{ width:100%;}
.pro_list li{width:280px; height:330px; float:left; margin-right:16px; text-align:center}
.pro_img{ height:275px;}
.pro_img img{ max-width:100%; border: 1px solid #C6C6C6;height:100%;}