@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
ul{ list-style:none;}
img{ border:none;}
a{ text-decoration:none;}
.clear{ clear:both;}
body{ font-size:12px; font-family:"Microsoft Yahei";}
.type,.class-btn,.banner{ display:none;}
@font-face {font-family: "iconfont";
  src: url('../images/iconfont.eot?t=1503381643991'); /* IE9*/
  src: url('../images/iconfont.eot?t=1503381643991#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../images/iconfont.woff?t=1503381643991') format('woff'), /* chrome, firefox */
  url('../images/iconfont.ttf?t=1503381643991') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../images/iconfont.svg?t=1503381643991#iconfont') format('svg'); /* iOS 4.1- */
}
i{
  font-family:"iconfont" !important;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-zhaopinqiatan:before { content: "\e65a"; }

.icon-yifahuo:before { content: "\e6b2"; }

.icon-print:before { content: "\e639"; }

.icon-packing:before { content: "\e625"; }
.icon-sheji:before { content: "\e508"; }
/*头部*/
#header{ width:1200px; margin:20px auto 20px auto;}
.logo{ width:546px; float:left;}
.headright{ width:333px; float:right;}
.headright span{ color:#000000; font-size:20px; text-align:right; display:block;}
.headright .tel{ background:url(../images/tel.png) left center no-repeat; color:#cc0000; font-size:24px; padding-left:70px;}
.headright .tel font{ color:#000000; font-size:18px;}
/*导航*/
#mainnav{ background:#009b35; height:60px;}
.navbg{ width:1200px; margin:0px auto;}
.navbg li{ float:left; margin:0px 5px;}
.navbg li a{ float:left; color:#ffffff; font-size:16px; height:60px; line-height:60px; padding:0px 36px;}
.navbg li a:hover,.navbg li.active a{ background:#4bb344;}
/*banner*/
.flexslider{position:relative; height:auto; overflow:hidden; z-index:1;}
.slides{position:relative; }
.slides li{height:auto;}
.slides li img{ overflow:hidden; text-align:center; object-fit: cover;  display:block; width:100%; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:13px;height:13px; margin:0 5px; *display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:13px;height:13px; line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block; width:75px; height:75px;overflow:hidden;cursor:pointer;position:absolute; }
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}
/*首页 OEM合作模式*/
#index1{ width:1200px; margin:40px auto 0px auto;}
.title{ color:#009b35; font-size:36px; font-weight:bold; text-align:center;}
.title span{ display:block; width:54px; height:4px; background:#8180a6; margin:12px auto 0px auto;}
#index1 ul{ margin-top:50px;}
#index1 ul li{ width:186px; float:left; margin:0px 49px; text-align:center;}
#index1 ul li .wenz{  margin-top:13px; display:block;}
#index1 ul li .wenz span{ color:#000000; font-size:18px; font-weight:bold;}
#index1 ul li .wenz p{ color:#666666; font-size:14px; text-align:left; padding-top:10px;}
/*首页  案例*/
#index2bg{ background:#009b35; margin-top:40px; padding-bottom:40px;}
#index2{ width:1200px; margin:0px auto;}
.title1{ color:#FFF; font-size:24px; font-weight:bold; text-align:center; padding-top:40px;}
.title1 font{ font-size:36px; display:block; padding-bottom:28px;}
#index2 ul{ margin-top:40px;}
#index2 ul li:nth-child(1){ margin-left:0px;}
#index2 ul li{ width:289px; float:left; margin-left:14px;}
#index2 ul li .img{ width:289px; height:262px; overflow:hidden;}
#index2 ul li .img img{ width:279px; height:252px; border:5px solid #FFF; overflow:hidden; object-fit: cover;}
#index2 ul li span{ display:block; text-align:center; margin-top:12px;}
#index2 ul li span a{ color:#FFF; font-size:14px;} 
#index2 ul li.cur .img img{ border:5px solid #4bb344;}
#index2 ul li.cur span a{ color:#a4d3a1;}
.more{ width:120px; height:37px; background:#FFF; color:#000000; font-size:14px; text-align:center; line-height:37px; border-radius:5px; display:block; margin:40px auto 0px auto;}
.more:hover{ background:#4bb344; color:#FFF;}
/*首页  优势*/
#index3{ width:1200px; margin:40px auto 0px auto;}
.title2{ color:#009b35; font-size:36px; font-weight:bold; text-align:center;}
.title2 font{ font-size:24px; display:block; padding-top:28px;}
.title2 .tuc{ display:inline-block; color:#f65e03; font-size:48px;}
.title2 span{display:block; width:54px; height:4px; background:#8180a6; margin:12px auto 0px auto;}
#index3 ul{ margin-top:30px;}
#index3 li{ border-bottom:1px solid #e0e0e0; padding:20px 0px;}
#index3 li dt{ float:left; width:570px;}
#index3 li dt img{ float:left;}
#index3 li dt .fzy{ width:340px; float:left; margin-left:10px; font-size:13px;  color:#989898;  line-height:22px;}
#index3 li dt .fzy span{ display:block; margin-bottom:20px;  line-height:26px; font-size:22px; color:#343536;}
#index3 li dd{ float:right;}
#index3 li:nth-child(2) dt,#index3 li:nth-child(4) dt{ float:right; width:570px;}
#index3 li:nth-child(2) dd,#index3 li:nth-child(4) dd{ float:left;}
#index3 li:nth-child(2) dt{ margin-top:55px;}
#index3 li:nth-child(3) dt{ margin-top:25px;}
#index3 li:nth-child(4) dt{ margin-top:61px;}
#index3 li:nth-child(5) dt{ margin-top:82px;}
#index3 li:nth-child(5){ padding-bottom:0px;}
/*首页 广告图一*/
#guang1{background:url(../images/guang1.jpg) no-repeat center; height:210px; overflow:hidden;}
#guang1 .guang1{ width:1200px; margin:30px auto 0px auto;}
/*首页 关于我们*/
#index4bg{background:url(../images/aboutbg.jpg) no-repeat center; height:436px; overflow:hidden;}
#index4{ width:790px; margin:0px auto; padding-top:40px;}
#index4 p{ color:#666666; font-size:16px; line-height:180%; margin-top:30px; height:190px; overflow:hidden;}
.more1{ width:120px; height:37px; background:#009b35; color:#fff; font-size:14px; text-align:center; line-height:37px; border-radius:5px; display:block; margin:40px auto 0px auto;}
.more1:hover{ background:#4bb344; color:#FFF;}
/*首页 广告图二*/
#guang2{background:url(../images/guang2.jpg) no-repeat center; height:193px; overflow:hidden;}
#guang2 .guang2{ width:960px; margin:40px auto 0px auto;}
/*首页  新闻动态*/
#index5bg{ background:#f0f0f0; padding:40px 0px;}
#index5{ width:1200px; margin:0px auto;}
.index5list{ margin-top:29px;}
#index5 dl{ width:515px; padding:0px 30px; height:163px; background:#FFF; border:1px solid #d6d5d5; float:left; margin:11px 11px;}
#index5 dl .time{  color:#999; font-size:16px; margin-top:27px;}
#index5 dl .biaot{ border-bottom:1px solid #c3c1c1; padding:12px 0px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#index5 dl .biaot a{  font-size:16px;  color:#595959;}
#index5 dl .biaot a:hover{ color:#2e2d4d; text-decoration:underline;}
#index5 dl p{color:#848484; font-size:14px;  height:35px; line-height:18px; overflow:hidden; margin-top:10px;}
/*首页 流程*/
#index6bg{ background:#009b35; padding:25px 0px;}
#index6{ width:1200px; margin:0px auto;}
.index6tit{ width:187px; float:left; color:#FFF; font-size:24px; font-weight:bold; padding-top:20px;}
.index6tit span{ font-weight:normal; font-size:16px; padding-top:13px; display:block;}
#index6 ul{ width:788px; float:right;}
#index6 ul li{ float:left; text-align:center; padding-left:102px;}
#index6 ul li:nth-child(1){ padding-left:0px;}
#index6 ul li .ibg{ width:75px; height:75px; line-height:75px; background:#FFF; border-radius:100%;}
#index6 ul li .ibg i{ color:#2e2d4d; font-size:45px;}
#index6 ul li span{ color:#FFF; font-size:16px; display:block; padding-top:10px;}
/*底部*/
#footerbg{ background:#171717; padding:25px 0px;}
#footer{ width:1200px; margin:0px auto; text-align:center; font-size:14px; color:#FFF; line-height:170%;}
#footer a{ color:#FFF;}

/*内页*/
#containter{ width:1100px; margin:50px auto;}
#left{ width:280px; float:left;}
.L_title{text-align:center; width:260px; font-size:20px; color:#fff; line-height:30px; background:#009b35; height:62px; padding:8px 10px; overflow:hidden;}
.L_title span{display: block;padding-left: 10px;color: #bedaed;font-size: 16px;font-family: arial;text-transform: uppercase;}
.L_fl{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3; padding-bottom:14px;}
.L_fl ul li{border-bottom:1px dashed #d3d3d3;width:220px;height:47px;line-height:47px;text-align:center;margin:0 auto;overflow:hidden;}
.L_fl ul li a{color:#333;font-size:16px;}
.L_fl ul li a:hover,.L_fl ul li a.active{color:#bf0908;}
.paging_lxwm{width:280px; overflow:hidden; margin-top:20px;}
.paging_lxwm_con{line-height:2em; padding:20px 10px; font-size:14px; color:#666; border-left:1px solid #d3d3d3;  border-right:1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
.paging_lxwm_con h2{text-align:center; font-size:18px; padding-bottom:10px;}
.paging_lxwm_con span{display:block;}

/*右侧*/
#right{ width:750px; float:right;}
.paging_R_title{border-bottom:1px solid #999; overflow:hidden; _height:44px;}
.nav_title_L{float:left; color:#474747; font-size:18px; line-height:42px; background:url(../images/icon.gif) left center no-repeat; padding-left:15px;}
.nav_title_R{float:right; line-height:24px; background:url(../images/dqwz.gif) left center no-repeat; padding-left:17px; height:20px; margin-top:13px;}
.nav_title_R{color:#333;}
.nav_title_R a{color:#00418d;}
/*新闻动态*/
.news_list{ margin:26px auto 0px auto;}
.news_list ul li{list-style-type:none; height:48px; line-height:48px; font-size:14px; border-bottom:1px dashed #d2d2d2; padding:0 10px}
.news_list ul li a{color:#444; text-decoration:none; cursor:pointer;}
.news_list ul li span{float:left; height:45px; overflow:hidden; background:url(../images/idian.jpg) left center no-repeat; padding-left:15px; font-size:14px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display:block; width:555px;}
.news_list ul li em{ float:right; font-style:normal;}
/*新闻动态内页*/
.newsxw{ margin-top:26px;}
.newsxw h1{ font-size:24px; color:#555; font-weight:normal; text-align:center;}
.newsxw span.zuozhe{ color:#999; font-size:14px; text-align:center; display:block; text-align:center; margin:12px 0px 0px 0px;}
.newsxw .con_text{ color:#555; font-size:14px; line-height:180%; margin-top:20px;}
.newsxw .con_text img{ max-width:750px; vertical-align:middle;}
.newsxw .fanye{margin:20px 0 0 0; font-size:14px;}
.newsxw .fanye span{overflow:hidden; display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:5px 0px;}
.newsxw .fanye span a{color:#00418d;}
.newsxw .fanye span a:hover{ color:#000; text-decoration:underline;}
/*关于我们*/
.about_text{ color:#555; font-size:14px; line-height:180%; margin-top:26px;}
/*客户案例*/
.case_list {padding-top:14px;}
.case_list ul li{width:230px; float:left; margin:12px 10px 12px 10px; _margin:12px 8px 12px 9px;}
.case_list ul li h1{width:230px; background:#fafafa;}
.case_list ul li h1 a{width:230px; height:210px; display:block; border:2px solid #c1c2c3;}
.case_list ul li h1 img{padding:5px; width:220px; height:200px; object-fit: cover;}
.case_list ul li h2{margin-top:5px; text-align:center; background-color:#e5e5e5; line-height:40px; height:40px; overflow:hidden; font-weight:normal; font-size:14px; white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display:block;}
.case_list ul li h2 a{color:#353535;}
.case_list ul li:hover h1 a{border:2px solid #00418d;}
.case_list ul li:hover h2{background:#00418d;}
.case_list ul li:hover h2 a{color:#fff;}
/*产品内页焦点图*/
#cpnydd{ width:1100px; margin:0px auto 40px auto;}
.huandleft{float:left; background:#ffffff; width:450px; height:420px; padding:15px 15px; border:1px solid #CCC;}
.mod18{width:450px;height:420px; overflow:hidden;  position:relative; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:352px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:0;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:170px; width:46px; height:48px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.png) 0 0 no-repeat;}
.mod18 .next{right:0; background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative; color:#fff;}
.mod18 .cf a{display:block; width:450px; height:345px; position:absolute;color:#fff;}
.mod18 .picBox{height:345px; position:relative; overflow:hidden; }
.mod18 .picBox ul{height:345px; position:absolute;}
.mod18 .picBox li{width:450px; height:345px; overflow:hidden;}
.mod18 .picBox li img{ width:450px; height:345px; overflow:hidden; object-fit: cover; text-align:center; display:block;
	box-shadow: 0 0px 0px 2px #ffffff;
		animation:circle 5s infinite linear;
		-webkit-animation:circle 5s infinite linear;
		z-index: 1;}
.mod18 .listBox{width:410px;height:70px;margin:6px auto 0px auto; position:relative; overflow:hidden;}
.mod18 .listBox ul{height:100px;position:absolute;}
.mod18 .listBox li{width:110px;height:70px;cursor:pointer; margin:0px 5px;position:relative;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:110px;height:70px;}
.mod18 .listBox li img{width:110px;height:70px; object-fit: cover;}
.mod18 .listBox .on img{width:104px;height:64px;border:3px solid #ff6600;}
.mod18 .listBox .on i{display:block;}

.jieshao{ width:570px; float:right;}
.jieshao .cptit h1{ margin:0px; padding-bottom:30px; line-height:25px; font-size:30px; font-weight:bold;}
.jieshao .cpdesc{ overflow:hidden; font-size:14px; line-height:25px; border-bottom:1px dashed #ccc; padding-bottom:20px;}
.jieshao .cpqdl{font-size:14px; line-height:25px; border-bottom:1px dashed #ccc; padding:10px 0px 13px 0px;}
.jieshao .cpqdl .cpqdsl{line-height:85px;}
.jieshao .cpqdl .cpqdsls{ line-height:100px; font-size:34px; color:#ff0000; padding-left:10px;}
.jieshao .cpqdl .cpcs{ padding-top:8px;}
.jieshao .cpcs ul{margin:0px; padding:0px;}
.jieshao .cpqdl .cpcs li{margin:0px; padding:0px; line-height:30px; font-size:14px;}
.jieshao .cpbz{overflow:hidden; font-size:14px; padding-top:15px; line-height:20px;}
.jieshao .cpbz ul{margin:0px; padding:0px;}
.jieshao .cpbz li{margin:0px; padding:0px; height:25px; line-height:25px; overflow:hidden;}
.jieshao .cpxjanniu{ padding-top:13px;}
.jieshao .cpxjanniu .anniucp a{float:right;width:250px;height:40px;line-height:40px;display:block;background:#ff0000;border-radius:20px;font-size:16px;color:#fff;transition:.5s;text-align:center;}
.jieshao .cpxjanniu .anniucp a:hover{float:right;width:280px;height:40px;background:#000;border-radius:20px;transition:.5s;}
/*分页*/
.Pageyp{ color:#333; font-size:14px; text-align:center; margin-top:30px;}
.Pageyp a{color:#333;}
@media only screen and ( min-width:1100px ) and ( max-width: 1230px ){
	#header{ width:1100px; margin:39px auto 39px auto;}
	.navbg{ width:1100px; margin:0px auto;}
.navbg li a{ float:left; color:#ffffff; font-size:16px; height:60px; line-height:60px; padding:0px 41px;}
#index1{ width:1100px; margin:40px auto 0px auto;}
#index1 ul li{ width:186px; float:left; margin:0px 44px; text-align:center;}
#index2{ width:1100px; margin:0px auto;}
#index2 ul li{ width:264px; float:left; margin-left:14px;}
#index2 ul li .img{ width:264px; height:239px; overflow:hidden; object-fit: cover;}
#index2 ul li .img img{ width:254px; height:229px; border:5px solid #FFF; overflow:hidden; object-fit: cover;}
#index3{ width:1100px; margin:40px auto 0px auto;}
#index3 li dd{ float:right; max-width:515px;}
#index3 li:nth-child(2) dd,#index3 li:nth-child(4) dd{ float:left; max-width:515px;}
#guang1 .guang1{ width:1100px; margin:30px auto 0px auto;}
#guang1 .guang1 img{ max-width:1100px;}
#index5{ width:1100px; margin:0px auto;}
#index5 dl{ width:466px; padding:0px 30px; height:163px; background:#FFF; border:1px solid #d6d5d5; float:left; margin:11px 11px;}
#index6{ width:1100px; margin:0px auto;}
#footer{ width:1100px; margin:0px auto; text-align:center; font-size:14px; color:#FFF; line-height:170%;}
	}
	@media only screen and ( min-width:960px ) and ( max-width: 1130px ){
		#header{ width:900px; margin:39px auto 39px auto;}
		.navbg{ width:900px; margin:0px auto;}
.navbg li{ float:left; margin:0px 0px;}
.navbg li a{ float:left; color:#ffffff; font-size:16px; height:60px; line-height:60px; padding:0px 32px;}
#index1{ width:900px; margin:40px auto 0px auto;}
#index1 ul li{ width:186px; float:left; margin:0px 19.5px; text-align:center;}
#index2{ width:900px; margin:0px auto;}
#index2 ul li{ width:214px; float:left; margin-left:14px;}
#index2 ul li .img{ width:214px; height:195px; overflow:hidden; }
#index2 ul li .img img{ width:204px; height:185px; border:5px solid #FFF; overflow:hidden; object-fit: cover;}
#index3{ width:900px; margin:40px auto 0px auto;}
#index3 li dt{ float:left; width:550px;}
#index3 li dt .fzy{ width:320px; float:left; margin-left:10px; font-size:13px;  color:#989898;  line-height:22px;}
#index3 li dd{ float:right; max-width:350px;}
#index3 li dd img{max-width:350px;}
#index3 li:nth-child(2) dt,#index3 li:nth-child(4) dt{ float:right; width:550px;}
#index3 li:nth-child(2) dd,#index3 li:nth-child(4) dd{ float:left; max-width:350px;}
#guang1 .guang1{ width:900px; margin:30px auto 0px auto;}
#guang1 .guang1 img,#guang2 .guang2 img{ max-width:900px;}
#guang2 .guang2{ width:900px; margin:40px auto 0px auto;}
#index5{ width:900px; margin:0px auto;}
#index5 dl{ width:386px; padding:0px 20px; height:163px; background:#FFF; border:1px solid #d6d5d5; float:left; margin:11px 11px;}
#index6{ width:900px; margin:0px auto;}
#index6 ul{ width:688px; float:right;}
#index6 ul li{ float:left; text-align:center; padding-left:75px;}
#footer{ width:900px; margin:0px auto; text-align:center; font-size:14px; color:#FFF; line-height:170%;}
#containter{ width:900px; margin:50px auto;}

#left{ width:240px; float:left;}
.L_title{text-align:center; width:220px; font-size:20px; color:#fff; line-height:30px; background:#2e2d4d; height:62px; padding:8px 10px; overflow:hidden;}
.paging_lxwm{width:240px; overflow:hidden; margin-top:20px;}
#right{ width:635px; float:right;}
.news_list ul li span{float:left; height:45px; overflow:hidden; background:url(../images/idian.jpg) left center no-repeat; padding-left:15px; font-size:14px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display:block; width:400px;}
.newsxw .con_text img{ max-width:635px;}
.case_list ul li{width:191px; float:left; margin:12px 10px 12px 10px; _margin:12px 8px 12px 9px;}
.case_list ul li h1{width:191px; background:#fafafa;}
.case_list ul li h1 a{width:191px; height:174px; display:block; border:2px solid #c1c2c3;}
.case_list ul li h1 img{padding:5px; width:181px; height:164px; object-fit: cover;}

#cpnydd{ width:900px; margin:0px auto 40px auto;}
.huandleft{float:left; background:#ffffff; width:430px; height:405px; padding:15px 15px; border:1px solid #CCC;}
.mod18{width:430px;height:405px; overflow:hidden;  position:relative; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:335px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .cf a{display:block; width:430px; height:330px; position:absolute;color:#fff;}
.mod18 .picBox{height:330px; position:relative; overflow:hidden; }
.mod18 .picBox ul{height:330px; position:absolute;}
.mod18 .picBox li{width:430px; height:330px; overflow:hidden;}
.mod18 .picBox li img{ width:430px; height:330px; overflow:hidden; object-fit: cover; text-align:center; display:block;
	box-shadow: 0 0px 0px 2px #ffffff;
		animation:circle 5s infinite linear;
		-webkit-animation:circle 5s infinite linear;
		z-index: 1;}
.mod18 .listBox{width:390px;height:70px;margin:6px auto 0px auto; position:relative; overflow:hidden;}

.jieshao{ width:410px; float:right;}
		}
		@media only screen and ( min-width:740px ) and ( max-width:960px ){
			#header{ width:720px; margin:39px auto 39px auto;}
			.logo{ width:350px; float:left;}
			.logo img{ max-width:350px;}
			.navbg{ width:720px; margin:0px auto;}
			.navbg li{ float:left; margin:0px 0px;}
.navbg li a{ float:left; color:#ffffff; font-size:16px; height:60px; line-height:60px; padding:0px 19px;}
#index1{ width:720px; margin:40px auto 0px auto;}
#index1 ul li{ width:186px; float:left; margin:7px 85px; text-align:center;}
#index2{ width:720px; margin:0px auto;}
.title1{ color:#FFF; font-size:22px; font-weight:bold; text-align:center; padding-top:40px;}
#index2 ul li{ width:169px; float:left; margin-left:14px;}
#index2 ul li .img{ width:169px; height:153px; overflow:hidden; }
#index2 ul li .img img{ width:159px; height:143px; border:5px solid #FFF; overflow:hidden; object-fit: cover;}
#index3{ width:720px; margin:40px auto 0px auto;}

#index3 li dt{ float:none; width:570px;  margin:0px auto;}
#index3 li dt img{ float:left;}
#index3 li dt .fzy{ width:340px; float:left; margin-left:10px; font-size:13px;  color:#989898;  line-height:22px;}
#index3 li dt .fzy span{ display:block; margin-bottom:20px;  line-height:26px; font-size:22px; color:#343536;}
#index3 li dd{ float:none; text-align:center; width:570px; margin:0px auto;}
#index3 li dd img{ float:none;text-align:center; display:inline-block; margin:0px auto;}
#index3 li:nth-child(2) dt,#index3 li:nth-child(4) dt{ float:none; width:none;}
#index3 li:nth-child(2) dd,#index3 li:nth-child(4) dd{ float:none;}
#index3 li:nth-child(2) dt{ margin-top:0px;}
#index3 li:nth-child(3) dt{ margin-top:0px;}
#index3 li:nth-child(4) dt{ margin-top:0px;}
#index3 li:nth-child(5) dt{ margin-top:0px;}
#guang1 .guang1{ width:720px; margin:30px auto 0px auto;}
#guang1 .guang1 img,#guang2 .guang2 img{ max-width:720px;}
#index4{ width:720px; margin:0px auto; padding-top:40px;}
#index4 p{ color:#666666; font-size:16px; line-height:180%; margin-top:30px; height:190px; overflow:hidden;}
#guang2 .guang2{ width:720px; margin:40px auto 0px auto;}
#index5{ width:720px; margin:0px auto;}
#index5 dl{ width:300px; padding:0px 18px; height:163px; background:#FFF; border:1px solid #d6d5d5; float:left; margin:11px 11px;}
#index6{ width:720px; margin:0px auto;}
#index6 ul{ width:520px; float:right;}
#index6 ul li{ float:left; text-align:center; padding-left:30px;}
#footer{ width:720px; margin:0px auto; text-align:center; font-size:14px; color:#FFF; line-height:170%;}
#containter{ width:720px; margin:50px auto;}

#left{ width:220px; float:left;}
.L_title{text-align:center; width:200px; font-size:20px; color:#fff; line-height:30px; background:#2e2d4d; height:62px; padding:8px 10px; overflow:hidden;}
.paging_lxwm{width:220px; overflow:hidden; margin-top:20px;}
#right{ width:480px; float:right;}
.news_list ul li span{float:left; height:45px; overflow:hidden; background:url(../images/idian.jpg) left center no-repeat; padding-left:15px; font-size:14px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display:block; width:270px;}
.newsxw .con_text img{ max-width:480px;}
.case_list ul li{width:220px; float:left; margin:12px 10px 12px 10px; _margin:12px 8px 12px 9px;}
.case_list ul li h1{width:220px; background:#fafafa;}
.case_list ul li h1 a{width:216px; height:196px; display:block; border:2px solid #c1c2c3;}
.case_list ul li h1 img{padding:5px; width:206px; height:186px; object-fit: cover;}

#cpnydd{ width:720px; margin:0px auto 40px auto;}
.huandleft{float:left; background:#ffffff; width:310px; height:313px; padding:15px 15px; border:1px solid #CCC;}
.mod18{width:310px;height:405px; overflow:hidden;  position:relative; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:245px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .cf a{display:block; width:310px; height:238px; position:absolute;color:#fff;}
.mod18 .picBox{height:238px; position:relative; overflow:hidden; }
.mod18 .picBox ul{height:238px; position:absolute;}
.mod18 .picBox li{width:310px; height:238px; overflow:hidden;}
.mod18 .picBox li img{ width:310px; height:238px; overflow:hidden; object-fit: cover; text-align:center; display:block;
	box-shadow: 0 0px 0px 2px #ffffff;
		animation:circle 5s infinite linear;
		-webkit-animation:circle 5s infinite linear;
		z-index: 1;}
.mod18 .listBox{width:270px;height:70px;margin:6px auto 0px auto; position:relative; overflow:hidden;}
.mod18 .listBox li{width:90px;height:70px;cursor:pointer; margin:0px 5px;position:relative;}
.mod18 .listBox li a{display:block;width:90px;height:70px;}
.mod18 .listBox li img{width:90px;height:70px; object-fit: cover;}
.mod18 .listBox .on img{width:84px;height:64px;border:3px solid #ff6600;}

.jieshao{ width:330px; float:right;}
.jieshao .cptit h1{ margin:0px; padding-bottom:14px; line-height:25px; font-size:30px; font-weight:bold;}
.jieshao .cpdesc{ overflow:hidden; font-size:14px; line-height:22px; border-bottom:1px dashed #ccc; padding-bottom:14px;}
.jieshao .cpqdl{font-size:14px; line-height:25px; border-bottom:1px dashed #ccc; padding:1px 0px 9px 0px;}
			}
@media only screen and ( max-width:640px ){
	.qing{ clear:both;}
		.type,.class-btn,.banner{ display:block;}
		img { width: auto; max-width: 100%; }
		html{-webkit-text-size-adjust:none; max-height:100%}
		body{width:100%;background:#fff;height:100%; -webkit-tap-highlight-color: transparent;}
		/*导航*/
  .type{width:100%;top:80px;position:absolute;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:5rem;padding:0.1rem 0;display:none; z-index:999;}
.typebg{ width:90%; margin:0px auto;}
.typetitle{ color:#FFFFFF; font-size:0.24rem;}
.typebg ul li{ margin:8px 0px;}
.typebg ul li a{ background:#FFFFFF;  color: #666; display:block; font-size:0.22rem; padding:7px 0px 7px 10px;}
.typebg ul li a:hover,.typebg ul li a.active{ background:#009b35; color:#FFFFFF;}
.class-btn{position:absolute;right:2%;top:15px;width:18.0625%;font-size:0.32rem;line-height:0.666rem;color:#000;text-align:center;overflow:hidden; cursor:pointer; text-align:right;}
.headright,#mainnav,.flexslider,#guang1{ display:none;}
#header{ width:100%; margin:20px auto 20px auto;}
.logo{ float:left; width:65%; margin-left:3%;}
.logo img{ width:100%;}

#index1{ width:100%; margin:40px auto 0px auto;}
.title{ color:#009b35; font-size:30px; font-weight:bold; text-align:center;}
.title span{ display:block; width:54px; height:4px; background:#8180a6; margin:12px auto 0px auto;}
#index1 ul{ margin-top:50px;}
#index1 ul li{ width:46%; float:left; margin:0px 2%; text-align:center;}
#index1 ul li .tu img{ width:100%;}
#index1 ul li .wenz{  margin-top:13px; display:block;}
#index1 ul li .wenz span{ color:#000000; font-size:18px; font-weight:bold;}
#index1 ul li .wenz p{ color:#666666; font-size:14px; text-align:left; padding-top:10px; height:50px; overflow:hidden;}
#index2{ width:100%; margin:0px auto;}
.title1{ color:#FFF; font-size:0.22rem; font-weight:bold; text-align:center; padding-top:40px;}
.title1 font{ font-size:0.4rem; display:block; padding-bottom:22px;}
#index2 ul{ margin-top:30px;}
#index2 ul li:nth-child(1){ margin-left:2%;}
#index2 ul li{ width:47%; float:left; margin-left:2%; margin-top:10px;}
#index2 ul li .img{ width:100%; height:12em; overflow:hidden;}
#index2 ul li .img img{ width:95%; height:12em; border:5px solid #FFF; overflow:hidden; object-fit: cover;}
#index3{ width:100%; margin:20px auto 0px auto;}
.title2{ color:#009b35; font-size:0.4rem; font-weight:bold; text-align:center;}
.title2 font{ font-size:0.3rem; display:block; padding-top:28px;}
.title2 .tuc{ display:inline-block; color:#fd0713; font-size:0.4rem;}

#index3 li dt{ float:none; width:100%;}
#index3 li dt img{ float:none; display:none;}
#index3 li dt .fzy{ width:90%; float:none; margin:0px auto; font-size:13px;  color:#989898;  line-height:22px;}
#index3 li dt .fzy span{ display:block; margin-bottom:20px;  line-height:26px; font-size:22px; color:#343536;}
#index3 li dd{ float:none; text-align:center; width:90%; margin:0px auto;}
#index3 li dd img{ float:none;text-align:center; display:inline-block; margin:0px auto; width:100%;}
#index3 li:nth-child(2) dt,#index3 li:nth-child(4) dt{ float:none; width:100%;}
#index3 li:nth-child(2) dd,#index3 li:nth-child(4) dd{ float:none;}
#index3 li:nth-child(2) dt{ margin-top:0px;}
#index3 li:nth-child(3) dt{ margin-top:0px;}
#index3 li:nth-child(4) dt{ margin-top:0px;}
#index3 li:nth-child(5) dt{ margin-top:0px;}

#index4bg{background:url(../images/aboutbg.jpg) no-repeat center; height:436px; overflow:hidden;}
#index4{ width:90%; margin:0px auto; padding-top:40px;}
#index4 p{ color:#666666; font-size:16px; line-height:180%; margin-top:30px; height:190px; overflow:hidden;}

#guang2{background:url(../images/guang2.jpg) no-repeat center; background-size: auto 100%; height:100px; overflow:hidden;}
#guang2 .guang2{ width:90%; margin:40px auto 0px auto;}
#guang2 .guang2 img{ width:100%;}

#index5{ width:100%; margin:0px auto;}
#index5 dl{ width:90%; padding:0px 2%; height:163px; background:#FFF; border:1px solid #d6d5d5; float:none; margin:11px auto;}

#index6{ width:90%; margin:0px auto;}
.index6tit{ width:187px; float:none; color:#FFF; font-size:24px; font-weight:bold; padding-top:20px;}
.index6tit span{ font-weight:normal; font-size:16px; padding-top:13px; display:block;}
#index6 ul{ width:100%; float:none;}
#index6 ul li{ float:left; width:28%; margin:5px 2.5%; text-align:center; padding-left:0px;}
#index6 ul li .ibg{ width:7em; height:7em; line-height:7em; background:#FFF; border-radius:100%;}
#footer{ width:90%; margin:0px auto; text-align:center; font-size:14px; color:#FFF; line-height:170%;}

#containter{ width:100%; margin:30px auto 40px auto;}
#left{ width:90%; float:none; margin:0px auto;}
.L_title{text-align:center; width:100%; font-size:20px; color:#fff; line-height:30px; background:#009b35; height:62px; padding:8px 0px; overflow:hidden;}
.L_fl{border-left:1px solid #d3d3d3;border-right:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3; padding-bottom:14px;}
.L_fl ul li{border-bottom:1px dashed #d3d3d3;width:100%;height:37px;line-height:37px;text-align:center;margin:0 auto;overflow:hidden;}
.L_fl ul li a{color:#333;font-size:16px;}
.L_fl ul li a:hover,.L_fl ul li a.active{color:#bf0908;}
.paging_lxwm{ display:none;}
#right{ width:90%; float:none; margin:20px auto 0px auto;}
.news_list ul li span{float:left; height:45px; overflow:hidden; background:url(../images/idian.jpg) left center no-repeat; padding-left:15px; font-size:14px;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis; display:block; width:40%;}
.newsxw .con_text img{ max-width:100%; width:100%;}

.case_list ul li{width:46%; float:left; margin:12px 2% 12px 2%; _margin:12px 2% 12px 2%;}
.case_list ul li h1{width:100%; background:#fafafa;}
.case_list ul li h1 a{width:97%; height:5.5em; display:block; border:2px solid #c1c2c3;}
.case_list ul li h1 img{padding:5px; width:93%; height:5em; object-fit: cover;}

#cpnydd{ width:90%; margin:0px auto 40px auto;}

.huandleft{float:none; background:#ffffff; width:90%; margin:0px auto; height:313px; padding:15px 15px; border:1px solid #CCC;}
.mod18{width:100%;height:405px; overflow:hidden;  position:relative; }
.mod18 .btn{position:absolute;width:15px;height:70px;top:245px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .cf a{display:block; width:310px; height:238px; position:absolute;color:#fff;}
.mod18 .picBox{height:238px; position:relative; overflow:hidden; }
.mod18 .picBox ul{height:238px; position:absolute;}
.mod18 .picBox li{max-width:310px; height:238px; overflow:hidden;}
.mod18 .picBox li img{ width:95%; height:238px; overflow:hidden; object-fit: cover; text-align:center; display:block;
	box-shadow: 0 0px 0px 2px #ffffff;
		animation:circle 5s infinite linear;
		-webkit-animation:circle 5s infinite linear;
		z-index: 1;}
.mod18 .listBox{width:85%;height:70px;margin:6px auto 0px auto; position:relative; overflow:hidden;}
.mod18 .listBox li{width:90px;height:70px;cursor:pointer; margin:0px 5px;position:relative;}
.mod18 .listBox li a{display:block;width:90px;height:70px;}
.mod18 .listBox li img{width:90px;height:70px; object-fit: cover;}
.mod18 .listBox .on img{width:84px;height:64px;border:3px solid #ff6600;}

.jieshao{ width:100%; float:none; margin:30px auto 0px auto;}
.jieshao .cptit h1{ margin:0px; padding-bottom:14px; line-height:25px; font-size:24px; font-weight:bold; }
.jieshao .cpdesc{ overflow:hidden; font-size:14px; line-height:22px; border-bottom:1px dashed #ccc; padding-bottom:14px;}
.jieshao .cpqdl{font-size:14px; line-height:25px; border-bottom:1px dashed #ccc; padding:1px 0px 9px 0px;}
	}