body{ padding:0px; margin:0px; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:28px;}
body{width:100%;min-width:1100px;position:absolute;left:0;top:0}
.container{	position:relative;display:block;width:100%;	min-width:1100px;overflow:hidden;}
*{ padding:0px; margin:0px;}
a{ text-decoration:none; color:#767676; -moz-transition: all ease .5s; -webkit-moz-transition: all ease .5s; moz-transition: all ease .5s;}
a:hover{ color:#019944;}
a.linkscroll,a.linkleft{ position:relative; z-index:0; }
img{ border:none;}
a:hover img{ filter:Alpha(opacity=90);-moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}
ul,ol,li{ list-style:none;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.clearfix:before,.clearfix:after{ content: ''; display:block;}
.clearfix:after { clear: both; }
.clear {
	clear: both;
}

.block_10 {
	height: 10px;
	line-height: 10px;
}

.block_20 {
	height: 20px;
	line-height: 20px;
}

.block_30 {
	height: 30px;
	line-height: 30px;
}
.fl{ float:left;}
.fr{ float:right;}
.f16{ font-size:16px; color:#7f7f7f;line-height:30px;}
.p10{ padding-left:10px;}

.main{ width:1100px; margin:0 auto;}
/***********topmain***********/
.top{ width:100%; min-width:1100px;height:43px; line-height:43px; background:url(../images/topbg.gif) repeat-x; border-bottom:1px solid #c0c0c0;}
.top-t{ width:1100px; margin:0 auto; font-size:13px;}
.top-t .ss{ padding:0 10px;}
.top-t .cn{ background:url(../images/cn.jpg) no-repeat left 1px; padding-left:28px; padding-right:8px;}
.top-t .en{ background:url(../images/en.jpg) no-repeat left 1px; padding-left:28px;}
.top-t a:hover{ color:#019944}

.toplogo{ width:1100px; margin:0 auto; height:120px; position:relative;}
.toplogo .logo{ width:386px; height:120px; background:url(../images/logo.jpg) no-repeat; position:absolute; left:0; top:0;}
.toplogo .logo a{ width:386px; height:120px; display:block;}
.toplogo .logo h1{ text-indent:-9999px;}
/*************************** search (start) ***************************/
.toplogo .i-search{ width:280px; position:absolute; top:18px; right:0;}
.toplogo .i-search-k{ padding-top:15px; color:#b1b1b1; font-size:13px; line-height:18px;}
.toplogo .i-search-k a{ color:#b1b1b1;}
.toplogo .i-search-k a:hover{ color:#019944;}
.toplogo .i-search-k span{ color:#019944; font-weight:bold;}
.toplogo .i-search .search{ width:255px; height:35px;}
.toplogo .i-search .search-q{ float:left; height:35px; line-height:35px; padding:0 0 0 13px; width:205px; border:none; background:url(../images/img01.gif) top left no-repeat; color:#c9c9c9;}
.toplogo .i-search .search-go{ float:right; width:37px; height:35px; border:none; cursor:pointer; background:url(../images/img01.gif) -218px 0 no-repeat;}
/***************************display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; ***************************/

/***********banner***********/
.device { width:100%; min-width:1100px;height:500px;position: relative; z-index:10;}
.device:hover .arrow-left0, .device:hover .arrow-right0{ display:block;}
.device .arrow-left0 { z-index:99; background: url(../images/left.png) no-repeat left top; position: absolute; left: 90px; top: 50%;margin-top: -25px; width: 49px; height: 49px; display:none;}
.device .arrow-left0:hover{ background-position:left bottom;}
.device .arrow-right0 {z-index:99;background: url(../images/right.png) no-repeat left top; position: absolute; right: 90px; top: 50%; margin-top: -25px;width: 49px;  height: 49px; display:none;}
.device .arrow-right0:hover{ background-position:left bottom;}
.device .swiper-container {height:500px;width: 100%; text-align:center; overflow:hidden}
.device .swiper-slide{ background-position:center center; background-repeat:no-repeat;}
.device .pagination0 {z-index:99;position: absolute;left: 0;text-align: center;bottom:26px;width: 100%;}
.device .swiper-pagination-switch {display: inline-block;width: 18px;height: 18px;border-radius: 12px;background: #fff;margin: 0 6px;cursor: pointer;}
.device .swiper-visible-switch { background: #fff;}
.device .swiper-active-switch { background: #019944;}
/*************************** content (start) ***************************/
#content{ width:100%; min-width:1100px; height:890px; background:#f4f4f4; margin:0 auto;}
#content h2.title{ color:#32333a; text-align:center; font-size:42px; font-weight:bold; padding:60px 0 80px;}
#cen_right_top{ width:1100px; margin:0 auto; position:relative;}
#cen_right_top .left_class{ float:left; width:253px; padding-left:16px; padding-top:10px;}
#cen_right_top .active{ background:#019944 url(../images/img1.gif) no-repeat 25px 15px;color:#fff;}
#cen_right_top h3{ line-height:17px; margin-bottom:5px; padding:12px 5px 12px 46px; font-size:14px;color:#333; background:url(../images/img2.gif) no-repeat 25px 15px;font-weight:lighter;cursor:pointer;}
#cen_right_top h3 a{color:#333;}
#cen_right_top .active a{ color:#fff;}
#cen_right_top div.hott{ float:right; height:655px; display:none;clear:both; text-align:left;}

.hot-pro{width:820px;}
.hot-t{ height:126px; position:relative;}
.hot-t ul { width:190px; height:42px; background:#fff; margin:0 auto; position:relative; top:62px;z-index:99; }

.arrow-left1{ position: absolute;width:42px; height:42px; top:115px; right:50px; background:url(../images/arrow-prev.jpg) no-repeat;}
.arrow-left1:hover{ background:url(../images/arrow-prev_h.jpg) no-repeat;}
.arrow-right1{ position: absolute; width:42px; height:42px; top:115px; right:0px; background:url(../images/arrow-next.jpg) no-repeat;}
.arrow-right1:hover{background:url(../images/arrow-next_h.jpg) no-repeat;}


.h-pro{ float:left; width:250px; height:300px; margin-bottom:10px; margin-left:21px; padding-top:10px;}
.h-pro li a{ width:250px; height:300px; display:block; background:#fff url(../images/loading.gif) no-repeat center center;}
.h-pro li p{ color:#252525; font-size:16px; width:230px; padding:0 10px; line-height:17px; display:block;}
.h-pro img{ width:250px; height:250px; display:block}
.h-pro li a:hover{ -webkit-box-shadow:0 0 10px rgba(160, 160, 160, .5); -moz-box-shadow:0 0 10px rgba(160, 160, 160, .5); box-shadow:0 0 10px rgba(160, 160, 160, .5);}
.h-pro li a:hover p{ color:#00934b;}

.hot-pro .swiper-container{ height:655px;width:820px; text-align:center; overflow:hidden;}
.hot-pro .swiper-container .swiper-slide{width:820px; margin-bottom:25px;}
/***************case************/
.hot-casebg { width:100%; min-width:1100px; height:600px; background:#fff; overflow:hidden}
.hot-case{ width:1100px; margin:0 auto;}
.h-case{ float:left; width:255px; height:375px;overflow:hidden; margin:32px 10px;}
.h-case .h-case-pic{ width:235px; height:235px;overflow: hidden;-webkit-border-radius: 50%;border-radius: 50%;font-size: 0; line-height: 0; border:8px solid #dedede;}
.h-case a:hover .h-case-pic{ border:8px solid #019944;}
.h-case .h-case-title{ font-size:18px; font-weight:bold; color:#32333a; display:block; text-align:center; padding:21px 0 8px;}
.h-case .h-case-note{ font-size:13px; color:#b0b0b0; line-height:21px;}
.swipercase{ width:1100px; height:385px; overflow:hidden;}
.hot-case .title{ height:38px; line-height:38px; padding:48px 0 32px;}
.hot-case .title h3{ float:left; font-size:42px; color:#32333a; font-weight:bold;}
.hot-case .title span{ font-size:27px; font-family:Tahoma, Geneva, sans-serif; color:#c0c0c0; text-transform:uppercase;}
.hot-case .more{ float:right; height:20px; font-weight:bold; line-height:20px; display:block; font-size:14px; color:#32333a; background:url(../images/arr4.gif) no-repeat top right; padding-right:25px; margin-top:8px;}
.hot-case .more:hover,.h-case a:hover .h-case-title{ color:#019944;}
.paginationcase{ margin:30px auto 0; text-align:center;}
.hot-case .swiper-pagination-switch {display: inline-block;width: 15px;height: 15px;border-radius: 15px;background: #d2d2d2;margin: 0 6px;cursor: pointer;}
.hot-case .swiper-visible-switch { background: #d2d2d2;}
.hot-case .swiper-active-switch { background: #019944;}
/**************about******************/
.aboutbg { width:100%; min-width:1100px; height:488px; background:#efeff0; overflow:hidden}
.aboutcontent{ width:1100px; margin:0 auto;}
.aboutcontent .title{ height:38px; line-height:38px; padding:58px 0 32px;}
.aboutcontent .title h3{ float:left; font-size:42px; font-weight:bold; color:#32333a;}
.aboutcontent .intro{ height:350px; overflow:hidden; line-height:24px; color:#333;}
.aboutcontent .more{display: inline-block;width: 109px;height: 35px; line-height:35px;border-radius: 12px;background: #019944; text-align:center; color:#fff; margin-top:8px;}
.aboutcontent .more:hover{ background:#007e2b;}
.aboutcontent .partner{ background:url(../images/line.jpg) no-repeat top center; padding-top:1px;}
/***************honor************/
.hot-honorbg { width:100%; min-width:1100px; height:520px; background:#fff; overflow:hidden}
.hot-honor{ width:1100px; margin:0 auto; position:relative;}
.h-honor{ float:left; width:188px; height:375px;overflow:hidden; margin:32px 10px;}
.h-honor .h-honor-pic{ width:175px; height:260px; padding:12px 0 0 13px; display:block; background:url(../images/honorbg.jpg) no-repeat;}
.h-honor .h-honor-pic:hover{ color:#019944;}
.h-honor .h-honor-title{ color:#32333a; display:block; text-align:center; padding:12px 0 8px;}
.swiperhonor{ width:1040px; margin-left:60px; height:385px; overflow:hidden;}
.hot-honor .title{ height:38px; line-height:38px; padding:48px 0 32px; text-align:center;}
.hot-honor .title h3{ font-size:42px; color:#32333a; font-weight:bold;}
.hot-honor .title a{ font-size:14px; font-weight:normal; color:#32333a;}
.hot-honor .title a:hover{ color:#019944;}
.hot-honor .more{ float:right; height:20px; font-weight:bold; line-height:20px; display:block; font-size:14px; color:#32333a; background:url(../images/arr4.gif) no-repeat top right; padding-right:25px; margin-top:8px;}
.hot-honor .more:hover,.h-honor a:hover .h-honor-title{ color:#019944;}
.arrow-lefthonor{ position: absolute;width:35px; height:39px; top:255px; left:0; background:url(../images/arrow-prev-honor.jpg) no-repeat; z-index:10;}
.arrow-lefthonor:hover{ background:url(../images/arrow-prev-honor-h.jpg) no-repeat;}
.arrow-righthonor{ position: absolute; width:35px; height:39px; top:255px; right:0px; background:url(../images/arrow-next-honor.jpg) no-repeat; z-index:10;}
.arrow-righthonor:hover{background:url(../images/arrow-next-honor-h.jpg) no-repeat;}
/**************news******************/
.newsbg { width:100%; min-width:1100px; height:560px; background:#efeff0; overflow:hidden}
.newscontent{ width:1100px; margin:0 auto;}
.newscontent .title{ height:38px; line-height:38px; padding:48px 0 32px;}
.newscontent .pright30{ padding-right:30px;}
.newscontent .title h3{ float:left; font-size:24px; font-weight:bold; color:#32333a;}
.newscontent .more{ float:right; height:20px; line-height:20px; display:block; font-size:14px; color:#333; background:url(../images/arr4.gif) no-repeat top right; padding-right:20px; margin-top:8px;}
.newscontent .more:hover{ color:#009944;}
.newscontent .left_box{ float:left; width:670px;}
.newscontent .news_list dl{ float:left; width:296px; height:418px; margin-right:50px;}
.newscontent .news_list dl.nomargin{ margin-right:0;}
.newscontent .news_list dl .n1 a{ font-size:16px; color:#666; width:296px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:20px 0 10px;}
.newscontent .news_list dl .n1 a:hover{ color:#009944;}
.newscontent .news_list dl .n2{ font-size:12px; color:#7c7c7c;}
.newscontent .news_list dl .n3{ font-size:14px; color:#7c7c7c; line-height:24px; padding:8px 0 20px;}
.newscontent .news_list dl .n4 a{display: inline-block;width: 109px;height: 35px; line-height:35px;border-radius: 12px;background:#333; text-align:center; color:#fff;}
.newscontent .news_list dl .n4 a:hover{ background:#009944;}

.newscontent .right_box{ float:left; width:410px; margin-left:20px;}
.newscontent .right_box ul li{ height:80px; margin-bottom:50px;}
.newscontent .right_box ul li a{ height:80px; display:block; color:#333; overflow:hidden;}
.newscontent .right_box ul li a:hover{ color:#009944;}
.newscontent .right_box .news_date{ float:left; width:63px; padding:5px 5px 10px; text-align:center; color:#fff; background:#616161; font-size:36px; font-weight:bold;}
.newscontent .right_box .news_date span{ font-size:15px; display:block; font-weight:normal;}
.newscontent .right_box ul li a:hover .news_date{ background:#009944;}
.newscontent .right_box ul li a:hover .news_note span{ color:#333;}
.newscontent .right_box .news_note{ float:left; width:305px; padding-left:20px; font-size:14px; font-weight:bold;}
.newscontent .right_box .news_note span{ display:block; font-size:13px; font-weight:normal; color:#7c7c7c; padding-top:9px; line-height:18px;}
/***************link************/
.friendlink{ width:1100px; height:290px; margin:0 auto; overflow:hidden;} 
.friendlink .title{ height:38px; line-height:38px; padding:48px 0 32px;}
.friendlink .title h3{ float:left; font-size:24px; color:#32333a; font-weight:bold;}
.friendlink .title span{ font-size:27px; font-family:Tahoma, Geneva, sans-serif; color:#c0c0c0; text-transform:uppercase;}
.friendlink .more{ float:right; height:20px; font-weight:bold; line-height:20px; display:block; font-size:14px; color:#32333a; background:url(../images/arr4.gif) no-repeat top right; padding-right:25px; margin-top:8px;}
.friendlink .more:hover{ color:#019944;}
#Marquee_x { overflow:hidden; width:1100px; margin:0 auto;} 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;height:131px; line-height:25px;overflow:hidden}
#Marquee_x ul li div{ float:left;line-height:25px;height:131px; width:182px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #dadada; width:180px; height:100px; display:block}
#Marquee_x ul li div span{ display:block; text-align:center;}

/*********bottom********/
.bottom_searchbg { width:100%; min-width:1100px; background:url(../images/pic5.jpg); border-top:4px solid #019944; overflow:hidden; padding:40px 0 60px;}
.bottom_search{ width:1100px; height:113px; margin:0 auto; font-size:15px; color:#747474; background:url(../images/pic6.png) no-repeat top center; padding-top:60px; text-align:center;}
.searchbox{ width:619px; height:65px; margin:0 auto; background:url(../images/arr9.gif) no-repeat 0 20px; padding-top:20px; padding-left:34px;}
.searchbox .search-q{ float:left; width:495px; height:65px; border:none; background:transparent; line-height:65px; font-size:14px; color:#aaa; appearance:none;-moz-appearance:none;}
.searchbox .search-go{ float:left; width:90px; height:65px; display:block; border:none; background:transparent; cursor:pointer;}

.bottom_bg { width:100%; min-width:1100px; background:url(../images/foot-bg.png) repeat left top; overflow:hidden; padding-top:60px; padding-bottom:50px;}
.bottomcontent{ width:1200px; margin:0 auto;}
.bottom_nav dl{ float:left; padding-left:10px; padding-right:25px;}
.bottom_nav .nopadding{ padding-left:0;}
.bottom_nav dl dt{ padding-bottom:30px;}
.bottom_nav dl dt a{ font-size:18px; color:#fff;}
.bottom_nav dl dd { color:#b3b3b3; line-height:24px;}
.bottom_nav dl dd a{ color:#b3b3b3; line-height:22px;}
.bottom_nav dl dt a:hover,.bottom_nav dl dd a:hover{ color:#fff;}

.bottom_copyright{ width:100%; min-width:1100px; background:url(../images/foot-pre.jpg) repeat-x left top; padding-top:3px; overflow:hidden; color:#b3b3b3;}
.bottom_copyright .bottombg{ padding:15px 0; line-height:24px; background:url(../images/footer-bg.png); overflow:hidden;}
.bottom_copyright .design{ float:right;}
.bottom_copyright .copyright{ float:left;}
.bottom_copyright a{ color:#b3b3b3;}
.bottom_copyright a:hover{ color:#fff;}

