*{margin:0;padding:0}
body{color:#000;font:normal 1rem/1.6 "Microsoft YaHei";}
li,ul,ol{list-style:none}
a{color:#000;text-decoration:none;}
a:hover{color:#ff0000;}
@font-face{font-family: 'iconfont';
    src: url('/tpl/font/iconfont.eot');
    src: url('/tpl/font/iconfont.eot?#iefix') format('embedded-opentype'),
    url('/tpl/font/iconfont.woff') format('woff'),
    url('/tpl/font/iconfont.ttf') format('truetype'),
    url('/tpl/font/iconfont.svg#iconfont') format('svg');}
.iconfont{
    font-family:"iconfont" !important;
    font-size:1em;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
img{border:0;max-width:100%;vertical-align:middle}
.header{width:100%;margin:auto;overflow:hidden}
.main{width:70%;margin:0.8rem auto;overflow:hidden;}
.logo{width:40%;display:block;float:left;text-align:center;}
.nav{width:50%;display:inline-block;float:right;margin-top:1.5rem; overflow:hidden}
.nav li{float:left;width:24%;line-height:2;display:inline;text-align:center;}
.nav li a {color:#1f1f1f; font-size:1.1rem}
.nav li a:hover{color:#ff0000;}
.f16{font-size:0.875rem}
#footer a{color:#787878}
.clear10{height:1rem; clear:both;}
#footer{color:#787878;width:100%; font-size:0.875rem;text-align:center;background:#1f1f1f;margin:0 auto;padding:2rem 0rem; clear:both;overflow:hidden}			
.focusBox{position:relative; width:auto;overflow: hidden; }
  .focusBox .pic img{width:100%;display: block; }
  .focusBox .hd {overflow:hidden; zoom:1; position:absolute; width:50%; margin:auto; bottom:5px; right:30px; z-index:3;}
  .focusBox .hd li{float:left;border-radius:40px; text-align:center; font-size:12px; width:15px; height:15px; cursor:pointer; overflow:hidden; background:#919191; margin-left:5px; filter:alpha(opacity=80); opacity:0.8; -webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease }
  .focusBox .hd .on{background:#fff; filter:alpha(opacity=100);opacity:1;}
  .focusBox .prev,.focusBox .next{width:38px; height:48px;position:absolute;top:16rem; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease}
  .focusBox .prev{background-image:url(/tpl/images/focusimg.png); background-position:-9px 0; left:0 }
  .focusBox .next{background-image:url(/tpl/images/focusimg.png); background-position:-30px 0; right:0 }
  .focusBox .prev:hover,.focusBox .next:hover{filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6 }	
  	
.new-item-nav {width:75%;height:auto;margin:3rem auto;overflow:hidden;}
.new-item-nav .item{width:24%;height:auto;overflow:hidden;float:left;}
.new-item-nav .item .tag{width:150px;height:160px;margin:0 auto;display:block;background:url(/tpl/images/jre-new-tag-01-24.png) no-repeat;overflow:hidden;}       
.new-item-nav .item.one .tag {background-position:4px -164px;}
.new-item-nav .item.one .tag:hover {background-position:4px 0px;}
.new-item-nav .item.t1 .tag{background-position:-223px -164px;}
.new-item-nav .item.t1 .tag:hover{background-position:-223px 0px;}
.new-item-nav .item.t2 .tag {background-position:-451px -164px;}
.new-item-nav .item.t2 .tag:hover {background-position:-451px 0px;}
.new-item-nav .item.t3 .tag {background-position:-679px -164px;}
.new-item-nav .item.t3 .tag:hover {background-position:-679px 0px;}
.new-item-nav .item.five .tag {background-position:-907px -164px;}
.new-item-nav .item.five .tag:hover {background-position:-907px 0px;}
.new-item-nav .item.t4 {float:right;}
.new-item-nav .item.t4 .tag {background-position:-907px -164px;}
.new-item-nav .item.t4 .tag:hover {background-position:-907px 0px;}
.new-item-nav .item.t1, .new-item-nav .item.t2, .new-item-nav .item.t3, .new-item-nav .item.five {margin-left:1%;}
.new-item-nav .item .cn {font-size:1.2rem;color:black;font-weight:normal;line-height:1.6;width:100%;text-align:center;}
.new-item-nav .item .en {font-size:0.8rem;color:#999;font-weight:normal;width:100%;text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.new-item-nav .item .clist {margin:0px;padding:0px;text-align:center;width:100%;}
.new-item-nav .item .clist a {color:black;line-height:15px;}
.new-item-nav .item .clist a:hover {color:#ff0000;}
.new-item-nav .item.con .cn {color:#1e1e1e;}
.new-item-nav .item.con .en {color:#787878;}
.new-item-nav .item.con .clist a {color:#ff0000;}

.new-case-list{overflow:hidden; margin:0.5rem auto}
.new-case-list ul{overflow:hidden; margin:auto auto 1rem auto; width:96%;}
.new-case-list ul li{display:block; float:left; width:32%; margin:0.3rem; text-align:center; position:relative; overflow:hidden}
.new-case-list ul li span{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; line-height:2}
/*.new-case-list ul li a:hover img{transform:scale(1.2); transition:0.5;max-height:250px;}
.new-case-list ul li a:hover span{color:#FFF;position:absolute;z-index:1;bottom:0; left:0; background-color:#000; opacity:0.6; filter:alpha(opacity=60)}
*/
.newlist{ overflow:hidden; margin:auto; width:80%;}
.newlist li{ border-bottom:#CCC dotted 1px; line-height:2;}
.new-case-list p{text-align:center}
.new-case-list p a,.abt_content span a{color:#F00}
#home_ad{margin:2rem auto; text-align:center}
.text_box{margin:2rem auto;}
.abt_tit{text-align:center; color:#333; border-bottom:#CCC solid 2px; width:80%; margin:3rem auto;}
.abt_tit p{position:relative;z-index:2;bottom:-0.8rem; width:15%; margin:auto; background:#FFF; font-size:1.2rem}
.abt_tit p span{display:block; font-size:0.875rem}
.abt_content{width:69%; color:#666; margin:auto; padding:0.5rem 0; text-indent:2rem; text-align:justify}
.abt_content span{margin-left:1rem; font-size:0.875rem}
.text_ad{color:#FFF;background:#787878;text-align:center; padding:1rem 0; font-size:1.5rem}
.text_ad span{display:block; font-size:1rem}
#freelink{overflow:hidden;width:98%;margin:2rem auto;}
/*#freelink li img{margin:0.5rem;}
#freelink li{width:15%;text-align:center;overflow:hidden; float:left; display:inline; margin:0.3rem}*/

.new-case-info {width:90%;max-width:1280px;height:auto;overflow:hidden;margin:0 auto;margin-top:45px;font-family:"Microsoft YaHei";padding-bottom:45px;}
.info-1 {width:100%;height:auto;overflow:hidden;margin:0 auto;}
.info-1 .title {width:auto;height:auto;line-height:2;float:left;overflow:hidden;}
.info-1 .title h1 {font-size:1.2rem;color:#1f1f1f;font-weight:normal;}
.info-1 .title p span {padding:0px 20px 0px 0px;}
.info-1 .share {width:228px;height:auto;float:right;overflow:hidden;}
.info-2 {width:100%;height:auto;overflow:hidden;margin:0 auto;margin-top:30px;line-height:2;text-align:justify;}
.info-2 img{max-width:100%;}    
.info-3 {width:90%;max-width:1280px;height:770px;overflow:hidden;margin:0 auto;margin-top:30px;position: relative;z-index: 99999;}
.info_content{margin:1rem auto;}
.join-bottom {padding-bottom:3rem;}
.about-item {width:80%;overflow:hidden;margin:3rem auto auto auto;}
.about-item .txt {margin:auto;overflow:hidden;border:1px solid #cccccc;padding:2rem;line-height:2;text-align:justify;}
.about-item h2{width:40%;line-height:2;text-align:center; position:relative; bottom:-1rem; margin:auto;background:#fff;font-size:1.4rem;font-weight:normal;}

#contact{width:80%; margin:2rem auto; overflow:hidden}
#contact_left{float:left;width:40%;}
#contact_left h4{line-height:2}
#contact_left p{line-height:2}
.ditu{float:right; width:60%;}
#map{width:100%;height:300px; border: 0px;}
.page_turner {overflow:hidden;clear:both; margin:1rem auto;display:block}
.page_turner a,.page_turner span {display:inline-block;border:1px solid #D3D1D1; padding:0 0.3rem; margin-left:0.3rem}
.page_turner a:hover, .page_turner a.c {background:#CC0001; color:#FFF}
.right-side-bar a,.chat-tips i {
	
	background-repeat: no-repeat;
}
.right-side-bar {
	width: 172px;
	position: fixed;
	top: 40%;
	right: 0px;
	font-size: 0;
	line-height: 0;
	z-index: 100;
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight/2-78));
_margin-top:40%;
}
.right-side-bar ul li {overflow:hidden;}
.right-side-bar ul li a {
	width: 50px;
	height: 50px;
    float:right;
	display: inline-block;
	background-color: #B1B1B1;
	margin-bottom: 2px;
    background:url(/tpl/images/float-tel.png) no-repeat;
    overflow:hidden;
}
.right-side-bar .icon-qq {
	background-position:-87px -103px;
}
.right-side-bar .icon-qq:hover {
	width:126px;height:91px;background-position:-378px -103px;
}
.right-side-bar .icon-back {
	background-position:-275px 0px;
}
.right-side-bar .icon-back:hover {
	width:137px;height:50px;background-position:0px 0px;
}
.right-side-bar .icon-top {
	background-position:-87px -206px;
}
.right-side-bar .icon-top:hover {
	width:126px;height:50px;background-position:-735px -206px;
}
.right-side-bar .icon-chat {
	background-position:-87px -154px;
}
.right-side-bar .icon-chat:hover{
	width:126px;height:196px;background-position:-556px -154px;
}
.right-side-bar .icon-chat:hover .chat-tips {
	display: block;
}
.right-side-bar .icon-tel {
	background-position:-87px -51px;
}
.right-side-bar .icon-tel:hover {
	/*width:137px;height:180px;background-position:-188px -51px;*/
	width:137px;height:130px;background-position:-188px -51px;
}
.right-side-bar .icon-tel:hover span{
	display:block;
}
@media only screen and (min-width:641px) and (max-width:2000px){
.other,#freelink ol{display:none}
}
@media only screen and (max-width:640px){
.logo,.nav{width:100%;float:none;margin-top:0.5em;}
.nav{ border-top:#919191 solid 1px}
.main{margin:auto; width:auto}
.new-item-nav{width:auto;}
.new-item-nav .item{width:49%}
.new-case-list ul li{width:auto}
#home_ad{margin:0rem auto;}
.text_box{margin:0rem auto;}
.abt_tit,.abt_content{width:92%}
.abt_tit p{width:50%}
.abt_tit{margin:1rem auto}
.text_ad{font-size:1.1rem}
.share{display:none}
#contact,.about-item{width:94%}
.about-item{margin:1rem auto auto auto}
.about-item .txt{padding:1rem;}
#contact_left,.ditu{width:auto; float:none}
.ditu,.right-side-bar,#freelink ul{display:none}
.other{width:100%;background-color:#000;color:#FFF; position:fixed; bottom:0px; right:0px; z-index:811; overflow:hidden}
.other a{display:block;float:left;width:33%;color:#FFF; text-align:center; font-size:0.875rem}
.other a span{display:block;width:100%;text-align:center;font-size:1.3em}
.other a p{width:100%;text-align:center}
}