@charset "utf-8";
body{ background:#efefef;}
@media screen and (min-width:1200px){
.abbtban{ height:560px; background:url(../images/banner/ab.jpg) center right no-repeat;}
.newsban{ height:560px; background:url(../images/banner/nw.jpg) center no-repeat;}
.proban{ height:701px; background:url(../images/banner/pro.jpg) center bottom no-repeat;}
.lixiban{ height:560px; background:url(../images/banner/ct.jpg) center no-repeat;}
.fuwuban{ height:560px; background:url(../images/banner/fuwu.jpg) center bottom no-repeat;}
.infoban{ padding-top:160px;}
}
@media screen and (max-width:1200px) and (min-width:760px) {
.abbtban{ height:400px; background:url(../images/banner/ab.jpg) center right no-repeat; background-size:110%;}
.newsban{ height:400px; background:url(../images/banner/nw.jpg) center no-repeat; background-size:110%;}
.proban{ height:400px; background:url(../images/banner/pro.jpg) center top no-repeat; background-size:110%;}
.lixiban{ height:400px; background:url(../images/banner/ct.jpg) center no-repeat; background-size:110%;}
.fuwuban{ height:400px; background:url(../images/banner/fuwu.jpg) center no-repeat;}
.infoban{ padding-top:160px;}
}
.infoban{ width:80%; margin:0 auto; display:block;}
.infoban em{ display:block; font-size:28px; line-height:65px; font-weight:700; color:#c30d23;}
.infoban p{ color:#000; font-size:16px;}
@media screen and (max-width:760px){
.abbtban{ height:200px; background:url(../images/banner/ab.jpg) center right no-repeat; background-size:135%; margin-top:80px;}
.newsban{ height:200px; background:url(../images/banner/nw.jpg) center no-repeat; background-size:115%; margin-top:80px;}
.proban{ height:200px; background:url(../images/banner/pro.jpg) center top no-repeat; background-size:115%; margin-top:80px;}
.lixiban{ height:200px; background:url(../images/banner/ct.jpg) center no-repeat; background-size:115%; margin-top:80px;}
.fuwuban{ height:200px; background:url(../images/banner/fuwu.jpg) center no-repeat; background-size:125%; margin-top:80px;}
.infoban{ display:none;}
}


#info{ margin-top:-65px; position:relative; z-index:1; background:url(../images/infobg.png) center repeat-y;}
.info{ background:#fff;}
@media screen and (min-width:1200px){
.info{ padding:15px 50px 50px;}
}
@media screen and (max-width:1200px){
.info{ padding:15px 30px 50px;}
}
.info_url{ height:50px; border-bottom:1px #ddd solid;}
.info_url ul{ float:left; }
.info_url ul li{ float:left; height:20px; line-height:20px; padding:0 30px 0 15px; margin:15px; border-right:1px #eee solid; background:url(../images/nav1.png) left no-repeat;}
.info_url ul li a{ font-size:15px;}
.info_url ul li a:hover{ color:#c30d23;}
.info_url ul li:hover{ background:url(../images/nav2.png) left no-repeat;}
.info_url ul li.lion{ background:url(../images/nav2.png) left no-repeat;}
.info_url ul li.lion a{ color:#c30d23;}
.info_url p{ float:right; background:url(../images/local.png) left center no-repeat; padding-left:25px; color:#999; line-height:50px;}
.info_url p a{ color:#999}
.info_url p a:hover{ color:#c30d23;}
@media screen and (max-width:760px){
.info_url p{ display:none;}
}
/****/
.contact_title{ padding:30px 0; text-align:center;}
.contact_title em{ display:block; line-height:66px; font-size:28px; font-weight:700; background:url(../images/line.jpg) center bottom no-repeat; color:#333;}
.contact_title p{ padding-top:10px; line-height:30px; color:#888;}
.contact_con{ padding:25px 0; text-align:center;}
.contact_con img{ display:block; margin:0 auto;}
.contact_con em{ display:block; line-height:50px; color:#222; font-weight:700; font-size:16px;}
.contact_con1{ background:#f9f9f9; height:140px; padding:25px 0;}
.contact_con2{ background:#f9f9f9; height:140px; padding:25px 0;}
@media screen and (min-width:960px){
.contact_con1{ width:20%; margin-right:2%; float:left;}
.contact_con2{ width:34%; float:right;}
.contact_map{ display:block; width:100%; height:460px;}
}
@media screen and (max-width:960px){
.contact_con1{ margin-bottom:15px;}
.contact_map{ display:none;}
}

/**about**/
.about_title{ padding:30px 0;}
.about_title em{ display:block; line-height:66px; font-size:22px; font-weight:700; background:url(../images/line.jpg) left bottom no-repeat; color:#333;}
@media screen and (min-width:1200px){
.about_conl{ width:52%; float:left;}
.about_conr{ width:45%; float:right;}
}
@media screen and (max-width:1200px){
.about_conl{ }
.about_conr{ }
}
.about_conl{ font-size:15px; line-height:33px; margin-top:25px;}
.about_conr{ margin-top:45px; text-align:right;}
.about_conr img{ max-width:100%;}
/**news**/
.news_list{ display:block; padding:20px 0;}
@media screen and (min-width:960px){
.news_list ul li{ width:48%; margin:15px 1%; float:left;}
}
@media screen and (max-width:960px){
.news_list ul li{ margin:15px 0;}
}
.news_list ul li{ height:170px; box-shadow:0px 0px 10px #eee; transition:.5s;}
.news_list ul li:hover{ box-shadow:0px 0px 20px #aaa;}
.news_list ul li a{ display:block; padding:20px;}
@media screen and (max-width:640px){
.news_list ul li a div{ display:none;}
}
.news_list ul li a div{ width:30%; height:130px; overflow:hidden; float:left; margin-right:15px;}
.news_list ul li a div img{ display:block; height:130px;}
.news_list ul li a em{ font-size:16px; font-weight:700; line-height:35px;}
.news_list ul li a p{ color:#999; line-height:22px; height:66px; overflow:hidden;}
/**view**/
@media screen and (min-width:960px){
.infol{ width:22%; max-width:280px; float:right;}
.infor{ width:75%; float:left;}
}
@media screen and (max-width:960px){
.infol{ display:none;}
}
.infol{ padding-bottom:15px; }
.infor{ min-height:500px;}
.context{ height:30px; line-height:30px; padding-top:10px;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:450px; height:30px; line-height:30px; float:left;}
.context ul li a{ color:#666;}
.newnr{ height:auto;}
.ntit{ padding:45px 0; line-height:35px; text-align:center; font-weight:100; color:#444; font-size:26px;}
.jhurl{ height:auto; padding:8px 0; line-height:23px; font-size:12px; text-align:center; color:#999; background:#f0f0f0; margin-bottom:15px;}
.jhurl span{ padding:0 15px;}
@media screen and (max-width:640px){
.jhurl span{ padding:0 5px;}
}
.nwcon{ height:auto; font-size:15px; line-height:30px; color:#555;}
.nwcon img{ max-width:100% !important; height:auto !important;}
.nwcon table{ width:100% !important; height:auto !important;}
.nwcon table tr td{ padding:0; margin:0; padding:0 5px; width:auto !important; word-wrap:break-word; height:auto !important;}
.context{ height:30px; line-height:30px; margin:25px 0; background:#f0f0f0; padding:8px 15px;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:50%; height:30px; line-height:30px; float:left;}
.context ul li a{ color:#888;}
.context ul li a:hover{ color:#cf1d2b;}

.news_proy{ display:block; margin-top:25px;}
.news_proy h3{ font-size:18px; line-height:45px; text-align:center; background:#eee; color:#555;}
.news_proy ul{ padding-top:20px;}
.news_proy ul li{ margin-bottom:20px; border:1px #eee solid; text-align:center; transition:.5s; padding-bottom:8px;}
.news_proy ul li:hover{ border:1px #cf1d2b solid;}
.news_proy ul li .tjimg{ margin:10px;}
.news_proy ul li .tjimg img{ width:100%;}
.news_proy ul li span a{ font-size:15px; color:#666; line-height:35px;}

.news_xin{ margin-top:45px;}
.news_xin_tit{ font-size:18px; line-height:45px; text-align:center; background:#eee; color:#555; font-weight:700;}
.news_xin_con{ padding-top:15px;}
.news_xin_con li{ height:33px; line-height:33px; border-bottom:1px #ddd dashed; background:url(../images/nav1.png) left center no-repeat; overflow:hidden;}
.news_xin_con li:hover{ background:url(../images/nav2.png) left center no-repeat;}
.news_xin_con li a{ padding-left:12px;}
.news_xin_con li a:hover{ color:#cf1d2b;}
/**peoduct**/
.list_pro{ margin:35px auto; }
.list_pro ul li{box-shadow:0px 0px 12px #ccc; padding-bottom:12px;}
@media screen and (min-width:1660px){
.list_pro ul li{ width:30.33%; float:left; margin-bottom:25px; margin:20px 1.5%;}
}
@media screen and (max-width:1660px) and (min-width:960px){
.list_pro ul li{ width:46%; float:left; margin-bottom:25px; margin-bottom:20px; margin:20px 2%;}
}
@media screen and (max-width:960px) and (min-width:640px){
.list_pro ul li{ width:46%; float:left; margin-bottom:25px; margin-bottom:20px; margin:20px 2%;}
}
@media screen and (max-width:640px){
.list_pro ul li{ margin-bottom:15px;}
}

.list_pro ul li span a{ background:#f0f0f0; display:block; width:95%; height:60px; line-height:60px; text-align:center; margin:5px auto 0;}
.list_pro ul li span a b{ font-weight:100;}
.list_pro ul li .pgimg{ overflow:hidden; width:95%; margin:0 auto;}

.list_pro ul li .pgimg img{ width:100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.list_pro ul li:hover .pgimg img {
	-webkit-transform: scale(1.12);
	-moz-transform: scale(1.12);
	-o-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*pages*/
.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; }