@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}

body{background:#fff;}
header{width:100%; height:420px; background:url(../img/bg.jpg) no-repeat center center; margin: 0 auto;}
.head{max-width:1920px; min-width:1440px; overflow:hidden; margin:0 auto;}
.logo{float:left; margin:30px; margin-left:50px;}
.link{ float:right; margin:54px 20px;}
.search{ float:right;   margin:39px 20px; margin-right:80px; overflow:hidden; }
.search input{float:left; border:0;outline:none;background-color:rgba(255,255,255,0.2);height:38px; width:220px;  padding-left:10px; color:#fff;}
.search button{float:left;  background:url(../img/icon2.png) no-repeat right top; height:38px; width:44px; border:0;outline:none; cursor:pointer;}

nav{width:100%; background:#c20000;  margin:0 auto;}
.nav{width:1440px; overflow:hidden; margin:0 auto;}
.nav li{ width:14.2%; float:left; color:#fff; line-height:80px; text-align:center;}/**************************************************改*****************************************************************/
.nav li:hover{font-weight:600;}

/********************************************************************footer***************************************************************/
footer{ background:url(../img/bg2.jpg) no-repeat center center; width:100%; height:186px; overflow:hidden; background-size:100%;}
.footer{width:1440px; margin:30px auto;  overflow:hidden;}
.old{ float:left;  width:20%; margin-top:20px;}
.old img{ margin:0 auto; display:block;}
.card{ float:left;  width:20%;}
.card img{ margin:0 auto; display:block;}
.foot{ float:left; width:60%; color:#fff; }
.foot .bottom-link{ margin: 0 auto; width:700px;}
.bottom-link label{margin-right:30px;}
.bottom-link select{ outline:none; background:rgba(255,255,255,0); border:none; color:#fff; font-size:16px; margin-right:30px;}
.bottom-link select option{ background:#c20000;}
.foot p{ text-align:center; font-size:14px; color:#fff; margin-top:30px;}



/********************************************************************new***************************************************************/
.menu{width:100%; margin-bottom:60px; box-shadow:0 0 10px #CCC; }
.menu-div{ width:1440px;overflow:hidden; margin:0 auto;}
.menu-h1{ width:33%; float:left; line-height:80px; text-align:center; color:#555; font-size:18px; font-weight:500; cursor:pointer;}
.h1{ width:33%; float:left; line-height:80px; text-align:center;  font-size:18px; font-weight:500; color: #c20000; font-weight:600; border-bottom:1px solid #c20000; cursor:pointer;}

.box1{ width:1440px; margin:60px auto; overflow:hidden;}
.box1-left{ float:left; width:20%; margin-top:10px;}
.recommend{ width:100%; overflow:hidden; color:#555;}
.rec-p{ float:left; padding-right: 25px; background:url(../img/icon13.png) no-repeat right center;}
.rec-s{ float:right; padding-left:20px; background:url(../img/icon18.png) no-repeat left center; cursor:pointer; color:#999; font-size:14px;}
.rec-text{ width:100%; margin-top:15px;}
.rec-li{ color:#999; font-size:14px; line-height:40px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; padding-left:10px; background:url(../img/icon14.png) no-repeat left center; cursor:pointer;}
.rec-li:hover{ background:url(../img/icon15.png) no-repeat left center; color:#c20000;}
.box1-right{ width:77%; float:left; margin-left:3%;}
.box1-right li { width:97%; overflow:hidden; padding-left:3%; background:url(../img/icon16.png) no-repeat left center; height:170px;}
.box1-right li img{ float:left; border-radius:10px; margin:16px 0; width:19%;}
.right-list{ float:left;width:79%; margin:16px 0; margin-left:2%; }
.right-list h1{ font-size:16px; color:#666; font-weight:500; line-height:40px;}
.right-list p{ font-size:14px; color:#999; font-weight:500;width: 100%;
      display: -webkit-box; 
      -webkit-line-clamp: 2;  
      -webkit-box-orient: vertical;   
      overflow: hidden; 
      text-overflow: ellipsis;     }
.right-list span{font-size:14px; color:#999; margin-top:10px; display:block;  }
.box1-right li:hover{background:url(../img/icon17.png) no-repeat left center; cursor:pointer;}
.box1-right li:hover .right-list h1{ color:#c20000;}
.box1-right li:hover .right-list span{ color:#c20000;}


/********************************************************************details***************************************************************/
.details{ width:1200px; margin:60px auto;}
.details  h2{ text-align:center; font-size:14px; color:#999; font-weight:500;  margin-bottom:20px;}
.details h1{ text-align:center; font-size:20px; font-weight:500; line-height:60px;}
/*.details p{ text-align:center; font-size:16px; font-weight:500; color:#666; line-height:1.6;}*/
    .details table {
        margin: auto;
    }
.details  img{ margin:20px auto; display:block;}

.link-prev,.link-next{display:block; color:#666; margin:20px auto; width:1200px; padding-left:10px; background:url(../img/icon14.png) no-repeat left center;}
.link-prev:hover,.link-next:hover{ color:#c20000; background:url(../img/icon15.png) no-repeat left center;}



/********************************************************************mien***************************************************************/
.menu-h1-4{ width:33%; float:left; line-height:80px; text-align:center; color:#555; font-size:18px; font-weight:500; cursor:pointer;}
.h1-4{ width:33%; float:left; line-height:80px; text-align:center;  font-size:18px; font-weight:500; color: #c20000; font-weight:600; border-bottom:1px solid #c20000; cursor:pointer;}
.mien-ul{ width:1440px ;margin:60px auto; overflow:hidden;}
.mien-li{ width:30%; margin:10px 1.5%; float:left; cursor:pointer; overflow:hidden; height:380px;}
.mien-li img{ width:100%; height:300px;}
.mien-hover{ padding:20px ;background:#f7f7f7; height:40px;  transition:all 0.4s ease;}
.mien-hover h1{ color:#555; font-size:16px; font-weight:500; line-height:40px;  transition:all 0.4s ease;}
.mien-hover p{ color:#666; font-size:14px; font-weight:500; line-height:20px;
	  transform:translateY(200px);  opacity:0; transition:all 0.4s ease;
       overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
	   }
.mien-hover span{ padding-left:20px; background: url(../img/icon19.png) no-repeat left center; color:#999; font-size:14px; margin-top:10px; display:block; transform:translateY(200px); opacity:0; line-height:20px;  transition:all 0.4s ease;}

.mien-li:hover .mien-hover{ height:80px; background:rgba(194,0,0,0.8); transform:translateY(-40px);}
.mien-li:hover .mien-hover h1{ color:#fff; }
.mien-li:hover .mien-hover p{ color:#fff; transform:translateY(0); opacity:1;}
.mien-li:hover .mien-hover span{ color:#fff; transform:translateY(0); opacity:1; background:url(../img/icon20.png) no-repeat left center; }