@charset "utf-8";
/*公共样式*/
* { margin:0; padding:0; box-sizing: border-box;}
*:before,*:after { box-sizing: border-box; }	

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
i, em { font-style: normal;} 
html,body {    min-width: 1260px; -webkit-text-size-adjust:none;height: 100%;	width: 100%; }
body {font-size:14px; font-family:Microsoft YaHei,Arial,SimSun;*font-family:Microsoft YaHei,Arial,SimSun; background: #fff; height: 100%; position: relative; min-width: 1260px;color:#454545}

/*body 文字不能选中
 
 * 
 * body { -webkit-user-select:none;  -moz-user-select:none; -ms-user-select:none; user-select:none; }
 * 
 * 
 * */

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

/*列表样式*/
ol, ul,li{list-style:none;}

/*a链接*/
a { cursor:pointer; text-decoration:none;color:#666; outline:none; blr:expression(this.onFocus=this.blur()); }/*outline(轮廓),blr:链接 a 在获得焦点的同时失去焦点*/
a:hover {text-decoration: none;} 

/*图片居中*/
fieldset, img { border:0; vertical-align:middle} /*fieldset,可将表单内的相关元素分组*/
img {
  max-width: 100%;
  outline: none;
}
.vcenter {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  display: block;
  vertical-align: middle;
  margin: auto;
}
/*ie视频兼容*/
.x-object-fit-none > .x-object-fit-taller, .x-object-fit-none > .x-object-fit-wider{z-index: -1 !important;}

.chromeframe{display: none;}
/* 表格 */
table { border-collapse: collapse;border-spacing: 0;}

/*浮动、清除浮动*/
.fl { float:left;}
.fr { float:right;}

.clear {zoom: 1}			
.clear:after {content: "";display: block;clear: both}
.clearfix:after{clear:both; display:block; height:0; visibility:hidden; line-height:0; content:'\20';} /*相当于在div后面人工添加一个空格,避免错位*/

.txenr{text-align: center;}
.txenr01{color: #464646;margin: 15px auto 56px;}
.clearfix {display:block;}
*html .clearfix {height: 1%;}
*+html .clearfix{height:1%;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
ul:after{content: "";display: block; clear: both; } 


/* 按钮样式 */
input, button, textarea, select { font-size:100%; outline:none; resize:none;}
input[type="button"]{cursor:pointer; border:0}
input[type="submit"]{cursor:pointer; border:0}
input[type="reset"]{cursor:pointer; border:0}
/* ie默认输入删除键 */
input::-ms-clear, input::-ms-reveal{display: none;}
/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{ border:none; padding:0;}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }  





/*相对定位、绝对定位*/
.pr { position:relative;}
.pa { position:absolute;}
.pf {position: fixed;}
.texiao{
	-webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  position: relative;
  width: 304px;
	height: 304px;

}
.on{opacity: 1;transition: all 1s ease 0s;}
.off{opacity: 0.3;transition: all 1s ease 0s;}

/*底部联系方式*/
.lianxi ul li a{width: 78px;height: 78px;display: inline-block;transition: all ease-in 0.3s;}
.lianxi ul li:hover a{transform: rotate(20deg);}
.lianxi ul li .a1{background: url(../../images/yh/01.png);}
.lianxi ul li:hover .a1{background: url(../../images/yh/01hover.png);}
.lianxi ul li .a2{background: url(../../images/yh/02.png);}
.lianxi ul li:hover .a2{background: url(../../images/yh/02hover.png);}
.lianxi ul li .a3{background: url(../../images/yh/03.png);}
.lianxi ul li:hover .a3{background: url(../../images/yh/03hover.png);}
.lianxi ul li .a4{background: url(../../images/yh/04.png);}
.lianxi ul li:hover .a4{background: url(../../images/yh/04hover.png);}
.lianxi ul li .a5{background: url(../../images/yh/05.png);}
.lianxi ul li:hover .a5{background: url(../../images/yh/05hover.png);}

/*关于我们 机构设置 滚动条美化*/

.j-txt-main::-webkit-scrollbar {/*滚动条整体样式*/
	 width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	 height: 1px;
 }
 .j-txt-main::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #4151b4;
 }
.j-txt-main::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}
                                        
.j-txt::-webkit-scrollbar {/*滚动条整体样式*/
	 width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
	 height: 1px;
 }
 .j-txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	background: #4151b4;
 }
.j-txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
	-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
	border-radius: 10px;
	background: #EDEDED;
}




