@charset "utf-8";
/* CSS Document */
body{ padding:0px; margin:0px; min-width:1200px;}
html{ padding:0px; margin:0px; overflow-y:scroll;}
dd, dl, dt, ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
}
*{font-family:"微软雅黑";}
h1{ display:inline-block; padding:0px; margin:0px;}
a{ color:#4d4d4d; font-size:14px; text-decoration:none; }
a:hover{ color:#e73c05;}
a:link {color:inherit;}/*未访问样式*/
a:visited{color:inherit;}/*访问过样式*/
p{font-size:14px; margin:0px;}
input{outline:none;}
.box{ width:1200px; margin:auto;}
.red{ color:#e73c05;}
.left{ float:left;}
.right{ float:right;}

.inst-text tr{ height:160px;}
.inst-text td{ width:228px;vertical-align:middle; text-align:center;}


.top{ height:36px; background:#e73c05;}
/* 头部向左滚动 */
.marqueeleft{ float:left;height:36px;width:240px;overflow:hidden;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 20px;display:inline; overflow:hidden;}
.marqueeleft li p{line-height:36px; font-size:12px; color:#fff;font-size:12px;}
/* 头部向左滚动 */
.top-right{ float:right; overflow:hidden;}
.top-right a{ float:left;font-size:12px; color:#fff;}
.top-right a:hover{ color:#ccc;}
.top-button{ float:left;overflow:hidden;}
.top-button a{ padding:0px 6px; border-left:1px solid #ccc; line-height:12px; margin:12px 0px; text-align:center;}
.top-language{ float:left; overflow:hidden; margin-right:10px;}
.top-language a{ line-height:36px; margin-left:10px;}
.top-language img{ float:left; line-height:36px; margin-left:10px; margin-top:8px;}

.search{ float:left; overflow:hidden; margin-right:4px;}
.search input,.search a{ float:left; border:none;}
.search input{ float:left; border:none; padding:0px; line-height:22px; width:180px; margin-top:7px;border-radius:100px 0 0 100px; text-indent:14px; font-size:12px; background-color:#f2e9e9;}
.search a{ display:inline-block; float:left; border:none; line-height:0; height:22px;margin-top:7px; padding:0px 6px;border-radius:0 100px 100px 0; background-color:#f2e9e9;}
.search a img{ margin:1px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;  }
.search a:hover img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;  }


.top-nav{ height:80px; position:relative; width:100%; }
.top-nav:before{content:""; position: absolute;width: 100%;height: 9px;bottom: -9px;left: 0px; z-index:2; background:url(../images/nav-bg.png) repeat-x ;}
.logo{ float:left; line-height:0px;}


.nav-box{position:relative; z-index:9999;width:800px;height:38px;line-height:38px;font-size:14px;margin:0px auto 0 auto;}
.nav{position:relative; z-index:2; width:100%;}
.nav-box li{ position:relative; z-index:1;float:left;display:inline-block;width:110px;  text-align:center;}
.nav-box li a{ width:100%; line-height:80px; color:#4d4d4d;transition-duration: .3s;}
.nav-box li.navhover{ color:#fff;}
.nav-box li.navhover a{display:inline-block;color:#fff;transition-duration: .3s;}
.nav-box li.nav a{color:#fff;}
.nav-bg{position:absolute; z-index:0;top:24px;width:108px;height:32px; border-radius:4px; 
border:1px solid #bf2c0b;
box-shadow:0px 0px 3px rgba(0,0,0,.3),0px 0px 1px rgba(255,255,255,1) inset;
background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(242, 56, 15, 1)), to(rgba(191, 44, 11, 1)));}
.nav li .nav2{ position:absolute; z-index:9999; top:80px; left:0px; padding:6px 0px;  background:rgba(255, 255, 255, 0.95); z-index:99999; width:150px; display:none;
        box-shadow:0px 0px 5px rgba(0,0,0,.3);
   -moz-box-shadow:0px 0px 5px rgba(0,0,0,.3);
-webkit-box-shadow:0px 0px 5px rgba(0,0,0,.3);
}
.nav li .nav2 dd{ border-bottom:1px dashed #ccc;}
.nav li .nav2 dd a{ display:inline-block; width:100%;line-height:36px; margin:0px; color:#4d4d4d;}
.nav li .nav2 dd:hover{ background:#e73c05;}
.nav li .nav2 dd:hover a{ color:#fff;}


.index-ys h2{ position:relative; display:inline-block;color:#4d4d4d; font-weight:normal;}
.index-ys h2:after{ content:""; position: absolute;width: 100%;height: 2px;bottom: -10px;left: 0;background-color:#e73c05; z-index:2;}
.index-ys h2:before{ content:""; position: absolute;width: 1200px;height: 1px;bottom: -10px;left: 0;background-color:#e0e0e0; z-index:1;}
.index-ys ul{ text-align:left;font-size:0px;} 
.index-ys li{ display:inline-block; width:380px; min-height:574px;  margin:10px 10px 0px; padding-bottom:20px; vertical-align:text-top; background-color:#f7f7f7;transition-duration: .3s;}
.index-ys li:hover{  background-color:#f2f2f2;transition-duration: .3s;}
.index-ys li img{ max-width:100%;}
.index-ys li h5{ max-width:calc(100% - 30px); font-size:18px; line-height:20px; color:#4d4d4d; margin:20px auto 10px; font-weight:normal;transition-duration: .3s;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.index-ys li:hover h5{ text-indent:16px; color:#e73c05;border-left:4px solid #e73c05;transition-duration: .3s;}
.index-ys li h5 a{ font-size:16px; line-height:20px;}
.index-ys li p{ display:block; max-width:calc(100% - 30px); margin:auto; font-size:12px; line-height:26px; color:#4d4d4d; }

.index-news{ width:100%;  padding:40px 0px 50px; margin-top:20px; background-color:#f2f2f2;} 
.index-news-list{ width:1000px; margin:auto;overflow:hidden; height:237px;}
.index-news-list ul li{ width:100%; overflow:hidden; border-bottom:1px dashed #ccc;} 
.index-news-list ul li .left{ width:80px; text-align:center;} 
.index-news-list ul li .left h1{ font-size:36px;line-height:36px; margin:10px auto; color:#4d4d4d; } 
.index-news-list ul li .left p{ font-size:12px;line-height:12px; margin:10px auto; color:#999;} 
.index-news-list ul li .right{ width:920px;} 
.index-news-list ul li .right a{ display:inline-block; width:100%; font-size:15px; line-height:40px; color:#4d4d4d;} 
.index-news-list ul li .right a:hover{color:#e73c05;} 
.index-news-list ul li .right p{ display:inline-block; width:100%; font-size:12px; color:#666;} 
.index-news-more{ width:100%; text-align:center; margin-top:30px;}
.index-news-more a{ position:relative; z-index:2; display:inline-block; width:auto; line-height:40px; padding:0px 60px; margin:auto; border:1px solid #ccc; background-color:#e0e0e0; color:#4d4d4d;transition-duration: .3s;}
.index-news-more a:hover{color:#fff;border:1px solid #e73c05;transition-duration: .3s;}
.index-news-more a:after{ content:""; position: absolute; z-index:-1;width: 0;height: 100%;bottom: 0px;left: 0;transition-duration: .3s;}
.index-news-more a:hover:after{ content:""; position: absolute; z-index:-1;width: 100%;height: 100%;bottom: 0px;left: 0;background-color:#e73c05;transition-duration: .3s;}

.link{ width:978px; margin:40px auto 0px; padding:10px 10px; border:1px solid #ccc; border-bottom:0px; background:#fff;}
.link h5{ font-size:14px; color:#4d4d4d; background-color:#e0e0e0; line-height:30px; margin:0px; text-indent:20px;}
.link ul{ text-align:left; margin-top:10px;}
.link ul li{ display:inline-block; margin:0px 10px;}
.link ul li a{ color:#4d4d4d; font-size:14px; line-height:24px;}
.link ul li a:hover{ color:#e73c05;}

.foot-contact{ width:100%; background:#666666; margin-top:60px;clear:both; overflow:hidden;}
.foot-contact ul{ text-align:center; }
.foot-contact ul li{ display:inline-block; text-align:center; margin:0px 15px;}
.foot-contact ul li img{ display:inline-block; line-height:80px; vertical-align:middle; margin-right:10px;}
.foot-contact ul li p{ display:inline-block;line-height:80px; color:#e53c05;}

.foot{ width:100%; background:#666666; position:relative; z-index:1;}
.foot-nav{ text-align:left; padding-bottom:40px; overflow:hidden;}
.foot-nav ul{ float:left;margin:0px 30px; overflow:hidden;}
.foot-nav ul li{}
.foot-nav ul h4{ font-size:16px; color:#fff; font-weight:normal; margin:40px 0px 10px;}
.foot-nav ul a{ font-size:12px; color:#fff; line-height:24px; }
.foot-nav ul a:hover{ color:#e53c05;  }
.foot-nav ul img{ width:100px; margin:40px 0px 0px;}
.foot-nav ul p{ font-size:12px; color:#fff; text-align:center; line-height:30px;}

.bq{ background:#666666;}
.bq .box{ text-align:center; border-top:1px solid #fff;}
.bq .box p{ font-size:12px; color:#fff; line-height:42px;}


.inst-banner{  height:600px; position:relative; overflow:hidden;}
.inst-banner:after{ content:""; position: absolute;width: 100%;height:100%;bottom: 0px;left: 0;
    background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.0)), #fff ;  
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(rgba(255, 255, 255, 0)), to(#fff)); 
    background:-o-linear-gradient(top, rgba(255, 255, 255, 0.0)), #fff ;
}
.inst-banner h3{ width:1200px; margin:auto; text-align:center; color:#fff; font-size:36px; line-height:160px; font-weight:normal;
text-shadow: 2px 2px 5px rgba(0, 0, 0, .6);}

.content{padding:30px 0px; background-color:#fff; margin-bottom:50px; margin-top:-440px; position:relative; z-index:2; overflow:hidden; 
        box-shadow:0px 3px 5px rgba(0,0,0,.2);
   -moz-box-shadow:0px 3px 5px rgba(0,0,0,.2);
-webkit-box-shadow:0px 3px 5px rgba(0,0,0,.2);
}
.mbx-box{ width:100%; max-width:1140px; margin:0px auto 30px; padding-bottom:20px; border-bottom:1px solid #ccc; overflow:hidden;}
.mbx{ float:left;text-align:left; padding-left:24px; background:url(../images/icon-dw.png) no-repeat left center; background-size:16px;}
.mbx a{ display:inline-block; margin-right:6px; font-size:14px; line-height:30px; color:#666; }
.mbx a:hover{ display:inline-block; margin-right:6px; font-size:14px; line-height:22px; color:#e73c05;}
.mbx a:after{ content:"/"; margin-left:6px; font-size:12px;color:#999;}
.mbx p{ display:inline-block; margin-right:6px; font-size:14px; line-height:30px;  color:#e73c05;}

.nav3{ float:right;}
.nav3 ul{ text-align:left;}
.nav3 ul li{ display:inline-block;}
.nav3 ul li a{ position:relative; z-index:2;display:inline-block; padding:0px 4px; margin:0px 10px ; font-size:14px; line-height:30px; color:#666; font-weight:bold;transition-duration: .3s;}
.nav3 ul li a:hover{ color:#e73c05;transition-duration: .3s; }
.nav3 ul li a:after{ content:""; position:absolute; z-index:-1; top:47px; left:0px; width:0%; height:4px; background:#e73c05;transition-duration: .3s;}
.nav3 ul li:hover a:after{ content:"";width:100%;transition-duration: .3s;}
.nav3 ul li.on a{color:#e73c05;}
.nav3 ul li.on  a:after{ content:"";width:100%;transition-duration: .3s;}

.inst-text{ width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.inst-text p{ font-size:14px; color:#4d4d4d; line-height:22px; margin-bottom:10px;}
.inst-text img{ max-width:100%;}

.about-table td{ position:relative; z-index:2; overflow:hidden;}
.about-table td img{transition-duration: .3s; }
.about-table td:hover img{
transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
-webkit-transform:scale(1.1);	
transition-duration: .3s; }
.about-table td p{ position:absolute; z-index:3; left:50%; margin-left:-100px; top:50%; margin-top:-34px; display:inline-block; width:200px; height:auto; padding:20px; font-size:18px; line-height:24px; color:#fff;  text-align:center;background:rgba(0, 0, 0, 0.5); filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition-duration: .3s;  }
.about-table td:hover p{ filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;transition-duration: .3s;  }

@media ( max-width: 768px){
.about-table td{ width:100%;}
}
.product-list-text{ font-size:12px; width:calc(100% - 20px); margin:auto; font-size:12px; color:#666; margin-bottom:20px;}
.product-title{
    font-size: 28px;
    line-height: 60px;
    color: #fff;
    text-indent: 20px;
    text-shadow: 0px -1px 2px rgba(0,0,0,.6);
    border-left: 5px solid rgba(0,0,0,.5);
    background-color: #e73c05;
    margin-bottom: 2px;
    padding-left: 0px;	
	}
	
.product-nav{ float:left;width:240px; margin-left:30px;}
.product-nav ul{  overflow:hidden; margin-bottom:20px;}
.product-nav ul li{ display:inline-block; width:100%;}
.product-nav ul ol{ font-size:28px; line-height:60px; color:#fff; text-indent:20px;text-shadow: 0px -1px 2px  rgba(0,0,0,.6); border-left:5px solid rgba(0,0,0,.5); background-color:#e73c05; margin-bottom:2px; padding-left:0px;}
.nav-title a{ position:relative; z-index:2;display:inline-block; width:220px; padding-left:20px;font-size:14px; line-height:25px; text-indent:0px; color:#fff; background:#999999; border-bottom:1px solid #ccc;transition-duration: .3s;}
.nav-title a:hover{ color:#fff;transition-duration: .3s; }

.nav-title a:after{ content:""; position:absolute; z-index:-1; top:0px; left:0px; width:0%; height:100%; background:#e73c05;transition-duration: .3s;}
.nav-title:hover a:after{ content:""; position:absolute; top:0px; left:0px; width:100%;transition-duration: .3s;}
.in a:after{ content:""; position:absolute; top:0px; left:0px; width:100%;transition-duration: .3s;}

.nav-title a:before{ content:"";position:absolute; z-index:3; bottom:0px; right:0px; background:url(../images/nav-bg2.png) no-repeat bottom right; width:16px; height:100%;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition-duration: .3s;}
.nav-title a:hover:before{ content:"";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;transition-duration: .3s;transition-delay:.3s;}

.product-nav-box .on a:before{ content:"";filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;transition-duration: .3s;transition-delay:.3s;}
.product-nav-box .on a{ background:#e73c05; color:#fff;}

.nav-content{ display:none; padding:0px 0px; background-color:#f2f2f2; border-bottom:1px solid #ccc;}
.nav-content dd a{ position:relative; display:inline-block; width:100%; font-size:12px; text-indent:30px; line-height:40px; color:#666; background-color:#f2f2f2; border-top:1px solid #ccc;transition-duration: .3s;}
.nav-content dd:nth-child(1) a{ border:none;}
.nav-content dd a:after{ content:"◆"; position: absolute;  z-index:1;width: 14px; line-height:40px; text-indent:15px; bottom: 0px;left: 0%; color:4d4d4d;transition-duration: .3s;}
.nav-content dd a:hover{ color:#e73c05; text-indent:40px;transition-duration: .3s;}
.nav-content dd a:hover:after{text-indent:25px;transition-duration: .3s;}

.product-contact{width:88%; padding:12px 6%; margin-top:30px; font-size:12px; color:#4d4d4d; border-top:3px solid #e73c05; border-bottom:3px solid #e73c05;background:#f2f2f2;}
.product-contact h3{ font-size:18px; text-indent:6px; margin:0px; margin:0px auto 6px; padding-bottom:10px;text-shadow: 0px -1px 1px  rgba(0,0,0,.2); border-bottom:1px dashed #ccc;}
.product-contact img{ width:16px; height:auto;}

.inst-product-list{ width:870px; float:right;}
.inst-product-list ul{ width:100%; overflow:hidden;}
.inst-product-list ul li{ float:left; width:266px; border:2px solid #ccc; margin:10px;
 	-webkit-transform: translate3d(0,0px,0);
	transform: translate3d(0,00px,0);
	transition-duration: .3s;
}
.inst-product-list ul li:hover{
	border:2px solid #e73c05;
 	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
	transition-duration: .3s;
}
.inst-product-list ul li a{ display:block; width:100%; height:auto; text-align:center;}
.inst-product-list ul li img{ width:100%;}
.inst-product-list ul li p{ position:relative; z-index:2; width:100%; font-size:14px; line-height:30px; text-indent:10px; color:#4d4d4d;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.inst-product-list ul li:hover p{ color:#fff;}
.inst-product-list ul li p:after{ content:""; position:absolute; z-index:-1; bottom:0px; left:0px; width:100%; height:0; background:#e73c05;transition-duration: .3s;}
.inst-product-list ul li:hover p:after{ content:"";height:100%;transition-duration: .3s;}



.product-list{ width:870px; float:right; margin-right:30px;}

.inst-showimg{width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.inst-showimg p{ font-size:14px; color:#4d4d4d; line-height:22px; margin-bottom:10px;}
.inst-showimg img{ max-width:100%;}

.showimg-box{ width:100%; overflow:hidden; margin-top:10px;}
.showimg-box li{ float:left; width:23%; margin:1% 1%;}

.showimg-box li a{ display:block; position:relative; z-index:1; line-height:0px; font-size:0px; overflow:hidden;}
.showimg-box li a img{ max-width:100%; height:auto; margin:0px;}
.showimg-box li a p{ position:absolute; bottom:0px; left:0px; z-index:2; display:inline-block; box-sizing:border-box; width:100%; margin-bottom:0px; text-align:center; font-size:14px; color:#fff; line-height:30px; padding:5px; background:rgba(231, 60, 5, 0.8);
	-webkit-transform: translate3d(0,100%, 0);
	transform: translate3d(0,100%,0);
	transition-duration: .3s;
}
.showimg-box li a:hover p{ 
	-webkit-transform: translate3d(0,0, 0);
	transform: translate3d(0,0,0);
	transition-duration: .3s;
}

.Page{ text-align:center; line-height:0px; font-size:0px; width:100%; overflow:hidden; margin-top:20px;}
.Page a{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#ebebeb; border-radius:2px;}
.Page a:hover{ color:#e73c05;}
.Page span{ display:inline-block; line-height:34px; font-size:14px; color:#4d4d4d; padding:0px 14px; margin:0px 2px; background:#ebebeb; border-radius:2px;}
.Page a.on{ color:#fff; background-color:#e73c05; font-weight:bold;}

.inst-product{width:100%; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.inst-product p{ font-size:14px; line-height:22px; margin-bottom:8px;}

/*tab*/
.tab-button { position:relative;width:96%; margin:auto;padding:20px 2%;overflow: hidden; background:#f2f2f2;}
.tab-button:after{ content:""; position: absolute;width: 94%;height: 1px;bottom:18px;left: 3%;background-color:#ccc;}
.tab-button li { position:relative;display: block;float: left; margin:0px 10px; padding:0px 4px;font-size: 14px;line-height: 42px;text-align: center;cursor: pointer;}
.tab-button li:hover {color: #e73c05; }
.tab-button li:after{ content:""; position: absolute;width: 0%;height: 4px;bottom:-1px;left: 0%;background-color:#e73c05;transition-duration: .3s;}
.tab-button li:hover:after{ content:""; position: absolute;width: 100%;height: 4px;bottom:-1px;left: 0%;background-color:#e73c05;transition-duration: .3s;}
.tab-button li.hover { position:relative;color: #e73c05;}
.tab-button li.hover:after{ content:""; position: absolute;width: 100%;height: 4px;bottom:-1px;left: 0%;background-color:#e73c05;}
.tab-contentbox { width:94%; margin:auto; padding:20px 3%; background:#f2f2f2;}
.tab-contentbox div {display: none;width: 100%;margin: auto;overflow: hidden;font-size: 12px;color: #4d4d4d;line-height: 30px;}

.product-tc-title{width:94%; margin:auto; border-bottom:1px solid #ccc;}
.product-tc-title span{ position:relative; line-height:40px; font-weight:bold;}
.product-tc-title span:after{ content:""; position: absolute;width: 100%;height: 4px;bottom:-12px;left: 0%;background-color:#e73c05;}


.inst-news-list{width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}

.news-list{  overflow:hidden;}
.news-list li{ position:relative; z-index:2; background-color:#f2f2f2; overflow:hidden; width:94%; padding:20px 3% 20px; margin:10px 0px; }
.news-list li:hover{ background-color:#fff;  }
.news-list li:before,.news-list li:after{
	position: absolute;
	z-index:-1;
	content: '';
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.news-list li:before{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border-top: 1px solid #e73c05;
	border-bottom: 1px solid #e73c05;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	}
.news-list li:hover:before,.news-list li:hover:after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
	}
.news-list li:after{
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	border-left: 1px solid #e73c05;
	border-right: 1px solid #e73c05;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	}
	
	
.news-list .news-list-title{ display:inline-block; font-size:20px; color:#4d4d4d; margin-bottom:16px;}
.news-list li:hover .news-list-title{color:#e73c05;}
.news-list p{ font-size:14px; color:#4d4d4d; line-height:22px; margin-bottom:10px;}
.news-list span{ font-size:14px; color:#999; line-height:36px; margin-bottom:10px;}
.news-list .news-list-more{ display:inline-block; font-size:14px; color:#e73c05; line-height:34px; padding:0px 20px; border:1px solid #e73c05;}
.news-list .news-list-more:hover{color:#fff; background:#e73c05;}


.inst-news-content{width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.inst-news-content img{ max-width:100%;}
.inst-news-title{ font-size:24px; line-height:24px; margin:0px auto 20px; font-weight:normal; color:#333; text-indent:10px;}
.inst-news-title span{ font-size:12px; color:#666;}
.inst-news-title .news-back{ float:right; color:#666; padding-right:20px; background:url(../images/incon-back.png) right center no-repeat; background-size:16px;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.inst-news-title .news-back:hover{ color:#e73c05;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}
.inst-news-content p{ font-size:14px; color:#4d4d4d; line-height:22px; margin-bottom:10px;}
.news-button{ text-align:center; border-top:1px solid #e0e0e0; padding-top:10px; margin-top:40px;}
.news-button span,.news-button a{ display:inline-block; width:48%; margin:0px 1%; font-size:14px; color:#4d4d4d;}
.news-button a:hover{color:#e73c05;}
.news-button .news-prve{ text-align:right;}
.news-button .news-next{ text-align:left;}

.inst-join{width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.inst-join p{ font-size:14px; color:#4d4d4d; line-height:22px; margin-bottom:10px;}
.flod-box{ width:100%; margin-left:30px; margin-top:30px; }
.flod-title{ width:100%; margin-bottom:10px;  background:url(../images/icon-join.png) no-repeat left 20px center; background-size:30px; background-color:#ebebeb;}
.flod-title p{color:#4d4d4d; line-height:60px; font-size:15px; text-indent:80px;cursor:pointer;}
.flod-title:hover p,.flod-title:hover p strong{color:#e73c05;}
.flod-title2{background-color:#f2f2f2;}
.flod-title2 p{ color:#e73c05 !important;}
.flod-title2 p strong{ color:#e73c05 !important;}
.flod-content{display:none; width:96%; margin:auto; margin-bottom:30px; font-size:13px; color:#4d4d4d; line-height:22px;}
.flod-content p{ margin-bottom:8px;}

.inst-contact{width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.map{ width:100%; height:400px;}


.inst-ly{width:1140px; margin:auto; font-size:14px; color:#4d4d4d; line-height:22px; overflow:hidden;}
.ly{ margin-top:30px;}
.ly .messages_box {width:700px;padding: 10px 1% 60px 1%;}
.ly .messages_box ul {width: 100%;}
.ly .messages_box ul li {padding: 5px 28px 5px 5px;}
.ly .messages_box .text-input, .ly .messages_box .summary-input, .ly .messages_box .qq-input {width: 100%;height: 33px;padding: 0px 10px;line-height: 33px;font-size: 14px;}
.ly .messages_box .cont-input {width: 100%;height: 130px;padding: 10px;line-height: 20px;font-size: 14px;}
.ly .messages_box .submitBtn {text-align: center;padding-top: 10px;}
.ly .messages_box .messages-button { margin-top:10px;width: 125px;height: 34px;line-height: 34px;font-size: 16px;color: #fff;text-align: center;background: none repeat scroll 0% 0% #666;border: none;transition-duration: .3s;}
.ly .messages_box .messages-button:hover {background: none repeat scroll 0% 0% #e73c05;transition-duration: .3s;cursor: pointer; color:#fff;}


/**************/
.page { text-align: center; clear:left; margin-top:20px; }
.page a { padding: 5px 10px; background: #efefef; margin-right: 2px; color: #666; border-radius: 4px; display: inline-block; }
.page a.current,.page a:hover { color: #fff; background: #E73C05; }