@charset "utf-8";
/*
 * youyou
 * 请尊重他人劳动成果，你可以模仿页面，但是请自己写代码！
 * 2022-04-210
 * coyright@tengcee.com
*/
@import url("public.css");
/*头部*/
.top { width: 100%; float: left; position: relative;}
.top1 { width: 100%; float: left; position: relative;-webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.36);-moz-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.36);box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.36); height: 32px;}
.logo { padding-left: 30px; position: absolute; left: 0px; top: 0px; }
.logo_right1  a { color:#333333; text-decoration:none; padding-left:5px; padding-right:5px; }
.top_tel { font-size: 18pt; line-height: 35px; font-weight: bold; color: #CC0000; background-image: url(../images/tel.jpg); background-repeat: no-repeat; background-position: left center; float: right; height: 35px; padding-left: 60px; margin-top: 15px; }
.nav {width: 100%; padding-top: 70px; float: left; text-align:center; padding-bottom: 10px; position: relative;}
.nav ul { width: 100%; float: left; position: relative;}
.nav li { text-align: center; height: 35px; line-height: 35px; font-size: 14px; padding:0 15px; display: inline-block;}
.nav li a { color:#5e5e5e; text-decoration:none; display:block; padding:0 10px;}
.nav li a:hover,.nav .active a { background-color:#35bff8; border-radius:5px; color:#FFFFFF;}
.nav .nav_line { background-image: url(../images/nav_line.png); background-repeat: no-repeat; float: left; height: 80px; width: 2px; padding: 0px; }
.nav .home a { background-color:#35bff8; border-radius:5px; color:#FFFFFF;}

.banner { width: 100%; position: relative; height: 300px; background-image: url(../images/bannerbg.jpg); }

/* flexslider */
.flash{width:635px;height:240px; float: left; position: relative;}
.flexslider{position:relative;width:100%;height:240px;overflow:hidden;zoom:1; float:left;border-radius:10px; margin-left: 25px;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flexslider .slides li img {border-radius:5px; }
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:20;filter:alpha(opacity=20);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=80);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{ display:block; height:16px; overflow:hidden; text-indent:-99em; width:16px; cursor:pointer; background-image: url(../images/dot.png); background-repeat: no-repeat; background-position: 0 -16px; }
.flex-control-paging li a.flex-active{background-position:0 0;}

.main1 { float: left; width: 100%;border: 1px solid #e2e2e2; box-sizing: border-box; }
.main { float: left; width: 100%; position: relative; }
.news { float: left; width: 260px;padding: 10px; height: 225px; box-sizing: border-box;  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.26);border-radius: 10px;position: relative; background-image: url(../images/newsbg.png); background-repeat: no-repeat; background-position: center center; background-size: cover;}
.news_title { font-size: 15px; line-height: 35px; font-weight: bold; color: #FFFFFF; float: left; height: 35px; width:100%; padding-left: 5px;box-sizing: border-box; text-align: center;vertical-align: middle;}
.news_title i{ display: inline-block;  }
.news_title img{ display: inline-block;vertical-align: middle; }
.news_title span { font-size: 11px; line-height: 35px; font-weight: normal; color: #333333; float: right; height: 35px; }
.news_title span a { color:#FFFFFF; }

.news_list { float: left; width:100%; padding:10px; box-sizing: border-box;}
.news_list a{ font-size:13px; font-weight:normal; line-height:34px; color:#FFFFFF; width:100%; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; height: 34px; }
.news_list span { color: #CCCCCC; float: right; }
.news_list li { float: left;width:100%;}
.newsmore{ width: 100px; height: 32px;line-height: 32px; border:solid 1px #fff; border-radius: 3px; position: absolute; right: 20px;bottom: 10px; text-align: center;color: #fff;}
.newsmore a{ color: #fff; }

.login { background-image: url(../images/loginbg.png); background-repeat: no-repeat; background-position: center center; background-size: cover; float: right; height: 225px; width: 255px; padding:20px 25px; box-sizing: border-box; border-radius: 10px; box-sizing: border-box;  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.26);}
.btn_reg { width:100%; float:left; margin-top: 6px; margin-bottom: 6px; line-height: 25px; height: 25px; }
.btn_reg a { color:#FFFFFF; text-decoration:none;}
.btn {vertical-align: baseline;outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size: 16px; padding-left: 0; padding-right: 0; border:solid 1px #f5f5f5; border-radius:5px; line-height: 30px;height: 30px; margin:6px 0;box-sizing: border-box}
.btn:hover { text-decoration: none; }
.btn:active { position: relative; top: 1px; }
.green{background-color: #58b480;}
.brown{background-color: #a9b88d;}
.purple{background-color: #758af1;}
.blue{background-color: #339ad7;}

.service { float: left; width: 100%; position: relative; padding-top: 20px; padding-bottom: 10px; display: flex;gap:10px;text-align: center;justify-content: center}
.service li {height: 194px; width: 182px; position: relative; margin-right: 20px; }
.service li .thumb { width:100%; height:194px; background-repeat: no-repeat; background-position: center center; float: left; }
.service li .thumb img{ width:100%;height: auto;}
.service li .thumb .hover{display: none;}
.service li:hover .thumb .default {display: none;}
.service li:hover .thumb .hover {display:inline-block;}
.service li p { width:120px; line-height:32px; height:32px; text-align:center; float: left; border: 1px solid #fff; position: absolute; left:50%;margin-left:-60px; bottom: 15px; -webkit-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; border-radius:15px;color:#FFFFFF}
.service li p a { color:#FFFFFF; text-decoration:none; display:block;}


.service li #s01 { background-image:url(../images/laohu.png);}
.service li:hover  #s01 { background-image:url(../images/laohu2.png);}
.service li #s02 { background-image:url(../images/beijing.png);}
.service li:hover  #s02 { background-image:url(../images/beijing2.png);}
.service li #s03 { background-image:url(../images/fenfencai.png);}
.service li:hover  #s03 { background-image:url(../images/fenfencai2.png);}

/*底部*/
.bottom { width: 100%;position: relative;left: 0; bottom: 0;float: left;position: relative;}
.bottomFixed{ width: 100%;position:relative;left: 0; bottom: 0;float: left;position: relative;}
.fixed{ position: absolute; left: 0;bottom: 0; }
.bottom2 { width: 100%; padding-top: 50px; position: relative;left: 0; bottom: 0px; }
.top2 { width:100%; display:block;}

.nav2 { height:50px; width:500px;position: relative;margin:30px auto 0 auto;}
.nav2 ul{ width: 100%; float: left; position: relative; background-color: #6d7e9d;display: flex;gap:10px; border-top-right-radius: 5px;border-top-left-radius: 5px;}
.nav2 li { float: left; width: 20%;height: 50px; line-height: 50px;font-size: 13px}
.nav2 span { float: left;text-align: center; }
.nav2 p { line-height: 50px; text-align: center; float: left;width: 100%; color: #FFFFFF;}
.nav_box { width: 100%; }
.nav2-bar{display: inline-block;vertical-align: top;width: 100%;height: 39px; background-color: #7d8cab;border-top-left-radius: 5px;border-top-right-radius: 5px;z-index: -1;margin: 0 auto;position: relative;position: absolute; bottom: 0px;left: 0}

.logo2 { float: left; padding-top: 20px; padding-left: 100px; text-align: right; }
.nav3 { float: left; height: 30px; width: 700px; line-height: 30px; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; }
.nav3 ul { margin-left:auto; margin-right:auto; padding:0px; line-height:40px;display:inline; }
.nav3 li { text-align: center; height: 30px; line-height: 30px; font-size: 15px; float:left; padding-right: 15px; padding-left: 15px; }
.nav3 li a { color:#333333; text-decoration:none; display:block; padding-right: 10px; padding-left: 10px; }
.nav3 li a:hover { background-color:#35bff8; border-radius:5px; color:#FFFFFF;}

.is-fixed { background-image:url(../images/nav3_bg.png); position: fixed; top: 0px; line-height:40px; z-index:9999; }
.is-fixed .logo2 { float: left; padding-top: 5px; padding-left: 100px; text-align: right; }
.is-fixed .nav3 { float: left; height: 30px; width: 700px; line-height: 30px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; }
.is-fixed .nav3 ul { margin-left:auto; margin-right:auto; padding:0px; line-height:40px;display:inline; }
.is-fixed .nav3 li { text-align: center; height: 30px; line-height: 30px; font-size: 15px; float:left; padding-right: 15px; padding-left: 15px; }
.is-fixed .nav3 li a { color:#FFFFFF; text-decoration:none; display:block; padding-right: 10px; padding-left: 10px; }
.is-fixed .nav3 li a:hover { background-color:#35bff8; border-radius:5px; color:#FFFFFF;}
.bottom_menu { line-height: 35px; text-align: center; height: 35px; width: 100%; color:#999999; }
.bottom_menu a { padding-left:15px; padding-right:15px;}
.bottom3{ width: 100%; position: relative;background: rgba(255, 255, 255, 0.5);color: #7c7e80; float: left;padding:10px 0;}
.copyright{ width: 100%; float: left; text-align: center;line-height: 2.5em; }

/*内页*/
.page_left { float: left; width: 870px; position: relative; margin-bottom: 40px; min-height: 600px;}
.cat_title { line-height: 35px; float: left; height: 35px; width: 100%; border-bottom: 2px solid #fff; }
.cat_title h2 { float: left; height:35px; padding:0 5px; border-bottom: 3px solid #39bff6;; color: #333333; font-size: 18px; font-weight: normal; }
.position { line-height: 35px; color: #999; background-image: url(../images/home1.png); background-repeat: no-repeat; background-position: left center; float: right; height: 35px; padding-left: 20px; padding-right: 10px; font-size: 12px}
.position a { color:#666666; text-decoration:none;}
.position a:hover { color:#39bff6; text-decoration:none;}
.page_content { line-height: 2.2em; color: #666; padding: 10px; float: left; width: 100%; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; font-size: 12px; min-height: 650px;}
.page_content img { max-width:870px; height:auto;}
.share { line-height: 40px; float: left; height: 40px; width: 100%; padding-top: 10px; padding-bottom: 10px; }

.page_right { float: right; width: 300px; background-color: rgba(255,255,255,.5); margin-bottom:30px; }
.right_img {padding: 25px; float: left; width:100%; box-sizing: border-box;}
.right_img img{ width: 100%;height: auto; }
.right_news { padding: 10px; float: left; width: 270px; }
.right_title { font-size: 15px; line-height: 40px; font-weight: bold; color: #333333; float: left; height: 40px; width: 270px; padding-right: 10px; padding-left: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
.right_news li { line-height: 35px; float: left; height: 35px; width: 270px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.right_news span { line-height: 20px; background-color: #FFFFFF; text-align: center; float: left; height: 20px; width: 20px; margin-top: 8px; margin-right: 8px; border: 1px solid #e2e2e2; }

.list { float: left; width:100%; margin-top: 10px; margin-bottom: 10px;position: relative;}
.list_txt { margin: 0px; padding: 0px; }
.list_txt li { float: left; width: 100%; padding: 20px 0;border-bottom: 1px solid #e2e2e2;position: relative; }
.list_txt span { padding: 8px; float: left; border: 1px solid #fff; background-color:rgba(255,255,255,.5);}
.list_txt .listinfo{ width: 650px;float: right; position: relative; }
.list_txt .listinfo p { font-size: 18px; line-height: 35px; font-weight: bold; color: #333333; float: left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.list_txt .listinfo dt { line-height: 25px; color: #666; float: left; width: 100%; padding-top: 5px; padding-bottom: 5px; }
.time { font-style: normal; line-height: 20px; color: #999; float: left; padding-left: 20px; background-image: url(../images/ico_time.png); background-repeat: no-repeat; background-position: left center; }
.hits { font-style: normal; line-height: 20px; color: #999; float: left; padding-left: 20px; background-image: url(../images/ico_hits.png); background-repeat: no-repeat; background-position: left center; margin-left: 15px; }.read { float: left; width: 700px; margin-top: 10px; margin-bottom: 10px; }

.read{ width: 100%;float: left;position: relative; padding:10px 0;}
.read_title { font-size: 24px; line-height: 35px; font-weight: bold; color: #333333; float: left; width:100%; padding: 10px 0;}
.read_info { line-height: 35px; color: #999999; float: left; height: 35px; width: 100%; border-bottom: 1px solid #e2e2e2; }
.read_content { line-height: 2.2em; color: #333333; padding: 10px 0; float: left; width: 100%; margin: 10px 0; box-sizing: border-box;}
.read_content img { max-width:780px; height:auto;}

.about_page2 { line-height: 35px; float: left; height: 35px; width: 100%; border-bottom: 1px solid #e2e2e2; }
.read_about { background-color: rgba(255,255,255,.5); padding: 20px; float: left; width: 100%; border-radius:5px; box-sizing: border-box;}
.read_about_title { font-size: 16px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 100%; border-bottom: 2px solid #FFFFFF; }
.read_about_list { float: left; width: 100%; padding:10px 0;}
.read_about_list li { line-height: 40px; background-image: url(../images/ico-2.gif); background-repeat: no-repeat; background-position: 2px center; height: 35px; width: 100%; float: left; padding-left: 10px; box-sizing: border-box}
.read_about_list span { color: #999999; float: right; }

.list_pic { margin: 0px; padding: 0px; width: 100%; float: left; }
.list_pic li { padding: 10px; float: left; width: 25%; box-sizing: border-box; }
.list_pic .listin{ width: 100%; float: left; position: relative;}
.list_pic li span { padding: 1px; float: left; width: 100%; border: 1px solid #e2e2e2; }
.list_pic li p { line-height: 30px; text-align: center; padding: 5px; float: left; height: 40px; width:100%;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; box-sizing: border-box}

.right_tags { padding: 10px; float: left; width: 100%; box-sizing: border-box;}
.right_tags a { line-height:25px; margin:5px; padding-left:10px; padding-right:10px; text-align:center; display:block; float:left; background-color:#FFFFFF; color:#333333; border: 1px solid #e2e2e2; }
.right_tags a:hover { background-color:#39bff6; color:#FFFFFF; text-decoration:none;}
.read_tags { float: left; width: 100%; padding: 10px 0;}
.read_tags b { float:left;display:block; color:#333333;line-height:25px; margin:5px;}
.read_tags a { line-height:25px; margin:5px; padding:0 10px; text-align:center; display:block; float:left; background-color:#FFFFFF; color:#333333; border: 1px solid #e2e2e2; }
.read_tags a:hover { background-color:#39bff6; color:#FFFFFF; text-decoration:none;}
.zhanshi { float: left; width: 1160px; margin-top: 10px; margin-bottom: 10px; padding: 10px; background-image: url(../images/zhanshi.png);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px; }
.zhanshi_title { font-size: 15px; line-height: 35px; font-weight: bold; color: #333333; float: left; height: 35px; width: 1140px; padding-left: 20px; background-repeat: repeat-x; background-position: center bottom; }
.zhanshi_title span { font-size: 11px; line-height: 35px; font-weight: normal; color: #333333; float: right; height: 35px; }
.zhanshi_title span a { color:#666666; }
.zhanshi_list { float: left; width: 1160px; }
.zhanshi_list li { margin: 14px; padding: 1px; float: left; width: 200px; border: 1px solid #FFFFFF;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px; }
.zhanshi_list span { float: left; overflow:hidden;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px; }
.zhanshi_list p { line-height: 40px; text-align: center; float: left; height: 40px; width: 208px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color: #333333; }

/*注册页面*/
.regbox{ width: 100%; float: left; padding:30px 40px;margin:80px 0; border:solid 1px #fff; background-color:rgba(255,255,255,.5); box-sizing: border-box;border-radius: 10px; min-height: 550px;}
.regleft{ width: 600px; float: left;position: relative;}
.regbox .reg_title{ line-height: 40px;float: left; height: 40px; width: 100%; position: relative; font-size: 17px; color: #666}
.regbox .reg_title2{ line-height: 30px;float: left; height: 30px; width: 100%; position: relative; font-size: 17px; color: #666; text-align: center;}
.box{ width: 100%; float: left;padding:10px 0; position: relative;}
.reg_list{ width: 100%; float: left; position: relative; }
.reg_list li{ width:100%; float:left; padding: 10px 0; position: relative;}
.bar { float: left; width: 280px; margin-top: 2px; border: 1px solid #fff; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; position:relative; overflow:hidden; padding:5px;box-sizing: border-box;background-color:rgba(255,255,255,.2);}
.bar span { position:relative; background-repeat: no-repeat; background-position: left center; float:left; width:100%; animation:mymove 0.8s infinite; -webkit-animation:mymove 0.8s infinite; /*Safari and Chrome*/  margin-top:1px;}
.bar span img { width:100%; height:15px;}
@keyframes mymove
{
	0% {width:270px;}
	25% {width:250px;}
	50% {width:230px;}
	75% {width:250px;}
	100% {width:270px;}
}

@-moz-keyframes mymove /* Firefox */
{
	0% {width:270px;}
	25% {width:250px;}
	50% {width:230px;}
	75% {width:250px;}
	100% {width:270px;}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
	0% {width:270px;}
	25% {width:250px;}
	50% {width:230px;}
	75% {width:250px;}
	100% {width:270px;}
}

@-o-keyframes mymove /* Opera */
{
	0% {width:270px;}
	25% {width:250px;}
	50% {width:230px;}
	75% {width:250px;}
	100% {width:270px;}
}
.reg_list .btnlist{ width:300px;float: right;position: relative; margin:0px 0;}
.reg_list .btnlist span{ width: 50%; float: left; padding:0 20px; box-sizing: border-box; font-size: 15px;}
.reg_list .btnlist .btn1{ width: 100%; float: left;line-height: 30px; text-align: center; background-color:#31a5fc; border-radius: 5px;outline: none; color: #fff }
.reg_list .btnlist .btn2{ width: 100%; float: left;line-height: 30px; text-align: center; background-color:#705be5; border-radius: 5px;outline: none; color: #fff }
.regright{ width: 500px; float:right; position: relative;}
.regright .thumb{ width: 100%; float: left; padding:20px; box-sizing: border-box;margin-top: 30px;}
.regright .thumb img{ width: 100%;height: auto; border-radius: 10px; }

.zhuce { width: 100%; float: left;  padding:20px 0;text-align: center;}
.zhuce a{padding: 0 20px;}


/* 自定义分页外层容器 */
.xrpagination { width:100%; margin-top:30px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; }
.xrpagination ul.pagination { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.xrpagination ul.pagination li { margin:0; padding:0; list-style:none; }
.xrpagination ul.pagination li>a,.xrpagination ul.pagination li>span,.xrpagination>a,.xrpagination>span { display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 12px; font-size:14px; border:1px solid #ddd; background:#fff; color:#666; text-decoration:none; box-sizing:border-box; transition:0.2s all; }
.xrpagination ul.pagination li>a:not([href]),.xrpagination>a:not([href]) { border:none; background:transparent; min-width:auto; padding:0 12px; }
.xrpagination ul.pagination li>a[href]:hover,.xrpagination>a[href]:hover { background:#f5f5f5; border-color:#bbb; color:#333; }
.xrpagination ul.pagination li.active>a,.xrpagination ul.pagination li.active>span,.xrpagination .active>a,.xrpagination .active>span,.xrpagination .current { background:#007bff; border-color:#007bff; color:#fff; cursor:default; }
.xrpagination ul.pagination li.active>a:hover { background:#007bff; color:#fff; }
.xrpagination ul.pagination li.disabled>a,.xrpagination ul.pagination li.disabled>span,.xrpagination .disabled>a,.xrpagination .disabled>span { color:#ccc; cursor:not-allowed; }
@media screen and (max-width:768px) { .xrpagination { margin-top:20px; gap:5px; } .xrpagination ul.pagination { gap:5px; } .xrpagination ul.pagination li>a,.xrpagination ul.pagination li>span,.xrpagination>a,.xrpagination>span { min-width:30px; height:30px; padding:0 8px; font-size:13px; } }
@media screen and (max-width:480px) { .xrpagination ul.pagination li>a:not([href]) { display:none; } }