/*
* @Author: dell
* @Date:   2017-08-03 22:09:22
* @Last Modified by:   JinBo Liu
* @Last Modified time: 2017-08-04 10:09:19
*/

/*
 * reset
 */
body { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; color: #393a45; font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif }
input, textarea { margin: 0; padding: 0; outline: 0; border: 0; background: 0 0; vertical-align: middle }
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu { margin: 0 }
ol, ul, menu { padding-left: 0; list-style-type: none }
img { max-width: 100%; border: 0; vertical-align: top }
a, input, select, textarea { outline: none; star: expression(this.onFocus=this.blur()); }

/*禁止点击时出现蓝色区域*/
a { outline: 0; color: #000; text-decoration: none; font-family: "微软雅黑" }
a:hover { color: #9A2A26 }
b, i { font-style: normal }
input, b, h1, img, span, *:before, *:after, .arrs, .mask2, a.cateMore, .media-box h5 { -moz-transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; }

/*
 * common
 */
.opc0 { opacity: 0; display: none; }
.fix { *zoom: 1; }
.fix:before, .fix:after { content: ""; display: table; }
.fix:after { clear: both; }
.dib { display: inline-block; *display: inline; *zoom: 1; }
.btn { cursor: pointer; }
.hide { display: none; }
/*
* header
*/
.bar{background: #393939; color:#e1e1e1; position: relative; clear: both; z-index: 101; line-height:26px; overflow: hidden;}
.bar a{color: #e1e1e1;}
.bar ul li{ float:left;}
.bar ul li i.split{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #e1e1e1;margin:0 4px}

.widget-tel{background-color: #992C25;font-size: 14px;padding: 0 10px;font-weight: bold;margin-left: 6px}
.widget-tel i{padding-right: 5px;}

/* 社会化标志 */
.bar .link a{display:inline-block;float:left;background:url(../img/social.jpg) no-repeat; vertical-align:middle; margin-top:7px; margin-right:16px;width: 25px;height: 28px;}
.bar .link .link01{ background-position:0 0;}
.bar .link .link02{ background-position:-43px 0}
.bar .link .link03{ background-position:-87px 1px}
.bar .link .link04{ background-position:-130px 1px}
.bar .link .link05{ background-position:-173px 0}
.bar .link .link06{ background-position:-216px 0}
/* LOGO */
.logo{height: 100px;vertical-align: middle;display: table-cell;}
.logo img{display:block;}
.logo .head_tel{position:absolute;right: 0;top: 18%;color:#246cd7;font-size: 26px;font-weight: bold;line-height: 1.4}
.logo .head_tel p{font-size: 14px;color:#6c6666;line-height:30px;padding-left:40px;background: url(../img/icon_tel.jpg) center left no-repeat;}
/* 导航 */
.header{width:100%;background:#fff;z-index:999;box-shadow: 0 4px 6px rgba(0,0,0,.3);}
.header .nav .navTop{position:absolute;top:0px;display:none;height:4px;background:#992C25;z-index: 1}
.header .nav .navTop{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav{position:absolute;top:0px;right:0px;width:63%;height:100px;}
.header .nav .child{position:relative;float:left;width:14.2%;height:100px;line-height:100px;text-align:center;color:#666;}
.header .nav .child.navChildSearch{line-height:20px !important;}
.header .nav .child:hover .title,.header .nav .child.on .title{color:#fff;background:#992C25;}
.header .nav .child .title{font-size:15px;color:#666;border-right: 1px solid #eaeaea; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.header .nav .child .title{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .nav .child .childContent{display:none;position:absolute;top:100px;width:100%;z-index: 999}
.header .nav .child .childContent .childContentLi{color:#666;font-size:14px;height:38px;line-height:38px;border-bottom:1px solid #c6c5c4;
-webkit-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-moz-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-ms-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
-o-box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);
box-shadow: 0px 2px 2px 0px rgba(125,125,125,0.2);}
.header .nav .child .childContent .childContentLi:hover{background:#992C25;color:#fff;}
.header .nav .child .language{display:inline-block;*display:inline;*zoom:1;height:16px;line-height:16px;padding:0 8px;font-size:16px;color:#666;}
.header .nav .child .language:hover{color:#00aa3a;}
.header .nav .child .language.cn{border-right:1px solid #ccc;}
.header .nav .child .language.on{color:#00aa3a;}
.header .nav .child .seachIcon{cursor:pointer;}
.header .list{position:relative;background:#363839;z-index:6;}
.header .list .box{padding:50px 0;display:none;}
.header .list .content{width:492px;}
.header .list .listMTitle{color:#fff;font-size:18px;line-height:24px;padding-bottom:24px;}
.header .list .listTitle{position:relative;width:100%;}
.header .list .listTitle:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.header .list .listTitle .title{border-bottom:1px solid #999999;line-height:36px;color:#B9B9B9;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
.header .list .listTitle .title a{color:#B9B9B9;font-size:14px;}
.header .list .listTitle .title img{margin-right:12px;}
.header .list .listTitle .title .pointer{cursor:pointer;position:absolute;right:0px;top:16px;width:11px;height:11px;}
.header .list .listTitle .title .pointer .sub{position:absolute;left:0px;top:5px;width:11px;height:1px;background:#999;}
.header .list .listTitle .title .pointer .sub.sub2{ transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .list .listTitle .title .pointer .sub.sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .list .listTitle .title .pointer.on .sub.sub2{ transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}
.header .list .listTitle .listContent{display:none;width:94%;float:right;}
.header .list .addBtn{z-index:5;cursor:pointer;position:absolute;bottom:-35px;right:0;width:35px;height:35px;background:url(../images/addIcon.png) no-repeat;}
.header .list .addBtn .sub{position:absolute;width:10px;height:2px;background:#fff;}
.header .list .addBtn .sub.sub1{top:12px;left:22px;}
.header .list .addBtn .sub.sub2{top:12px;left:22px; transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-webkit-transform:rotate(90deg);}
.header .list .addBtn .sub.sub2{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.header .list .addBtn.on .sub.sub2{ transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);}

.header .searchContent{display:none;position:absolute;bottom:-80px;right:0px;padding:25px;  background-color: #f2efef;border-bottom:1px solid #dcdadb;border-left:1px solid #dcdadb;}
.header .searchContent .seach{margin:0;}

.wapNavBtn{display:none;position:absolute;top:58px;right:32px;cursor:pointer;}
.wapLanguage{display:none;position:absolute;top:35px;right:120px;}
.wapLanguage .language{padding:0 14px;color:#999999;font-size:28px;line-height:28px;display:inline-block;*display:inline;*zoom:1;}
.wapLanguage .language.on{color:#00aa3a;}
.wapLanguage .language.cn{border-right:3px solid #bababa;}
.wapNavPointer{display:none;position:absolute;top:3px;right:3px;cursor:pointer;}

/*
 * banner 
 */
.banner{position:relative;overflow:hidden;height:705px;clear:both;margin-top:2px}
	.banner ul,.banner li{position:relative;height:100%;overflow:hidden;}
	.banner ul img{position:absolute;left:50%;top:0;margin-left:-50%;max-width:none; width:100%;}
	.banner .dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
	.banner .dot{display:inline-block;width:10px;height:10px;overflow:hidden;border-radius:50%;margin:0 8px;font-size:0;cursor:pointer;background-color:rgba(0,0,0,0);border: 1px solid #fff;}
	.banner .active{background:#fff;}
/*	.banner .arrow{position:absolute;width:69px;height:70px;background:url(../img/btn_banner.png);cursor:pointer;top:50%;margin-top:90px;opacity:0;font-size:0;}*/
	.banner .prev{left:0;}
	.banner .next{right:0;background-position:right 0;}
	.banner .prev:hover{background-position:0 bottom;}
	.banner .next:hover{background-position:right bottom;}

/*
 * 搜索 
 */
.section_find{padding: 20px 0;background-color: #f3f3f3;text-align: center;}
.widget_search{margin-bottom:20px;padding: 14px 0;width: 100%;line-height: 35px;text-align: left;background-color: #fff;position: relative;text-align: center;}
.widget-search-hot{color:#000;font-size:14px;padding-bottom: 20px}
.widget-search-hot p{font-size: 18px;padding-bottom: 10px}
.widget-search-hot a{padding:0 6px;color:#3a3a3a}
.widget-search-hot a:hover{text-decoration:underline}
.widget-search-hot label{font-weight:700;}
.widget-notice{width: 65%;float: left;color: #000;position: relative;padding-left: 34px}
.widget-notice i{color: #0f8e47;font-size: 18px;position: absolute;left: 0;top: 7px;}
.widget-search-form{width:550px;font-size: 14px;color: #fff;margin:0 auto;}
.widget-search-form label{float: left;width: 10%;height: 45px;font-size: 26px;color: #bbbbbb}
.widget-search-form .form-control{float:left;width:70%;height:45px;vertical-align:top;border-color: #f3f3f3}
.widget-search-form .search_btn{width:20%;height:45px;border:none;background-color:#992C25;color:#fff}
.widget-search-form span{padding-left: 20px;color: #b2b2b2}
.widget-search-form span strong{color: #ff343f}
.widget-search-form a{float: right;height: 30px;background-color: #ff6159;padding: 0 20px;color: #fff}
/*产品*/
.sect_prod{
     background:url('../img/probg.jpg') no-repeat;
}
.module_cate{
    padding-top: 2rem
}
.module_cate h2 span{
    background: #992C25;
    color: #fff;
    padding: 1px 25px;
    font-size: 3rem;
    font-weight: lighter;
    float: right;
}
.module_cate ul{
    padding-top: 2rem
	
}
.module_cate ul li{
    border-bottom: 1px solid #f00;
    line-height: 0.7;
    color: #fff;
    padding: 20px 4px 15px 35px;
    position: relative;
	background: #992C25;
	
}
.module_cate ul li a{
    display: block;
    width: 19px;
    height: 20px;
    background:url('../img/plus.png') no-repeat;
    position: absolute;
    right: 4px;
    top: 50%;
    margin-top: -10px
}
.module_cate ul li a:hover{
    transform:rotate(90deg);
}
.module_cate ul li:hover,.module_cate ul li.cur{
    cursor: pointer;
    background: #333
}
.module_cate ul li h4{
    font-weight: normal;
    font-size: 17px
}
.module_cate a.more{
    display:block;
    text-align: center;
    color: #fff;
    padding: 15px 0 15px 0;
}
.module_cate a.more:hover{
    text-decoration: underline;
}
.module_prod{
    padding-top: 2rem;
    background: #fff;
    height: 655px;
    overflow: hidden;
}
.module_prod h2{
    text-align: center;
    background: #992C25;
    color: #fff;
    padding: 0rem 1rem 0 1rem;
    font-size: 1.0rem;
    line-height: 60px;
	margin:0 1rem;
}
.module_prod h2 strong{
    font-size: 3rem
}
.module_prod #swiper_prod{
    padding: 0.5rem 1rem 0 1rem
}
.module_prod #swiper_prod .swiper-slide{
    background: #fff
}
.module_prod .media-box{border:#e8e8e8 1px solid}
.module_prod .media-box h4{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url('../img/base/layer.png');
    font-weight: normal;
    color: #fff;
    padding: 5px 0
}
/*优势*/
.sect_advtage{background: url('../img/ysbg.jpg') no-repeat;}
.sect_advtage .services-box h3{padding:15px 15px 15px 60px;line-height: 0.8; color:#992C25}
.sect_advtage .services-box h3 span{font-family:'DIN Condensed Bold';top:-20px;left:10px;color:#000;text-align:center;font-weight:700;font-size:40px;padding: 30px 6px 0px 6px}
.sect_advtage .services-box p{padding-left: 30px;background: url('../img/3.jpg') 20px center no-repeat;}

/*
 * 客户案例
 */
.section_case{background: url(../img/casebg.png) no-repeat;}
.section_case .index_{padding-top: 3em;padding-bottom: 3em}
.section_case .index_ .T{color: #fff;}
.section_case .index_ .T h2{font-size: 44px}
.section_case .index_ .T h3{font-weight: lighter;}
.case-item{float:left;width: 240px;border: 8px solid #fff;line-height:2.2;background-color: #fff;text-align: center;margin-right: 20px}
.case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;height: 176px;overflow: hidden;}
.case-item .icon img{width: 100%;height: auto}
.case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.case-item p{font-size: 16px}
.section_case .jcarousel-control{margin-top: -20px;width: 40px;height: 40px;line-height: 36px;background-color: #fff;color: #000;border-radius: 0}
.section_case .jcarousel-control-prev {left: -60px}
.section_case .jcarousel-control-next {right: -60px}
.section_case .jcarousel-wrapper:hover .jcarousel-control-next{right:-50px;background-color:#fff}
.section_case .jcarousel-wrapper:hover .jcarousel-control-prev{left:-50px;background-color:#fff}

/*
 * 简介
 */
.section_about{background: url(../img/bg_about.jpg) center 7em no-repeat #fff}
.section_about .index_{padding-top: 12em}
.section_about h3{margin-bottom: 15px}
/*
 * section_news
 */
 .section_news .T{color:#fff}
.section_news{background: url(../img/nbg.png) no-repeat; overflow: hidden;}
.section_news .media-box{background: #f4f4f4}
.section_news .media-box .icon{height: 180px}
.section_news .media-box .icon img{width:100%;height: 100%}
.section_news .media-box p{height: 50px;}

	
	.media1-box{display:block;text-align: center;padding-bottom: 30px;background: #fff;width: 100%;}
	.media1-box .icon{display: inline-block; background: #fff; width: 100%; height: 140px; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
	.media1-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
	.media1-box h3{font-size: 16px;padding:5px 5px}
	.media1-box p{font-size: 14px;padding:0 10px;}

/*
 * top
 */
.top { display: none; position: fixed; right: 10px; bottom: 80px; z-index: 999; width: 40px; height: 40px; font-size: 24px; background: #ccc; color: #fff; line-height: 40px; text-align: center; cursor: pointer; }
.top { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.top:hover { opacity: 0.8 }
.top img { vertical-align: middle; }	

/*友链*/
.footer_link{ padding: 8px 0;text-align: left;border-top: 1px solid #ccc;background-color: #F3F6F7;color: #000}
.footer_link a{color: #000;padding: 0 4px}
.footer_link a:hover{}
/*
 * 联系方式 
 */
.section_address{background: #fff;overflow: hidden;}
.section_address .services-box .icon{width: 80px;}
.section_address .services-box .icon a {width: 50px;height: 50px;}
.section_address .services-box.horizontal p {margin-left: 80px;}
/*
* footer
*/
footer{text-align:center;background:#992C25;color: #fff;font-family: "微软雅黑","Times New Roman", Times, serif;}
.usinfo p{line-height:150%;}
.usinfo p.footlogo{height:5em; line-height:200%;}
.usinfo p a{color:#fff}



/*
 * block
 */
.index_ {padding:4em 0 4em;}
.index_ .T{padding-bottom: 40px;text-align: center;}
.index_ .T h1 { font-size: 55px; font-weight: normal; text-transform: uppercase; font-family: -webkit-pictograph; line-height: 1 }
.index_ .T h2{font-size: 24px;line-height:2;font-weight: normal;}
.index_ .T h2 strong{padding: 0 10px;position: relative;font-weight: normal;}
.index_ .T h2.border strong:before{display: block;content: ' ';width:30px;height: 1px;border-bottom: 1px solid #8d8d8d;position: absolute;right: 100%;bottom: 46%}
.index_ .T h2.border strong:after{display: block;content: ' ';width:30px;height: 1px;border-bottom: 1px solid #8d8d8d;position: absolute;left: 100%;bottom: 46%}
.index_ .T h3 { font-size: 24px; font-weight: normal; }
.index_ .T h4 { font-size: 14px; font-weight: normal; color: #7e7e7e }
.index_ .T h5 { font-size: 12px; font-weight: normal }


/* ==========================================================================
   Common module
   ========================================================================== */

/* more: text or block */
a.more { }
a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
a.more:hover { }
a.more.block { padding: 6px 30px; border: 1px solid #d2d2d2; display: inline-block; margin-top: 20px }
a.more.block:hover { border-color: #ad2226; color: inherit; }
a.button { width: 220px; height: 45px; border: 1px #eee solid; border-radius: 40px; background-color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 45px; position: relative; overflow: hidden; }
a.button.anim span { position: absolute; left: 50%; top: 0; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
a.button.anim i:before { font-size: 22px; color: #ec408c; position: absolute; top: 9px; left: 0; -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); }
a.button.anim:hover i:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
a.button.anim:hover span { left: 120%; }

/*字体盒子模型*/
.services-box { padding: 1rem 0 3.5rem 0; display: block; text-align: center;}
.services-box .icon { display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px; }
.services-box .icon a { display: block; width: 67px; height: 67px; margin: 0 auto; padding-top: 12px; }
.services-box .icon img { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.services-box .icon a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.services-box h3 { font-size: 1.5rem; padding-bottom: 0.5rem;font-weight: normal;}
.services-box p { font-size: 16px; }

.services-box i {
    display: inline-block;
    width: 88px;
    height: 88px;
    border-radius: 100%;
    font-size: 40px;
    line-height: 88px;
    background-color: #db2416;
    color: #fff;
	text-align:center
}
.services-box.horizontal { text-align: left; padding-bottom: 0 }
.services-box.horizontal .icon { display: block; float: left; width: 24px; height: 24px; border-radius: 5px; font-size: 16px; font-weight: bold; color: #ccc; text-align: center; line-height: 24px; margin-top: 8px; }
.services-box.horizontal .icon a { padding-top: 0; line-height: 67px; text-align: center; font-size: 40px; }
.services-box.horizontal h3 { margin-left: 180px; padding: 0; margin-bottom: 20px; }
.services-box.horizontal p { margin-left: 40px; height: 40px; font-size: 14px }
.tleft{text-align:left;}
/*媒体盒子模型*/
.media-box { display: block; text-align: center; margin-bottom: 15px; width: 100%; position: relative; }
.media-box .icon { display: inline-block; /*background: #f3f4f8;*/ width: 300px; height: 190px; overflow: hidden }
.media-box .icon { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.media-box h5 { font-size: 1rem; padding: 0.35rem 0.75rem; font-weight: normal; color: #000 }
.media-box h3{font-size:14px;padding:5px 10px;font-weight:normal;color:#000;}
.media-box p { font-size: 0.88rem; padding: 0 10px; line-height: 2.4; }
.media-box h6 { background: rgba(54, 105, 170, 0.8); line-height: 3; left: 0; right: 0; bottom: 0; font-size: 14px; color: #fff; position: absolute; font-weight: normal; }
.media-box .icon img { width: auto; height: auto }
.media-box .icon img { transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.media-box.anim.anim-scale:hover .icon img { transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }

/*图片+遮罩模型*/
.port-box { border: 1px #fff solid; position: relative; overflow: hidden; }
.port-box .portimg { display: inline-block; background: #fff; width: 100%; height: 230px; }
.port-box .portimg img { width: 100%; height: 100%; max-width: 100% !important; max-height: 100% !important; opacity: 1 !important; }
.port-box .portinfo { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; opacity: 0; color: #fff }
.port-box .portinfo h3 { display: block; margin-top: 18%; padding: 8px; font-size: 40px; color: #fff; border: 0px }
.port-box .portinfo p { color: #fff }
.port-box .portinfo p a { color: #fff; font-size: 16px; padding: 0 6px }
.port-box.anim .portinfo h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.port-box.anim .portinfo p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.port-box.anim:hover .portinfo { background-color: rgba(94, 40, 50, 0.9); opacity: 1; }
.port-box.anim:hover .portinfo h3, .port-box.anim:hover .portinfo p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.port-box.anim:hover .portimg img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.i-prorec .icon { position: relative }
.i-prorec .bg { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #333; opacity: .68; filter: alpha(opacity=.68) }
.i-prorec .bg-text { position: absolute; top: 50px; left: -100%; width: 100%; text-align: center; transition: initial }
.i-prorec .num { color: #fff; font-size: 18px; font-family: 微软雅黑 }
.i-prorec .price { display: inline-block; margin-top: 20px; width: 100%; color: #fff; line-height: 30px }
.article { text-align: left; }
.article .C { margin: 15px 0; font-size: 16px; overflow: hidden; }