@charset "utf-8";
/* CSS Document @woniu*/

@media screen and (max-width: 768px) {
  .pl02{padding-left: .4rem;}
  .pall02{padding-left: .4rem; padding-right: .4rem;}
}

.layui-col-space30 {margin: -0.325rem}
.layui-col-space30>* {padding: 0.325rem}
.layui-input-inline{
  width: 96%;
  margin: 0 0 .3rem 0;
}
.wtop-nsnav-bg{
  width: 100%;
  height:148px;
  background:url(../images/tb.jpg) no-repeat center bottom; 
}

.logo{ float:left;}
.h_tel {
    float: right;
    height: 75px;
    padding-left: 85px;
    text-align: left;
    display: block;
    text-align: right;
}

.menu{ height:60px; line-height:60px; background:#da0000;}
.menu li{width:12.5%; float:left; position:relative;s}
.menu li:hover{ background:#262626;}
.menu .on{ background:#262626;}
.menu li a{ color:#fff; font-size:16px; text-align:center; display:block;}
.menu .on:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-animation: layout-103-nav-active2 0.5s;
    -moz-animation: layout-103-nav-active2 0.5s;
    -o-animation: layout-103-nav-active2 0.5s;
    animation: layout-103-nav-active2 0.5s;
    bottom: 15%;
}
.menu li:hover:after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    -webkit-animation: layout-103-nav-active2 0.5s;
    -moz-animation: layout-103-nav-active2 0.5s;
    -o-animation: layout-103-nav-active2 0.5s;
    animation: layout-103-nav-active2 0.5s;
    bottom: 15%;
}

.wapmenu{ height:70px; background:#f62828; padding: 10px 0 0;}
.wapmenu li {
    width: 25%;
    line-height: 20px;
    height: 20px;
    position: relative;
    border-right: 1px solid #e3e4e5;
    box-sizing: border-box;
    font-size: 14px;
    font-weight: normal;
    float: left;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}
.wapmenu li:nth-child(4n) {
    border-right: none;
}
.wapmenu li a {
    display: block;
    line-height: 20px;
    font-size: 14px;
    height: 20px;
    color: #FFFFFF;
}

.g_cp {
    overflow:hidden;
}


.tit1_cp {
    width: 100%;
    height: auto;
    text-align: center;
}
.tit1_cp span {
	text-align:center;
}
.tit1_cp h2 {
    display: block;
    text-align: center;
    font-size: 40px;
    color: #22202b;
    font-weight: bold;
	margin-bottom:10px;
}
.tit1_cp h2 font {
    padding-bottom: 15px;
    text-align: center;
    font-size: 40px;
    color: #bc1717;
    font-weight: bold;
}
.tit1_cp p {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #8d8d8d;
    letter-spacing: 0px;
	margin-top:10px; margin-bottom:10px;
	line-height:30px;
}

.about{ line-height:30px; font-size:14px; color:434343; text-align:center;}

.proc1 { 
    width: 100%;
    height: auto;
    overflow: hidden;
    background:#f4f4f4;
}
.proc1 img {
    width: 90%;
    margin-left: 5%;
    margin-top: 10px;
}
.proc1 img:hover {
	transform: rotateY(360deg);
	transition: all 1s
}
.proc1 h2 {
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-top: 25px;
	margin-bottom:20px;
}

@media screen and (min-width: 1200px)
{
.layui-container{ width:1200px; margin:0 auto;}
}


.fb-pro{ width:95%; overflow:hidden; padding:10px; background:#f5f5f5;}
.fb-pro .tu1{
  position: relative;
  width: auto;
  height: auto;
  border-bottom:none;
  overflow: hidden;
}
.fb-pro .tu1 img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro:hover .tu1 img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.fb-pro .pro_txt {
    width: 100%;
    font-size: 16px;
    color: #222222;
    line-height: 30px;
    padding: 0 10px 10px;
    box-sizing: border-box;
    margin-top: 20px;
}
.fb-pro .pro_txt > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    box-sizing: border-box;
}
.fb-pro .pro_txt > a span {
    margin-right: 5px;
}
.fb-pro .pro_txt > a::after {
    content: "";
    position: absolute;
    width: 98px;
    height: 30px;
    background: url(../images/pro_err.png) center no-repeat #d6d6d6;
    border-radius: 15px;
    right: 0;
    top: 0;
    transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
}
.fb-pro:hover .pro_txt > a { color: #f62828; padding-left: 5px; } 
.fb-pro:hover .pro_txt > a::after { background: url(../images/pro_err.png) center no-repeat #f62828; } 

.ysqbg{ background:url(../images/ysqbg.png) center no-repeat; height:370px;}
.yssl{ margin-top:90px;}
.yssl h2{ font-size:42px; color:#fff; font-weight:bold;}
.yssl h2 span{ color:#f00;}
.sltus{ margin-top:30px; border-right:1px solid #666666; overflow:hidden; width:80%; float:left;}
.sltus li{ border-left:1px solid #666666; text-align:center;}
.sltus li span{ width:100%; font-size:22px; color:#fff; margin-top:10px; float:left;}

.yssl2{ margin-top:90px;}
.yssl2 h2{ font-size:27px; color:#fff;}
.yssl2 h2 span{ color:#f00;}
.sltel{ margin-top:70px; font-size:18px; color:#999;}
.sldh{ margin-top:10px; font-size:30px; color:#fff;}
.sldh img{ margin-right:15px;}

/****首页优势**/
.sdys{ width:100%; border-bottom:1px solid #ddd; overflow:hidden; margin-bottom:30px;}
.ys1_img{ width:100%; overflow:hidden;}
.ys1_img img{
  width: 94%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ys1_img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.ys1_t{ width:100%; overflow:hidden;}
.ys01{ width:62px; height:73px; line-height:73px; float:left; color:#fff; font-size:38px; background:url(../images/ggy.png) no-repeat; text-align:center;}
.ys01s{ float:left; margin-left:15px; width:480px;}
.ys01s span{ font-size:14px; color:#ccc;}
.ys01s h2{ color:#121212; font-size:24px; margin-top:10px; overflow:hidden;}
.ys1_nr{ width:100%; line-height:40px; font-size:18px; float:left; margin-top:30px;}
.ys1_lztp{ width:100%; float:left; margin-top:40px;}
.ys1_lztp img{ width:48%; margin-right:2%;}
.fls{ float:left;}.frs{ float:right;}
.fls img{ float:left;}
.frs img{ float:right;}

.procs1 {
	margin-top: 10px;
	text-align: center;
}
.procs1 a h3 {
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px;
	width: 156px;
	height: 56px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 56px;
	transition: all 0.3s ease-out;
	background-color: #e80010;
	border-radius: 5px;
	overflow: hidden;
	font-weight:bold;
}
.procs1 a:hover h3 {
	height: 56px;
	font-weight: bold;
	background-color: #ff8400;
	color: #FFFFFF;
}


@media screen and (max-width:768px) {
.wtop-nsnav-bg {
    height: auto;
}
.logo img{ width:100%;}
.fb-pro .pro_txt > a::after{ background:none;}
.fb-pro{ padding:0; width:100%;}
.fb-pro:hover .pro_txt > a::after{ background:none;}
.sltus{ width:99%;}
.ysqbg{ height:310px;}
.ys1_img img{ width:100%;}
.ys1_t{ margin-top:10px;}
.ys01{ width:18%; height:auto; text-align:left; text-indent:10px;}
.ys01s{ width:80%; float:right; overflow:hidden; margin-left:0;}
.ys01s h2{ font-size:22px;}
.ys1_nr{ margin-top:10px; line-height:30px;}
.ys1_lztp{ margin-top:10px;}
.ys1_lztp img{ width:48%; margin-right:2%;}
.tit1_cp h2{ font-size:30px;}
.tit1_cp h2 font{ font-size:30px;}
.procs1 a h3{ width:49%; margin-right:1%; float:left; height:45px; line-height:45px; font-weight:100;}
}
@media screen and (max-width:320px) {
.ys01{ width:20%; height:auto; text-align:left; text-indent:10px;}
.ys01s{ width:78%; float:right; overflow:hidden; margin-left:0;}	
}


/****/
.gsxw{ width:100%; overflow:hidden;}
.gsxw_ti{ width:100%; overflow:hidden;}
.gsxw_fl{ float:left; color:#333; font-size:16px; font-weight:bold; line-height:50px;}
.gsxw_fl span{ height:50px; color:#333; float:left; text-align:center;}
.gsxw_fr{ float:right; line-height:50px;}
.gsxw_ul{ width:100%; overflow:hidden; padding-top:10px;}
.xwcen{ width:100%; overflow:hidden; border-bottom:1px solid #eee;}
.gs_img{ display:none;}
.xwcen:nth-child(1) .gs_img{ display:block;}
.gs_img img{ width:100%;}
.xwcen span{ width:75%; height:48px; line-height:48px; color:#666; text-indent:1em; font-size:14px; float:left;}
.xwcen time{ width:25%; height:48px; line-height:48px; text-align:center; color:#666; font-size:14px; float:left;}
.gsxw_fls{ float:left; color:#333; font-size:16px; font-weight:bold; line-height:50px;}
.gsxw_fl span{ height:50px; color:#333; float:left; text-align:center;}
.cjwtjd{ width:100%; overflow:hidden; padding-top:10px;}
.cjwtjd li{ margin-bottom:10px;}
.cjwtjd li a:hover{ color:#c00;}
.jdtit{ width:100%; overflow:hidden; line-height:26px; height:26px; font-size:16px; margin-bottom:5px;}
.jdtit span{ width:26px; height:26px; text-align:center; float:left; background:url(../images/q.png) center no-repeat; color:#fff; margin-right:5px; font-size:14px;}
.jdcon{ width:100%; overflow:hidden; line-height:26px; font-size:13px;}
.jdcon span{ width:26px; height:26px; text-align:center; float:left; background:url(../images/a.png) center no-repeat; color:#fff; margin-right:5px; font-size:14px; display:inline-block;}
.jdcon font{ float:right; width:90%; display:inline-block;}


/*footer*/
.c-footer { background:#1e1e1e;}
.c-footer a{ color:#ffffff; }
.c-footer .mt { overflow:hidden; padding:30px 0 10px 0; }

.foot-top{padding:30px 0;}
.footl{ width:25%;float:left;display:inline;}
.footc{ width:30%;float:left;display:inline;}
.footk{ width:calc(40% - 150px);float:left;}
.footr{float:left;width:150px;}

.footl h3,.footc h3,.footk h3,.footr h3{font-size:30px;color:#fff;margin-bottom:29px;width:25px;white-space:nowrap;padding-bottom:14px;border-bottom:1px solid #242f35;}
.footl h3 span,.footc h3 span,.footk h3 span,.footr h3 span{font-size:12px;display:block;color:#fff;opacity:0.2;font-weight:lighter;line-height:100%;}
.footl p a{display:block;width:50%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footl p a:hover{text-decoration:underline;color:#bc1717;}
.footc p{color:#fff;background-position:left center;line-height:40px;font-size:16px;}
.footc p span{margin-left:18px;}


.footr em i{display:block;float:left;width:150px;}
.footr em i:last-child{float:right;}
.footr em i img{width:140px;height:140px; border:3px #fff solid}
.footr em i span{display:block;font-size:16px;color:#F4F4F4; line-height:20px;padding-left:32px;margin-top:16px;}

.footk p a{display:block;width:50%;color:rgba(255,255,255,0.8);float:left;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:40px;}
.footk p a:hover{text-decoration:underline;color:#bc1717;}

.c-footer .mc { border-top:1px solid #666666; padding:13px 0; overflow:hidden; font-size:14px; line-height:28px; color:#fff; margin-top:20px;}
.c-footer .mc span { float:left; }
.c-footer .mc dl { float:left; }
.c-footer .mc dt { float:left; padding:0 10px; }
.c-footer .mc dd { float:left; }
.c-footer .mc dd a { color:#fff; }
.c-footer .mc dd a:hover { color:#ffdb60; }

.c-copy { padding:11px 0; text-align:center; font-size:16px; line-height:30px; color:#fff; background:#1e1e1e; border-top:1px solid #333333; }
.c-copy a{ color:#ffffff; }
@media screen and (max-width:1280px){
.footl{ width:25%;}
.footc{ width:35%;}
}
@media screen and (max-width:1024px){
.footl{ display:none;}
.footc{ width:calc(100% - 150px);}
.footk{display:none;}
.c-footer .mc { display:none;}
.ys01{ width:18%; height:auto; text-align:left; text-indent:10px;}
.ys01s{ width:80%; float:right; overflow:hidden; margin-left:0;}
}
@media screen and (max-width:767px){
.footr{ display:none;}
.footc{width:50%;padding-left:20px;}
.footk{ width:calc(50% - 20px);}
.c-copy .fl,.c-copy .fr{ float:none;}
.c-copy font{ display:block } 
}
@media screen and (max-width:640px){
.footc{width:100%;padding-left:9px;}
.footk{ display:none;}
.c-copy { padding-bottom:75px;}
.c-copy .my{ display:none} 
}

.fxdb{display:none}
@media screen and (max-width:640px) {
.fxdb{display:block;height:60px;position:fixed;bottom:0px;left:0px;width:100%;z-index:9999;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+440));}
.fxdb li{float:left;list-style:none; height:55px; text-align:center;box-sizing:border-box; width:50%;}
.fxdb li a{display:block;width:94%; text-align:center; margin:0px auto; background:#bc1717; border-radius:50px; height:50px;box-shadow:0 0 5px #fff;}
.fxdb li img{height:30px; margin-top:10px}
}
.vipb{ position:absolute; bottom:3px; right:5px; height:30px; background:url(../images/vip.png) no-repeat center right; padding-right:68px; font-size:20px; color:#e7b144; line-height:35px; text-align:right; z-index:99}
.vipb a{color:#e7b144;font-size:20px; }
@media screen and (max-width:640px) {
.vipb{ bottom:62px; right:5px;}	
.hidden-xs{ display:none;}
}
.animate-tel { animation:tada 1s linear infinite; transform-origin:50% 50%; -webkit-animation:tada 1s linear infinite; -webkit-transform-origin:50% 50%; -moz-animation:tada 1s linear infinite; -moz-transform-origin:50% 50%; -o-animation:tada 1s linear infinite; -o-transform-origin:50% 50%; -ms-animation:tada 1s linear infinite; -ms-transform-origin:50% 50%; }

/***About**/
.position_now {
    font-size: 14px;
    background: #F5F5F5;
}
.position_now .fl {
    color: #707070;
    line-height: 60px;
}
.position_now .fl img {
    height: 20px;
    margin-top: -4px;
    display: inline-block;
    margin-right: 8px;
}
.position_now a {
    display: inline-block;
    color: #707070;
}
.position_now .fr {
    font-family: impact;
    color: #bc1717;
    font-size: 0;
}
.position_now .fr img {
    height: 26px;
    float: left;
    margin: 18px 10px 0 0;
}
.position_now .fr strong {
    font-weight: 100;
    font-size: 22px;
    display: block;
    float: left;
    line-height: 60px;
}
.nyabout{ padding:10px; line-height:27px; font-size:16px;}
.nyabout img{ max-width:100%;}
.sub_bk{ text-align:center;}
.sub_bk a{ display:block; float:left; line-height:40px; font-size:16px; border:1px solid #ddd; border-radius:48px;margin-right:2%;width:23.5%; box-sizing:border-box; margin-bottom:15px; height:40px; overflow:hidden}
.sub_bk .on{ background:#bc1717; color:#fff;}
.sub_bk a:hover,.sub_bk a.active{ background:#bc1717; color:#fff;}
.sub_bk a:nth-child(4n){ margin-right:0;}
.sub_bk span{ color:#fff; font-size:16px; margin-left:10px; display:inline-block; cursor:pointer; position:absolute; right:0; top:0; display:none; line-height:4rem;}
.sub_bk .show{ height:auto; background:#eee;}
@media screen and (max-width:640px){
.sub_bk a{width:49%; margin-right:2%}
.sub_bk a:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:380px){
.sub_bk a{ line-height:42px; font-size:14px; border-radius:42px; margin-bottom:8px; height:42px; overflow:hidden}
}

.yunu-contact {background-color:#F7F7F7;padding:25px; overflow:hidden;} 
.yunu-contact h4 {margin:0;font-size:24px;border-bottom:1px solid #ddd;padding-bottom:15px;} 
.yunu-contact dl {margin:0;padding:20px 0;border-bottom:1px dashed #ccc;overflow:hidden; width:50%; float:left;} 
.yunu-contact dt {float:left;} 
.yunu-contact dd {margin-left:55px;font-size:16px;padding-top:16px;} 
.yunu-contact dd span {padding-left:50px;} 
@media only screen and (max-width:480px){
.yunu-contact dd span {padding-left:10px;} 
.yunu-contact dl{ width:100%;}
}
@media only screen and (max-width:400px){
.yunu-contact h4 {font-size:20px;} 
.yunu-contact dl:nth-child(3) dd span{ display:block;} 
}


/***New**/
.news-box{ padding:20px 10px; overflow:hidden;}
.news-box:nth-child(2n){ background:#f5f5f5;}
.news-box a{ display:block;}
.txtW { font-size:18px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; } 
.txtH { word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; line-height:25px;}
.news-box h3{ font-size:20px; position:relative; font-weight:normal;}
.news-box h3 span{ float:right;font-size:16px;}
.news-box p{ font-size:16px; color:#656565; margin-top:20px}
.news-box a:hover h3{ color:#f62828;}
.news_img{ width:100%; overflow:hidden;}
.news_img img{ width:90%;}
@media (max-width:1024px){
.news-box h3{ font-size:20px; }
}
@media (max-width:640px){
.news-box h3{ font-size:20px; }
.news-box p{ font-size:14px; margin-top:0px;}
.news-box{ padding:10px 0; overflow:hidden;}
}
@media (max-width:480px){
.news-box h3{ font-size:16px; }
.news-box p{ font-size:14px; margin-top:0px;}
.news-box{ padding:10px 0; overflow:hidden;}
}
.nynews{ overflow:hidden;}
.news-tit {
    font-size: 36px;
    font-weight: bold;
	text-align:center;
}
.tool {
    color: #999;
    padding: 24px 0;
	text-align:center;
}
.tool span {
    display: inline-block;
    margin: 0 6px;
    font-size: 14px;
}
.newcontents{ line-height:30px; font-size:16px; padding:0 10px; overflow:hidden;}
.newcontents img{ max-width:100%;}{
@media screen and (max-width: 480px)
.news-tit {
    font-size: 24px;
}
}
@media screen and (max-width: 640px){
.news-tit {
    font-size: 24px;
}
.pro_name{ padding-left:0px !important;}
}
.ny-page {
    border-top: 1px solid #ddd;
    line-height: 36px;
    padding: 10px 0 0;
    font-size: 14px;
	overflow:hidden;
}
.txtW {
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}
.tr{ text-align:right;}
@media screen and (max-width: 1024px){
.ny-page .txtW {
    font-size: 15px;
}
.tr{ text-align:left;}
}

.xgcp_title {
    padding: 10px;
    background-color: #fafafa;
    margin: 15px 0;
	overflow:hidden;
	width:100%;
	float:left;
}
.xgcp_title h3 {
    color: #bc1717;
    border-left: 2px solid #bc1717;
    padding-left: 20px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 20px;
}
.xwzx{ width:100%; overflow:hidden;}
.xwzx ul {
    list-style-type: none;
    margin-bottom: 10px;
}
.xgxw {
    border-bottom: 1px dotted #ccc;
    height: 25px;
    line-height: 25px;
    text-align: left;
    overflow: hidden;
	padding-bottom:10px;
}
.xwzx ul li span {
    float: right;
}
.xgxw{ width:100%; overflow:hidden;}
.pro {
    margin-top: 18px;
	overflow:hidden;
}
.xgcp{ width:100%; overflow:hidden;}
.xgcp img{ width:100%;}
.xgcp p{ text-align:center; line-height:35px; font-size:15px;}
.pro li a p {
    height: 50px;
    line-height: 50px;
    font-size: 16px;
	font-weight:bold;
}

.pro{margin-top:18px;}
.pro li{text-align:center; list-style:none; margin-bottom:15px}
.pro li a{display:block;}
.pro li a span{display:block;width:100%;height:0;position:relative;padding-bottom:75%; overflow:hidden}
.pro li a span img{width:100%;position:absolute; top:0; left:0;transition-duration:1s;-ms-transition-duration:1s;-moz-transition-duration:1s;-webkit-transition-duration:1s;}
.pro li a span img:hover {transform:scale(1.2); } 
.pro li a p{display:block;height:40px;line-height:40px;overflow:hidden;}
.pro li a:hover p{color:#000;}
@media screen and (max-width:767px){
.pro li{overflow:hidden; width:49%; float:left; margin-right:2%}
.pro li:nth-child(2n){ margin-right:0}

}
@media screen and (max-width:992px){
.hide-xs{ display:none;}
}
@media screen and (min-width:768px){
.pro li{overflow:hidden; width:31.3%; float:left; margin-right:2%;}
.pro li:nth-child(3n){ margin-right:0}
.pro li a p{height:32px;line-height:32px;}
}
@media screen and (min-width:992px){
.pro li a p{height:36px;line-height:36px;}
}
@media screen and (min-width:1200px){
.pro li a p{height:50px;line-height:50px; font-size:16px}
}

.cpnyt{ width:100%; overflow:hidden;}
.cpnyt img{ width:100%;}

.pro_name{ padding-left:30px;}
.pro_name h2{font-size:20px;padding:22px 0;border-bottom:1px dashed #ddd;}
.pro-canshu{padding:0;}
.pro-canshu p{line-height:30px;color:#666;}
.pro_name a.nm{display:block;width:172px;height:40px;border:1px solid #5F5F5F;background:#5F5F5F;color:#fff;text-align:center;line-height:40px;}
.pro_name a.nm:hover{display:block;background:none;color:#5F5F5F;}
#textarea img{ max-width:100%}
@media screen and (min-width:768px){
	.pro_name h2{font-size:22px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:40px 0 22px 0;}
}
@media screen and (min-width:1200px){
	.pro_name h2{font-size:24px;}
	.pro-canshu{padding:0;}
	.info_title h3{padding:48px 0 24px 0;}
}

.headtop{ height:40px; line-height:40px; background:#f2f2f2;}


.case_img{ width:100%; height:auto; float:left; overflow:hidden;}
.case_img img{
  width: 100%;
  transition: all 0.5s ease-out;
  -webkit-transform: scale(1, 1); 
     -moz-transform: scale(1, 1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.case_img:hover img{
   transition: all 0.5s ease-out;
  -webkit-transform: scale(1.1, 1.1); 
     -moz-transform: scale(1.1, 1.1); 
  -webkit-transition: all 0.5s ease-out; 
     -moz-transition: all 0.5s ease-out; 
}
.case_tit{ line-height:40px; text-align:center; font-size:16px; color:#333; width:100%; overflow:hidden; height:40px; float:left;}

.c-flink{ height:60px; background:#f62828; line-height:60px;}
.c-flink strong{ font-size:18px; margin-right:28px; color:#fff;}
.c-flink a {
    font-size: 14px;
    color: #fff;
    padding: 0 10px 0 0;
}

.footer-fix {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 10;
    display: none;
}
.footer-fix li {
    float: left;
    width: 25%;
}
.footer-fix li a {
    display: block;
    text-align: center;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1;
}
.footer-fix li i.i1 {
    background-image: url(../images/f_01.png);
}
.footer-fix li i.i2 {
    background-image: url(../images/f_02.png);
}
.footer-fix li i.i4 {
    background-image: url(../images/f_04.png);
}
.footer-fix li i.i3 {
    background-image: url(../images/f_03.png);
}
.footer-fix li i {
    display: block;
    height: 20px;
    background: no-repeat center;
    background-size: contain;
    margin-bottom: 4px;
}

@media screen and (max-width: 640px){
.footer-fix{ display:block;}
}