div,ul{ margin:0 auto; overflow:hidden; padding:0; font:"΢ÈíÑźÚ"}
li{list-style-type: none;}
a{ color:#000;text-decoration: auto;}
.left{ float:left;}
.right{ float:right;}

.head{}
.box{ width: 1100px;margin: 0 auto;}
.logo{margin: 15px 0px 0px 0px;min-height: 48px; float:left;}
.head p{font-size: 25px;font-weight: bold;display: initial;float: left;margin: 30px 0 0 20px;border-left: 1px solid #ccc;padding: 0 0 0 20px;color: #000;}
.head p span{font-size: 14px;display: block;line-height: 12px;}

.nav{height: 45px;background-color: #ee7701;}
.nav ul li{ float:left; text-align:center; width:20%; line-height:45px;}
.nav ul li a{font-size: 16px;color: #fff;display: block;}
.nav ul li a:hover{background-color: #000; color:#ee7701;}

.banner{ background:url(../images/banner1.jpg) no-repeat top center; height:600px;}
.banner_about{ background:url(../images/banner2.jpg) no-repeat top center; height:200px; margin-bottom:2%;}

.title{font-size: 28px;font-weight: bold;text-align: center;color: #000;padding: 20px 0;}
.title b{display: block;height: 6px;background-color: #ee7701;width: 110px;margin: 0 auto;}

.product{ padding:2% 0;}
.product_content ul{}
.product_content ul li{ width:29.1%; border:4px solid #CCC; padding:1%; float: left; margin-right:2%; margin-bottom:2%; padding-bottom:0; text-align:center;}
.product_content ul li:nth-child(3n){margin-right:0;}
.product_content ul li:hover{ border:4px solid #ee7701;}
.product_content ul li img{ width:100%; height:200px;}
.product_content ul li a{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 100%;display: block; line-height:35px;}

.news{ background-color:#f1f1f1; overflow:hidden; padding:2% 0;}
.news_content ul{ width:48%; float:right}
.news_content ul li{ width:49%; float:left;margin-right: 2%; margin-bottom:2%;background-color: #ccc;}
.news_content ul li:nth-child(2n){margin-right:0;}
.news_content ul li a{ width:100%; line-height:35px; display:block;}
.news_content ul li img{ width:100%; height:154px;}
.about{ width:50%; float:left}

.prove{ padding:2% 0;}
.prove_content ul{}
.prove_content ul li{ width:16.4%;  padding:1%; float: left; margin-right:2%; margin-bottom:2%; padding-bottom:0; text-align:center;}
.prove_content ul li:nth-child(5n){margin-right:0;}
.prove_content ul li img{ width:100%; height:170px;}
.prove_content ul li a{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 100%;display: block; line-height:35px;border-top:10px solid #CCC;}

.foot_nav{ border-top:1px solid #CCC;}
.foot_nav p{ width:20%; float:left;}
.foot_nav p a{ display:block; float:left; width:100%; color:#999}
.foot_nav p a:nth-child(1){ font-size:20px; color:#000}
.copyright{ width:100%; text-align:center; font-size:14px; line-height:25px; color:#CCC}

.con_left{}

.con_right{ float:right; width:68%; border:1px solid #ccc; padding:2%; margin-bottom:2%;}
.con_right h1{ float: left;}

.con_font{ width:100%; float:left; text-align:right; border-bottom:1px solid #ccc;}

.con_info{ width:100%; float:left; }

.nav_left{  border:1px solid #ccc; float:left; overflow:hidden;width:26%;}
.nav_left li{ width:100%; float: left; border-top:1px solid #ccc; line-height:35px; text-align:center;}
.nav_left li:nth-child(1){border-top: none; background-color:#ee7701; color:#FFF;}

.con_list{ width:100%; float:left; }
.con_list ul{}
.con_list ul li{ float:left; width:100%; border-top:1px solid #ccc;}
.con_list ul li:nth-child(1){border-top: none;}

.con_list_img{ width:100%; float:left; }
.con_list_img ul{}
.con_list_img ul li{ float:left; width:27%; border:1px solid #ccc; padding:2%; margin:2% 2% 0 0;}
.con_list ul li:nth-child(3n){margin-right:0;}
.con_list_img ul li a{white-space: nowrap;overflow: hidden; text-overflow: ellipsis;width: 100%;display: block; line-height:35px;}

.pag{width:100%; float:left; border-top:1px solid #ccc; line-height:45px; padding:2% 0;}
.pag span{ margin-right:2%;}

.con_strong{width:100%; float:left; border-top:1px solid #ccc; }