@charset "utf-8";
.boxs{
		    text-align: center;
		    overflow: hidden;
		    position: relative;
		}
.boxs:before{
		    content: "";
		    width: 0;
		    height: 100%;
		    background: #000;
		    padding: 14px 18px;
		    position: absolute;
		    top: 0;
		    left: 50%;
		    opacity: 0;
		    transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
		}
		.boxs:hover:before{
		    width: 100%;
		    left: 0;
		    opacity: 0.5;
		}
		.boxs .boxs-content{
		    width: 100%;
		  
		    color: #fff;
		    position: absolute;
		    top: 42%;
		    left: 0;
		}
		.boxs .title{
		    font-size: 25px;
		    
		    line-height: 30px;
		    text-transform: uppercase;
		    margin: 0;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
		}
		.boxs img{}
		.boxs .post{
		    font-size: 15px;
		    text-transform: capitalize;
		    opacity: 0;
		    transition: all 0.5s ease 0s;
		}
		.boxs:hover .title,
		.boxs:hover .post{
		    opacity: 1;
		    transition-delay: 0.7s;
		}


.ry25{width:25%;overflow: hidden;max-height:400px;}

.ry50{width:49%;overflow: hidden;max-height:400px;margin-right: 1%;}
.ry50 img{max-width:100%; }
.ry25 img{max-width:100%; }
@media only screen and (min-width: 320px) and (max-width: 768px) {
.ry25{width:98%;overflow: hidden;max-height:100%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;}
.ry50{width:98%;overflow: hidden;max-height:100%;margin-right: 1%;margin-left: 1%;margin-bottom: 10px;}
}
.tuandui p{
	font-size: 16px;
	line-height: 30px;
}