.xyhj .list li:first-child{width: 790px;height: 194px;}
.xyhj .list li:nth-of-type(2){margin-left: 0px;width: 470px;height: 194px;}
.xyhj .list li:nth-of-type(3){width: 373px;height: 514px;}
.xyhj .list li:nth-of-type(4){width: 377px;height: 300px;margin: 0px 20px;}
.xyhj .list li:nth-of-type(5){width: 470px;height: 194px;}
.xyhj .list li:nth-of-type(6){width: 470px;height: 300px;}
.xyhj .list li:nth-of-type(7){width: 377px;height: 300px;margin: -215px 20px 0px 393px;}
.xyhj .list li:nth-of-type(8){width: 470px;height: 300px;margin-top: 0px;}
.xyhj .list li:nth-of-type(9){width: 377px;height: 300px;margin-top: -320px;}
.xyhj .list li:nth-of-type(10){width: 377px;height: 194px;margin: -214px 42px 0px 395px;}

.xyhj .list li:nth-child(8n+11){width: 373px;height: 514px;}
.xyhj .list li:nth-child(8n+12){width: 377px;height: 300px;margin: 0px 20px;}
.xyhj .list li:nth-child(8n+13){width: 470px;height: 194px;}
.xyhj .list li:nth-child(8n+14){width: 470px;height: 300px;}
.xyhj .list li:nth-child(8n+15){width: 377px;height: 300px;margin: -215px 20px 0px 393px;}
.xyhj .list li:nth-child(8n+16){width: 470px;height: 300px;margin-top: 0px;}
.xyhj .list li:nth-child(8n+17){width: 377px;height: 300px;margin-top: -320px;}
.xyhj .list li:nth-child(8n+18){width: 377px;height: 194px;margin: -214px 42px 0px 395px;}

.more{display: block;margin: 0 auto;color: #37474f;width: 218px;height: 48px;line-height: 48px;font-size: 18px;text-align: center;border: 1px solid #ccc;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;overflow:hidden;padding:0;-webkit-transition:border-color .3s,background-color .3s;transition:border-color .3s,background-color .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.more::after{content:attr(data-text);position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;color:#fff;-webkit-transform:translate3d(0,25%,0);transform:translate3d(0,25%,0)}
.more>span{display:block}
.more::after,.more>span{-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.more:hover{background-color:#4251b6}
.more:hover::after{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.more:hover>span{opacity:0;-webkit-transform:translate3d(0,-25%,0);transform:translate3d(0,-25%,0)}

.more2{display:none;float: left; margin:30px 480px 0px;width: 300px;height: 48px;line-height: 48px;text-align: center;color: #fff;background: #4151b4;font-size: 20px;}
.more2:hover{background:#5566ce;}
/*防止ie8下联系我们错位*/
.qingchu{width: 1898px;height: 1px;}
 @media (max-width:1440px) {.qingchu{ width: 100%;}  }

/*预约参观*/
.Pop-up-box{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);z-index: 999999;display: none;cursor: pointer;}
.Pop-up-box .Pop-up-info{width: 500px;margin: 0 auto;position: fixed;height: 300px;top: 50%;left: 50%;margin-top: -250px;margin-left: -250px;background: #fff;padding: 80px 50px 122px 50px;}
.Pop-up-box .Pop-up-info .close{position: absolute;top: 0px;right: 0px;width: 50px;z-index: 99;height: 50px;background: url(../images/x.png) no-repeat center;background-size: 66%;cursor: pointer;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.Pop-up-box .Pop-up-info .Pop-up-right{width: 335px;    font-size: 18px;line-height: 26px;}
.Pop-up-box .Pop-up-info .close:hover{transform:  rotate(180deg);  -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg);}

.anim{-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}
.anim:before{position:relative;content:'';display:block;margin-top:100%}
.anim:after{content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.c-submit:hover>.anim{-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.c-submit:hover>.anim:after{-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}

@-webkit-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}100%{background:0 0}}
@-moz-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}100%{background:0 0}}
@-ms-keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}100%{background:0 0}}
@keyframes anim-out-pseudo{0%{background:rgba(0,0,0,.25)}100%{background:0 0}}
@-webkit-keyframes anim-out{0%{width:0%}100%{width:100%}}
@-moz-keyframes anim-out{0%{width:0%}100%{width:100%}}
@-ms-keyframes anim-out{0%{width:0%}100%{width:100%}}
@keyframes anim-out{0%{width:0%}100%{width:100%}