/* CSS Document */

*{ margin:0; padding:0;}
body { margin:0 auto; background-color:#f8f8f8;
font-size:14px;
color:#555555;
font-family: "微软雅黑";
line-height:25px;
 letter-spacing:1px;
}
a , button{ 
blr:expression(this.onFocus=this.blur()); 
outline: none;
text-decoration:none;}
a {color:#555555;font-family: "微软雅黑"; font-size:14px; text-decoration:none;}
a:hover{ color:#0394de;font-family: "微软雅黑";font-size:14px;}

.pictt{ width:258x; height:203px; overflow:hidden;}
.font1{ height:57px; line-height:57px; border-bottom:3px #ddd solid;}
a:hover .font1{border-bottom:3px #eb4806 solid;}
.font1-l{float:left; font-size:15px; width:258px; border-top:1px solid #eee; text-align:center; color:#000;}
a:hover .font1-l{ color:#eb4806;}
.font1-r{float:right; color:#999; font-size:15px; padding-right:10px;}



.cpbox{width:1200px; margin:0px auto 0px; overflow:hidden;}
.cplist{width:1200px; overflow:hidden; margin-left:0px;}
.cplist li{ width:258px; float:left; margin:40px 20px 0 20px; background-color:#fff;}
.cplist li{
	transition:All 0.4s ease-in-out;
	-webkit-transition:All 0.4s ease-in-out;
	-moz-transition:All 0.4s ease-in-out;
	-o-transition:All 0.4s ease-in-out;
	
}
.cplist li:hover {
   -webkit-box-shadow:0px 5px 15px #666;
    -moz-box-shadow:0px 5px 15px #666;
    box-shadow:0px 5px 15px #666;
}


.pictt {
   overflow: hidden;
   position: relative;
   background-color:#fff;
}

.pictt img{ height: auto; width:258px;
                transition: all 0.6s;  
            }  
.pictt:hover img{  
                transform: scale(1.1);  
            } 
.cplist li .mask{
   width: 258px;
   height: 203px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}

.cplist li span.info {
   background:url(../images/link.png) center no-repeat;
   display: inline-block;
   text-decoration: none;
   padding:0;
   text-indent:-9999px;
   width:63px;
   height:63px;
}
.cplist li .mask {
   opacity: 0;
   overflow:visible;
    border:130px solid rgba(212,88,86,0.8);
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   cursor:pointer;
}
.cplist li span.info {
	top:-50px;
   left:-30px;
   position:relative;
   opacity: 0;
   
   -webkit-transition: opacity 0.1s 0s ease-in-out;
   -moz-transition: opacity 0.1s 0s ease-in-out;
   -o-transition: opacity 0.1s 0s ease-in-out;
   -ms-transition: opacity 0.1s 0s ease-in-out;
   transition: opacity 0.1s 0s ease-in-out;
}
.cplist li:hover .mask {
   opacity: 1;
    border:130px solid rgba(212,88,86,0.8);
}
.cplist li:hover span.info {
	 opacity:1;
     top:-50px;
     left:-30px;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	-ms-transition-delay: 0.1s;
	transition-delay: 0.1s;
}



.foot_news_more{ background:#9a0d4d; width:80px; height:30px; margin:20px 0; font-size:14px; text-align:center; line-height:30px; color:#fff;}
.foot_news_more a{ color:#fff;font-size:13px;}
.foot_news_more a:hover{ background:#7a083b; color:#FFF; display:block;}



.menunav li{display:block; float:left; margin-right:75px;text-align:left; padding:15px 0px 0px 0;}
.menunav li h1{ font-size:30px; color:#eea135; font-weight:normal; text-align:right;}
.menunav li p.tit {
	color: #333;
	font-size: 16px;
	height:35px;
	display:block;
}
.line_w{ background-color:#e6e6e6; padding:1px 0; width:30px;}


.menunav li span.sub {
    display: block;
    font-size: 12px;
    margin-top: 0px;

}

.menunav li span.sub p  , .menunav li span.sub p a {
display:block;
    color: #666;
	 line-height:28px;
	font-size:12px;
}
.menunav li span.sub p  a:hover{
    color: #FF510C;
}

.menunav li span.sub2 {
    display: block;
    line-height: 35px;
    font-size: 14px;
    margin-top: 20px;
    padding-left: 22px;
}

.menunav li span.sub2 p a {
display:block;
float:left;
    color: #ccc;
	margin-bottom:5px;
	 width:60px;
}
.menunav li span.sub2 p  a:hover{
    color: #48b035;
}





.tab{width:850px; margin:0 auto;}
.tab li{ margin-bottom:10px;}
.tab input ,.tab textarea{ width:100%; line-height:22px;padding: 10px 26px;border: 1px solid #ccc;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
.tab input:hover ,.tab textarea:hover{ border-color:#EB0000;}
.tab .sumbit{width: auto; margin-top:20px; cursor:pointer; border-width:1px;border-style:solid;border-color:#EB0000;border-radius:3px;border-top-left-radius:5px;border-top-right-radius:3px;border-bottom-left-radius:3px;border-bottom-right-radius:3px; background-color:#FFFFFF; font-size:14px;padding: 5px 50px;}
.tab .sumbit:hover{ background-color:#EB0000; color:#FFFFFF;}

.tab2 td{ padding-bottom:10px;border-bottom:1px dotted #ccc;}
.tab2 span{ float:right; font-size:13px; font-weight:normal; color:#de1d1e;}