@charset "utf-8";
/* CSS Document */

/* banner */
.ibanner{ width:100%; height:auto; overflow:hidden; position:relative;}
.ibanner .bd{ position:relative; height:auto; z-index:0;}
.ibanner .bd ul,
.ibanner .bd ul li,
.ibanner .bd ul li a,
.ibanner .bd ul li a img{ display:block; width:100%; height:auto;}
.ibanner .hd{ overflow:hidden; position:absolute; right:20px; bottom:20px; z-index:1;}
.ibanner .hd ul{ height:auto; text-align:center; overflow:hidden;}
.ibanner .hd ul li{ display:block; width:14px; height:14px; line-height:99em; background:#803a83; border-radius:50%; overflow:hidden; cursor:pointer; margin:0 8px; float:left;}
.ibanner .hd ul li.on{ background:#222;}

/*主体样式*/
.main{ width:100%; margin:0 auto; background:none; position:relative;}
.main form.search{ top:24px; right:50%; margin-right:-530px;}

.main .ibox{ margin:0 auto; overflow:hidden;}
.main .ibox h2{ display:block; width:1060px; font-weight:normal; text-align:center; background:url(../images/icons/title_bg.png)center bottom no-repeat;  padding:0 0 45px; margin:16px auto 12px; position:relative;}
.main .ibox h2 em{ display:block; height:64px; line-height:64px; font-size:40px; font-family:Georgia;}
.main .ibox h2 a{ display:block; width:80px; height:36px; line-height:38px; color:#fff; font-size:14px; background:#ffd4ca; border-radius:18px; position:absolute; bottom:0; right:0; display:none;}
.main .ibox h2 a:hover{ background:#ffa9a9;}
.main .content{ width:1200px; overflow:hidden; margin:0 auto;}

.main .ibox1{ padding:48px 0 0;}
.main .ibox1 ul.list{ display:block; width:1200px; padding:10px; margin:0 auto; overflow:hidden;}
.main .ibox1 ul.list li{ display:block; width:278px; float:left; padding:10px;}
.main .ibox1 ul.list li a{ display:block; width:278px; border:1px solid #eee; overflow:hidden; position:relative; transition:all 0.4s;}
.main .ibox1 ul.list li a img{ display:block; width:278px; height:209px;}
.main .ibox1 ul.list li a em{ display:flex; align-items:center; justify-content:center; width:100%; height:100%; background:rgba(255,255,255,0.9); overflow:hidden; position:absolute; left:0; top:0; transition:all ease 0.4s; transform:translateY(100%);}
.main .ibox1 ul.list li a em span{ display:block; width:90%; line-height:1.5; color:#000; font-size:16px; text-align:center; padding:0.75em 0; border:1px solid #000;}
.main .ibox1 ul.list li a:hover{ box-shadow:rgba(128,58,131,0.26) 0 3px 10px;}
.main .ibox1 ul.list li a:hover em{ transform:translateY(0);}

.main .ibox2{ padding:0 0 48px;}
.main .ibox2 .ads{ padding:20px 0 0;}
.main .ibox2 p.line{ display:block; width:100%; height:15px; background:url(../images/icons/index_line.png) center repeat-x; background-size:auto 100%; margin:70px 0 0; border-bottom:2px solid #fff;}
.main .ibox2 .content{ overflow:visible; padding:16px 0; margin-top:54px;}
.main .ibox2 .content::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .ibox2 .content .box{ width:580px; /*height:286px;*/ box-shadow:rgba(202,202,202,0.6) 0 0 16px; position:relative;}
.main .ibox2 .content .box h3{ display:block; height:46px; line-height:46px; color:#fff; font-size:22px; font-weight:normal; text-transform:uppercase; padding:0 22px; background:#000;}
.main .ibox2 .content .box h3 a.more{ display:block; width:25px; height:25px; background:url(../images/icons/more.png) center no-repeat; background-size:100%; float:right; margin:11px -11px 0 0;}
.main .ibox2 .content .box ul.tab{ display:block; padding:0 1px; overflow:hidden; position:absolute; top:10px; right:44px;}
.main .ibox2 .content .box ul.tab li{ display:block; height:24px; padding:1px 0; float:left;}
.main .ibox2 .content .box ul.tab li a{ display:block; height:24px; line-height:22px; color:#803a83; font-size:15px; padding:0 8px; float:left;}
.main .ibox2 .content .box ul.tab li span{ display:block; height:24px; line-height:22px; color:#803a83; font-size:15px; padding:0 4px; float:left;}
.main .ibox2 .content .box ul.tab li:first-child span{ display:none;}
.main .ibox2 .content .box ul.tab li.cur a{ color:#fff; border-radius:19px; box-shadow:rgba(255,255,255,0.6) 1px 1px 0;
    background:-webkit-linear-gradient(120deg, #803a83, #ffa9a9); /* Safari 5.1 - 6.0 */
    background:-o-linear-gradient(120deg, #803a83, #ffa9a9); /* Opera 11.1 - 12.0 */
    background:-moz-linear-gradient(120deg, #803a83, #ffa9a9); /* Firefox 3.6 - 15 */
    background:linear-gradient(120deg, #803a83, #ffa9a9); /* 标准的语法（必须放在最后）*/
}
.main .ibox2 .content .box .tbox{ display:none; height:190px; height:auto; background:#fff; padding:30px 16px 20px; padding-top:14px; position:relative;}
.main .ibox2 .content .box .tbox::before,
.main .ibox2 .content .box .tbox::after{ content:''; display:block; overflow:hidden; clear:both;}
.main .ibox2 .content .box .tbox:nth-child(3){ display:block;}
.main .ibox2 .content .box .tbox a.pic{ display:block; margin-right:14px; float:left;}
.main .ibox2 .content .box .tbox a.pic img{ display:block; width:170px; height:190px;}
.main .ibox2 .content .box .tbox h4{ display:block; width:364px; height:40px; line-height:40px; color:#333; font-size:16px; overflow:hidden; float:left;}
.main .ibox2 .content .box .tbox h4 a{ color:#333;}
.main .ibox2 .content .box .tbox h4 a.btn{ display:none; width:25px; height:25px; background:url(../images/icons/more_big.png) center no-repeat; background-size:100%; float:right; margin:7.5px 0 0;}
.main .ibox2 .content .box .tbox .txt{ height:240px; line-height:24px; color:#333; font-size:14px; overflow:hidden; float:left;
	/*display:-webkit-box;*/
	display:-moz-box;
	text-overflow:ellipsis;
	/*word-break:break-all;*/
	-webkit-box-orient:vertical;
	-webkit-line-clamp:6;
}
.main .ibox2 .content .box .tbox .txt a{ display:block; line-height:inherit; color:inherit; font-size:inherit;}
.main .ibox2 .content .box .tbox a.more{ display:block; width:25px; height:25px; background:url(../images/icons/more.png) center no-repeat; background-size:100%; position:absolute; right:10px; top:-36px;}

.main .ibox2 .content .box .topNews{ display:none; overflow:hidden; padding:24px 16px 0;}
.main .ibox2 .content .box .topNews a.pic{ display:block; float:left; margin-right:14px;}
.main .ibox2 .content .box .topNews a.pic img{ display:block; width:250px; height:120px;}
.main .ibox2 .content .box .topNews a.title{ display:block; max-width:284px; height:40px; line-height:40px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.main .ibox2 .content .box .topNews a.title:hover{}
.main .ibox2 .content .box .topNews .txt{ width:284px; height:72px; line-height:24px; color:#333; font-size:13px; overflow:hidden; float:left;}
.main .ibox2 .content .box ul.list{ display:block; height:144px; padding:12px 18px 14px; overflow:hidden;}
.main .ibox2 .content .box ul.list li{ display:block; width:100%; float:left; overflow:hidden;}
.main .ibox2 .content .box ul.list li:first-child{ display:block;}
.main .ibox2 .content .box ul.list li a{ display:block; max-width:374px; height:36px; line-height:36px; color:#333; font-size:16px; font-weight:bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; float:left;}
.main .ibox2 .content .box ul.list li a:hover{ color:#803a83;}
.main .ibox2 .content .box ul.list li span{ display:block; height:36px; line-height:36px; color:#333; font-size:14px; float:right;}


/*手机适配*/
@media only screen and (min-width:320px) and (max-width:1024px){
.ibanner{ margin:56px 0 0;}
.ibanner .bd ul li a img{ width:132%; margin:0 -16%;}
.ibanner .hd{ right:12px; bottom:12px;}
.ibanner .hd ul li{ margin:0 4px;}
.main form.search{ right:auto; top:auto; margin:4% auto -3%;}
.main .ibox h2{ width:98%; margin-bottom:44px; background-size:120% auto; padding:0 0 6.2%; margin-bottom:12px;}
.main .ibox h2 em{ height:1.6em; line-height:1.6em; font-size:26px;}
.main .ibox h2 a{ width:60px; height:28px; line-height:32px; font-size:12.5px; right:50%; margin-right:-30px; bottom:-42px;}
.main .content{ width:auto;}
.main .ibox1{ padding:12px 0 0;}
.main .ibox1 ul.list{ width:auto;}
.main .ibox1 ul.list li{ width:50%; box-sizing:border-box; padding:8px;}
.main .ibox1 ul.list li:nth-child(9){ display/:none;}
.main .ibox1 ul.list li a{ margin:0 auto; max-width:100%; box-sizing:border-box;}
.main .ibox1 ul.list li a img{ width:100%; height:auto;}
.main .ibox1 ul.list li a em{ position:static; height:auto; padding:6px 0; transform:none;}
.main .ibox1 ul.list li a em span{ width:auto; height:36px; line-height:18px; font-size:13px; overflow:hidden; padding:0; border:0; margin:0 8px;}
.main .ibox1 ul.list li a:hover em{ height:auto;}
.main .ibox1 ul.list li a:hover em span{ color:#803a83;}
.main .ibox2{ padding:0 0 1%;}
.main .ibox2 h2{ margin:10px auto 12px;}
.main .ibox2 .ads{ padding:2% 0 0; padding:0 10px 6px; overflow:hidden; box-sizing:border-box;}
.main .ibox2 .ads a img{ width/:132%; margin/:3% -16% 5%;}
.main .ibox2 p.line{ height:10px; margin:3% 0 -1%;}
.main .ibox2 .content{ height:auto; margin-top:1%; padding:0 0 2%;}
.main .ibox2 .content .box{ width:auto; height:auto; margin:4% 10px 0; float:none; overflow:hidden; position:relative;}
.main .ibox2 .content .box h3{ height:2em; line-height:2em; background:none; padding:2px 0.6em 0; font-size:17px; position:absolute; left:0; top:0;}
.main .ibox2 .content .box.right h3{ background:#000; position:static;}
.main .ibox2 .content .box h3 a.more{ margin:4.5px -1px 0 0;}
.main .ibox2 .content .box ul.tab{ font-size:18px; height:2em; background:#000; text-align:right; white-space:nowrap; position:static; padding:2px 4px 0 88px;}
.main .ibox2 .content .box.right ul.tab{ display:none;}
.main .ibox2 .content .box ul.tab li{ display:inline-block; max-width:32%; height:30px; padding:4px 4px 0; box-sizing:border-box; float:none; margin:0;}
.main .ibox2 .content .box ul.tab li:first-child{ margin-left:4%;}
.main .ibox2 .content .box ul.tab li a{ height:26px; line-height:28px; font-size:12.5px; text-align:center; overflow:hidden; padding:0 4px; border-radius:13px; float:none; white-space:normal;}
.main .ibox2 .content .box ul.tab li span{ display:none;}
.main .ibox2 .content .box .tbox{ height:auto; padding:0 12px 0; margin:14px 0 10px; overflow/:hidden;}
.main .ibox2 .content .box .tbox a.pic{ display:none; float:none; margin:0; overflow:hidden;}
.main .ibox2 .content .box .tbox a.pic img{ width:100%; height:auto; margin:-40% 0;}
.main .ibox2 .content .box .tbox h4{ width:100%; float:none; margin:-6px 0 0;}
.main .ibox2 .content .box .tbox h4 a.btn{ display:block;}
.main .ibox2 .content .box .tbox .txt{ width:100%; height:auto; float:none; -webkit-line-clamp:999;}
.main .ibox2 .content .box .tbox .txt a{
	display: -webkit-box;
	display: -moz-box;
	overflow: hidden;
	text-overflow: ellipsis;
	/*word-break: break-all;*/
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	-webkit-line-clamp:10;
}
.main .ibox2 .content .box .tbox a.more{ display/:none; background-image:url(../images/icons/more_big.png); width:24px; height:24px; top:-44px;}
.main .ibox2 .content .box .topNews{ display:none; padding:4% 12px 0;}
.main .ibox2 .content .box .topNews a.pic{ float:none; margin:0; overflow:hidden;}
.main .ibox2 .content .box .topNews a.pic img{ width:100%; height:auto; margin:-10% 0;}
.main .ibox2 .content .box .topNews a.title{ float:none; max-width:none; padding:4px 0 0;}
.main .ibox2 .content .box .topNews .txt{ width:auto; height:auto; float:none;}
.main .ibox2 .content .box ul.list{ height:auto; overflow:hidden; padding:2% 12px;}
.main .ibox2 .content .box ul.list li{ position:relative;}
.main .ibox2 .content .box ul.list li:first-child{ display:block;}
.main .ibox2 .content .box ul.list li a{ height:32px; line-height:32px; font-size:14px; float:none; max-width:none; margin-right:110px;}
.main .ibox2 .content .box ul.list li span{ height:32px; line-height:32px; font-size:13px; position:absolute; right:0; top:0;}
}

















/**/