/* qhl_css */
@charset "utf-8";
body,*,html,a,h1,h2,h3,span,div,ul,li{margin:0px; padding:0px;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#444; text-decoration:none; line-height:18px; background-color:#ffc801; overflow-x:hidden;}
ul,li{list-style:none;}
.clearfix:after{ content: "020"; display: block; height: 0; clear: both; visibility: hidden;  }
.clearfix {  /* 触发 hasLayout */   zoom: 1;  }

img{border:0px;}
.fl{float:left;}
.fr{float:right;}
.lk{display: block;height: 0;width: 0;overflow: hidden;}
a{color:#636363; text-decoration:none;}
a:hover{ color:red;}

.grey{ color:#999;}
a.grey:hover{ text-decoration:underline;}

.red{ color:#de0029;}

:focus{ outline:none;}
h3{ font-weight:normal;}
em,i{ font-style:normal;}

.wrapper{ width:1140px; margin:0 auto;}

/*index*/
.hometop{ background:url(../images/top_bg.jpg) no-repeat top center;}
.hometopbg{ background:url(..images/topbg.jpg) no-repeat top center;}

.topline{ position:relative;border-bottom:1px solid #181e34; background-color:#171a3d; color:#fff; line-height:42px; padding:0 10px;}
.topline a{ color:#fff;}
.topline .boxfl{ float:left;}
.topline .boxfr{ float:right;}
.topline .menu img{ display:block;}

.nav{ border-top:1px solid #555baf; background-color:#2f367a; position:relative; /*overflow:hidden;*/ height:71px; z-index:2;}
.nav .nLi{ position:relative; float:left; color:#fff; font-size:14px; line-height:70px; font-family:microsoft yahei; width:11.11%; text-align:center; background: url(../images/crystal_03.png) no-repeat 0 -328px; transition:.2s;}
.nav a{ color:#fff;} 
.nav .sub{ width:176px; position:absolute; left:0px; background-color:#2f367a; display:none;}
.nav .sub li{ line-height:30px; font-family:Arial; font-size:12px;}
.nav .sub li:hover{ background-color:#000c7d;}
.nav .nLi:hover{ background-position: 0 -514px; font-size:16px;}
.nav .nLi:hover a{ color:#fbc405}
.nav .nLi:hover .sub a{ color:#fff;}
.nav .nLi:hover .sub{ display:block;}

.banner{ position:relative; height:370px; }
.banner .img img{ display:block;}

.subnav{position:absolute; bottom:0px; width:100%; background-size:100% auto;}
.subnav ul{ width:90%; left:5%;position:absolute; top:0; height:100%; }
.subnav li{ width:20%; float:left; text-align:center; position:relative; height:100%;overflow:hidden;}
.subnav li a{ z-index:12; position:relative; top:44%;}
.subnav li i { width: 260px; height: 900px; display: block; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .2s ease-in; transition: all .2s ease-in; z-index:6}
.subnav li:hover i { opacity: 1; filter: alpha(opacity=100); }
.subnav li i.yuzhou01 { background: url(../images/crystal_01.png) no-repeat center center; }
.subnav li:hover i.yuzhou01 { animation: yuzhou 9s linear infinite; -webkit-animation: yuzhou 9s linear infinite; }
.subnav li i.yuzhou02 { background: url(../images/crystal_02.png) no-repeat center center; }
.subnav li:hover i.yuzhou02 { animation: yuzhou 16s linear infinite; -webkit-animation: yuzhou 16s linear infinite; }
.subnav li i.yuzhou03 { background: url(../images/crystal_03.png) no-repeat center center; }
.subnav li:hover i.yuzhou03 { animation: yuzhou 20s linear infinite; -webkit-animation: yuzhou 20s linear infinite; }
.subnav .cover img{ display:block;}
.subnav .coverbg { position: absolute; bottom:-5px; left:0px;z-index:8}



@keyframes yuzhou{
	0%{top:0px; left: 0px;}
	100%{top:-800px; left: 0px;}
}
@-webkit-keyframes yuzhou{
	0%{top:0px; left: 0px;}
	100%{top:-800px; left: 0px;}
}

/* content*/
.homebottom{ background:url(../images/bottom_bg.jpg) #ffc801 no-repeat top center;}
.homemain{ background-color:#fff; padding:2.6%;}

.homenews,
.homeabout,
.homedate,
.homeintro,
.homeactivity,
.homeprize,
.homehost,
.homexhibition,
.homehost,
.homeclass,
.homelink{
	border:1px solid #d4d4d4 ; box-sizing:border-box;
	}
.homepic{ width:345px; float:left;position:relative; padding:2px 0; overflow:hidden;border:1px solid #d4d4d4 ;}
.homepic li{ position:relative;}
.homepic li a{ display:block; padding:0 2px;}
.homepic .img img{ width:100%; display:block;}
.homepic .txt{ position:absolute; bottom:0px; height:50px; line-height:30px; background:url(../images/homepicbg.png) center center; border-top:1px solid #fff; width:100%; text-align:center; font-size:14px; color:#777;}
.homepic .owl-pagination{  position: absolute; left: 0; text-align: center; bottom:10px; width: 100%; z-index:22; }
.homepic .owl-controls .owl-page{display: inline-block; width:15px; height:4px;  background: #000; background-color:#333;  margin: 0 5px; cursor: pointer;}
.homepic .owl-controls .active{background-color:#f60;}

.hometit{ overflow:hidden; font-size:16px; color:#2f367a; font-family:microsoft yahei;background-color:#f5f5f5; line-height:33px; padding:0 10px;}
.hometit .more{ font-size:12px; float:right; font-family:Arial; }
.hometit .small{ font-size:12px;}

.homeline{ margin-bottom:15px;}

.homeconn{ padding:10px;}

.homebox02{ padding-left:347px;}
.homebox01{ float:left; width:47%; padding:0 1.6%;}

.homenews li{ line-height:21px; background:url(../images/dian01.jpg) no-repeat 0 center; padding-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.homenews02{ margin-top:13px;}
.homeabout{ float:right; width:49%;}
.homeabout .info{ background-color:#e71c46; color:#fff; font-weight:bold; font-family:Arial; padding:10px; margin-bottom:20px;}

.homebox03{ width:347px; float:left;}
.homebox04{ padding-left:347px;}
.index_pro_img{ margin-top:30px; border:1px #ccc solid;}
.index_pro_img .index_pro_tit{ background:#f5f5f5; padding-left:10px; font-size:16px; color:#2f367a; line-height:34px;}
.index_pro_img img{ width:100%; border:0; display:block;}
.index_pro_img ul{ padding:20px;}
.index_pro_img li{ margin-bottom:20px;}
.index_pro_img li:nth-child(5){ margin-bottom:0;}
.index_pro_img li p{ border:1px #ccc solid; border-top:0; text-align:center; line-height:28px; background:url(../images/home_pro_bg.jpg) no-repeat center;}

.homeban01{ width:100%;}

.homedate,
.homeban01,
.homeactivity{
	margin-bottom:15px;
	}

.homeactivity,
.homeprize{
	margin-left:1.6%;
	}

.homeban02{ margin-bottom:12px;}

.homehost{ width:22%;}
.homehost li{ line-height:29px; border-bottom:1px dashed #ccc; background:url(../images/dian02.jpg) no-repeat left center; padding-left:15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.homehost01{ float:left;}
.homehost02{ float:right;}

.homexhibition{ width:53%; margin:0 1.5%; float:left;}
.homexhibition .img{ margin-right:10px;}

.homeclass .img{ margin-left:10px;}

.homelink li{ float:left; padding-right:5px;}
.homelink li img{ width:125px; height:50px; border:1px solid #ccc;}

.foot{ padding-top:20px;}

/*content*/
.leftside .co,
.leftside .host,
.content{
	border:1px solid #d4d4d4 ; box-sizing:border-box;
	}

.leftside .host{ margin-bottom:15px;}
.leftside .host li{ line-height:29px; border-bottom:1px dashed #ccc; background:url(../images/dian02.jpg) no-repeat left center; padding-left:15px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.leftside{ width:30%; float:left;}

.content{ width:69%; float:right;}
.content .concon{ padding:10px;}

.content .news .img{ float:left; width:200px; border:1px solid #ccc;}
.content .news .img img{ width:100%; height:150px; display:block;}
.content .news li{ border-bottom:1px dashed #ccc; overflow:hidden; padding:20px 0px 20px 0px;}
.content .news .txt{ padding-left:220px; font-family:microsoft yahei;}
.content .news .tit{ font-size:18px; font-weight:bold; margin-bottom:10px; line-height:30px;}
.content .news .tit a{ color:#2f367a;}
.content .news .info{ font-size:14px; color:#666; line-height:24px; margin-bottom:20px; }
.content .news .more{ font-size:12px; color:#2f367a; }
.content .news .date{color:#999;}
.content .news li:hover{ background-color:#f1f1f1;}
.content .news a:hover{color:#fff; background-color:#2f367a;}

.content .rater{ padding:20px 0 0;}
.content .rater li{ float:left; width:33.3%; text-align:center;}
.content .rater a{ border:1px solid #c8c2b5; display:inline-block; transition:.5s; padding:5px; max-width:189px; margin:0 5% 20px;}
.content .rater .img img{ width:100%;}
.content .rater .txt{ padding:16px 0;}
.content .rater a:hover{ background-color:#2f367a; color:#fff;}

.content .contact {  background: url(../images/qiu.jpg) no-repeat right bottom; padding: 40px 0 0 60px; font-size: 14px; font-family:"Microsoft YaHei",SimSun,SimHei; position: relative;  }
.content .contact p { line-height: 30px; text-indent: 0; }
.content .contact p strong { font-size: 16px; line-height: 40px; color: #2f367a; }

.content .host li{ line-height:42px; border-bottom:1px dashed #ccc; background:url(../images/dian02.jpg) no-repeat 10px center; padding:0 20px 0 25px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; transition:.5s;}
.content .host .date{ float:right; font-size:12px;}
.content .host li:hover{ padding-left:35px; background-color:#f1f1f1; background-position:15px center;}
.content .host li:hover a{ color:#666;}

.content .match{ background-color:#2f367a; color:#fff; width:300px; line-height:50px; text-align:center; border:1px solid #fff; outline:1px solid #2f367a; font-size:20px; font-family:microsoft yahei; margin:50px auto;}
.content .abcmatch li{ background-color:#2f367a; color:#fff; width:300px; line-height:40px; text-align:center; border:1px solid #fff; outline:1px solid #2f367a; font-size:16px; font-family:microsoft yahei; margin:20px auto;}
.content .abcmatch li a{ color:#fff; display:block;}


/*page*/
.content .contit { height: 30px; line-height: 30px; font-size: 22px; font-weight: normal; font-family: microsoft yahei; text-align: center; color: #2f367a; border-bottom: 1px dashed #dedede; margin-bottom: 20px; padding: 20px 0; }
.content .concc img{ height:auto;}


/*class*/
.protab{word-wrap:break-word;word-break:break-all;}
.protab{ border-collapse:collapse; width:100%;}
.protab td{ border:1px solid #ccc; padding:2px; text-align:center;}
.protab tr:nth-child(n){ background-color:#eaf6ff;}
.protab tr:nth-child(2n){ background-color:#fff;}

.content .concon p{line-height: 24px; font-size: 14px; font-family: microsoft yahei; margin-bottom: 20px;}

/* decorate */
.deng { position: absolute; z-index:1; background: url(../images/deng.png) no-repeat 0 0; width: 398px; height: 196px; top:24px; left: 30px; animation: deng 10s linear infinite; -webkit-animation: deng 10s linear infinite; }
@keyframes deng{
	0%{left: 30px;opacity:0;}
	10%{opacity:1;}
	90%{opacity:1;}
	100%{left: 700px;opacity:0;}
}
@-webkit-keyframes deng{
	0%{left: 30px;opacity:0;}
	10%{opacity:1;}
	90%{opacity:1;}
	100%{left: 700px;opacity:0;}
}





/* 隐藏显示*/
.hidden01{ display:none;}
.show01{ display:block;}

.Judge{}
.Judge .img{ float:left; width:35%;}
.Judge .img img{ width:100%; }
.Judge .txt{ float:right; width:60%;font-size:14px;padding-top:20px;line-height:24px;}


.ia{ position:absolute; display:block; }
.sho {
    position:relative ;
    top: 0;
    right: 0;
    background: var(--color-white);
    padding:10px;
    opacity: 0; background:#fff;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.ia:hover .sho{opacity: 1;}
.sho .si{ text-align:center; margin:auto;}
img.chat{ width:107px !important; height:auto !important; display:block;}
.sho .si span{ margin-top:5px;}


@media (max-width:1140px){
	img{ max-width:100%;}
	.content img{ height:auto;}
	.wrapper{ width:100%; padding:0 10px; box-sizing:border-box;}
	
	/*index*/
	.hometop .wrapper{ padding:0px;}
	.homebottom .wrapper{padding:0px;}	
	
	/*content*/
	
	
	
	
	/* 隐藏显示*/
	.hidden02{ display:none;}
	.show02{ display:block;}
}

@media (max-width:880px){
	/*index*/
	.topline .boxfr{ float:none; display:none; position:absolute; z-index:100; width:100%; left:0px; top:42px; background-color:#eee;box-sizing:border-box;}
	.topline .boxfr a{ display:block; text-align:center; color:#666; border-bottom:1px solid #ccc;}
	.topline .boxfr em{ display:none;}
	.topline .boxfron{ display:block;}
	
	.nav{ height:60px; padding:0 10px; overflow:hidden;}
	.nav:after { display: block; content: ''; width: 40px; height: 64px; background: url(../images/navbgfr.png) no-repeat right center; background-size: auto 100%; position: absolute; top: 0; right: 0; z-index: 9; }
	.nav:before { display: block; content: ''; width: 40px; height: 64px; background: url(../images/navbgfl.png) no-repeat left center; background-size: auto 100%; position: absolute; top: 0; left: 0; z-index: 9; }

	.nav .nLi{ padding:0 30px; width:auto; line-height:60px;}
	.nav .nLi:hover{ background:none; font-size:14px;}
	
	.homebox01{ float:left; width:100%; box-sizing:border-box; padding:0 1.6%;}
	.homebox03{ width:39%;}
	.homebox04{ padding-left:39%;}
	
	/*conent*/
	.content{ width:100%; float:none; border:none; border-top:1px solid #ccc;}
	
	/* 隐藏显示*/
	.hidden03{ display:none;}
	.show03{ display:block;}
}

@media (max-width:720px){
	/*index*/	
	
	.nav{ height:50px;}
	.nav .nLi{ padding:0 18px; width:auto; line-height:50px;}
	.nav:after{ width:40px;}
	.nav:before{ width:40px;}
	
	.banner .img img{ min-height:150px;}
	
	.subnav li img{ height:15px;}
	.subnav li i{ display:none;}
	
	.homepic{ float:none; width:100%; margin-bottom:15px;}
	.homebox02{ padding-left:0px;}
	.homebox01{ float:none; padding:0;}
	
	.homeabout{ float:none; width:100%; margin-top:15px;}
	
	.homebox03{ float:none; width:100%;}
	.homebox04{ padding-left:0; width:100%; margin-top:15px;}
	.homeactivity, .homeprize{ margin-left:0px;}
	
	.homehost{ float:none; width:100%;}
	.homexhibition{ width:100%; float:none; margin:0; margin:15px 0;}
	
	.homeclass .img{ float:none; display:block; margin-bottom:10px;}
	
	.foot{ text-align:center;}
	.foot .fl{ float:none;}
	
	/*content*/
	.content{ min-height:200px;}
	.content .concon{ padding:10px 0px;}
	.content .hometit{ background-color:#eee;}
	
	.content .news li{ padding:10px 0;}
	.content .news .img{ display:none;}
	.content .news .txt{ padding-left:0px;}
	.content .news .tit{ font-size:16px; margin-bottom:5px;}
	.content .news .info{ margin-bottom:10px;}
	
	.content .contact{ background-size:60% auto; padding:10px 0px;}
	
	.content .host .date{ display:none;}
	
	/* 隐藏显示*/
	.hidden04{ display:none;}
	.show04{ display:block;}
}

@media (max-width:450px){
.Judge .img{ float:none; width:80%;}
.Judge .txt{ float:none; width:100%;}
.homeclass img{ display:none;}
}