/*内页CSS*/
/* about banner*/
.banner_about{ width: 100%; margin: 0 auto; overflow: hidden; height: 350px; }
.banner_a_title{ width:400px; margin:0 auto; margin-top:130px; overflow:hidden; text-align:center; height:100px; background-color:rgba(0,0,0,0.2);}
.banner_a_title h1{ font-size:36px; font-weight:normal; color:#fff ; line-height:100px}



/*mianbaoxue*/
.mianbao{ width:100%; margin:0px auto; height:50px; border-bottom:1px solid #CCC; background:#fcfcfc; margin-bottom:10px}
.mianbao h1{ font-weight:normal; font-size:14px; color:#666; line-height:50px}
.mianbao h1 a{ color:#666; padding:0 5px}
.mianbao h1 a:hover{ color:#87c548}
.mianbao h1 span{ color:#666; padding:0 5px}

.mianbao1{ width:100%; margin:0px auto; height:50px; border-top:1px solid #CCC; background:#fcfcfc; margin-bottom:0px}
.mianbao1 h1{ font-weight:normal; font-size:14px; color:#666; line-height:50px}
.mianbao1 h1 a{ color:#666; padding:0 5px}
.mianbao1 h1 a:hover{ color:#87c548}
.mianbao1 h1 span{ color:#666; padding:0 5px}

/*about_dl*/
.about_dl{ width:1180px; margin:0px auto; height:40px;margin-bottom:20px; line-height:40px; margin-top:20px}
.about_dl_left{width:800px; float:left; overflow:hidden } 
.about_dl_left a{width:120px; float:left; overflow:hidden; display:block; text-align:center; font-size:14px; color:#333; background:#eee;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin-right:1px } 
.about_dl_left a:hover{ background:#5cb3de; color:#fff;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; } 
.about_dl_left a.abg{background:#5cb3de; color:#fff; font-weight:bold } 

.about_dl_right{width:350px; float:right; overflow:hidden; text-align:right; color:#666; font-size:14px; }
.about_dl_right a{color:#666;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;} 
.about_dl_right a:hover{color:#87c548;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}  

/**about**/
.aboutcon{ width:1180px; margin:20px auto; overflow:hidden; font-size:16px;line-height:30px;}
.aboutcon_title{ font-size:20px; line-height:50px; font-weight:bold; }
.aboutcon_txt{ font-size:16px; line-height:30px;}


/*product**/
.aboutpro{ width:1180px; margin:20px auto; overflow:hidden}
.aboutpro_left{ width:260px; margin:0 auto; overflow:hidden; float:right; background:#fff}
.aboutpro_left_title{ width:260px;overflow:hidden; background:#5cb3de}
.aboutpro_left_title h1{ width:160px; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#fff; text-align:left; padding-left:10px;}

.aboutpro_left_list{ width:260px; overflow:hidden; }
.aboutpro_left_list a{ width:260px; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#333; background:#fff; display:block; text-indent:10px; border-bottom:1px solid #ddd;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:url(../images/aboutpro_icon.png) right center no-repeat; background-size:13px 13px}
.aboutpro_left_list a:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#fff;background:url(../images/aboutpro_icon_w.png) left center no-repeat #87c548; background-size:13px 13px; border-bottom:1px solid #fff;text-indent:30px;}
.aboutpro_left_list a.tbg{color:#87c548; background:#fff  }

.aboutpro_left_case{ width:260px; overflow:hidden; }
.aboutpro_left_case a{ width:126px; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#333; background:#fff; display:block; text-indent:10px; border:1px solid #ddd;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; float:left; margin:2px 1px 0px 1px}
.aboutpro_left_case a:hover{transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#fff;text-indent:20px; background:#87c548;border:1px solid #87c548;}
.aboutpro_left_case a.tbg{color:#87c548; background:#fff  }


.aboutpro_right{ width:890px; margin:0 auto; float:left; overflow:hidden}
.aboutpro_right_title{ width:100%; height:42px; line-height:40px; font-size:16px; font-weight:bold; color:#fff; background:#5cb3de; text-align:left; padding-left:20px;}
.aboutpro_right_title a{ color:#333; }
.aboutpro_right_title a:hover{ color:#87c548; }



.aboutpro_right_list{width:890px; overflow:hidden; height:auto}
.aboutpro_right_list ul li{ width:850px; height:92px;margin-top:18px;background:#f9f9f9;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; padding:20px}

.cplist_L{width:700px; height:92px;overflow:hidden; margin-top:0px; float:left}
.cplist_L h1{width:100%; height:40px; font-size:16px; font-weight:bold; line-height:30px; overflow:hidden; color:#333;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }
.cplist_L p{width:100%; height:44px; font-size:12px; font-weight:normal; line-height:22px; overflow:hidden; margin-left:18px; color:#666;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;white-space: pre-wrap; display:block}

.cplist_R{width:120px; height:100px;overflow:hidden; margin-top:12px; float:right  }
.cplist_down{width:80px; height:30px; margin:0 auto}
.cplist_down a{color:#666;width:60px; height:30px;  line-height:30px; color:#666;font-size:14px;display:block;
background:url(../images/icon_pdf.png) left center no-repeat; background-size:18px 18px; padding-left:22px; margin:0 auto}

.cplist_anniu{width:80px; height:30px;margin:0 auto; margin-top:3px;}

.cplist_anniu a{ color:#fff;width:80px; height:30px; font-size:14px; font-weight:normal; line-height:30px; text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:#5cb3de; border-radius:2px; display:block }


.cplist_L h1:hover{ color:#87c548;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.cplist_L p:hover { color:#87c548;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.cplist_anniu a:hover{color:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:#87c548;width:90px; }

.cplist_down a:hover{color:#87c548;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}



/*productshow**/
.proshow{ width:1180px; margin:20px auto; overflow:hidden; padding-bottom:20px}
.proshow_t{ width:1180px; height:40px; background:#f1f1f1;margin-top:10px; border-bottom:0px solid #ccc;}
.proshow_t h1{ width:90px; background:; font-size:16px; font-weight:bold; border-bottom:2px solid #5cb3de; text-align:center; line-height:38px; display:block; float:left }
.proshow_t a{ width:100px; background:; font-size:14px; font-weight:normal; text-align:center; line-height:40px; display:block; float:right; color:#333 }
.proshow_t a:hover{ color:#87c548 }

.proshow_xq{ width:1180px; height:auto; background:#fff;overflow:hidden; padding:20px 0 20px 0}
.proshow_xq p{ font-size:14px; line-height:28px; color:#333}

.proshow_left{ width:500px; height:422px; float:left; cursor:pointer}
.proshow_left img{ width:500px; height:422px; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.proshow_left span{ display: block; overflow:hidden}
.proshow_left img:hover{ width:500px; height:422px; -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.proshow_right{ width:640px; height:auto; float:right; overflow:hidden }
.proshow_h1{ width:640px; height:auto; line-height:40px; font-size:18px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; margin-bottom:15px}
.proshow_txt{ width:640px; height:auto; line-height:28px;white-space: pre-wrap; font-size:14px; font-weight:normal; color:#666; display:block; overflow:hidden;border-bottom:1px solid #ccc; margin-bottom:20px;max-height:310px; padding-bottom:30px}
.proshow_right p{width:640px;  line-height:28px; font-size:14px; font-weight:normal; color:#666}
.proshow_pdf{ width:640px; height:50px; margin-top:15px}
.proshow_pdf p{ width:120px; height:30px; background:#5cb3de; border-radius:4px; line-height:30px; color:#fff; font-size:14px; float:left; text-align:center; display:block}
.proshow_pdf a{ width:470px; height:auto;  border-radius:4px; line-height:18px; color:#333;font-size:14px; float:left; margin-left:20px; display:block;
background:url(../images/icon_pdf.png) left top no-repeat; background-size:18px 18px; padding-left:22px;margin-top:6px;}
.proshow_pdf a:hover{ text-decoration:underline}
.proshow_top{ width:1180px; margin:0 auto; height:auto; overflow:hidden}

.proshow_list{width:1178px; overflow:hidden; margin:0 auto; border:1px solid #ccc; padding:15px 0 15px 0; margin-top:0px; border-top:none;height:180px;  }
.proshow_list ul li{ width:210px; height:180px;float:left; margin-top:0px; margin-right:13px;margin-left:12px;margin-bottom:15px;}
.proshow_list ul li a{ width:210px; height:180px;background:#f9f9f9; display: block;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; text-align:center; color:#333; overflow:hidden}
.proshow_list_img{width:210px; height:177px; }
.proshow_list_img img{width:210px; height:177px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.proshow_list_text{ width:180px; height:52px; font-size:16px; font-weight:bold; line-height:26px; margin:0 auto;overflow:hidden; margin-top:40px; margin-bottom:20px}
.proshow_list_anniu{width:60px; height:20px; font-size:12px; font-weight:normal; line-height:20px;color:#5cb3de;  text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin:0 auto; border:1px solid #5cb3de}

.proshow_list ul li a:hover{ color:#fff; background:#87c548 }
.proshow_list ul li a:hover .proshow_list_img img{ -webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.proshow_list ul li a:hover .proshow_list_anniu{color:#87c548;  text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; margin:0 auto; border:1px solid #fff; background:#fff; width:50%}


/*case*/
.aboutcase_right_list{width:920px; overflow:hidden; height:auto}
.changye_list{ width:100%; height:60px; overflow:hidden; margin:17px 0 0 0; background:#f9f9f9; }
.changye_list_text{ width:70%; height:60px;overflow:hidden;display:block; float:left; margin-left:20px;}
.changye_list_text a{font-size:16px; font-weight:bold; line-height:60px;display:block; float:left;color:#333; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }


.changye_list_text a:hover{ color:#87c548; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; }

.changye_list_anniu{width:150px; height:30px;margin:0 auto; margin-top:3px; float:right; margin-top:15px}

.changye_list_anniu a{ color:#fff;width:80px; height:30px; font-size:14px; font-weight:normal; line-height:30px; text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:#5cb3de; border-radius:2px; display:block }

.changye_list_anniu a:hover{color:#fff;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; background:#87c548;width:90px; }

/*caseshow*/
.changye_n{ width:1178px; overflow:hidden; margin:0 auto; border:1px solid #ccc; padding:15px 0 15px 0; margin-top:0px; border-top:none} 
.changye_n ul li{ width:550px; overflow:hidden; margin:0 auto; float:left; margin-right:22px; border-bottom:1px dashed #ccc; margin-left:15px}
.changye_n ul li a{ width:550px; height:40px; display:block; overflow:hidden; line-height:40px} 
.changye_n ul li a h1{ width:450px; height:40px; display:block; overflow:hidden; float:left; font-size:14px; color:#333; background:url(../images/nleft.png)left center no-repeat;background-size:15px 15px; text-indent:18px; font-weight:normal} 
.changye_n ul li a p{ width:100px; height:40px; display:block; overflow:hidden; float:left; font-size:12px; color:#999; text-align:right} 

.changye_n ul li a:hover{ color:#87c548} 
.changye_n ul li a:hover h1{ color:#87c548} 
.changye_n ul li a:hover p{ color:#87c548}






/*翻页list*/
.list_page{text-align:center;margin:30px auto;display:block; width:100%; overflow:hidden;  }
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{width:100%; list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom; width:100%}
.list_page ul li{display:inline-block;border:solid 0px #ddd;border-radius:4px;}
.list_page ul a{ width:auto;height:30px;color:#333;line-height:30px;display:block;
transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#f1f1f1; float:left; margin-left:8px; text-align:center; padding:2px 14px}
.list_page ul a:hover{background:#87c548; color:#fff}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.content_page{ font-size:14px; line-height:26px; color:#666; margin:20px auto}







/*newslist*/
.aboutnews{ width:1180px; margin:0 auto;overflow:hidden}
.aboutnews ul{ width:1180px; margin:0 auto; overflow:hidden; margin-top:15px}
.aboutnews ul li{width:1180px; height:auto;margin:0 15px 25px 0px;  overflow:hidden}
.aboutnews ul li a{ width:1150px; height:160px; overflow:hidden; display:block; background:#f1f1f1; padding:15px;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#333 }

.aboutnews_img{ width:250px; height:160px; float:left;overflow:hidden;}
.aboutnews_img img{ width:250px; height:160px; transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.aboutnews_img span{overflow:hidden; display:block;}


.aboutnews_text{ width:830px; height:140px; float:left; margin-left:40px;}
.aboutnews_text h1{ width:830px; height: auto; line-height:40px; font-size:16px; font-weight:bold; margin-top:0px; overflow:hidden}
.aboutnews_intro{width:830px; height:56px; line-height:28px; font-size:14px; font-weight:normal; color:#666; overflow:hidden}
.aboutnews_anniu{width:60px; height:2px;  background:#5cb3de;  margin-top:5px; text-align:center;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;margin-bottom:5px; }

.date{ width:830px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#666}

.aboutnews ul li a:hover{ background:#;transition:all ease 0.5s;-webkit-transition:all ea se 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; color:#87c548}
.aboutnews ul li a:hover .aboutnews_img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}
.aboutnews ul li a:hover .aboutnews_anniu{width:100%;transition:all ease 0.5s;-webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}





/*newsview*/
.aboutnewscon{ width:1180px; margin:0 auto;overflow:hidden;}
.aboutnewscon a{ color:#666;}
.aboutnewscon_title{width:1180px; font-size:18px; font-weight:bold; color:#333; text-align:center; line-height:40px; margin-top:10px}

.item{color:#999;text-align:center;margin:0 0;font-family:arial;border-bottom:1px solid #f0f0f0;padding:0 0 15px 0;}
.content{word-break:break-all;line-height:28px; font-size:14px}
.content p{font-size:14px;line-height:28px;}
.content img{max-width:900px;}
.pre,.next{line-height:30px;height:30px;}

.aboutnewscon a:hover{ color:#87c548;}

/*hezuo*/
.hezuo{ width:1200px; margin:0 auto; padding:20px 0 20px 0}
.hezuo_list{ width:280px; height:240px;float:left;transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 0.5s; margin:10px; overflow:hidden}
.hezuo_list a{width:260px;height: 220px;display: block; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;background:#f1f1f1; padding:10px}

.hezuo_list_img{width:260px; height:184px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;  display:block; margin:0 auto; text-align:center;overflow:hidden;}
.hezuo_list_img img{width:260px; height:184px;transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s;}

.hezuo_list_p{ height:45px; text-align:center; line-height:45px; font-size:16px; color:#333; width:92%; margin:0 auto; font-weight:normal; overflow:hidden}
.hezuo_list_con{ width:200px; margin:0 auto; height:40px; line-height:40px; font-size:14px; color:#333; overflow:hidden; display:block; text-align:center}
.hezuo_list_an{ width:100px; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#2e4135; overflow:hidden; display:block}

.hezuo_list:hover img{transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; -ms-transition:all ease 1s; -o-transition:all ease 1s;ransform: scale(1.2); -ms-transform: scale(1.2);-webkit-transform: scale(1.2);}
.hezuo_list:hover .hezuo_list_p{ color:#87c548}