@charset "utf-8";


/*----内容区----*/
.news{ padding: 80px 0 100px 0;}
.news .menu{ width: 1000px; margin: 0 auto;}
.news .menu a{ width: 176px; height: 50px; border: 2px solid #ccc; border-radius: 25px; display: block; float: left; margin: 0 10px; font-size: 18px; text-align: center; line-height: 50px;}
.news .menu a:hover{ width: 180px; height: 54px; background: #850085; border: none; border-radius: 27px; color: #fff; line-height: 54px;}

.news1{ margin-top: 60px;}
.news .bt h4{ font-size: 36px; width: 500px; float: left; color: #850085}
.news .bt h4 span{ font-size: 18px; font-family: 'Oswald-Medium'; color: #999; text-transform: uppercase; margin-left: 20px; font-weight: normal;}
.news .bt a{ width: 80px; height: 30px; background: #850085; display: block; float: right; text-align: center; line-height: 30px; border-radius: 6px; font-size: 14px; font-family: 'arial'; color: #fff;}
.news .bt a:hover{ background: #f39700;}
.news1 .nr{ margin-top: 30px;}
.yx-rotaion{ width: 600px; height: 411px;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:70px;line-height:70px; background-color: rgba(0,0,0,0.6); left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:18px;font-family:microsoft yahei;z-index:2;bottom:0;left:30px;line-height:70px;}
.yx-rotation-t:hover{ color: #ffc600;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/news/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:10px;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.yx-rotaion ul li{ position: relative;}
.yx-rotaion ul li a img{ width:600px; height:411px;}
.yx-rotaion ul li p{ width: 110px; height: 38px; background: #850085; position: absolute; right: 0; top: 0; font-size: 15px; color: #fff; text-align: center; line-height: 38px;}
.news1 .nr .xxw{ width: 550px; height: 411px; overflow: hidden; margin-left: 50px;}
.news1 .nr .xxw dl{ border-bottom: 1px solid #ddd; height: 205px;}
.news1 .nr .xxw dl dt{ font-size: 28px; font-weight: bold; border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-top:15px;}
.news1 .nr .xxw dl dt span{ font-size: 16px; color: #999; margin-left: 10px; font-weight: normal;}
.news1 .nr .xxw dl .dd1 a{ width: 550px; height: 24px; display: block; overflow: hidden; font-size: 18px; margin-top: 15px;}
.news1 .nr .xxw dl .dd2{ width: 550px; height: 72px; line-height:24px; font-size: 14px; color: #666; margin-top: 15px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}


.news2{ padding: 60px 0;}
.news2 .nr{ margin-top: 10px; width: 1240px; overflow:hidden;}
.news2 .nr dl{ width: 558px; height: 164px; border: 1px solid #ddd; padding: 20px; float: left; margin-right: 20px; margin-top: 20px;}
.news2 .nr dl dt{ width: 240px; height: 164px; float: left;}
.news2 .nr dl dt img{ width: 240px; height: 164px;}
.news2 .nr dl dd{ width: 298px; float: left; margin-left: 20px;}
.news2 .nr dl .dd1 a{ width: 298px; height: 20px; overflow: hidden; font-size: 16px; display: block; margin-top: 10px;}
.news2 .nr dl .dd2{ width: 298px; height: 48px; line-height: 24px; font-size: 14px; overflow: hidden; margin-top: 20px; color: #666;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.news2 .nr dl .dd3{ margin-top: 20px;}
.news2 .nr dl .dd3 a{ width: 80px; height: 30px; background: url(../images/news/gd1.png) no-repeat; display: block; float: left;}
.news2 .nr dl .dd3 a:hover{ background: url(../images/news/gd2.png) no-repeat;}
.news2 .nr dl .dd3 span{ font-size: 14px; color: #999; float: left; margin-left: 30px; line-height: 30px;}


.news3 .nr{ margin-top: 30px;}
.news3 .nr dl{ height: 315px;}
.news3 .nr dl dt{ width: 460px; height: 315px; overflow: hidden; float: left;}
.news3 .nr dl dt img{ width: 460px; height: 315px;}
.news3 .nr dl dd{ width: 690px; margin-left: 50px; float: left;}
.news3 .nr dl .dd1 a{ width: 690px; height: 30px;overflow: hidden; font-size: 24px; display: block; margin-top: 10px;}
.news3 .nr dl .dd2{ width: 690px; height: 75px; overflow: hidden; line-height: 25px; font-size: 15px; color: #666; margin-top: 30px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;display: -webkit-box;}
.news3 .nr dl .dd3{ height: 20px; background: url(../images/news/r1.png) left no-repeat; text-indent: 30px; margin-top: 30px; font-size: 15px; color: #666;}
.news3 .nr dl .dd4 a{ width: 160px; height: 46px; background: #850085; font-size: 16px; color: #fff; text-align: center; line-height: 46px; display: block; border-radius: 23px; margin-top: 50px;}
.news3 .nr dl .dd4 a:hover{ background:#f39700;}
.news3 .nr ul{ width: 1240px; margin-top: 10px;}
.news3 .nr ul li{ width: 580px; height: 50px; line-height: 50px; border-bottom: 1px dashed #ddd; margin-right: 40px; float: left;}
.news3 .nr ul li a{width: 460px; background: url(../images/news/li1.png) left no-repeat; display: block; text-indent: 20px; float: left;}
.news3 .nr ul li a:hover{ background: url(../images/news/li2.png) left no-repeat;}
.news3 .nr ul li span{ font-size: 14px; color: #999; float: right;}


.news4{ padding-top: 60px;}
.news4 .nr{ margin-top: 30px; width: 1230px;}
.news4 .nr dl{ width: 380px; float: left; margin-right: 30px;}
.news4 .nr dl dt{ font-size: 30px; font-weight: bold; height: 50px; border-bottom: 1px solid #ddd;}
.news4 .nr dl dt span{ font-size: 16px; color: #999; margin-left: 10px; font-weight: normal;}
.news4 .nr dl .dd1 a{ width: 380px; height: 24px; font-size: 18px; display: block; overflow: hidden; margin-top: 20px;}
.news4 .nr dl .dd2{ width: 380px; height: 260px; overflow: hidden; margin-top: 20px;}
.news4 .nr dl .dd2 img{ width: 380px; height: 260px;}
.news4 .nr dl .dd3{ width: 380px; height: 48px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden; margin-top: 25px;-webkit-box-orient: vertical;-webkit-line-clamp: 2;display: -webkit-box;}
.news4 .nr dl .dd4 a{ width: 114px; height: 27px; font-size: 16px; display: block; background: url(../images/news/xq1.png) no-repeat; line-height: 16px; margin-top: 30px;}
.news4 .nr dl .dd4 a:hover{ background: url(../images/news/xq2.png) no-repeat; color: #850085;}



