@charset "utf-8";

/* banner */
#about_banner{background:url(../img/about_banner.jpg) center;}
#product_banner{background:url(../img/product_banner.jpg) center;}
#case_banner{background:url(../img/case_banner.jpg) center;}
#service_banner{background:url(../img/service_banner.jpg) center;}
#news_banner{background:url(../img/news_banner.jpg) center;}
#contact_banner{background:url(../img/contact_banner.jpg) center;}

/* 内容  */
.content_body{padding:15px; width:805px;}
.content_body p{font-size:14px; line-height:28px; margin-top:10px;}

.content_body .pic_list{padding:0 14.5px;}
.content_body .pic_list li{position:relative; float:left; width:230px; height:230px; margin:10px; background-color:#EEE; border:1px #CCC solid; cursor:pointer; overflow:hidden;}
.content_body .pic_list li:hover{border:1px #ED1B24 solid;}
.content_body .pic_list li p{position:absolute; bottom:0; width:230px; line-height:20px; color:#FFF; font-size:12px; text-align:center; background:rgba(0,0,0,0.6);}

.content_body .pic_list .zzry_pic1{width:230px; height:325px;}
.content_body .pic_list .zzry_pic2{width:453px; height:325px;}
.content_body .pic_list .gczs_pic1{position:absolute; width:230px; height:306.67px; top:-38.33px;}
.content_body .pic_list .gczs_pic2{position:absolute; width:306.67px; height:230px; left:-38.33px;}

#pic_show{position:fixed; z-index:1001; display:none; padding:2px; width:600px; height:600px; top:50%; margin-top:-302px; left:50%; margin-left:-302px; background-color:#333;}
#pic_show_body{width:600px; height:600px; text-align:center;}
#pic_show .close{position:absolute; top:280px; right:-30px; background-color:red; color:#FFF; text-align:center; font-size:12px; line-height:20px; width:20px; cursor:pointer; padding:10px 5px;}

/* pagination */
.content_pagination{display:block;margin:30px 0 10px 0;text-align:center;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#ED1B24;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover, .pagination>li>a:focus{color:#ED1B24;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:hover,.pagination>.active>a:focus{z-index:2;color:#fff;background-color:#ED1B24;border-color:#ED1B24;cursor:default}
.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}

/* 新闻列表  */
.news_list{padding:15px;}
.news{}
.news ul{}
.news li{border-bottom:dashed 1px #d5d5d5; padding:20px 0 10px 0; vertical-align:bottom; list-style:none;}
.news li .p_head{height:24px; line-height:24px; position:relative; padding:0 0 10px 0;}
.news li .p_head a{color:#333; line-height:24px; font-size:14px;}
.news li .p_head a:hover{color:#828080; text-decoration:underline;}
.news li .p_head .news_date{color:#FFF; line-height:24px; background-color:#CCC; padding:0 10px; border-radius:5px; margin-left:8px;}
.news li .p_con{color:#999; font-size:12px;}
.news li .tag_wen{width:20px; height:20px; color:#FFF; font-size:12px; text-align:center; line-height:20px; background-color:#ED1B24; padding:0 3px; margin-right:5px;}
.news li .tag_da{width:20px; height:20px; color:#FFF; font-size:12px; text-align:center; line-height:20px; background-color:#666; padding:0 3px; margin-right:5px;}

.news_title{text-align:center; line-height:40px; font-size:22px; color:#333; border-bottom:1px #CCC dotted;}
.news_date{text-align:right; line-height:15px; font-size:12px; color:#0CCBFC;}
.news_content{padding:15px; width:805px;}
.news_content p{font-size:14px; line-height:28px; margin-top:10px;}
.news_item_link{border-top:1px #DDD dotted; line-height:30px; padding:10px; font-size:14px; color:#666;}
.news_item_link p{line-height:24px;}
.news_item_link a{text-decoration:underline;}
.news_item_link a:hover{color:#ED1B24;}

/* products */
.products_list{padding:15px;}
.products{}
.products a{display:block; float:left; margin:10px 5px; padding:5px; width:248.33px;}
.products a:hover{background:#ED1B24;}
.products a:hover p{color:#FFF;}
.products img{width:248.33px; height:180px;}
.pl_t{line-height:30px; font-size:12px; overflow:hidden; width:248.33px; height:30px; text-align:center;}
.pl_t1{line-height:15px; font-size:10px; color:#999; overflow:hidden; width:248.33px; height:15px;}
.pl_t2{line-height:15px; font-size:10px; color:#999; overflow:hidden; width:200px; height:15px;}

.products_content{padding:15px; width:805px;}
.products_content h2{line-height:40px; font-size:20px; text-align:center; color:#333; border-bottom:1px #CCC dotted; margin-bottom:20px;}

.product_pic{float:left; width:304px;}
.product_info{float:right; width:485px; padding:10px 0;}
.product_info p{line-height:30px; font-size:14px; color:#333;}
.product_info p span{font-weight:bold;}
.product_body{margin-top:20px; border-top:1px #CCC dotted; padding:10px;}
.product_body p{font-size:14px; line-height:28px; margin-top:10px;}
.product_item_link{border-top:1px #CCC dotted; line-height:30px; padding:10px; font-size:14px; color:#666;}
.product_item_link p{line-height:24px;}
.product_item_link a{text-decoration:underline;}
.product_item_link a:hover{color:#ED1B24;}

/* case */
.case_list{padding:15px;}
.case{}
.case a{display:block; float:left; margin:10px 5px; padding:5px; width:248.33px;}
.case a:hover{background:#ED1B24;}
.case a:hover p{color:#FFF;}
.case a img{width:248.33px; height:180px;}
.case a p{line-height:30px; font-size:12px; overflow:hidden; width:248.33px; height:30px; text-align:center;}

.case_content{padding:15px; width:805px;}
.case_content h2{line-height:40px; font-size:20px; text-align:center; color:#333; border-bottom:1px #CCC dotted; margin-bottom:20px;}

.case_info{margin-top:20px; padding:10px;}
.case_info p{line-height:30px; font-size:14px; color:#333;}
.case_info p span{font-weight:bold;}
.case_body{margin-top:20px; padding:10px;}
.case_body p{font-size:14px; line-height:28px; margin-top:10px;}
.case_item_link{border-top:1px #CCC dotted; line-height:30px; padding:10px; font-size:14px; color:#666;}
.case_item_link p{line-height:24px;}
.case_item_link a{text-decoration:underline;}
.case_item_link a:hover{color:#ED1B24;}

/* download */
.download{}
.download_list a{display:block; padding:0 10px; margin:0 0 10px 0; line-height:30px; border-bottom:1px #DDD dotted; font-size:14px; color:#333;}
.download_list a:hover{background:#EEE; border-bottom:1px #DDD solid;}

.download_title{text-align:center; line-height:40px; font-size:22px; color:#333; border-bottom:1px #CCC dotted;}
.download_file_info{text-align:center; margin-top:10px;}
a.download_link{display:block; width:120px; line-height:30px; background-color:#006DD9; color:#FFF; font-size:14px; text-align:center; margin:10px auto; border:0px; border-radius:5px;}
a:hover.download_link{background-color:#006DD9; border:0px;}
.download_content{padding:15px; border-top:1px #DDD dotted; width:805px;}
.download_item_link{border-top:1px #DDD dotted; line-height:30px; padding:10px;}
.download_item_link p{line-height:24px;}
.download_item_link a{text-decoration:underline;}
.download_item_link a:hover{color:#ED1B24;}

.download form{margin:0; padding:0;}
.download form p{padding:10px; text-align:center;}
.download form p span{padding:0px 5px; font-size:14px; color:#333;}
.download form input{border:1px #CCC solid; margin:0px 5px; height:25px;}
.download form a{padding:5px 10px; line-height:25px; margin:0px 5px; background-color:#006DD9; color:#FFF; border-radius:5px;}

/* feedback */
.feedback_form{margin:10px; padding:5px 0; background:#FFFFFF;}
.feedback_form p{display:block; margin:10px;}
.feedback_form input.text{border:solid 1px #ddd; padding:8px; height:20px; width:90%; border-radius:3px; font-size:12px;}
.feedback_form input.checkcode{border:solid 1px #ddd; padding:8px; height:20px; width:40%; border-radius:3px; font-size:12px;}
.feedback_form textarea{border:solid 1px #ddd; padding:8px; height:60px; width:90%; border-radius:3px; font-size:12px;}
.feedback_form p img{width:130px; height:38px; margin-left:10px; cursor:pointer;}
.submmit_info{display:block; margin:10px; line-height:20px; font-size:14px;}
.ok_btn{margin:10px; background:#2693FF; display:block; color:#fff; font-size:18px; width:90%; height:40px; line-height:40px; text-align:center; box-shadow:1px 1px 5px #999; border-radius:3px;}
.msgcheck_btn{margin:10px; padding:8px 15px; background:#2693FF; color:#fff; font-size:14px; width:150px; text-align:center; box-shadow:1px 1px 5px #999; border-radius:3px;}
.msgcheck_btn_time{display:none; margin:10px; padding:8px 15px; background:#EEE; color:#999; font-size:14px; width:150px; text-align:center; box-shadow:1px 1px 5px #999; border-radius:3px;}
#loading{display:none; margin:10px; background:#DDDDDD; color:#222222; font-size:18px; width:90%; height:40px; line-height:40px; text-align:center; box-shadow:1px 1px 5px #999; border-radius:3px;}

/* 验证  */
.search{height:42px; margin:20px auto;}
.search .search_input{width:320px; height:40px; border:1px #CCC solid; color:#333; font-size:12px; line-height:40px; border-radius:5px; padding-left:10px;}
.search .search_submit{margin-left:5px; width:100px; height:40px; border:0; background-color:#ED1B24; color:#FFF; font-size:14px; text-align:center; line-height:40px; border-radius:5px;}

.yanzheng_info{padding:30px;}
.yanzheng_info p{line-height:30px; font-size:12px; color:#333;}
.yanzheng_info p span{font-weight:bold;}
.yanzheng_info .tishi{color:red;}
.yanzheng_info a{display:block; padding:5px; border:1px #999 solid; width:300px; height:200px; margin-top:15px;}
.yanzheng_info a:hover{border:1px #ED1B24 solid;}
.yanzheng_info a img{width:300px; height:200px;}