/*初始化*/
*{margin:0; padding:0; list-style:none; text-decoration:none; font: 14px/2 "","宋体","\5b8b\4f53",Arial,sans-serif; }
body{ background: #fff; overflow-x: hidden; }
img{ border: none; }

A:link {
	COLOR: #000000; TEXT-DECORATION: none; font-size:12px;
}
A:visited {
	COLOR: #000000; TEXT-DECORATION: none; font-size:12px;
}
A:hover {
	COLOR:#FF0000; TEXT-DECORATION: none;font-size:12px;
}
A:active {
	TEXT-DECORATION: none;font-size:12px;
}


/*top*/
.top{ max-width: 100%; min-width: 1180px; height: 38px; margin: 0 auto; border-bottom: 1px solid #ccc; overflow: hidden; }
.top_con{ width: 1180px; height: 38px; margin: 0 auto; }
.top_con p{ display: block; float: left; font-size: 12px; line-height: 38px; color: #333; }
.top_con b{ display: block; float: left; font-weight: bold; font-size: 26px; line-height: 38px; color: #f30000; margin-left: 40px; }
.top_con span{ display: block; float: right; font-size: 12px; line-height: 38px; color: #333; }
.top_con span a{ font-size: 12px; line-height: 38px; color: #333; margin: 0 6px; }
.top_con span a:hover{ color: #00923f; }



/*title*/
.title{ max-width: 100%; min-width: 1180px; height: 93px; margin: 20px auto; text-align: center; overflow: hidden; }



/*nav*/
.nav{ max-width: 100%; min-width: 1180px; height: 54px; margin: 0 auto; background: #0461AE; overflow: hidden; }
.nav ul{ width: 1180px; height: 54px; margin: 0 auto; }
.nav ul li{ float: left; width: 131px; height: 50px; }
.nav ul li a{ display: block; font-size: 14px; line-height: 50px; text-align: center; color: #fff; font-weight: bold; }



/* banner */
.banner{ max-width: 100%; min-width: 100%; height: 470px; position: relative; margin: 0 auto; overflow: hidden; }
.datu{  width: 100%; height: 470px; position: absolute; top: 0;overflow: hidden;}
.datu .d1{width: 100%;height: 470px;position: absolute;top: 0px; }
.datu .d1 img {width: 1920px;position: relative;
 left: 50%;
 transform: translateX(-50%);}
.d2{ width: 150px; height: 30px; position: absolute; left: 50%; margin-left: -50px; top: 400px; z-index: 100; }
.d2 li{ cursor:pointer;float: left; width: 30px; height: 30px; border-radius: 50%; background: #066fe2; color: #fff; font-size: 14px; line-height: 30px; text-align: center; margin: 0 10px; font-weight: bold; }
.d2 li.nuw{ background: red;}


/*热门关键词*/
.guanjian{ max-width: 100%; min-width: 1180px; height: 50px; margin: 10px auto; border-bottom: 1px solid #ccc; overflow: hidden; }
.guanjian_con{ width: 1180px; height: 50px; margin: 0 auto; }
.guanjian_con h3{ display: block; float: left; font-size: 14px; line-height: 50px; color: #00923f; font-weight: bold; }
.guanjian_con a{ display: block; float: left; font-size: 14px; line-height: 50px; color: #666; margin: 0 6px; }
.guanjian_con a:hover{ text-decoration: underline; color: #00923f; }


/*产品中心*/
.pro{ max-width: 100%; min-width: 1180px; height: auto; margin: 30px auto; overflow: hidden; }
.pro_bt{ width: 1180px; height: 133px; margin: 0 auto; text-align: center; }
.pro_con{ width: 1180px; height: auto; margin: 30px auto 0; overflow: hidden; }
.left{ width: 206px; height: auto; float: left; border: 1px solid #1fa62e; overflow: hidden; }
.left h3{ width: 206px; height: 54px; background: #1fa62e; font-size: 24px; letter-spacing: 5px; line-height: 54px; color: #fff; text-align: center; font-weight: bold; }
.pro_list{ width: 265px; height: auto; margin: 10px auto; }
.pro_list li{ float: left; width: 265px; height: 50px; background: url(../images/cpfl3.jpg) top left no-repeat; margin-bottom: 5px; }
.pro_list li span{ font-size: 14px; line-height: 50px; font-weight: bold; color: #035AA1; margin-left: 25px; }
.pro_list li a{ font-size: 14px; line-height: 50px; font-weight: bold; color: #035AA1; margin-left: 25px; }
.pro_list li:hover span,.pro_list li:hover a{ color: #035AA1; }
.right{ width: 870px; height: auto; float: right; overflow: hidden; }

/* marqueetop */
.marqueetop{ width: 870px; height: 830px; margin: 0 auto; overflow: hidden; }
.marqueetop ul{ float: left; }
.marqueetop li{ margin: 0 8px 10px; width: 200px; height: 198px; float: left; overflow: hidden;}
.marqueetop li a{ display: block; width: 200px; height: 198px;}
.marqueetop li a img{ display: block; width: 190px; height: 164px; border: 1px solid #ccc; }
.marqueetop li a i{ display: block; width: 200px; height: 40px; text-align: center; font-size: 12px; line-height: 40px; color: #111; }



/*我们的优势*/
.youshi{ max-width: 100%; min-width: 1180px; height: 120px; margin: 0 auto; text-align: center; background: #09a343; overflow: hidden; }


/*con1*/
.con1{ max-width: 100%; min-width: 1180px; height: auto; margin: 0 auto; padding: 30px 0; background: #f2f2f2; overflow: hidden; }
.con1_t{ width: 1180px; height: auto; margin: 0 auto; overflow: hidden; }

/*公司简介*/
.gs{ float: left; width: 850px; height: 380px; background: #fff; overflow: hidden; }
.gs_bt{ width: 820px; height: 73px; margin: 20px auto; }
.gs_bt a{ display: block; float: right; width: 54px; height: 14px; }
.gs_con{ width: 320px; height: auto; margin: 30px auto; }
.gs_con img{ display: block; width: 295px; height: 216px; float: left; }
.gs_con p{ display: block; width: 310px; float: right; font-size: 12px;  color: #222; }


/*联系我们*/
.contact{ width: 310px; height: 380px; float: right; background: #fff; overflow: hidden; }
.contact p{ width: 280px; height: 48px; border-bottom: 1px solid #ccc; padding: 5 15px; margin: 5 auto; font-size: 18px; line-height: 48px; color: #09a343; font-weight: bold; }
.contact p a{ display: block; float: right; width: 54px; height: 14px; margin-top: 20px; }
.contact_con{ width: 260px; height: auto; margin: 5px auto; }
.contact_con img{ display: block; width: 229px; height: 72px; margin: 5 auto 15px; }
.contact_con span{ display: block; width: 260px; height: auto; margin: 5 auto; font-size: 12px; line-height: 34px; color: #666; }
.contact_con span b{ display: block; height: 50px; font-size: 12px; line-height: 34px; color: #333; font-weight: bold; }


/*荣誉展示*/
.honor{ width: 1180px; height: 291px; margin: 30px auto; background: #fff; overflow: hidden; position: relative; top: 0; left: 0; }
.honor_bt{ width: 1150px; height: 36px; margin: 20px auto; background: url(../images/xiexian.jpg) left bottom repeat-x; text-align: center; }
.honor_bt img{ display: block; width: 142px; height: 36px; padding: 0 40px; background: #fff; margin: 0 auto; }

#wrapper{ width: 1160px; height: 215px; margin: 0 auto; }
#carousel{ position: relative; width: 1160px; height: 215px; margin: 0 auto; }
#carousel ul{ width: 1120px; list-style: none; display: block; margin: 0 auto; padding: 0; }
#carousel ul li{ display: block; width: 193px; height: 185px; padding: 0; margin: 15px; float: left; text-align: center; }
#carousel ul li img{ display: block; width: 193px; height: 145px; border: 1px solid #ccc; }
#carousel li i{ display: block; width: 193px; height: 40px; text-align: center; color: #000; line-height: 40px; font-size: 14px; }
.clearfix{ float: none; clear: both; }
.prev{ display: block; width: 14px; height: 28px; position: absolute; top: 70px; left: 0; z-index: 999; cursor: pointer; }
.next{ display: block; width: 14px; height: 28px; position: absolute; top: 70px; right: 0; z-index: 999; cursor: pointer; }




/*新闻资讯*/
.news{ max-width: 100%; min-width: 1180px; height: auto; margin: 0 auto; overflow: hidden; }
.news_bt{ max-width: 100%; min-width: 1180px; height: 22px; margin: 0 auto 20px; padding-top: 32px; border-bottom: 1px solid #ccc; text-align: center; }
.news_con{ width: 1180px; height: auto; margin: 80px auto 0; }
.news_con ul{ float: left; width:  260px; height: auto; margin: 0 9px; padding-bottom: 15px; overflow: hidden; }
.news_con ul p{ display: block; width: 260px; height: 136px; }
.news_con ul p img{ display: block; width: 260px; height: 136px; }
.news_con ul h3{ display: block; width: 260px; height: 37px; border-bottom: 1px solid #74e16a; margin: 10px auto 0; padding-bottom: 10px; font-size: 17px;  text-align: center; line-height: 1.2em; }
.news_con ul li{ width: 260px; height: 37px; border-bottom: 1px solid #CCC; margin: 0 auto; }
.news_con ul li span{ display: block; float: left; width: 5px; height: 5px; background: #feaf0a; margin-top: 16px; }
.news_con ul li a{ display: block; font-size: 12px; line-height: 37px;  margin-left: 15px; }
.news_con ul h4{ display: block; float: right; margin: 20px 15px 0 0; }



/*技术服务*/
.fuwu{ max-width: 100%; min-width: 1180px; height: auto; margin: 20px auto 0; overflow: hidden; }
.fuwu_con{ width: 1178px; height: auto; margin: 20px auto; border: 1px solid #ccc; overflow: hidden; }
.fuwu_bt{ width: 1180px; height: 42px; margin: 30px auto 10px; text-align: center; }
.fuwu_list{ width: 1180px; height: auto; margin: 20px auto; overflow: hidden; }
.fuwu_list li{ width: 200px; height: 300px; float: left; margin: 18px; background: #ececec; }
.fuwu_list li img{ display: block; width: 200px; height: 132px; }
.fuwu_list li span{ display: block; width: 185px; height: auto; margin: 0 auto; font-size: 12px; line-height: 30px; color: #333;  }
.fuwu_list li span b{ display: block; height: 40px; font-size: 14px; line-height: 40px; color: #00923f; text-align: center; }
.fuwu_list li .view{ width: 79px; height: 92px; margin: 85px auto 0; }


/*价格优势*/
.jgys{ max-width: 100%; min-width: 1180px; height: auto; margin: 20px auto 0; overflow: hidden; }
.jiage{ max-width: 100%; min-width: 1180px; height: auto; margin: 0 auto; text-align: center; padding: 20px 0; background: #019038; overflow: hidden; }
.women{ max-width: 100%; min-width: 1180px; height: auto; margin: 0 auto; text-align: center; padding: 20px 0; background: #f3f3f3; border-bottom: 1px solid #ccc; overflow: hidden; }



/*link*/
.link{ max-width: 100%; min-width: 1180px; height: auto; margin: 20px auto 0; overflow: hidden; }
.link_con{ width: 1180px; height: auto; margin: 0 auto; }
.link_con h3{ display: block; width: 1180px; height: 40px; line-height: 40px; text-align: left; font-weight: bold; font-size: 14px; color: #00923f; }
.link_con p{ display: block; width: 1140px; height: auto; font-size: 12px; line-height: 30px; color: #00923f; margin: 10px auto; padding: 10px 0; }
.link_con p a{ font-size: 12px; line-height: 30px; color: #000; }
.link_con p a:hover{ text-decoration: underline; color: #00923f; }


/*footer*/
.footer{ max-width: 100%; min-width: 1180px; height: 290px; margin: 0 auto; background: #09a343; overflow: hidden; }
.footer_nav{ max-width: 100%; min-width: 1180px; height: 50px; background: #00782e; margin: 0 auto; }
.footer_nav ul{ width: 1180px; height: 50px; margin: 0 auto; }
.footer_nav ul li{ float: left; width: 196px; height: 50px; }
.footer_nav ul li a{ display: block; font-size: 14px; line-height: 50px; text-align: center; color: #fff; font-weight: bold; }
.footer_con{ width: 1180px; height: 240px; margin: 0 auto; overflow: hidden; }
.footer_con .logo{ width: 224px; height: 114px; float: left; margin-top: 63px; }
.footer_con .erweima{ width: 126px; height: 120px; float: right; margin-top: 60px; }
.footer_text{ display: block; width: 761px; height: 224px; float: left; margin: 8px 34px; background: url(../images/fenge.jpg) top left no-repeat; overflow: hidden; }
.footer_text p{ display: inline-block; font-size: 15px; line-height: 40px; color: #fff; letter-spacing: 2px; margin: 40px 0 0 60px; }
.footer_text p i{ display: inline-block; font-size: 15px; line-height: 40px; color: #fdff00; letter-spacing: 2px; }



/*left*/
.pro_left{ float: left; width: 208px; height: auto; overflow: hidden; }

/*内页——联系我们*/
.contact1{ width: 208px; height: 380px; float: left; margin-top: 20px; background: #eee; overflow: hidden; }
.contact1 p{ width: 186px; height: 48px; border-bottom: 1px solid #ccc; padding: 0 10px; margin: 0 auto; font-size: 18px; line-height: 48px; color: #09a343; font-weight: bold; }
.contact1 p a{ display: block; float: right; width: 54px; height: 14px; margin-top: 20px; }
.contact1_con{ width: 176px; height: auto; margin: 5px auto; }
.contact1_con img{ display: block; width: 186px; height: auto; margin: 0 auto 15px; }
.contact1_con span{ display: block; width: 186px; height: auto; margin: 0 auto; font-size: 12px; line-height: 40px; color: #111; }
.contact1_con span b{ display: block; height: 36px; font-size: 15px; line-height: 36px; color: #111; font-weight: bold; }



/*详细页——关于我们*/
.position{ width: 880px; padding-left: 10px; height: 44px; }
.position span{ display: block; font-size: 12px; line-height: 44px; color: #000; font-weight: bold; }
.position span a{ display: inline-block; font-size: 12px; line-height: 44px; color: #000; font-weight: bold; }
.right_box{ width: 880px; height: auto; margin: 15px auto; overflow: hidden; }
.list_page{ width: 880px; height: auto; margin: 0 auto; font-size: 12px; line-height: 30px; color: #000; }



/*列表页——产品展示*/
.list_article{ width: 875px; height: auto; margin: 0 auto; font-size: 12px; line-height: 30px; color: #000; overflow: hidden; }
.list_article li{ margin: 0 5px 10px; width: 280px; height: 257px; float: left; overflow: hidden;}
.list_article li a{ display: block; width: 280px; height: 257px;}
.list_article li a img{ display: block; width: 270px; height: 220px; border: 1px solid #ccc;}
.list_article li a i{ display: block; width: 280x; height: 40px; text-align: center; font-size: 15px; line-height: 40px; color: #111; font-weight: bold; }


/*详细页——产品中心*/
.article_article{ width: 875px; height: auto; overflow: hidden; font-size:14px}
.article_article h3{ display: block; font-size: 14px; color: #222; line-height: 50px; text-align: center; font-weight: bold; }
.article_article .article_pic{ display: block; width: 500px; height: auto; margin: 30px auto; padding: 10px; border: 1px solid #ccc;}




/*列表页——新闻中心*/
.list_news{ width: 875px; height: auto; margin: 0 auto; font-size: 12px; line-height: 30px; color: #000; overflow: hidden; }
.list_news li{ float: left; width: 875px; height: 40px; border-bottom: 1px dashed #ccc; }
.list_news li span{ float: left; font-size: 12px; font-weight: bold; color: #045BA; line-height: 40px; margin-right: 5px; }
.list_news li a{ float: left; font-size: 12px; color: #000; line-height: 40px; }
.list_news li:hover a{ color: #045BA; font-weight: bold; }
.list_news li i{ float: right; font-size: 12px; color: #333; line-height: 40px; }
.fanye{ width: 875px; height: 30px; margin-top: 20px; overflow: hidden;}
.fanye li{ float: left; margin: 0 5px; }
.fanye li a{ display: block; font-size: 12px; line-height: 40px; color: #111; }
.fanye li a:hover{ color: #09a343; }
.fanye li span{ display: block; font-size: 12px; line-height: 40px; color: #111; }
.fanye li span strong{ display: inline-block; font-size: 12px; line-height: 40px; color: #111; margin: 0 5px; }


/*详细页——新闻中心*/
.news_article{ width: 875px; height: auto; margin: 0 auto; overflow: hidden; }
.news_article h3{ display: block; font-size: 14px; color: #111; line-height: 50px; text-align: center; font-weight: bold; }
.news_article p{ display: block; font-size: 12px; color: #111; line-height: 30px; margin: 0 auto 30px; }
.pian{ width: 875px; height: 60px; font-size: 12px; line-height: 30px; color: #111; margin: 0 auto; }
.pian a{ display: inline-block; font-size: 12px; line-height: 30px; color: #111;  }
.pian a:hover{ color: #09a343; }

/*工程案例*/

/*cases*/
.cases{ max-width: 100%; min-width: 1170px; height: auto; margin: 20px auto 0; overflow: hidden; }
.cases h3{ width: 136px; height: 44px; text-align: center; background: url(../images/bt.jpg) top left no-repeat; margin: 0 auto; }
.cases h3 a{ font-size: 20px; color: #000; line-height: 44px; font-weight: bold; }
.cases_con{ width: 100%; height: auto; margin: 0 auto; padding-top: 20px; }


/* marqueeleft */
.marqueeleft{ width: 1170px; height: 252px; margin: 15px auto 20px; overflow: hidden; }
.marqueeleft ul{ float: left; }
.marqueeleft li{ float: left; width: 262px; height: 252px; margin: 0 7px;}
.marqueeleft li a{ display: block; width: 262px; height: 252px; }
.marqueeleft li a img{ display: block; width: 250px; height: 200px; border: 1px solid #aaa; padding: 5px; }
.marqueeleft li a i{ display: block; width: 262px; height: 40px; text-align: center; font-size: 12px; line-height: 40px; color: #000;}
.marqueeleft li:hover a img{ border: 1px solid #23a3d4; background: #23a3d4; }
.marqueeleft li:hover a i{ background: #23a3d4; color: #fff; }


.STYLE8 {
	font-size: 12px; COLOR: #fff;LINE-HEIGHT:2; 
}



/* banner */
.swiper-banner { min-width: 1180px; --swiper-navigation-color: #ffffff; --swiper-navigation-size: 20px; }
.swiper-banner .swiper-container .swiper-wrapper { height: auto; }
.swiper-banner .swiper-slide { height: 300px; min-width: 1180px; }
.swiper-banner .swiper-slide img { display: block; width: 100%; min-width: 1180px; }
.swiper-banner .swiper-slide-active { height: auto; }
.swiper-banner .swiper-pagination-bullet { width: 30px; height: 5px; border-radius: 0; background: #ffffff; opacity: 1; margin: 0px 6px !important; }
.swiper-banner .swiper-pagination-bullet-active { background: #1c56a8; }
.swiper-banner .swiper-button-next { transition: 0.4s all; width: 50px; height: 50px; border-radius: 50%; background-size: 30%; right: 15px; background-color: rgba(0, 0, 0, 0.5); }
.swiper-banner .swiper-button-prev { transition: 0.4s all; width: 50px; height: 50px; border-radius: 50%; background-size: 30%; left: 15px; background-color: rgba(0, 0, 0, 0.5); }
.swiper-banner .banner-bullet { width: 20px; height: 10px; display: inline-block; background: rgba(255, 255, 255, 0.5); border-radius: 10px; margin: 0px 6px; transition: 0.7s all; }
.swiper-banner .banner-bullet-active { width: 30px; background-color: #147c47; transition: 0.7s all; }
.swiper-banner .swiper-wrapper { height:auto; }