@import url(main.css);
.main{width:1200px;margin:30px auto;zoom:1;}
.main:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}

.crumb{width:1200px;margin:0 auto;height:50px;line-height:50px;margin-top:20px;}

.about{width:1200px;margin:0 auto 50px;}
.about img{margin-bottom:10px;width:100%;}
.about p{font-size:14px;line-height:28px;text-indent: 2em;}

.contact{width:1200px;margin:0 auto 50px;}
.contact img{margin-bottom:10px;width:100%;height:auto;}
.contact h1{font-size:18px;line-height:36px;}
.contact p{font-size:16px;line-height:32px;}
.contact p b{width:70px;display:inline-block;font-weight:500;text-align:right;text-align: justify;text-align-last: justify;}
.contact p span{width:300px;display:block;}
.contact p span img{width:100%;height:auto;}

/*鏂伴椈涓績 鍒楄〃*/
.news{width:1200px;margin:0 auto 50px;}
.news_list{width:100%;margin-top:20px;}
.news_list li{background:#FFF;padding:20px 0;margin-bottom:15px;background:#f1f1f1;border-radius:10px;}
.news_list li:hover{background:#ececec;cursor:pointer;}
.news_list li .news_sub{margin-top:0;}

.news_sub{margin-top:20px;transition:all 0.6s;}
.news_sub span{float:left;width:60px;text-align:center;margin:0 30px;color:#c1c1c1;}
.news_sub span i{font-style:normal;display:block;font-size:30px;color:#282828;}
.news_sub span em{font-style:normal;color:#282828;}
.news_sub div{float:left;width:1050px;}
.news_sub div h3{font-size:16px;font-weight:500;}
.news_sub div p{color:#999;font-size:12px;height:28px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/*鏂伴椈涓績 鍐呭璇︽儏*/
.news_con{width:1180px;margin:0 auto 50px;}
.news_con h1{text-align:center;font-size:18px;}
.news_con span{display:block;text-align:center;color:#999;}
.news_con p{font-size:14px;line-height:28px;}
.news_con .subpart p{line-height:40px;}

.subpart{margin:20px 0;background:#e1e1e1;height:40px;line-height:40px;border-radius:10px;color:#000;}
.subpart p{width:44%;padding:0 2%;margin-right:4%;overflow:hidden;float:left;}
.subpart p:last-child{margin-right:0;}
.subpart a{color:#000;}

/*浜у搧鍒楄〃*/
.sidebar{width:98%;padding:10px 1%;}
.sidebar ul{padding-bottom:10px;}
.sidebar ul li{width:18%;margin:5px 1%;height:40px;line-height:40px;float:left;font-size:16px;background:#282828;text-align:center;transition:all .5s;}
.sidebar ul li a{color:#fff;}
.sidebar ul li:hover{background:#ec0000;transition:all .5s;}

.product{width:1200px;margin:0 auto 50px;}
.pro_list{margin-top:20px;}
.pro_list li{float:left;width:224px;margin:0 8px;margin-bottom:15px;}
.pro_list li span{display:block;width:222px;heigh:222px;overflow:hidden;border:1px solid #ccc;}
.pro_list li span img{width:100%;height:100%;transition:all .5s;}
.pro_list li:hover span img{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);-moz-transform:scale(1.1);transition:all .5s;}
.pro_list li p{border:1px solid #CCC;border-top:none;height:40px;line-height:40px;text-align:center;font-size:16px;transition:all .5s;}
.pro_list li:hover p{background:#ec0000;color:#FFF;transition:all .5s;}


.area{width:1200px;margin:0 auto 50px;}
.area_list li{float:left;width:290px;height:290px;position:relative;margin:5px;border-radius:20px;overflow:hidden;}
.area_list li img{width:100%;height:100%;}
.area_list li p{display:none;color:#FFF;font-size:18px;line-height:290px;text-align:center;}
.area_list li .txt{width:290px;background:rgba(44,44,44,0.6);z-index:999;position:absolute;left:0;bottom:0;opacity:0;border-radius:20px;}
.area_list li:hover .txt{opacity:1;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;}
.area_list li:hover .txt p{display:block;}

.area_con{padding:20px;}
.area_con img{max-width:700px;margin:0 auto 5px;}
.area_con h1{text-align:center;font-size:18px;line-height:40px;}
.area_con p{font-size:14px;line-height:28px;}
.area_con .subpart p{line-height:40px;}

.content{background:#f1f1f1;max-width:1920px;margin:0 auto;padding:30px 0;}
.content img{float:left;width:300px;height:300px;margin-right:30px;}
.content_con{width:870px;height:300px;overflow:hidden;float:left;}
.content_con h2{font-size:18px;line-height:40px;}
.content_con p{font-size:14px;line-height:28px;text-indent:2em;}

.model{width:1200px;margin:0 auto 50px;}
.model dl dt{background:#d70000;color: #fff;}
.model dl dd:nth-child(odd){background:#e1e1e1;}
.model dl dd:hover{background:#ec0000;}
.model dl dd:hover a{color:#FFF;}
.model dl dd a{color:#444;}

.model_list li{float:left;width:10%;text-align:center;height:45px;line-height:45px;border-right: 1px #f1f1f1 solid;}
.model_list li:nth-child(1){width:15%;}
.model_list li:nth-child(2),.model_list li:nth-child(3){width:20%;}
.model_list li:nth-child(4),.model_list li:nth-child(5){width:5%;}
.model_list li:last-child{width: 14%;border: none;}


/*浜у搧鍨嬪彿*/
.product_sub{margin-top:10px;}
.product_sub img{float:left;width:368px;height:368px;margin-right:20px;border:1px solid #ccc;}
.product_sub table{float:left;width:810px;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;height:45px;line-height:73px;}
.product_sub table tr{border-bottom:1px dashed #ddd;}
.product_sub table tr:last-child{border-bottom:1px solid #ddd;}
.product_sub table tr th{width:20%;background:#f0f0f0;}
.product_sub table tr td{border-left:1px solid #ddd;padding-left:20px;}

.product_con{margin-top:20px;}
.product_con h4{width:100%;border-bottom:1px solid #ccc;height:40px;line-height:40px;font-size:18px;}
.product_con h4 span{border-bottom:3px solid #163060;padding:0 10px 7px 10px;}
.pro_content p{font-size:14px;line-height:35px;text-indent:2em;padding:10px;}
.product_con img{max-width:800px;height:auto;margin:20px auto;}

.product_tuijian{margin-top:20px;}
.product_tuijian li{width:29.333%;margin:0 2%;float:left;height:35px;line-height:35px;overflow:hidden;}



/* 鍒嗛〉 */
.pages{margin-top: 20px;}
.pagination {text-align: right;clear: both;}
.pagination li {display: inline-block;margin-right: -1px;padding: 5px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;}
.pagination li.active {background: #d70000;color: #fff;border: 1px solid #d70000;}
.pagination li a {display: block;text-align: center;}