/*left*/
.box{width:80%; margin:20px auto;}
.left{float:left; width:20%;}
.left .nav_line{border:1px solid #ccc; border-top: none;  border-bottom: none; background-color:#fff;}
.left .nav_line .head1{text-align:center; background:url("../images/titbg.jpg") no-repeat bottom left; background-size:cover;
    border-top:5px solid #F89225; border-bottom:1px solid #ccc}
.left .nav_line .head1 h1{font-weight:bold;  color:#F89225;  line-height:80px; letter-spacing:3px;}
.left .nav_line li{text-align:center;  line-height:60px;  height:60px; overflow:hidden; border-bottom:1px solid #ccc;}
.left .nav_line li:hover{ background-color:#F89225;}
.left ul li a{color:#666; font-size:18px; letter-spacing:1px; display:block}
.left ul li:hover a{color:#fff;}
.left .phone{margin-top:20px; background-color:#fff;}
.left .phone .tit{border-left:5px solid #F89225; border-top:1px solid #ccc; border-right:1px solid #ccc; text-align: center;
    padding-bottom:5px;  background:url("../images/titbg1.jpg") no-repeat top left; background-size:contain; }
.left .phone h1{ font-size:24px; color:#F89225; font-weight:bold; padding:10px 0;}
.left .phone h3{ line-height:30px; font-size:22px; letter-spacing:2px;}
.left .phone .line{padding:10px; border:1px solid #ccc}
.left .phone .line li{line-height:30px;}
.left .phone .line li span{color: #F89225; font-weight: bold; font-size:16px; }
@media screen and (max-width:1024px) and (min-width:768px){
    .left .nav_line li{background-position:15%}
    .left .phone h1{background-position:18px;}
}
/*right-head*/
.right{float:right; width:78%; margin-left:1%; border:1px solid #ccc; background-color:#fff;}
.right .head{border-bottom:1px dashed #ccc; }
.right .head h1{float:left; font-size:18px; padding-left:60px; line-height: 50px; color:#666; font-weight: bold ;
    background: url("../images/icon4.png") no-repeat 10px center;}
.right .link{float:right;padding-right:1%;}
.right .link span,.right .link a,.right .link p{line-height: 50px;}
.right .link span,.right .link p{color:#999; font-size:14px;}
.right .link a{color:#F89225;}
.right .link a:hover{color:#DC251E;}
/*foot*/
.foot{width:24%; margin:20px auto;}
.foot .current{background-color:#999; color:#fff;}
.foot li a {float:left; width:20px; height:20px; text-align:center; border:1px solid #999; line-height:20px;
    margin-left:5px;}
.foot li a:hover{background-color:#999;color:#fff;}
.foot .last{float:left; line-height:22px; padding-left:5px;}
@media screen and (max-width:768px){
    .box{width:98%}
    .left{width:100%;}
    .left ul li{float:left;width:46.5%; border-bottom:none;}
    .left .nav_line li{background:none;}
    .left ul li a{font-size:14px}
    .left .phone{display:none}
    .right{ width:100%;margin-left:0; margin-top:10px;}
    .right .link{display:none}
    .foot{width:68%}
}
@media screen and (max-width:1024px) and (min-width:768px){
    .box{width:98%}
}
/*about*/
.about{margin:2%;}
.about p{text-indent:2em; font-size:14px; line-height:30px;}
/*case*/
.case{margin-left:2%}
.case li{float:left; width:22.7%; height:195px; margin-top:2%; margin-right:2%;
    border:1px solid #dadada; overflow:hidden; position:relative; }
.case li img{width:100%; height:195px; transition:all 0.5s;}
.case li p{background-color:#000; font-size:14px; color:#fff; text-align: center; line-height:40px;
    position:absolute; left:0; bottom:0; width:100%; opacity:0.7; height:40px; overflow:hidden;}
.case li:hover img{width:110%; height:110%;}
@media screen and (max-width:768px){
    .case li{width:47.3%; height:180px}
    .case li img{height:180px}
}
/*message*/
.message{margin-top:20px;}
.message li{border-bottom: 1px dashed #ccc; padding:0 50px; line-height:42px;
    height:42px; overflow:hidden; background:url("../images/new.png") no-repeat 15px center}
.message li a{display: inline-block; width:100%;}
.message li span{color:#ccc; float:right;margin-left:10px; }
.message li:hover{background-color: #f0f0f0; border-bottom: 1px dashed #F89225}
.message li:hover a{color: #F89225}
@media screen and (max-width:768px){
    .message{margin-top:10px;}
    .message li{padding:0 10px 0 50px;}
}
/*message_child*/
.message_child{margin:1%; padding-top:10px;}
.message_child h2{font-size:16px; color:#000; text-align:center}
.message_child h3{font-size:12px; color:#EC5504; float:left; padding:0 25%; line-height: 40px}
.message_child h4{font-size:12px; color:#EC5504; float:left; line-height: 40px}
.message_child p{text-indent:2em; line-height:28px; font-size:14px;}
.message_child img{width: auto; max-width: 100%; display: block; margin: 0 auto;}
.page{border-top:1px dashed #ccc; padding:1%;}
.page li{line-height:30px;}
.page li p{float:left}
.page li a{color:#EC5504;}
.page li a:hover{border-bottom:1px solid #EC5504;}
@media screen and (max-width:768px){
    .message_child h3{padding:0 18%}
}
@media screen and (max-width:1024px) and (min-width:768px){
    .message_child h3{padding:0 34%}
}
/*honor*/
.honor1{margin-left:2%}
.honor1 li{float:left; width:23.7%; height:243px; margin-top:1%; margin-right:1%;
    border:1px solid #dadada; overflow:hidden; position:relative; }
.honor1 li img{width:100%; height:243px;}
.honor1 li .word{background-color:#000; font-size:14px; color:#fff; text-align: center; line-height:40px;
    position:absolute; left:0; bottom:0; width:100%; opacity:0.7; height:40px; overflow:hidden;  transition:all 0.5s;}
.honor1 li:hover .word{height:100%;}
.honor1 li:hover h4{line-height:195px; font-size:20px;}
@media screen and (max-width:768px){
    .honor1 li{width:47.3%; height:180px}
    .honor1 li img{height:180px}
}
/*contact*/
.contact{margin:1%;}
.contact_body{ text-align:center;}
.contact_body h3{ font-size:18px; line-height:40px; color:#8f1f20}
.contact_body p{font-size:16px;line-height:30px;}
.contact img{width:80%;margin:0 auto; display:block;}
@media screen and (max-width:768px){
    .contact img{display:none}
}

.fttow{display:none;width:100%; height:56px; background:rgba(0,0,0,0.8); position:fixed; bottom:0; z-index:999}
.fttow li{width:33.3%; float:left;}
.fttow li span{width:100%; float:left;height: 33px; }
.fttow li p{width:100%;line-height: 21px; float:left; text-align:center; font-size:13px;color:#fff;}
.fttow li a{color:#fff;}
.fttow li span img{ height:2em; padding-top:0.2em;display: block;
    margin: 0 auto;}
.saoma1{width:300px; height:300px;position:fixed;bottom:10%; left:50%; margin-left:-150px;z-index: 10000;background: #000;opacity: 0.8;}
.ewm11{width:200px; height:200px; margin:0 auto; position: absolute;top:50%; left:50%;margin-top:-33%; margin-left:-33%; }
.ewm11 img{width:100%;}

@media screen and (max-width: 767px){
    .fttow{display:block!important;}
}