@import url(style.css);
@import url(pscroll.css);
/*首页*/
.i_one{float:left; display:block; width:calc(100% - 330px);width:-webkit-calc(100% - 330px);width:-moz-calc(100% - 330px); height:300px; overflow:hidden; margin-top:6px;}
.i_two{ float:right; width:320px; overflow:hidden; height:300px; margin-top:6px; }
.i_title{ height:35px; overflow:hidden; line-height:35px; /*background:url(../images/i_t.jpg) repeat-x;*/}
.i_title a{ width:124px; text-align:center; color:#000000; font-weight:bold; font-size:18px; line-height:33px;height:33px;float:left;}
.i_title .tabCur{ border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-top:2px solid #044c8a; background-color:#fff;}
.i_title .tabCur2{  border-bottom:2px solid #024ba3; width:330px;}
.i_title .imore{ float:right; margin-right:0px; padding-left:0px; padding-right:0px; margin-top:5px; width:20px; line-height:19px;}
.i_title .imore:hover{filter:alpha(opacity=80);opacity:0.8;}
.i_border{ border:1px solid #e8e8e8; overflow:hidden; border-top:0px; background:#ffffff; height:264px;}
.gonggao{ overflow:hidden; margin-top:16px; margin-bottom:17px;}
.gonggao ul li{ margin-left:6px;/* width:270px;*/ padding-left:33px; padding-right:7px; height:38.5px; line-height:38.5px;text-overflow:ellipsis;display:block;white-space:nowrap; overflow:hidden; font-size:16px; background-image:url(../images/nums_1.png); background-repeat:no-repeat; background-position:12px center;}
.gonggao ul li:nth-child(2){ background-image:url(../images/nums_2.png); }
.gonggao ul li:nth-child(3){  background-image:url(../images/nums_3.png); }
.gonggao ul li:nth-child(4){  background-image:url(../images/nums_4.png); }
.gonggao ul li:nth-child(5){  background-image:url(../images/nums_5.png); }
.gonggao ul li:nth-child(6){  background-image:url(../images/nums_6.png); }
.gonggao ul li a{ color:#000000;}
.gonggao ul li a:Hover{ color:#225faf;}
/*banner*/
.banner { width: 100%; height: 100%; position: relative; overflow:hidden;}
.banner li { height:300px;width:calc(100% - 177px);width:-webkit-calc(100% - 177px);width:-moz-calc(100% - 177px); position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner li img{ width:100%; height:100%;opacity:0;filter:Alpha(opacity=0);}
.banner li a { width:100%; height:100%; display:block;box-sizing: border-box;}
.banner li .desp{ position:absolute; left:0; bottom:0;width:100%;  height:60px; background:rgba(0,0,0,.5);background:#222\9;}
.banner li .desp p{ font-size:12px; line-height:20px;  height:40px;color:#f7f7f7; font-weight:normal; overflow:hidden; margin:10px 3.3%; }
.banner .bannertit { overflow:hidden; height: 100%; position: absolute; bottom:0; right:0; zoom:1; z-index:3; width:177px; font-family: "\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",serif;}
.banner .bannertit li { width: 150px; padding:8px 15px 0 15px; height: 51px; background:#333;cursor:pointer; overflow:hidden; border-bottom:1px solid #484848;}
.banner .bannertit li a{line-height:22px; font-size:14px; color:#f7f7f7; height:40px; overflow:hidden;}
.banner .bannertit li.on { padding:8px 15px 0 11px; border-left:4px solid #e01736; background:#555; height: 51px; }
.banner .bannertit li.on a,.banner .bannertit li a:hover { font-weight: bold; text-decoration:none;}
.banner .prev, .banner .next{position: absolute; left: 3%;top: 50%;margin-top: -25px; display: block; width: 18px; height: 44px; background: url(../images/i_left.png) no-repeat; filter: alpha(opacity=50); opacity: 0.5; display:none; background-size:100% 100%;}
.banner .next{left: auto;right: 3%; background-image: url(../images/i_right.png);}
.i_three{ margin-top:10px; overflow:hidden;}
.i_three ul li{ float:left; margin-right:4px;width:calc(25% - 3px);width:-webkit-calc(25% - 3px);width:-moz-calc(25% - 3px); overflow:hidden;}
.i_three ul li:nth-child(4n+0){ margin-right:0;}
.i_three ul li .imgs{ overflow:hidden;}
.i_three ul li .imgs img{width:100%; display:block; margin:0 auto;-webkit-transition: all 0.8s ease-out;
-ms-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;}
.i_three ul li:hover .imgs img{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.i_four{ overflow:hidden;}
.i_four .i_four_l{ width:calc(100% - 412px);width:-webkit-calc(100% - 412px);width:-moz-calc(100% - 412px); overflow:hidden; float:left;}
.i_four .i_four_l .i_four_box{ background:#fff; margin-top:13px; overflow:hidden; padding:19px; padding-right:0;}
.i_four .i_four_l .i_four_box .imgs{float:left; width:49%;overflow:hidden;}
.i_four .i_four_l .i_four_box .img{  background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}
.i_four .i_four_l .i_four_box .img img{width:100%;height:261px; display:block; opacity:0;filter:Alpha(opacity=0);}
.i_four .i_four_l .i_four_box .img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.i_four .i_four_l .i_four_box .txts{ float:right; width:49%; overflow:hidden;}
.i_four .i_four_l .i_four_box .txts .ul{ overflow:hidden; padding-bottom:16px; border-bottom:1px dashed #7c7c7c;}
.i_four .i_four_l .i_four_box .txts .ul ul li{ height:22px; line-height:22px; overflow:hidden; margin-bottom:25px; background:url(../images/i_bg1.png) left center no-repeat; padding-left:18px; font-size:16px;transition:all 0.3s;text-overflow:ellipsis;white-space:nowrap;}
.i_four .i_four_l .i_four_box .txts .ul ul li:last-child{ margin-bottom:0;}
.i_four .i_four_l .i_four_box .txts .ul ul li:hover{background:url(../images/i_bg2.png) left center no-repeat; margin-left:5px; }
.i_four .i_four_l .i_four_box .txts .imore2{ float:left; padding-right:30px;height:22px; line-height:22px;background:url(../images/i_bg3.png) right center no-repeat; color:#898989; font-size:14px; margin-left:5px;transition:all 0.3s;margin-top:37px;}
.i_four .i_four_l .i_four_box .txts .imore2:hover{background:url(../images/i_bg3_on.png) right center no-repeat; color:#225faf;  margin-left:10px;}

.i_four .i_four_r{ float:right; width:400px; overflow:hidden;}
.i_four .i_four_r .i_four_box2{ margin-top:12px; overflow:hidden;}
.i_title2{ height:63px; overflow:hidden; line-height:63px; position:relative;}
.i_title2:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dcdcdc;}
.i_title2 .a{ margin-right:16px; color:#000000; font-weight:bold; font-size:18px; float:left; position:relative;}
.i_title2 .tabCur{color:#225faf;}
.i_title2 .tabCur:after{ content:"";position:absolute; left:0; bottom:0; width:100%; height:2px; background:#225faf;  z-index:1;}
.i_title2 .imore{ float:right; margin-right:0px; padding-left:0px; padding-right:0px; margin-top:20px; width:20px; line-height:19px;}
.i_title2 .imore:hover{filter:alpha(opacity=80);opacity:0.8;}

/*协会动态*/
.i_four .i_four_l .i_four_box .imgs .imgs2{ overflow:hidden;}
.i_four .i_four_l .i_four_box .img2{  background-repeat:no-repeat; background-position:center center; background-size:cover;transition:all 0.3s;}
.i_four .i_four_l .i_four_box .img2 img{width:100%;height:220px; display:block; opacity:0;filter:Alpha(opacity=0);}
.i_four .i_four_l .i_four_box .imgs:hover .img2{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.i_four .i_four_l .i_four_box .ul2{ overflow:hidden; padding-top:15px;border:1px solid #e8e8e8; padding-left:17px; padding-right:17px;}
.i_four .i_four_l .i_four_box .ul2 ul li{ border-bottom:1px dashed #7b7b7b; padding-bottom:16px; margin-bottom:14px;}
.i_four .i_four_l .i_four_box .ul2 ul li .date{ display:block; font-style:normal;height:27px; line-height:27px; overflow:hidden; color:#878787; font-size:14px;}
.i_four .i_four_l .i_four_box .ul2 ul li .h3{ height:23px; line-height:23px; font-weight:normal; overflow:hidden; font-size:16px; color:#242424;}
.i_four .i_four_l .i_four_box .ul2 ul li .p{ line-height:24px; height:48px; overflow:hidden; font-size:14px; color:#666;}
.i_four .i_four_l .i_four_box .ul2 ul li:last-child{ border-bottom:none; padding-bottom:0;}
.i_four .i_four_l .i_four_box .imgs:hover .ul2 ul li .h3{ color:#225faf;}
.i_four .i_four_l .i_four_box .txts .ul.nobor{ border-bottom:0; padding-top:2%;}
.i_four .i_four_r .i_four_box4{ margin-top:12px; padding:20px; overflow:hidden; background:#fff;}
.i_four .i_four_r .i_four_box4 ul li{ display:block; border:1px solid #f3f3f3; overflow:hidden; margin-bottom:20px; transition:all 0.3s; font-size:16px; }
.i_four .i_four_r .i_four_box4 ul li:hover{border:1px solid #225faf; }
.i_four .i_four_r .i_four_box4 ul li:last-child{ margin-bottom:0;}
.i_four .i_four_r .i_four_box4 ul li .date2{ float:left; background:#f5f5f5;transition:all 0.3s;color:#8a8a8a; padding-top:16px; padding-bottom:14px; text-align:center; width:100px; margin-right:13px;}
.i_four .i_four_r .i_four_box4 ul li:hover .date2{background:#225faf; color:#fff;}
.i_four .i_four_r .i_four_box4 ul li .date2 b{ display:block; font-weight:normal; font-size:24px; height:26px; line-height:26px; overflow:hidden; color:#333333;}
.i_four .i_four_r .i_four_box4 ul li:hover  .date2 b{ color:#fff;}
.i_four .i_four_r .i_four_box4 ul li .date2 label{display:block;  height:22px; line-height:22px; overflow:hidden;}
.i_four .i_four_r .i_four_box4 ul li .txts2{ color:#225faf; line-height:22px; height:44px; overflow:hidden; margin-top:18px;}
/*友情链接*/
.i_link{ margin-top:15px; background:#fff; overflow:hidden; margin-bottom:17px; padding-left:18px; padding-right:8px;padding-bottom:18px; padding-top:4px;}
.i_link .i_title3{ height:44px; overflow:hidden; line-height:44px; position:relative; margin-right:9px;}
.i_link .i_title3:after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dcdcdc;}
.i_link .i_title3 .a{ margin-right:16px; color:#000000; font-weight:bold; font-size:18px; float:left; position:relative;}
.i_link .i_title3 .tabCur{color:#225faf;}
.i_link .i_title3 .tabCur:after{ content:"";position:absolute; left:0; bottom:0; width:100%; height:2px; background:#225faf;  z-index:1;}
.i_link .i_link_box{  font-size:14px;overflow:hidden; margin-top:15px; }
.i_link .i_link_box a{line-height:24px; height:24px; overflow:hidden; float:left; padding-right:11px; margin-right:9px; background:url(../images/i_bg4.jpg) right center no-repeat;}

@media screen and (max-width:1200px) {
.i_one{width:calc(100% - 300px);width:-webkit-calc(100% - 300px);width:-moz-calc(100% - 300px);}
.i_two{ width:290px;}
.gonggao ul li{ font-size:15px;}
/*banner*/
.banner li{width:calc(100% - 192px);width:-webkit-calc(100% - 192px);width:-moz-calc(100% - 192px);}
}
@media screen and (max-width:1100px) {
.i_one{width:calc(100% - 270px);width:-webkit-calc(100% - 270px);width:-moz-calc(100% - 270px);}
.i_two{ width:260px;}
/*banner*/
.banner li{width:calc(100% - 15px);width:-webkit-calc(100% - 15px);width:-moz-calc(100% - 15px);}
.banner .bannertit{ display:none; width:0;}
.banner .prev, .banner .next{ display:block;}
.i_four .i_four_l{ width:calc(100% - 362px);width:-webkit-calc(100% - 362px);width:-moz-calc(100% - 362px);}
.i_four .i_four_l .i_four_box .img img{ height:223px;}
.i_four .i_four_l .i_four_box .txts .ul ul li{ margin-bottom:20px;}
.i_four .i_four_l .i_four_box .txts .imore2{ margin-top:25px;}
.i_four .i_four_r{ width:350px;}
/*协会动态*/
.i_four .i_four_l .i_four_box .img2 img{ height:185px;}
.i_four .i_four_r .i_four_box4 ul li{ margin-bottom:18px;}
.i_four .i_four_r .i_four_box4 ul li .date2{ width:90px; padding-top:12px; padding-bottom:10px;}
.i_four .i_four_r .i_four_box4 ul li .txts2{ margin-top:13px;}
}
@media screen and (max-width:960px) {
.i_three{ margin-top:6px;}
.i_four .i_four_l{ width:calc(68% - 12px);width:-webkit-calc(68% - 12px);width:-moz-calc(68% - 12px);}
.i_four .i_four_l .i_four_box .img img{ height:192px;}
.i_four .i_four_l .i_four_box .txts .ul ul li{ margin-bottom:12px; font-size:15px;}
.i_four .i_four_l .i_four_box .txts .imore2{ margin-top:15px;}

.i_four .i_four_r{ width:32%;}
/*协会动态*/
.i_four .i_four_l .i_four_box .img2 img{ height:163px;}
.i_four .i_four_l .i_four_box .ul2{padding-top: 5px; padding-bottom:5px; padding-left: 10px; padding-right: 10px;}
.i_four .i_four_l .i_four_box .ul2 ul li{ padding-bottom:5px; margin-bottom:5px;}
.i_four .i_four_l .i_four_box .ul2 ul li .date{ font-size:13px;}
.i_four .i_four_l .i_four_box .ul2 ul li .h3{ font-size:15px;}
.i_four .i_four_l .i_four_box .ul2 ul li .p{ line-height:22px; height:44px; font-size:13px;}
.i_four .i_four_r .i_four_box4 ul li{ font-size:15px; margin-bottom:10px;}
.i_four .i_four_r .i_four_box4 ul li .date2{ width:80px; padding-top:9px; padding-bottom:6px;}
.i_four .i_four_r .i_four_box4 ul li .date2 b{ font-size:22px;height: 24px;line-height: 24px;}
.i_four .i_four_r .i_four_box4 ul li .txts2{ margin-top:8px;}
}
@media screen and (max-width:830px) {
.i_one{width:calc(100% - 250px);width:-webkit-calc(100% - 250px);width:-moz-calc(100% - 250px);}
.i_two{ width:240px;}
}


@media screen and (max-width: 780px) {
.i_one{ height:auto;width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px); float:none;}
.i_two{width: 100%; height:auto;}
.i_title .imore{ margin-right:1%;}
.i_border{ height:auto;}
.gonggao ul li{ margin-left:0;width: calc(48% - 33px); width: -webkit-calc(48% - 33px); width: -moz-calc(48% - 33px);padding-right:2%; float:left;}
/*banner*/
.banner li{ height:auto;width: calc(100% - 0px); width: -webkit-calc(100% - 0px); width: -moz-calc(100% - 0px);}
.i_three ul li{ width:calc(50% - 2px);width:-webkit-calc(50% - 2px);width:-moz-calc(50% - 2px); margin-bottom:4px;}
.i_three ul li:nth-child(2n+0){ margin-right:0;}
.i_four .i_four_l{  width:calc(100% - 0px);width:-webkit-calc(100% - 0px);width:-moz-calc(100% - 0px);}
.i_four .i_four_l .i_four_box{ margin-top:6px;}
.i_four .i_four_l .i_four_box .img img{ height:auto;}
.i_four .i_four_l .i_four_box .txts .ul ul li{ margin-bottom:6%;}
.i_four .i_four_r{ width:100%;}
.i_four .i_four_r .i_four_box2{ margin-top:6px;}
.i_title .imore{ margin-right:1px;}
/*协会动态*/
.i_four .i_four_l .i_four_box .img2 img{ height:auto;}
.i_four .i_four_l .i_four_box .ul2 ul li{ padding-bottom:8px; margin-bottom:8px;}
.i_four .i_four_r .i_four_box4{ margin-top:6px; padding:19px;}
.i_four .i_four_r .i_four_box4 ul li{ float:left; width:48.5%;}
.i_four .i_four_r .i_four_box4 ul li:nth-child(2n+0){ float:right;}
.i_four .i_four_r .i_four_box4 ul li .date2{ width:90px;padding-top:16px; padding-bottom:14px;}
.i_four .i_four_r .i_four_box4 ul li .txts2{ margin-top:18px; padding-right:2%;}
}
@media screen and (max-width: 640px) {
.gonggao{ margin-top:10px; margin-bottom:10px}
.gonggao ul li{ height:32px; line-height:32px;}
.i_four .i_four_l .i_four_box{ padding:12px;}
.i_four .i_four_l .i_four_box .txts .ul ul li{ margin-bottom:4%; font-size:14px;}
/*协会动态*/
.i_four .i_four_r .i_four_box4{ padding:12px;}
.i_four .i_four_r .i_four_box4 ul li .date2{ width:80px;padding-top:12px; padding-bottom:10px;}
.i_four .i_four_r .i_four_box4 ul li .txts2{ margin-top:12px;}
/*友情链接*/
.i_link{ padding-left:12px; margin-top:6px; padding-bottom:12px;}
.i_link .i_title3{ margin-right:3px; padding-right:3px;}
.i_link .i_link_box{ margin-top:12px;}
}

@media screen and (max-width: 480px) {
.i_title a{ font-size:16px; width:110px;}
.gonggao ul li{ height:30px; line-height:30px;}
/*banner*/
.banner li .desp{ height:40px;}
.banner li .desp p{ height:20px;}
.banner .prev, .banner .next{width: 12px; height: 34px; }
/*协会动态*/
.i_four .i_four_l .i_four_box .imgs{ float:none; width:100%; margin-bottom:4%;}
.i_four .i_four_l .i_four_box .txts{ float:none; width:100%;}
.i_four .i_four_l .i_four_box .txts .ul{ padding-bottom:4%;}
.i_four .i_four_l .i_four_box .txts .ul ul li{ height:20px; line-height:20px;}
.i_title2{ height:50px; line-height:50px;}
.i_title2 .a{ font-size:16px;}
.i_title2 .imore{ margin-top:14px;}

.i_four .i_four_r .i_four_box4 ul li{ float:none; width:100%; font-size:14px;}
.i_four .i_four_r .i_four_box4 ul li:nth-child(2n+0){ float:none;}
.i_four .i_four_r .i_four_box4 ul li .txts2{ height:22px; margin-top:24px;}
/*友情链接*/
.i_link .i_title3 .a{ font-size:16px;}
.i_link .i_link_box a{font-size:13px; line-height:22px; height:22px;}
}

@media screen and (max-width:400px) {
.i_title a{ font-size:15px;}
.gonggao ul li{ float:none; font-size:14px;width: calc(98% - 33px); width: -webkit-calc(98% - 33px); width: -moz-calc(98% - 33px);}
.i_title2 .a{ font-size:15px;}
/*协会动态*/
.i_four .i_four_r .i_four_box4 ul li .txts2{ height:44px; margin-top:13px;}
/*友情链接*/
.i_link .i_title3 .a{ font-size:15px;}
}

@media screen and (max-width:360px) {



}