@media screen and (max-width:960px){
.ban_ab{ width:100%; height:150px; background:url(../banner/11.jpg) center no-repeat; background-size:100%;}
}
@media screen and (min-width:961px){
.ban_news{ width:100%; height:400px; background:url(../banner/6.jpg) center no-repeat;}
.ban_ab{ width:100%; height:400px; background:url(../banner/1.jpg) center no-repeat;}
}

.banytit{ width:400px; height:auto; margin:0 auto; padding-top:160px; padding-left:800px;}
.banytit_con{ color:#fff; font-size:30px; line-height:70px; text-align:center; width:230px; height:70px; background:url(../images/fbg.png);}
.banytit{
-webkit-animation-name: rightfade;
animation-name: rightfade;
animation-duration:1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;	
animation-fill-mode: forwards;

}
.banytit .animation .banytit_con{
-webkit-animation-name: rightfade;
animation-name: rightfade;
animation-duration:1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;	
animation-fill-mode: forwards;
}

@media screen and (max-width:960px){
.info{ width:100%; height:auto; margin:10px auto;}
.infol{ width:100%;}
.infol_tit{ display:none;}
.infol_con{ width:100%; height:auto; padding:5px 0;}
.infol_con ul li{ width:96%; height:30px; line-height:30px; background:#ddd; margin:2px 2%; float:left;}
.infol_con ul li a{ padding-left:35px; font-size:15px; color:#555; display:block;}
.infol_con ul li a:hover{ background:#ccc; color:#111;}
.infol_con ul p{ width:45%; line-height:28px; margin:2px 2%;}
.infol_con ul p a{background:#f0f0f0; text-align:center;}
.inflx,.inflxon{ display:none;}
}
@media screen and (min-width:961px){
.info{ width:1200px; height:auto; margin:20px auto;}
.infol{ width:235px;}
.infol_tit{ width:235px; height:81px; background:#e60112; line-height:75px; text-align:center; font-size:27px; color:#fff;}
.infol_con{ width:235px; height:auto; padding:15px 0; background:#004097;}
.infol_con ul li{ width:195px; height:35px; line-height:35px; background:#014cb1; margin:5px 20px; font-weight:700;}
.infol_con ul li a{ padding-left:35px; font-size:15px; color:#fff; display:block;}
.infol_con ul li a:hover{ background:#c9151e; color:#fff;}
.infol_con ul p{ display:block; width:195px; line-height:32px; margin:4px 20px;}
.infol_con ul p a{ padding-left:55px; display:block; color:#cfdcee; background:#014cb1;}
.infol_con ul p a:hover{ background:#c9151e; color:#fff;}

.inflx{ width:205px; height:auto; padding:10px 15px; background:#009945; margin-top:20px; color:#fff;}
.inflx span{ font-size:16px; line-height:30px;}
.inflx em{ font-size:27px;}
.inflxon{ width:203px; height:auto; border:1px #e9e9e9 solid; padding:15px; font-size:13px; color:#555; line-height:28px;}
}

@media screen and (max-width:960px){
.infor{ width:100%;}
.infor_tit{ display:none;}
.infor_con{ width:96%; height:auto; padding:5px 2%; line-height:29px; font-size:14px; color:#555;}
.infor_con img{ width:100% !important; height:auto !important;}
}
@media screen and (min-width:961px){
.infor{ width:930px;}
.infor_tit{ width:930px; height:45px; line-height:45px; border-bottom:1px #ddd solid; background:url(../images/info3.jpg) 5px center no-repeat;}
.infor_tit em{ font-size:18px; font-weight:700; padding-left:23px;}
.infor_tit span{ float:right; color:#888;}
.infor_tit span a{ color:#888;}
.infor_con{ width:920px; height:auto; padding:15px 5px; line-height:29px; font-size:14px; color:#555;}
}
@media screen and (max-width:960px){
.inf_about{ width:96%; height:auto; padding:5px 2%; line-height:29px; font-size:14px; color:#555;}
.inf_about img{ width:100% !important; height:auto !important; padding:10px 0;}

.rongyu{ width:100%; height:auto; padding:5px 0; line-height:29px; font-size:14px; color:#555; margin:0 auto;}
.rongyu ul li{ width:45%; border:1px #ddd solid; float:left; margin:5px 2%; text-align:center;}
.rongyu ul li img{ width:100%; height:150px; }

.chanpin{ width:100%; height:auto; padding:5px 0; line-height:29px; font-size:14px; color:#555;}
.chanpin ul li{ width:45%; height:190px; overflow:hidden; float:left;  margin:5px 2%; text-align:center; border:1px #ddd solid;}
.chanpin ul li img{ width:100%; height:150px;}
.chanpin ul li p{ line-height:40px; height:40px; font-size:14px;}
}
@media screen and (min-width:961px){
.inf_about{ width:920px; height:auto; padding:15px 5px; line-height:29px; font-size:14px; color:#555;}
.inf_about img{ width:100% !important; height:auto !important; padding:10px 0;}
.rongyu{ width:915px; height:auto; padding:15px 5px; line-height:29px; font-size:14px; color:#555; margin:0 auto;}
.rongyu ul li{ width:283px; border:1px #ddd solid; float:left; margin:10px; text-align:center;}
.rongyu ul li img{ width:283px; height:400px; }
.chanpin{ width:924px; height:auto; padding:15px 0; line-height:29px; font-size:14px; color:#555;}
.chanpin ul li{ width:296px; height:auto; float:left;  margin:5px; text-align:center; border:1px #ddd solid; position:relative;}
.chanpin ul li img{ width:296px; height:296px;}
.chanpin ul li p{ line-height:40px; height:40px; font-size:16px; padding:4px 20px; overflow:hidden;}
.chanpin ul li em{ z-index:0;}
.chanpin ul li:hover{ background:#c9151e;}
.chanpin ul li:hover em{ position:absolute; right:0; top:0; background:url(../images/me.png) no-repeat; z-index:999; display:block; width:66px; height:66px;}
.chanpin ul li:hover p a{ color:#fff;}
}




@media screen and (max-width:960px){
.view_cp{ width:100%; height:auto; margin:5px auto;}
.view_cp_l{ width:96%; height:auto; padding:10px 2%; }
.view_cp_l img{ width:100%; height:auto;}
.view_cp_r{ width:100%;}
.view_cp_r h2{ font-size:18px; line-height:60px; color:#333; border-bottom:1px #ddd solid;}
.view_cp_r span{ line-height:40px; font-size:14px; color:#777;}
.view_cp_r p{ line-height:30px; font-size:14px; color:#999;}
.view_cp_r i{ font-size:25px; line-height:75px; color:#ff0000; font-weight:700;}
.view_tit{ width:100%; height:38px; line-height:38px; background:#eee; margin:5px auto;}
.view_tit span{ padding-left:15px; font-size:17px; color:#333; font-weight:700;}
.view_con{ width:100%; height:auto; font-size:16px; color:#666;}
}
@media screen and (min-width:961px){
.view_cp{ width:920px; height:auto; margin:30px auto;}
.view_cp_l{ width:440px; height:auto; padding:10px; border:1px #ddd solid; float:left;}
.view_cp_l img{ width:440px; height:auto;}
.view_cp_r{ width:420px; float:right;}
.view_cp_r h2{ font-size:18px; line-height:60px; color:#333; border-bottom:1px #ddd solid;}
.view_cp_r span{ line-height:40px; font-size:14px; color:#777;}
.view_cp_r p{ line-height:30px; font-size:14px; color:#999;}
.view_cp_r i{ font-size:25px; line-height:75px; color:#ff0000; font-weight:700;}
.view_tit{ width:920px; height:38px; line-height:38px; background:#eee; margin:20px auto;}
.view_tit span{ padding-left:15px; font-size:17px; color:#333; font-weight:700;}
.view_con{ width:920px; height:auto; font-size:16px; color:#666;}
}

@media screen and (max-width:960px){
.news{ width:96%; height:auto; margin:5px auto; padding:0 2%;}
.news ul li{ width:100%; height:auto; margin:5px 0; border-bottom:1px #ddd dashed; padding:5px 0 10px;}
.limg{ width:120px; height:90px; overflow:hidden; float:left; margin-right:10px;}
.limg img{ width:120px; height:90px;}
.news ul li em{ line-height:28px; font-size:18px; padding:5px 0;}
.news ul li span{ line-height:35px;}
.news ul li p{ display:none;}

.n_view{ width:100%; padding-bottom:15px;}
.n_view h2{ line-height:45px; display:block; border-bottom:1px #ddd dashed; font-size:23px; font-weight:100; color:#333; margin-top:30px; text-align:center;}
.n_view p{ display:block; color:#999; line-height:25px; text-align:center;}
.n_view_s{ width:96%; height:auto; padding:15px 2% 25px; line-height:30px; font-size:15px; color:#555;}
.n_view_s img{ width:100% !important; height:auto !important;}
}
@media screen and (min-width:961px){
.news{ width:920px; height:auto; margin:30px auto;}
.news ul li{ width:920px; height:auto; margin:10px 0; border-bottom:1px #ddd dashed; padding:10px 0 20px;}
.limg{ width:200px; height:135px; overflow:hidden; float:left; margin-right:15px;}
.limg img{ width:200px; height:auto;}
.news ul li em{ line-height:28px; font-size:18px; padding:5px 0;}
.news ul li span{ line-height:35px;}
.news ul li p{ line-height:23px;}
.n_view{ width:940px; padding-bottom:15px;}
.n_view h2{ line-height:45px; display:block; border-bottom:1px #ddd dashed; font-size:23px; font-weight:100; color:#333; margin-top:30px; text-align:center;}
.n_view p{ display:block; color:#999; line-height:25px; text-align:center;}
.n_view_s{ width:940px; height:auto; padding:15px 0 25px; line-height:30px; font-size:15px; color:#555;}
}
.context{ width:100%; padding:15px 0; border-top:1px #ddd solid;}
.context ul li{ font-size:14px; line-height:33px; width:100%;}





.pagination-wrapper {
 clear:both;
 padding:1em 0 2em 0;
 text-align:center;
}
.pagination {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 font-size:12px;
 border-radius: 3px;
 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li{
 list-style: none;
 display: inline;
 float: left;
 line-height: 1em;
 text-decoration: none;
 border: 1px solid #ddd;
 border-left-width: 0;
}
.pagination li a {
 display: inline-block;
 padding: .5em .8em;
 background-color: #f9f9f9;
 color: #999;
}
.pagination li a:link{
 background:#fff;
 color: #4C78A5;
}
.pagination li a:hover{
 text-decoration:none;
}
.pagination li a:link:hover {
 color: #000;
}
.pagination li.thisclass {
 background-color: #f9f9f9;
 color:#999;
}
.pagination li:first-child {
 border-left-width: 1px;
 border-radius: 3px 0 0 3px;
}
.pagination li:last-child{
 border-radius: 0 3px 3px 0;
}
.pagination .pageinfo{
 color: #444;
}