#cnzz_stat_icon_1270895738 {display: none;}
.nav2 {position: absolute;top:60px;left: 0;background:#fff;width: 100%;display: none;padding-bottom: 24px;}
i{font-style:normal;}
.nav3{display:none;}i,em {font-style: normal;}
.content,.footer {width: 1200px;margin: 0 auto;}
.header {max-width: 1200px;margin: 0 auto;font-family: "Microsoft YaHei";}
.liaowjwidth {width: 1000px;margin: 0 auto;}
.topWrap {
	height: 90px;
	top: 0;
	width: 100%;
	z-index: 9999;
	position:fixed; /* 绝对定位，fixed是相对于浏览器窗口定位。 */
	top:0; /* 距离窗口顶部距离 */
	left:0;
	background-color: #FFFFFF;
	background-position: 0;
}
.topWrap h5 {height: 32px;overflow: hidden;}
.topWrap h5 span {color: #333333;font-size: 12px;line-height: 38px;display: block;}
.topWrap h5 a {color: #333333;display: inline-block;}
.topWrap h5 img {vertical-align: middle;margin-right: 5px;}
.fz {width: 310px;float: left;overflow: hidden;}
.fz select {width: 180px;height: 22px;border: 1px solid #dedede;margin-top: 6px;font-size: 12px;color: #333333; background: none;}
.fz select option {font-size: 12px;}
.topc {height: 88px;} .topWrap h2 {width: 150px;float: left;height: 60px;overflow: hidden;margin-top:3px;}
.topWrap h2 img {display: block;width: 145px;height: 45px;margin-top: 10px;}
.topWrap h3 {margin: 22px 0 0 13px;padding: 0 0 0 20px;width: 250px;overflow: hidden;float: left;font-size: 16px;color: #333;line-height: 24px;position: relative;}
.topWrap h3 span {color: #333;font-size: 12px;display: block;font-weight: normal;}
.nav {float: right;height: 40px;margin-top: 23px;}
.nav>ul>li {font-size: 16px;height: 40px;float: left;margin-right: 4px;}
.nav>ul>li>a {   display:inline-block;color:#333;height:37px; line-height:32px; width:70px; text-align:center; border:2px solid rgba(255,255,255,0); box-sizing:border-box;border-radius:2rem;}
.nav>ul>li>a:hover,.nav .cur a {text-decoration: none;border:2px solid #97bf24; box-sizing:border-box; border-radius:2rem;-webkit-transition:all 0.7s;transition:all 0.7s;}
.nav .cur .xl_nav_c1 dt a{border:0;}
.nav .cur .xl_nav_c1 dd a{border:0;}
.nav li:last-child {padding-right: 0;}
.nav li:first-child {padding-left: 0;}
.xl_nav {width: 100%;overflow: hidden;background: #fff;font-family: "Microsoft Yahei";position: relative;z-index: 99;}
.xl_nav_c {width: 1200px;margin: 0 auto;position: relative;}
.xl_nav_c li {display: none;}
.npic {margin: 50px 0 0 48px;width: 300px;float: left;border-right: 1px solid #d1d1d1;height: 157px;overflow: hidden;position: relative;}
.npic img {width: 239px;height: 138px;}
.npic span {display: block;position: absolute;top: 90px;left: 0;width: 239px;height: 48px;line-height: 48px;text-align: center;font-size: 14px;font-weight: bold;color: #fff;}
.xl_nav_c1 {width: 780px;float: right;margin-top: 40px;overflow: hidden;}

@media only screen and (min-width: 320px) and (max-width: 768px) {
.content,.footer,.nav2 {
      display:none;
    }
.nav2 {display: none;padding-bottom: 0px;}
.nav>ul>li>a {   display:inline-block;color:#000;height:37px; line-height:32px; width:60px; text-align:center; border:2px solid rgba(255,255,255,0); box-sizing:border-box;border-radius:2rem;}
}


.protwo_nav_c1 dl {float: left;width: 195px;overflow: hidden;} .protwo_nav_c1 dt { height: 28px;line-height: 28px;overflow: hidden;font-size: 15px;font-weight: bold;}
.protwo_nav_c1 dt a {color: #666;}
.protwo_nav_c1 dd {padding-top: 10px;margin-bottom: 30px;}
.protwo_nav_c1 dd a {display: inline-block;min-width: 52%;font-size: 14px;height: 26px;color: #666;line-height: 26px;}
.fangtwo_nav_c1 ul {height: 100px;overflow: hidden;padding-top: 50px;}
.fangtwo_nav_c1 li {float: left;width: 195px;overflow: hidden;font-size: 14px;padding-bottom: 18px;line-height: 24px;}
.fangtwo_nav_c1 li a {color: #333333;font-weight: bold;}
.fangtwo_nav_c1 span {display: block;font-size: 14px;}
.fangtwo_nav_c1 span a {color: #333;}
.casetwo_nav_c1 dl {float: left;width: 170px;overflow: hidden;}
.casetwo_nav_c1 dt {padding-top: 50px;height: 24px;line-height: 24px;overflow: hidden;font-size: 14px;font-weight: bold;}
.casetwo_nav_c1 dt a {color: #333333;}
.casetwo_nav_c1 dd {padding-top: 10px;}
.casetwo_nav_c1 dd a {display: block;font-size: 12px;color: #6e6e6e;line-height: 26px;}
.wjttwo_nav_c1 dt { height: 28px;line-height: 28px;overflow: hidden;font-size: 14px;font-weight: bold;}
.wjttwo_nav_c1 dt a {color: #333;}
.wjttwo_nav_c1 dd span {display: block;padding-top: 15px;padding-right: 40px;height: 65px;overflow: hidden;font-size: 12px;color: #333;line-height: 24px;}
.wjttwo_nav_c1 dd a {display: block;font-size: 12px;color: #333;line-height: 26px;}
.newstwo_nav {background:#fff;width: 137px;height: 165px;top:37px;left: -35px;position: absolute;}
.newstwo_nav ul {padding: 20px 30px 0;}
.newstwo_nav li {height: 31px;line-height: 31px;overflow: hidden;border-bottom: 1px solid #eee;font-size: 14px;font-weight: bold;text-align: center;}
.newstwo_nav li a {color: #333;}
.abouttwo_nav_c1 ul {height: 100px;overflow: hidden;padding-top: 50px;width: 520px;}
.abouttwo_nav_c1 li {float: left;width: 150px;overflow: hidden;font-size: 14px;padding-bottom: 18px;line-height: 24px;}
.abouttwo_nav_c1 li a {color: #333333;font-weight: bold;}
.pxtwo_nav_c1 ul {height: 100px;overflow: hidden;padding-top: 50px;width: 520px;}
.pxtwo_nav_c1 li {float: left;width: 150px;overflow: hidden;font-size: 14px;padding-bottom: 18px;line-height: 24px;}
.pxtwo_nav_c1 li a {color: #333333;font-weight: bold;}
.nav .cur a .xl_nav_c1 dd a{border:0;}
.nav .cur .nav3 .newstwo_nav ul li a{border:0;}


.g_weiz{position: relative;top:-93px;font-size: 12px;color: #b8b8b8}
.g_weiz a{color: #b8b8b8}
.g_weiz a:hover{color: #b8b8b8}



/*main-banner*/

.Yl-container{margin-top: 90px;width:100%; height:386px; overflow:hidden; position:relative;background-repeat: no-repeat;background-position: center top;}
.Yl-container .Yl-wrapper{ width: 100%; height: 100%; overflow: hidden;position:relative;}
.Yl-container .Yl-wrapper i{list-style:none; font-style:normal; color: #fff;font-size: 58px;}
.Yl-container .Yl-wrapper .Yl-slide{ width: 100%; height: 100%; overflow: hidden; position:absolute; display: none;}
.Yl-container .Yl-wrapper .Yl-slide.active{ display: block;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-img0{width: 100%; height: 100%; background:url(/theme/2016/images/aboutbanner.jpg) top center no-repeat; position:absolute; z-index:0;}
.Yl-container .Yl-wrapper .Yl-slide .Yl-font0,.Yl-container .Yl-wrapper .Yl-slide .Yl-font1,.Yl-container .Yl-wrapper .Yl-slide .Yl-font2{ width: 1200px; height:auto;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font0{ font-size:48px; color: #afcac6; font-weight: 700;  width: 1200px;margin: 0 auto;margin-top: 90px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font1{font-size:36px; color: #2b3544; font-weight: 700; width: 1200px;margin: 0 auto;margin-top: 16px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-0 .Yl-font2{font-size:36px; color: #2b3544; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font0{ font-size:48px; color: #b6b5b5; font-weight: 700; margin-top: 80px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font1{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-1 .Yl-font2{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font0{ font-size:48px; color: #b6b5b5; font-weight: 700; margin-top: 80px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font1{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-wrapper .Yl-slide.Yl-2 .Yl-font2{font-size:36px; color: #fff; font-weight: 700; margin-top: 30px;}
.Yl-container .Yl-pagination{ width:100%; height: 22px; position: absolute; bottom:20px; z-index: 3; text-align: center; display: none;}
.Yl-container .Yl-pagination span{display:inline-block;width:13px;height:13px;border:2px solid #fff;border-radius:100%;margin:0 8px;cursor:pointer;line-height:6px;vertical-align:middle;transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp i{opacity:0;display:inline-block;vertical-align:text-bottom;transform:translateY(120px);-webkit-transform:translateY(120px);transition:all 1s ease-in-out 0s;-webkit-transition:all 1s ease-in-out 0s;}
.Yl-container .Yl-wrapper .Yl-slide .fadeInUp.act i{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}
.Yl-container .Yl-pagination-bullet-active{box-shadow:0 0 12px rgba(255,255,255,0.8); background:transparent;}
.Yl-container .Yl-pagination-bullet-active:after{content:"";width:7px;height:7px;border-radius:100%;display:inline-block;background:#fff; margin-top:3px;}
.Yl-container .Yl-Button{ position: relative; z-index: 2; width: 1200px; height:60px; margin: 0 auto;border-top: 1px rgba(255, 255, 255, 0.19) solid; text-align:center; margin-top: 50px;}
.Yl-container .Yl-Button a{ display:block; width:278px; height:48px; line-height:48px; font-size:26px; color:#111; text-align:center; margin:0 auto; background:#fff; margin-top:20px; font-weight:700; border:2px #fff solid; text-decoration:none;}
.Yl-container .Yl-Button a:hover{ background:#111; color:#fff;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft{ position:relative; z-index: 1;}
.Yl-container .Yl-wrapper .Yl-slide .slideInLeft i{display:inline-block;text-align:left;}

@keyframes Yl-img_an
{0%{transform:scale(1,1);}100%{transform:scale(1.2,1.2);}