@charset "utf-8";
/* CSS Document */

@media all and (max-width:640px){
/*nei*/
/*about_dl*/
.about_dl{ width:94%; margin:0px auto; height:auto;margin-bottom:20px; line-height:40px; margin-top:0px}
.about_dl_left{width:100%; float:none; overflow:hidden } 
.about_dl_left a{width:49%; 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; margin-bottom: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; display:none }
.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:94%; margin:0 auto; overflow:hidden;}
.aboutcon p{ width:100%; line-height:28px; font-size:16px; color:#221815}
.aboutcon img{ width:100%; height: auto}




/*内页新闻列表*/
.aboutnews{ width:94%; margin:0 auto;overflow:hidden}
.aboutnews ul{ width:100%; margin:0 auto; overflow:hidden; margin-top:15px}
.aboutnews ul li{width:100%; height:auto;margin:0 15px 10px 0; float:none; overflow:hidden}
.aboutnews ul li a{ width:100%; height:auto; overflow:hidden; display:block; background:#f1f1f1; padding:15px;}

.aboutnews_img{ width:100%; height:auto; float:none}
.aboutnews_img img{ width:100%; height:auto; }
.aboutnews_img span{overflow:hidden; display:block;}


.aboutnews_text{ width:100%; height:auto; float:none; margin-left:0px;}
.aboutnews_text h1{ width:100%; height: auto; line-height:24px; font-size:16px; font-weight:bold; margin-top:10px; overflow:hidden}
.aboutnews_intro{width:100%; height:72px; line-height:24px; font-size:14px; font-weight:normal; color:#666; overflow:hidden}
.aboutnews_anniu{width:60px; height:2px;  background:#5cb3de;  margin-top:10px; 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:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#666}

/*新闻详情*/
.aboutnewscon{ width:94%; margin:0 auto;overflow:hidden}
.aboutnewscon a{ color:#666;}
.aboutnewscon_title{width:100%; font-size:18px; font-weight:bold; color:#221815; text-align:center; line-height:30px; margin-top:100px}

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


.innews_dl{ width:96%; margin:0 auto; overflow:hidden; margin-top:25px}
.innews_dl a{ width:32%; float:left; height:50px; line-height:50px; border:1px solid #c30d23; display:block; text-align:center; color:#221815; margin:0 2px 0 2px; font-size:18px; margin-bottom:30px;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;}
.innews_dl a:hover{ border:1px solid #c30d23;background:#c30d23; 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; }

.innews_dl a.abg{ border:1px solid #c30d23;background:#c30d23; color:#fff}


/*翻页list*/
.list_page{text-align:center;margin:0px auto;display:block; width:94%; 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 1px #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:2px; text-align:center; padding:2px 7px; margin-bottom:2px}
.list_page ul a:hover{background:#87c548; color:#fff}
.page_group ul{border-right:solid 0px #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}


/*hezuo*/
.hezuo{ width:94%; margin:0 auto; padding:0 0}
.hezuo_list{ width:100%; height:auto;float:none;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:0 auto; overflow:hidden}
.hezuo_list a{width:100%; height:auto;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:100%; height:auto;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:100%; height:auto;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}

/*product**/
.aboutpro{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:20px}


.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:100%; margin:0 auto; float:none; 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:100%; overflow:hidden; height:auto}
.aboutpro_right_list ul li{ width:100%; height:auto;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 0 20px 0}

.cplist_L{width:96%; height:auto;overflow:hidden; margin:0 auto; margin-top:0px; float:none}
.cplist_L h1{width:100%; height:auto; font-size:18px; 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:50px; font-size:14px; font-weight:normal; line-height:35px; overflow:hidden; margin-left:0px; 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:96%; height:auto;margin:0 auto;overflow:hidden; margin-top:14px; float:none  }
.cplist_down{width:120px; height:30px; margin:0 auto; float:left}
.cplist_down a{color:#666;width:120px; 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:0px; float:left}

.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 }




/*case*/
.aboutcase_right_list{width:100%; 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:10px;}
.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_anniu{width:15%; height:30px;margin:0 auto; margin-top:3px; float:right; margin-top:15px; margin-right:5px}

.changye_list_anniu a{ color:#fff;width:100%; 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 }






/*productshow**/
.proshow{ width:94%; margin:0 auto; overflow:hidden; padding-bottom:20px; margin-top:110px}
.proshow_t{ width:100%; 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:45px; 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:100%; height:auto; background:#fff;overflow:hidden; padding:20px 0 20px 0}
.proshow_xq p{ font-size:14px; line-height:28px; color:#666}

.proshow_xq img{ width:100%; height:auto;}
.proshow_left{ width:100%; height:auto; float:none; }
.proshow_left span img{width:100%; height:auto;}


.proshow_right{ width:100%; height:auto; float:none; overflow:hidden }
.proshow_h1{ width:100%; height:auto; line-height:50px; font-size:18px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; margin-bottom:5px}
.proshow_txt{ width:100%; height:auto; line-height:28px; font-size:14px; font-weight:normal; color:#666; display:block; overflow:hidden;border-bottom:1px solid #ccc; margin-bottom:10px}
.proshow_right p{width:100%; line-height:28px; font-size:14px; font-weight:normal; color:#666}
.proshow_pdf{ width:100%; height:auto; margin-top:15px}
.proshow_pdf p{ width:120px; height:30px; background:#5cb3de; border-radius:4px; line-height:30px; color:#fff; font-size:14px; float:none; text-align:center; display:block}
.proshow_pdf a{ width:100%; height:30px;  border-radius:4px; line-height:30px; color:#333;font-size:14px; float:none; margin-left:0px; display:block;
background:url(../images/icon_pdf.png) left center no-repeat; background-size:18px 18px; padding-left:22px}
.proshow_top{ width:100%; margin:0 auto; height:auto; overflow:hidden}

.proshow_list{width:100%; overflow:hidden; margin:0 auto; border:1px solid #ccc; padding:10px 0 10px 0; margin-top:0px; border-top:none}
.proshow_list ul li{ width:44%; height:160px;float:left; margin-top:0px; margin-right:10px;margin-left:10px; }
.proshow_list ul li a{ width:100%; height:150px;background:#f1f1f1;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:100%; height:127px; overflow:hidden}
.proshow_list_img img{width:100%; height:auto;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:120px; height:56px; font-size:14px; font-weight:normal; line-height:26px; margin:0 auto;overflow:hidden; margin-top:20px; margin-bottom:10px}
.proshow_list_anniu{width:60px; height:25px; 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}


/*caseshow*/
.changye_n{ width:100%; 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:93%; overflow:hidden; margin:0 auto; float:left; margin-right:22px; border-bottom:1px dashed #ccc; margin-left:15px}
.changye_n ul li a{ width:100%; height:40px; display:block; overflow:hidden; line-height:40px} 
.changye_n ul li a h1{ width:67%; 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:30%; height:40px; display:block; overflow:hidden; float:left; font-size:12px; color:#999; text-align:right} 















}