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

.banner{width:100%; height:auto; margin:0 auto; clear:both;}
.banner img{ width:100%; height:163px;}

.center{ width:95%; margin:0 auto; font-size:13px; line-height:20px; color:#888888; padding-top:3%; padding-bottom:3%;}
.center img{ width:100%;}




.brand_one{ width:95%; margin:0 auto; height:auto; overflow:hidden;}
.brand_title{ width:100%;}
.brand_title img{ width:100%;}
.brand_text{ font-size:13px; padding-top:2%; line-height:20px; color:#888888;}
.brand_tup{width:100%; height:auto; margin-top:3%; margin-bottom:3%;}
.brand_tup img{width:100%;}
.brand_two{width:95%; margin:0 auto; height:auto; overflow:hidden; }
.brand_two_title{ margin-top:2%; color:#000000; background:url(../images/ppjj_xx.jpg) no-repeat left center; font-size:16px; padding-left:3%;}
.brand_two_text{ padding-top:2%; padding-bottom:2%;font-size:13px; line-height:20px; color:#888888;}
.brand_two_img{ width:100%;margin-bottom:5%; overflow:hidden;}
.brand_two_img a{ width:32%; float:left; margin-right:2%;}
.brand_two_img a img{ width:100%;}


.products{width:95%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:5%;}
.products img{ width:100%;}
.products_one{ width:100%; height:136px; background:#5b7384; margin-top:5%;}
.products_one_img{ width:50%; float:left;}
.products_one_img img{ width:100%; height:136px;}
.products_one_text{ width:50%; float:left; text-align:center; color:#fff;}
.products_one_text h3{ padding-top:20%; background:url(../images/xx.jpg) no-repeat bottom center; height:30px; font-size:16px;}
.products_one_text p{ padding-top:3%; font-size:13px; text-transform:uppercase; color:#cecece;}
.products_two{ width:100%; height:136px; background:#262f35; margin-top:5%;}

.products_detail{ width:100%;}
.products_detail img{width:100%;}


.news{ margin-top:5%;}
.news_one{width:90%; margin:0 auto;border-radius:10px; background:#fff; padding:8px; margin-bottom:5%;}
.news_one_title{width:100%; line-height:30px; margin-bottom:10px;}
.news_one_img img{width:100%;}
.news_one_text{ width:100%; font-size:13px; color:#727272; padding-top:10px; padding-bottom:10px; line-height:24px; border-bottom:1px solid #b8b8b8;}
.news_one_more{ padding:10px 0px 10px 0px;}
.news_one_more a{ text-decoration:none; color:#000;}
.news_one_more a:hover{ color:#172271;}


.news_detail_title{ width:100%; border-bottom:1px dashed #d7d7d7; padding-top:5%; padding-bottom:10px;}
.news_detail_title_center{ width:95%;text-align:center; font-size:16px; }
.news_detail_date{ width:95%;text-align:center; font-size:14px;margin-top:5px; color:#757575;}
.news_detail_center{width:95%; line-height:30px; margin:0 auto; margin-top:5px; padding-bottom:25px; font-size:12px;}
.news_detail_center img{width:100%; margin:0 auto; margin-top:5px;}

.distr_one{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3; padding-top:3%; }
.distr_one select{ width:92%; height:35px; overflow:hidden; margin:0 auto; line-height:35px; background:none; border:2px solid #d2d2d2; border-radius:5px; margin-left:3%; padding-left:2%; font-size:12px; color:#888888;}
.distr_one a{ width:100%; height:auto; overflow:hidden; }
.distr_one a img{ width:100%;margin-top:3%;}

.distr_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#f1f3f9;}
.distr_two_title{ width:94%; margin:0 auto; height:auto; height:30px;  background:url(../images/ppjj_xx.jpg) no-repeat left center; padding-left:3%; padding-top:3%; font-size:16px;}
.distr_two_center{ height:auto; overflow:hidden; margin:0 auto;}
.distr_two_center ul li{ height:125px; background:#fff; border-bottom:1px solid #e3e5ea; border-top:1px solid #e3e5ea; margin-bottom:5%; padding:3%;}
.distr_two_center ul li .img{ width:40%; float:left;}
.distr_two_center ul li .img img{ width:100%; height:125px;}
.distr_two_center ul li .text{ width:57%; float:right;}
.distr_two_center ul li .text h3{ font-size:16px; color:#000; font-weight:normal;}
.distr_two_center ul li .text p{ font-size:13px; color:#7f7f7f; margin-top:2%;}
.distr_two_center ul li .text img{ margin-right:1%;}


.case_title{ width:100%; background:#fff; height:40px; border-bottom:1px solid #dcdde2;}
.case_title ul li{ width:49%; float:left; text-align:center; line-height:40px; border-bottom:2px solid #e8e8e8; border-right:2px solid #e8e8e8;}
.case_title ul li a{ display:block; font-size:16px; color:#1b1b1b; font-weight:bold;}
.case_title ul li a:hover{ color:#ffb901;}
.case_title ul li a.hover{ color:#ffb901;}



.case_list{ width:100%; height:auto; margin:0 auto; overflow:hidden;  padding-top:4%;}
.case_list ul li{ width:45.5%; float:left; margin-left:2.8%;  height:190px; background-size:100%;}
.case_list ul li img{width:100%; margin:0 auto;}
.case_list ul li div{width:100%; text-align:center; background:#fff; height:30px; line-height:30px;}
.case_list ul li div a{font-size:14px; color:#333; text-decoration:none;}

.quality_one{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3; padding-top:3%; }
.quality_one a{ width:100%; height:auto; overflow:hidden; }
.quality_one a img{ width:100%;}
.quality_one .input{ height:30px; width:95%; margin:0 auto; margin-bottom:3%;}
.quality_one .input input{ width:55%; float:left; height:30px; border:2px solid #d2d2d2; border-radius:5px; background:none; padding-left:2%; font-size:12px; color:#888888;}
.quality_one .input select{ height:34px; border:2px solid #d2d2d2; border-radius:5px; background:none; width:38%; float:right; font-size:12px; color:#888888; padding-left:2%;}
.quality_text{ width:95%; height:auto; overflow:hidden; margin:0 auto; margin-top:3%; font-size:13px; color:#888888; line-height:20px; padding-bottom:5%;}
.quality_text h3{ font-size:16px; color:#ff8400; font-weight:normal; margin-top:2%;}

.quality_results{ width:100%; background:#fff; margin-top:5%; border-top:2px solid #dee0e5;}
.quality_results h3{ width:94%; margin:0 auto; font-size:16px; background:url(../images/ppjj_xx.jpg) no-repeat left center; padding-left:3%; color:#626262; padding-top:3%; padding-bottom:3%;}
.quality_results ul li{ border-top:2px solid #eeeeee; overflow:hidden; padding:3%;}
.quality_results ul li span{ display:block; width:30%; float:left; text-align:right; color:#626262;}
.quality_results ul li p{ width:65%; float:left; margin-left:3%;}

.quality_two{ width:100%;height:auto; background:#fff; border-bottom:1px solid #d7d8de; padding-top:3%;}
.quality_two input{ width:92%; height:30px; margin:0 auto; border:2px solid #e8e8e8; border-radius:5px; margin-left:3%; margin-bottom:2%; padding-left:2%; font-size:12px; color:#a3a3a3;}
.quality_two a{ display:block; width:100%; }
.quality_two a img{width:100%;}


.quality_three{ width:100%;height:auto; background:#fff; border-bottom:1px solid #d7d8de; padding-top:3%;}
.quality_three input{ width:92%; height:30px; margin:0 auto; border:2px solid #e8e8e8; border-radius:5px; margin-left:3%; margin-bottom:2%; padding-left:2%; font-size:12px; color:#a3a3a3;}
.quality_three div{ width:100%; height:auto; overflow:hidden;}
.quality_three div a img{width:100%; margin-top:5%;}
.quality_three p{ width:94%; height:30px;  margin-left:3%;}
.quality_three .list{ width:94%; height:34px;margin:0 auto;margin-bottom:2%; overflow:hidden;}
.quality_three .list div{ width:60%; float:left;height:30px; border:2px solid #e8e8e8; border-radius:5px; padding-left:2%; font-size:12px; color:#a3a3a3; line-height:30px;}
.quality_three .list div select{ float:right; width:60%; height:30px; margin-right:3%; background:none; border:none;}
.quality_three .list span{ line-height:30px; margin-left:2%; font-size:12px; color:#a3a3a3;}
.quality_three .list span strong{ color:#000; font-size:13px;}



.quoted_one{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#fff; padding-top:3%; border-bottom:2px solid #d7d8de;}
.quoted_one select{ width:80%; height:30px; border:2px solid #e8e8e8; border-radius:5px; margin-bottom:2%; margin-left:3%;  font-size:12px; color:#888888; background:none; padding-left:2%;}
.quoted_one img{ width:100%; margin-top:2%;}



.quoted_two{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#fff; border-top:2px solid #d7d8de; margin-top:3%; padding-bottom:3%;}
.quoted_two h3{ width:94%; margin:0 auto; font-size:16px; background:url(../images/ppjj_xx.jpg) no-repeat left center; padding-left:3%; color:#626262; padding-top:3%; padding-bottom:3%;}

.quoted_two_title{ width:94%; margin:0 auto; overflow:hidden; }
.quoted_two_title div{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.quoted_two_title div p{ width:50%; float:left; font-size:15px;  color:#343434;}
.quoted_two_title div span{ display:block; width:50%; float:right; font-size:13px; color:#000d13; text-align:right;}
.quoted_two_title div span strong{ font-size:16px; color:#F00;}
.quoted_two_title a{ display:block; width:100%; margin-top:3%;}
.quoted_two_title a img{ width:100%;}

.quoted_center{ width:95%; height:auto; overflow:hidden; margin:0 auto; font-size:12px; color:#888888; margin-top:2%;}
.quoted_center table tr td{ padding-left:2%; padding-right:2%; height:30px;}






.buy{ width:100%;height:auto; background:#fff; border-bottom:1px solid #d7d8de; padding-top:3%;}
.buy input{ width:92%; height:30px; margin:0 auto; border:2px solid #e8e8e8; border-radius:5px; margin-left:3%; margin-bottom:2%; padding-left:2%; font-size:12px; color:#a3a3a3;}
.buy a{ display:block; width:100%; }
.buy a img{width:100%;}
.buy div{ width:95%; height:auto; overflow:hidden; margin:0 auto; padding-top:3%; padding-bottom:4%;}
.buy div p{ width:50%; float:left; font-size:15px;  color:#343434;}
.buy div span{ display:block; width:50%; float:right; font-size:13px; color:#000d13; text-align:right;}
.buy div span strong{ font-size:16px; color:#F00;}


/*message*/
.messages_ce{width:100%; height:auto; margin-top:10px;}
.messages_ce div{margin-bottom:15px;}
.messages_ce input{width:100%; height:29px; border:1px solid #ebebeb;}
.div_text{float:left;}
.messages_ce textarea{width:100%; border:1px solid #ebebeb;}
.messages_ce p{font-size:12px; color:#c0c0c0;}
.div_an{ text-align:center; margin-top:3%;}