@charset "utf-8";
/* CSS Document */


/* reset styles */
ul,li{list-style:none;}
img,hr{border:0;}

h1,h2,h3,h4,h5,h6,i{margin:0;padding:0;font-size:12px;font-weight:normal;font-style:normal;}

*{
	margin:0;
	padding:0;
}

body{		
    font-family: "Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif;
}
img{
	margin:0;
	padding:0;
	border:0;
	max-width:100%;
}
li{
	list-style:none;
}
a{
	text-decoration: none;
	color:#000;

}
a:hover{ 
	text-decoration:none;
	color:#000;
}
a:focus{
    outline: 0;
}
.clear{
	zoom:1;
}
.clear:after{
	content:'';
	display: block;
	clear:both;
}
.fl{
	float:left;
	
}
.fr{
	float:right;
	
}
.wrap{
	min-width: 1140px;
}
/*全局样式结束*/



/* header styles */
.header_wrap{height:100px;background:#FFF;}
.header{width:1140px;height:100px;margin:0 auto;}
.header .hea_logo{width:170px;float:left;height:80px;padding-top:5px;}
.header .hea_nav{width:850px;height:100px;margin:0 auto;}
.hea_nav ul{z-index:999}

.hea_nav ul li a{display:block;color:#333;font-size:18px/*;font-weight:bold;     text-shadow: 1px 1px 0 #FFF,-1px -1px 0 #9E9E9E; */}
.hea_nav ul li:hover a{display:block;color:#FFF;font-size:18px;/* text-shadow: 0 0 0 #FFF,0 0 0 #9E9E9E; */}
.hea_nav ul li #sub_menu {width:170px;}
.hea_nav ul li #sub_menu a{display:block;color:#fff;font-size:16px;/* text-shadow: 0 0 0 #FFF,0 0 0 #9E9E9E; */}
.hea_nav ul li.dh{float:left;width:170px;height:100px;line-height:100px;font-size:14px;text-align:center;position:relative;}
.hea_nav ul li.logo{float:left;width:170px;height:100px;line-height:100px;font-size:14px;text-align:center;position:relative;}
.hea_nav ul li:hover{background:#eb611e;}

.hea_nav ul li.curr a{color:#eb611e;}
.hea_nav ul li:hover.curr a{color:#fff;}
.hea_nav ul li.dh ul{background:#333333;display:none;width:106px;font-size:12px;position:absolute;z-index:999;}
.hea_nav ul li.dh ul li{height:40px;line-height:40px;border-bottom:1px dashed #000;}
.hea_nav ul li.dh ul li:hover{border-bottom:1px dashed #eb611e;}
.hea_nav ul li.dh ul li a{font-size:13px;}

.banner{
	width:100%;
}
.banner img{
	display: block;
	width:100%;
	margin:0 auto;
}
/* footer */
.footer_wrap{height:246px;background:#333333;border-top:4px solid #eb611e;}
.footer_wrap .footer{width:1140px;margin:auto;}
.footer .foot_left{width:800px;float:left;}
.footer .foot_left .foot_left_top{width:800px;height:120px;overflow:hidden;padding-top:50px;}
.foot_left_top .top_box{width:120px;float:left;}
.foot_left_top .top_box a{color:#ffffff;display:block;height:28px;line-height:28px;}
.foot_left_top .top_inform{width:318px;float:left;height:140px;}
.top_box h2, .top_inform h2 {font-size:16px;color:#ffffff;line-height:28px;}
.top_box p, .top_inform p{ font-size:13px;color:#ffffff;line-height:28px;}
.footer .foot_left .foot_left_bottom{font-size:13px;color:#d7d4d4;line-height:36px;}
.footer .foot_left .foot_left_bottom a{color:#FFF;}
.footer .foot_left .foot_left_bottom a:hover{color:#F00;}
.footer .foot_left .foot_left_mail{line-height:10px;font-size:13px;color:#d7d4d4;}
.footer .foot_left .foot_left_mail a{color:#d7d4d4;}
.footer .foot_left .foot_left_mail a:hover{color:#F00;}
.footer .foot_right{float:right;width:124px;padding-top:50px;}
.footer .foot_right span{line-height:18px;text-align:center;width:100%;color:#ffffff; display:block;margin:0px;padding:0px;}



.main_box1{width:1136px;margin:auto;padding-top:50px;overflow:hidden;margin-bottom:40px;}
.main_box1 ul{}
.main_box1 ul li{width:224px;float:left;text-align:center;}
.main_box1 ul li a{width:100%;height:90px;display:block;padding-bottom:5px;}
.main_box1 ul li p{font-size:15px;width:100%;margin:0px;line-height:20px;color:#212020;}

.main_box1 ul li a:hover img{
    animation: flipInY 1s;
    -ms-animation: flipInY 1s;
    -moz-animation: flipInY 1s;
    -webkit-animation: flipInY 1s;
    -o-animation: flipInY 1s;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}



.main_title{width:100%;height:130px;text-align:center;padding-top:50px;overflow:hidden;}
.main_title h1{font-size:30px;color:#282828;}
.main_title h3{font-size:20px;color:#282828;font-weight:bold; }
.main_title p{font-size:12px;margin-top:10px;color:#282828;}
.main_title span{font-size:12px;margin-top:10px;color:#282828;}
.tit_bg1 {
    background: url(../images/bg_1.jpg);
}

 
/*首页轮播 */

.rollBox{width:1140px;/* overflow:hidden; */margin:0 auto;padding:20px 0;}
.rollBox .LeftBotton{height:73px;width:26px;background:url(../images/but-l.png) no-repeat;overflow:hidden;float:left;display:inline;margin:96px 20px 0 0;cursor:pointer;}
.rollBox .RightBotton{height:73px;width:26px;background:url(../images/but-r.png) no-repeat;overflow:hidden;float:left;display:inline;margin:96px 0 0 20px;cursor:pointer;}
.rollBox .Cont{width:1140px;overflow:hidden;margin:0 auto;float: left}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:284px;height:322px;float:left;text-align:center;/* display: block; */position: relative;display:table;overflow:hidden;lin-height:322px;}
.rollBox .Cont .pic a{display:table-cell;vertical-align:middle;border:1px solid #ccc;}
.rollBox .Cont .pic img{background:#fff;margin:0 auto;height:auto;width: 100%;max-height:282px;display:block;}
.rollBox .Cont .pic p{line-height:26px;color:#505050;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}

.rollBox .Cont .pic span {
    display: inline-block;
    width: 242px;
    height: 121px;
    padding: 10px 20px;
    z-index: 999;
    background: url(../images/img_bg.png);
    position: absolute;
    left: 1px;
    bottom: -141px;
    transition: bottom 0.5s ease;
    -webkit-transition: bottom 0.5s ease;
    -moz-transition: bottom 0.5s ease;
    -o-transition: bottom 0.5s ease;
}
.rollBox .Cont .pic:hover span{bottom:0px;}
.rollBox .Cont .pic h3{text-align:center;font-size:16px;font-weight:bold;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;}
.rollBox .Cont .pic p{text-indent:2em;font-size:14px;line-height:20px;color:#fff;height:60px;overflow: hidden;}
.rollBox .Cont .pic i {
    border: 1px solid #FFF;
    padding: 0px 5px;
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -35px;
    diplay: block;
    height: 22px;
    width: 65px;
    text-align: center;
    line-height: 22px;
    color:#fff;
}
.rollBox .Cont .pic i:hover{
	border: 1px solid #eb611e;
}


/* 案例 */
.wd { width: 1140px; position: relative; height: auto; margin: 0 auto; overflow: hidden; z-index: 1; }/*0113*/
.indexlist, .indexlist ul { height: auto; overflow: hidden; color: #333; margin-left:-4px;}
.indexlist { padding: 90px 0 61px; width:1300px;}/*0130*/
.indexlist ul li { float: left; margin: 0 9px 9px; text-align: center; position:relative; bottom: 0;}
.indexlist ul li:hover{bottom:3px;}
.indexlist ul li a, .indexlist ul li a img { display: block; }
.indexlist ul li a { border: 1px solid #ececec; border-bottom: 2px solid #eb611e; padding-bottom: 27px; }
.indexlist ul li a img { width: 270px; height: 227px; }
.indexlist ul li a p { font-weight: bold; font-size: 16px;  color: #3f3f3f; padding: 18px 0 3px; background: url(../images/case-bg.png) no-repeat 0 top;}
.indexlist ul li a span { text-transform: uppercase; filter: alpha(opacity=50); opacity: 0.5; font-size: 14px; font-family: Tahoma; }
.indexlist ul li a:hover img, .videoL:hover img { -webkit-transition: All .5s ease; -moz-transition: All .5s ease; transition: All .5s ease; filter: alpha(opacity=70); opacity: 0.7; }/*0130*/


/* 资讯中心 */
.main_box5{width:1140px;margin:0 auto;padding:80px 0 90px 0;}
.box5_right{margin:0 -20px;}
.box5_right .Contentbox{float:left; width:550px;padding:0 20px;}
.box5_right .Contentboxt{color:#767676;}
.box5_right .Contentbox .tw li{ margin:5px 10px 15px 0;border-bottom:1px dashed #ddd;line-height:25px;color:#666;position:relative;}
.box5_right .Contentbox .tw li img{ float:left; margin-right:10px;margin-bottom:5px; width:80px; height:80px;}
.box5_right .Contentbox .tw li h3{font-size:14px;font-weight:bold;}
.box5_right .Contentbox .tw li h3 a{ /* border-bottom:1px solid #ddd; */ display:block; color:#666; float:left; }
.box5_right .Contentbox .tw li h3 span{ margin-left:20px; }
.box5_right .Contentbox .tw li .li_nr{ line-height:22px; font-size:13px; margin-top:5px;height: 44px;overflow: hidden;}
.box5_right .Contentbox .tw li .li_nr a{ color:#767676; position:absolute; right:10px; bottom:2px; }
.box5_right .Contentbox .tw li a:hover{color:#eb611e;}
.box5_right .Contentbox .cwz{margin:0 -10px;}
.box5_right .Contentbox .cwz li{ margin:0 10px 0 10px; border-bottom:1px dashed #ddd; line-height:30px; position:relative;width:260px; float:left; /* border-right:1px solid #00F; */ }/*此背景图片可自行调整*/
.box5_right .Contentbox .cwz li span{ position:absolute; right:10px;color:#767676;font-size:14px;}
.box5_right .Contentbox .cwz li a{ color:#767676;font-size:14px;display:inline-block;width:140px;overflow:hidden;text-overflow: ellipsis;
    white-space: nowrap;}
.box5_right .Contentbox .cwz li a:hover{color:#eb611e;}


.met_section{position:relative;padding:40px 0 50px;width: 1140px;margin:0 auto;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{float:left;margin-left:-230px;width:100%;}
.met_section .met_article{margin-left:260px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef;border-left:4px solid #eb611e;}
/* .met_section aside .met_aside dl dt:hover{background:#efefef;border-left:4px solid #e9280c;} */
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;}
.met_article_head .met_position a{color:#999;font-size:14px;}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;line-height:50px;}
.met_section_head a{color:#999;}
.met_section_head a:hover{color:#e9280c;}
.met_module1 {
    padding: 30px 0;
}


/* 新闻 */
.fa .fa-list{
	border-bottom:1px solid #ececec;
	padding:20px 0;
}
.fa .fa-list .fa-pic{
	width:170px;
	height:120px;
	display: block;
    float:left;
}
.fa .fa-list .fa-pic img{
	width:170px;
	height:120px;
	display: block;

}
.fa .fa-list .fa-pic:hover img{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
    transform-origin: 50% 50%;
}
.fa .fa-list .text{
	margin-left:200px;
	/* padding-top:10px; */
	/* height:156px; */
}
.fa .fa-list .text h3{
	font-size:18px;
	color:#000;
	line-height: 30px;
	font-weight: bold;
}
.fa .fa-list .text span{
	font-size:15px;
	color:#a2a2a2;
	line-height: 24px;
	display: block;
	padding:10px 0 0 0;
}
.fa .fa-list .text p{
	font-size:15px;
	color:#787878;
	line-height: 24px;
	display: block;
	height: 52px;
	overflow: hidden;
	padding-top:6px;
}


/* 分页 */

.met_pager{text-align:center;padding:50px 0 0}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#aaa}
.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{/* font-weight:bold; */background:#f0f0f0;color:#aaa}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}



.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#8c8c8c;font-size:14px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}


.fw-list{
	margin:0 -20px;
}
.fw-list li{
	float:left;
	border:1px solid #dddddd;
	width:203px;
	margin:0 0 15px 20px;	
}
.fw-list li img{
	width:203px;
	height:160px;
	display: block;
}
.fw-list li:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05); 
    -ms-transform: scale(1.05); 
    -o-transform: scale(1.05); 
    transform: scale(1.05);
    transform-origin: 50% 50%;
}
.fw-list li:hover img{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity:0.5;
	opacity:0.5;
}
.fw-list li span{
	display: block;
	padding:10px;
	text-align: center;
	border-top:1px solid #dddddd;
	line-height: 22px;

}


#showproduct dl.pshow{visibility:hidden}
#showproduct dl.pshow dt{position:relative;font-size:0;/* text-align:center; */overflow:hidden;border-right:1px solid #ddd;float:left;width: 424px;}
#showproduct dl.pshow dt .met_box{margin:0 auto;visibility:hidden}
#showproduct dl.pshow dt .met_box figcaption{display:none}
#showproduct dl.pshow dt .my-simple-gallery figure{float:left;margin:0}

#showproduct dl.pshow dt img{width:396px;height:270px;}
#showproduct dl.pshow dt h1{
	font-size:16px;
	color:#fff;
	background:rgba(0,0,0,0.8);
	text-align:center;
	position:absolute;
	bottom:0;
	width:100%;
	padding:8px 0;
}

#showproduct dl.pshow dd{float:right;width:422px;}
#showproduct dl.pshow dd .met_box{padding:0 0 0 20px}
#showproduct dl.pshow dd .met_box h1{font-size:24px;padding:20px 5px 20px 0;border-bottom:1px solid #ddd}
#showproduct dl.pshow dd .met_box ul li{list-style:none;color:#818181;padding:8px 5px 8px 90px;border-bottom:1px solid #ddd;position:relative}
#showproduct dl.pshow dd .met_box ul li span{position:absolute;left:0;top:0;padding:8px 5px;width:80px;word-wrap:break-word}
#showproduct dl.pshow dd .met_box .desc{padding:10px;margin-top:20px;background:#f7f8fa;color:#666}
#showproduct .met_nav{height:45px;line-height:45px;margin:30px 0;border:1px solid #ddd}
#showproduct .met_nav li{float:left;list-style:none;border-right:1px solid #ddd;cursor:pointer}
#showproduct .met_nav li a{display:block;padding:0 40px}
#showproduct .met_nav li.met_now,#showproduct .met_nav li.met_hover{background:#f7f8fa}



/* 资料下载 */
.xz-list li{
	background: url(../images/m2zl_ico1.jpg) no-repeat 20px center;
	border-bottom:1px solid #e3e2e2;
	padding:10px 0;
	padding-left:20px;
}
.xz-list li i{
	float:left;
	font-size:14px;
	color:#666666;
	line-height: 30px;
	text-indent: 30px;
}
.xz-list li p a{
	float:left;
	font-size:14px;
	color:#666666;
	line-height: 30px;
	text-indent: 15px;
}
.xz-list li p a:hover{
	color:#eb611e;
}
.xz-list li span{
	float:right;
	display: block;
}
.xz-list li span a{
	font-size:14px;
	color:#666666;
	line-height: 30px;
	display: block;
	background: url(../images/m2zl_ico2.jpg) no-repeat left center;
	text-indent: 20px;
}
.xz-list li span a:hover{
	color:#eb611e;
}


/*案例*/
.videolist { height: auto; overflow: hidden;  margin-left: -30px; }
.videolist li { float: left; padding: 0 0 24px 33px; }
.videolist li a { display: block; border: 1px solid #d9d9d9; padding: 5px 5px 0; color: #555; font-size: 14px; }
.videolist li img { width: 258px; height: 176px; display: block;}
.videolist li p { height: 43px; line-height: 43px; text-align: center; width: 258px; }
.videolist li:hover a { -webkit-transition: All .5s ease; -moz-transition: All .5s ease; transition: All .5s ease; color: #eb611e; font-size: 16px; }


/*底部*/
#fd{
    /*position: absolute;left: 0;right: 0;bottom: 0;z-index: 10;*/
	width:100%;
    height: 60px;
    background: #ed6c1a;
    /*border-top: 1px #3f3f3f solid;*/
    padding:20px 0;
    font-size: 13px;color: #fff;line-height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.f-copy{float: left;}
.f-share{float: right;}
.f-share a{
    float: left;
    display: block;width: 25px;height: 20px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    margin-left: 5px;
}
.f-share .a-sina{background-image: url(../images/yx.png);}
.f-share .a-qq{background-image: url(../images/dh.png);}
.f-share .a-WeChat{background-image: url(../images/ico-wx.png);}

.f-share a .pic{
    width: 130px;/*height: 101px;*/
    position: absolute;left: 50%;bottom: 50px;
    margin-left: -65px;
    display: none;
    font-size: 12px;color:#000;line-height: 14px;text-align: center;font-weight:bold;
    background: #fff;
    padding-bottom: 5px;
	letter-spacing:0.5px;
}
.f-share a .pic img{
    display: block;width: 130px;height: 130px;
    margin-bottom: 5px;
}
.f-share a .pic p{padding: 0 5px;}
.f-share a:hover .pic{display: block;}




/*首页轮播 */

.rollBox1{width:880px;overflow:hidden;margin:0 auto;padding:20px 0;}
.rollBox1 .LeftBotton{height:73px;width:26px;background:url(../images/but-l.png) no-repeat;overflow:hidden;float:left;display:inline;margin:96px 20px 0 0;cursor:pointer;}
.rollBox1 .RightBotton{height:73px;width:26px;background:url(../images/but-r.png) no-repeat;overflow:hidden;float:left;display:inline;margin:96px 0 0 20px;cursor:pointer;}
.rollBox1 .Cont{width:780px;overflow:hidden;margin:0 auto;float: left}
.rollBox1 .ScrCont{width:10000000px;}
.rollBox1 .Cont .pic{width:284px;float:left;text-align:center;display: block;position: relative;}
.rollBox1 .Cont .pic img{background:#fff;border:1px solid #ccc;display:block;margin:0 auto;width:282px;height:282px;}
.rollBox1 .Cont .pic p{line-height:26px;color:#505050;}
.rollBox1 .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox1 .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox1 #List1,.rollBox #List2{float:left;}

.rollBox1 .Cont .pic span {display: inline-block;width: 242px;height: 121px;padding: 10px 20px;z-index: 999;background: url(../images/img_bg.png);
position: absolute;left: 1px;bottom: -141px;transition: bottom 0.5s ease;-webkit-transition: bottom 0.5s ease;-moz-transition: bottom 0.5s ease;
-o-transition: bottom 0.5s ease;}
.rollBox1 .Cont .pic:hover span{bottom:0px;}
.rollBox1 .Cont .pic h3{text-align:center;font-size:16px;font-weight:bold;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#fff;}
.rollBox1 .Cont .pic p{text-indent:2em;font-size:14px;line-height:20px;color:#fff;height:60px;overflow: hidden;}
.rollBox1 .Cont .pic i {border: 1px solid #FFF;padding: 0px 5px;font-size: 14px;position: absolute;bottom: 10px;left: 50%;margin-left: -35px;
display: block;height: 22px;width: 65px;text-align: center;line-height: 22px;color:#fff;}
.rollBox1 .Cont .pic i:hover{border: 1px solid #eb611e;}