@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{font-family:"微软雅黑";font-size: 12px;background-color: #edeadc;}
a{text-decoration: none;color:#000;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
li{list-style: none;font-weight: normal;}
img { border:0;}
.w1200{ width:1200px; margin:auto;}
.fl{float: left;}
.fr{float: right;}
.arrow{height:20px;clear:both;}
.clear{clear:both;font-size:0;line-height:0;height:0;margin:0;padding:0;}
/*一键置顶*/
.fixed{position:fixed;width:55px;height:212px;right:25px;bottom:50px;_position: absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));z-index:999;}
.fixed a{display:block;width:55px;height:53px;}
.barbook{background:url(../images/fixed.jpg) 0 0 no-repeat;}
.barbook:hover{background-position:-54px 0;}
.fixed a.codepic{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -53px;height:52px;}
.fixed a.codepic:hover{background-position:-54px -53px;}
.fixed div{position:relative;}
.fixed a.backup{background:url(../images/fixed.jpg) 0 0 no-repeat;background-position:0 -158px;height:52px;}
.fixed a.backup:hover{background-position:-54px -158px;height:53px;}
.fixed div img{position:absolute;left:-196px;width:196px;height:196px;top:-106px;display:none;}

/*头部*/
.top{ height:130px;}
.logo { float:left; padding-top:45px; width: 32%;}
.logoimg{ width: 29%; display: block; float: left;margin: auto 3.5%;}
.toptel{float:right;padding-top:65px; color:#000; font-size: 16px; line-height: 18px; background:  url(../images/h_tel.png) 10% 93% no-repeat;width: 13%;padding-left:7%;}
.toptel span{display: block;color:#122a70;font-size:25px;line-height:30px;font-family:"微软雅黑";font-style: initial;}

/*导航*/
.nav{height:40px;margin-top: 1.5%;}
.nav li{  width: 98px;display: block; border-radius: 5px; margin: auto 6px; padding: 5px;float: left; background:#1f1f1f;}
.nav li a{color:#fff; border:1px solid rgba(255, 255, 255, 0.6);}
.nav li.last{width: 165px;margin-right: 0;}
.nav a.tit{ width: 96px;display: inline-block;font-size: 15px;text-align: center;height:25px;line-height: 25px;}
.nav li:hover{background:#b81c27;}
.subnav{position: absolute;width: 100%;padding-bottom: 3px;z-index: 9999;margin-top:5px;}
.subnav a{display:block;width:104px;border-top:1px solid rgba(173, 173, 173, 0.3);font-size: 14px;line-height: 34px;color: #666;text-align: center;background:#fff;}
.subnav a:hover{color:#fff}
 
/*banner*/
.wrap{position:relative;margin:3% auto;width:1162px;z-index:1;border: 1px solid #B5B5B5;padding: 12px;}

.shareLayout{position:relative;height:387px;background:#ffffff;overflow:hidden}
.shareList{position:absolute;left:0;float:left;white-space:nowrap;word-break:break-all}
.shareList a{display:inline-block;width:1162px;height:387px;overflow:hidden;word-spacing:-4px}
.shareList a{_display:inline}
.shareList img{float:left}

.backBtn{position:absolute;top:160px;width:36px;height:64px;background: url(../images/left.png);dispaly:block}
.nextBtn{position:absolute;top:160px;width:36px;height:64px;background: url(../images/right.png);dispaly:block}
.backBtn{left:-75px}
.nextBtn{right:-75px;}

.pageLayout{position:absolute;top:355px;right:50px;height:5px}
.pageLayout a{margin-right:10px;width:25px;height:5px;display:inline-block;overflow:hidden;cursor:pointer;;vertical-align:top}
.pageLayout span{float:left;width:25px;height:5px;overflow:hidden;background:#fff;display:block}
.pageLayout em{float:left;width:0;height:5px;overflow:hidden;background:#3DDBFF;display:block}
.pageLayout a:hover span{background:#51ba91}

/*首页-颜色-菜单*/	
.index_menu {margin: 2% auto;height: 130px; background:url(../images/long.png) no-repeat center; width:100%;}
.index_menu ul{ width:860px; margin:auto}
.index_menu li{width: 135px; height:130px; float: left;margin:0 4.5px; text-align: center;-webkit-transition: .9s ease-out; -moz-transition: .9s ease-out;-ms-transition: .9s ease-out; -o-transition: .9s ease-out;transition: .9s ease-out;}
.index_menu span{color: #fff;font-size: 16px;}
.block_icon {width:60px; height:55px;margin: 35px 0px 3px 40px;}
.block { background: url(../images/icons.png) no-repeat; background-size: cover;}
.block_01 {background-position: 0px 0;}
.block_02 {background-position: -78px 0;}
.block_03 {background-position: -158px 0;}
.block_04 {background-position: -237px 0;}
.block_05 {background-position: -318px 0;}
.block_06 {background-position: -390px 0;}
.bg1{background: url(../images/iconbg.png) no-repeat;}
.index_menu li:hover{background: url(../images/iconbg2.png) no-repeat;}

/*首页-标题*/
.title{ background:url(../images/line.png) no-repeat center; margin:5% auto 3%; text-align: center}
.title a{font-size:25px; color:#000;}
.title span{ font-size:20px; color:#868686; display: block;font-family: "微软雅黑";text-transform: uppercase;line-height: 30px;}

/*首页-简介*/
.indexabout{ margin:2% auto;}
.about_us{ width:710px; font-size:15px; color:#494a4a; line-height:32px;}
.about_us a{ width:25%; text-align:center; color:#000;margin:3% 0; padding: 3px 0; border: 1px solid #222;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s; float:right}
.about_us a:hover{ border:1px solid #122a70; background:#fff; color:#000}
.about_img{border: 1px solid #949494;padding: 12px;}

/*首页-产品*/
.index-pic{ width:100%; background:#fff;overflow: hidden;margin: 2% 0;}
.image-slider{width:1200px;height:280px;margin:0 auto;background:url(../images/bg.png) no-repeat;padding:0px 16px 0px 16px;position:relative;}
.image-slider-back, .image-slider-forward{float:left;width:30px;height:50px;color:White;position:relative;top:90px;cursor:pointer;}
.image-slider-back{background-image:url(../images/arrow-left.png);background-repeat:no-repeat;background-position:left;}
.image-slider-forward{background-image:url(../images/arrow-right.png);background-repeat:no-repeat;background-position:right;}
.image-slider-contents{width:1140px;height:250px;float:left;position:relative;overflow:hidden;}

.image-slider-contents .contents-wrapper{position:absolute;padding-top:18px; left:0;}
.image-slider-contents .outer{float:left;width:255px;height:175px;margin:0px 9px;cursor:pointer; position:relative;}
.image-slider-contents .outer:hover{border:solid 6px #122a70;}
.image-slider-contents img{width:255px;height:175px; margin:0 auto;}
.spic a{ display:block; text-align:center;font-size: 14px;margin: 4% auto;}
.outer{border:solid 6px #D8D8D8;}
.preview{position:absolute;width:450px;height:270px;background-color:White;padding:2px;border:solid 1px black; top:-28px !important}
.preview .img-large{width:330px;z-index:1000; margin:0 auto;}
.preview .img-large .left{position:absolute;left:8px;top:120px;width:35px;height:65px;z-index:1000;background:url(../images/arrow-left.png);cursor:pointer;}
.preview .img-large .right{position:absolute;left:415px;top:120px;z-index:1000;width:38px;height:65px;background:url(../images/arrow-right.png);cursor:pointer;}
.preview .close{position:absolute;left:434px;top:-16px;width:32px;height:34px;background: url(../images/zoom.png) no-repeat;float:right;cursor:pointer;z-index:2000;}
.preview .img-large img{display: block;margin:7% auto; width: 100%;height:220px;}
.preview .label{width:434px;line-height:30px;float:left;position:absolute;top:200px; left:0;padding:8px;background-color:White;text-align:left;font-weight:bold;font-size:18px; text-align:center;}

.more{ width:14%; margin:0 auto 2%;}
.more a{text-align:center; color:#000; padding:8px 0; border: 1px solid #909090;display: block;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.more a:hover{ border:1px solid #122a70; background:#fff; color:#b51d28}

/*首页-在建项目*/
.scrollpic {width: 1200px;margin-bottom: 5%;}
#myscroll {display: block;width: 100%;position: relative;height: 200px;overflow: hidden;}
#myscroll #myscrollbox {display: block;float: left;position: absolute;left: 0;top: 0;width: 1000000px;}
#myscroll ul {display: block;float: left;list-style-type: none;padding: 0;margin: 0;}
#myscroll ul li {display: block;float: left;padding: 0;width:307px;}
#myscroll ul li a {display: block;float: left;padding: 0;position: relative;height: 241px;}
#myscroll a .intro {position: absolute;left: 0;z-index: 10;background-color: #122a70;filter: alpha(opacity=70);width:280px;color: #fff;-moz-opacity: 0.7;-khtml-opacity: 0.7;
opacity: 0.7;text-align: center;}
#myscroll a .intro h5 {padding: 0;margin: 0;font-size: 16px;height: 40px;width: 280px;line-height: 30px;border-bottom: 1px solid #347fdc;font-weight:100;}
#myscroll a .intro p {font-size: 13px;line-height: 20px;margin: 65px 70px;height: 70px;overflow: hidden;}
#myscroll a .intro {bottom: -200px;}
#myscroll a:hover .intro {bottom: 0px;}
#mybtns {margin: 0 0 2%;width: 1200px;display: block;height: 42px;}
#mybtns a {width: 42px;height: 42px;display: block;float: right;margin-right: 1px;background-color: #c1c1c1;margin-left:10px;}
#mybtns a:hover {background-color: #b51d28;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
#mybtns #left {background-image: url(../images/jt_l.png);}
#mybtns #right {background-image: url(../images/jt_r.png);}
#kinMaxShow {visibility: hidden;width: 100%;height: 500px;overflow: hidden;}

/*首页-新闻资讯内容*/
.newsListBd{ width:100%; margin: 0 auto;} 
.newsList{margin: 3% auto;height: 200px;padding-left:4%; background:url(../images/new_line.png) no-repeat 50%;}   
.newsListDl{ float: left;width:46.5%;margin:8px 7% 30px 0}
.newsListDl li{ float:left;width:65px; height:60px; border: 1px solid #b51d28;color:#ff6d6d; font-size:35px; line-height:40px; text-align: center;padding: 5px;}	
.newsListDl a span{display: block;color:#000; font-size:15px; line-height: 16px;}
.newsListDl dt{ float:left;width:70px;height:60px;border: 1px solid #b51d28;color: #b51d28;font-size: 35px;line-height: 40px;text-align: center;padding: 5px;}	
.newsListDl dt span{display: block;color:#b51d28; font-size:14px; line-height: 16px; text-align: center; font-weight: normal;}
.newsListDl dd{float:left;height:65px; padding-left: 12px;padding-top: 5px;}
.newsListDl a.titles {display: block;color:#000; font-size:17px; line-height:26px; }
.newsListDl a span:hover{color:#b51d28;}	
.newsListDl .intro{width:400px;display: block; color:#616161; font-size:12px; line-height:20px;padding-top:3px;height: 40px;overflow: hidden;}
.newsList dl:nth-child(2),.newsList dl:nth-child(4){ margin-right:0px;}

/*底部*/ 
.footer{ background:#122a70; font-size: 13px; line-height: 25px;  padding:3% 0 2%;color: rgba(255,255,255,0.8);}
.footer a{color: rgba(255,255,255,0.8)}
.footer a:hover{color:#35D1FF}
.footer-menu{ width:100%; background:#f3f3f3;}
.menu{height: 50px;}
.menu li{display: inline-block;float: left;font-size: 15px;line-height:20px;width:8%;margin:15px 3% 0 0%;border-right: 1px solid rgba(0,0,0,0.2);}
.menu a{color: #757575;transition: color 500ms ease-in 0ms;}
.menu li a.home{padding-left: 0;}
.menu a:hover{color:#ff6d6d;}

.f-tips{position: relative;margin-right:1%}
.f-title{ width: 15%;margin-top: 8px;line-height: 28px;}
.f-title p{ color:rgba(255, 255, 255, 0.8); font-size:14px;}
.f-title span{ font-size:20px; color:rgba(255, 255, 255, 0.8);}

.fd1{width: 25%;border-right: 1px solid rgba(255, 255, 255, 0.2);margin-right: 5%;padding-bottom: 2%;}
.fd2{width:38%;border-right: 1px solid rgba(255, 255, 255, 0.2);margin-right: 5%; line-height: 32px;padding-bottom: 2%;}
.fd2 img{float: left;margin-right: 3%;}

/*内容*/
.w1100{ width:1100px; margin:auto;}
/*关于我们*/
.content{ margin:0 auto;overflow: hidden;padding: 3%; background-color: #fff;}
.indexabout{ margin:2% auto;}

.mainContect{ width: 530px; margin: 0 auto;color:#666;font-size:14px; text-align:left;line-height:30px;overflow:hiddenmargin-top:16px; padding-top: 16px; height:auto!important;min-height:360px;height:360px;word-wrap:break-word; word-break:break-all; border-right: 1px dashed #B1B1B1;}
.mainContect .title0{ 
	width:100%;  padding-top:25px;
	color:#ae2422;font-size:22px;text-align:center;font-weight:bold; }
.mainContect .time{
	width: 722px; height: 50px;border-bottom:1px solid #d2d2d2;
	color:#999999;font-size:12px;line-height:50px; font-weight:normal; text-align: center;}
.mainContect .timea{ width:170px; float:left;}	
.mainContect .bdsharebuttonbox{ float: left;}
.mainContect .pic{ width:100%; text-align:center;padding:20px 0;}
.mainContect .pic img{margin:0 auto;}
.mainContect .con1{line-height:34px;font-size:14px; color:#666;word-wrap:break-word; word-break:break-all;overflow:hidden}
.mainContect .con1 p{line-height:34px;font-size:14px; color:#666;text-indent:1em;}
.mainContect .conTitle{ width: 100%; border-bottom: 1px solid #c8c8c8;margin-bottom: 15px;}
.mainContect .conTitle span{ 
	width: 120px; height: 36px;display: block;
	color:#fff; font-size: 16px;line-height: 36px; text-align: center;
	background: #0b61a5;}
.mainContect .pgfy{
	 width:100%;  margin: 20px auto;}
.mainContect .pgfyl{ width:722px; height: 52px; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.mainContect .pgfyl p{float:left; width: 346px;height: 52px;padding-left:14px;border-left:1px solid #d2d2d2;  color:#666666;font-size: 14px;line-height: 52px; }
.mainContect .pgfyl p a{ color:#666666; font-size: 14px;}
.mainContect .pgfyr{width:160px;height:30px;text-align:center; margin: 16px auto 0px auto; background:#ae2422;}
.mainContect .pgfyr a{ color:#ffffff;font-size:14px;}

 
.left {width: 22%; margin-right: 3%;}
.lf_tit { width: 100%; height: 65px;  background-color:#122a70;}
.lf_tit h3 { display: inline-block; text-align: center; color: #fff;margin: 5px;width: 95%;padding: 16px 0px;font-size: 22px;line-height: 22px;border: 1px solid #fff;}
.left ul { margin-bottom: 15px; border: 1px solid #C7C7C7;}
.left ul li{width: 100%;height: 38px;margin-top: 5px; text-indent: 2.5em;border-bottom: 1px solid #EAEAEA;overflow: hidden;}
.left ul li a{display: block;	line-height: 35px;color: #000;    -moz-transition: background 0.5s,color 0.5s;
    -webkit-transition: background 0.5s,color 0.5s;
    -o-transition: background 0.5s,color 0.5s;
    transition: background 0.5s,color 0.5s;}
.left li a:hover {color: #fff;background: #b51d28 url(../images/jiantou.png) no-repeat 221px center;}
.lf_cont{padding: 12px; border: 1px solid #C7C7C7;}
.lf_cont p{line-height: 25px;}
.lf_cont a{color: #000;}

.pro_ny_tita{ color:#000000;font-size:18px; text-align:center; padding-top:25px;}
.pro_ny_sa{  color:#909090;text-align:center; padding-top:8px; font-size: 13px;}
.contentright{ width: 75%; float:right}
.proxx_bta{ line-height:30px; font-size:14px;}
/*新闻*/
.comt {line-height: 30px; font-size:15px;}
.picScroll-left { /*height:58px;*/min-height:58px;line-height:50px;border-bottom: 1px solid #909090;}
.picScroll-left .hd {font-size:20px;font-weight: bold;color:#DA2043;}
.picScroll-left .hd ul {float: right;overflow: hidden;margin-top: 10px;zoom: 1;}
.picScroll-left .hd ul li {float: left;width: 13px;height: 13px;overflow: hidden;margin-right: 5px;text-indent: -999px;cursor: pointer;background: #949494;border-radius: 13px;}
.picScroll-left .hd ul li.on {background: #e8382f;}
.picScroll-left .bd {padding: 10px 0px;}
.picScroll-left .bd ul {overflow: hidden; zoom: 1;}
.picScroll-left .bd ul li {float: left;_display: inline;overflow: hidden;text-align: center;margin-right: 15px;}
.picScroll-left .bd ul li a {width: 320px;display: block;}
.picScroll-left .bd ul li a img {width: 320px;height: 240px;display: block;}
.picScroll-left .bd ul li a .txt {height: 140px;border: 1px solid #ccc;border-top: 0px;padding: 10px;overflow: hidden;}
.picScroll-left .bd ul li a .txt p {text-align: center;padding: 5px 0px 15px;}
.picScroll-left .bd ul li a .txt span {line-height: 30px;text-align: left;display: block;padding-bottom: 10px;}
.picScroll-left .bd ul li a .txt i {font-size: 14px;font-family: "微软雅黑";color: #fff;}
.picScroll-left .bd ul li a:hover {*background: #f4a002;background: #f4a002\0;}
.newslist_txt ul li span {float: right;}

.comt .newslist_txt ul li {border-bottom: 1px solid #ddd;height: 50px;line-height: 50px; background: url(../images/jaa.jpg) no-repeat left center; text-indent:18px;}
.comt .newslist_txt li a{ color:#000;float: left;width:82%;font-size: 14px;}
.comt .newslist_txt li a:hover{ background: url(../images/jbb.jpg)  no-repeat left center;color: #AD0000;}

.comt .newslist_txt2 { padding-top: 33px;}
.sobtitle p {background: url(../images/home.gif) no-repeat left;padding-left: 20px;font-size: 14px;}

.hvr-round-corners {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: border-radius;
	transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
	border-radius: 1em;
}/* Underline From Left */
.hvr-underline-from-left {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	overflow: hidden;
}
.hvr-underline-from-left:before {
	content: "";
	position: absolute;
	z-index: -1;
	left: 0;
	right: 100%;
	bottom: 0;
	background:#00A5D3;
	height: 2px;
	-webkit-transition-property: right;
	transition-property: right;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
	right: 0;
}

/*翻页*/
.pglist{ width:100%;clear:both;height:80px; }
.pglist ul{ width:100%;text-align:right; padding-top:20px;}
.pglist ul li{
	vertical-align: bottom; display:inline-block;*display:inline; zoom:1;
 	width:30px;height:30px; margin-left:5px;_display:inline; _zoom:1; _margin-left:5px;  border:1px solid #122a70;
 	font-size:14px;line-height:30px; text-align:center; background:#122a70}
.pglist ul li a{color:#fff; line-height:30px; display:block}
.pglist ul li.home,.pglist ul li.end{ width:60px; height:30px; border:1px  solid #122a70;}
.pglist ul li.next,.pglist ul li.last{ 
	width:30px; height:30px;border:1px  solid #122a70;
	font-size:24px;line-height: 30px;  font-family:'宋体'!important; font-weight:bold; }
.pglist ul li.on{background:#f02e49;border:1px  solid #f02e49;}
.pglist ul li.on a{color:#fff;}
.pglist ul li.nohover{background:#42525b;border:1px  solid #42525b;font-family:'微软雅黑';color:#fff}
.pglist ul li.nohover a{color:#fff;}

.page{margin: 2% 0;padding: 1%;line-height: 35px;border-top: 1px solid #C7C7C7;}
.page a{display: block;text-align: left;}

.fanye{ width:640px;margin:0 auto; padding-top:10px;position:relative;  border-top:1px #A9A9A9  solid; padding-bottom:40px; color:#000; font-family:"微软雅黑"; line-height:26px;}
.fanyea{margin:0 auto; padding-top:20px;position:relative;  border-top:1px #000000 solid; padding-bottom:110px; color:#000; font-family:"微软雅黑"; line-height:26px;}
.fanyea a:hover{ color:#D20A0A}

/*返回置顶*/
.toolbar-item,.toolbar-layer{background: url(../images/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:255px; z-index: 99;}/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item{display:block;width:52px;height:52px;margin-top:1px;position:relative;-moz-transition:background-position 1s;-ms-transition:background-position 1s;-o-moz-transition:background-position 1s;-webkit-moz-transition:background-position 1s;transition:background-position 1s;}
.toolbar-item:hover .toolbar-layer{opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);}
.toolbar-item-weixin{background-position:0 -551px;}
.toolbar-item-weixin:hover{background-position:0 -612px;}
.toolbar-item-weixin .toolbar-layer{height:212px;background-position:0 0;}
.toolbar-item-feedback{background-position:0 -426px;}
.toolbar-item-feedback:hover{background-position:0 -488px;}
.toolbar-item-app{background-position:0 -798px;}
.toolbar-item-app:hover{background-position:0 -862px;}
.toolbar-item-app .toolbar-layer{height:194px;background-position:0 -222px;}
.toolbar-item-top{background-position:0 -674px;}
.toolbar-item-top:hover{background-position:0 -736px;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s;}