.comwid{
	width: 1200px;
	margin: 30px auto;
}
.h20{
	height: 20px;
}
/*第一种tab切换开始*/
.tab-tit{
	height: 40px;
	width: 100%;
	border-bottom: 1px solid #eee
}
.tab-tit .tit{
	float: left;
	width: 33.333%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #333;
}
.tab-tit .tit.cur{
	border-bottom: 2px solid red;
}
.tab-tit span{
	float: left;
	line-height: 40px;
	margin-left: -6px;
}

.tab-item{
	padding:20px;
}
.tab-item a{
	float: left;
	line-height: 36px;
	color: #666;
	font-size: 14px;
	max-width: 360px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.tab-item span{
	float: right;
	line-height: 36px;
	color: #999;
	font-size: 12px;
}
.tab-sw-opacity .tab-group{
	position: relative;
	width: 100%;
	height: 220px;
}
.tab-sw-opacity .tab-item{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*第一种tab切换结束*/
/*左右轮播开始*/
.banner-box,
.banner-img{
	height: 300px;
	width: 480px;
	position: relative;
	overflow: hidden;
}
.banner-img a{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.banner-img img{
	display: block;
	height: 100%;
	width: 100%;
}
.banner-txt{
	height: 40px;
	width: 100%;
	background: url(../images/banner-opbg40.png);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.banner-txt a{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	padding-left: 20px;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.banner-num{
	position: absolute;
	bottom: 15px;
	right: 20px;
	font-size: 0px;
}
.banner-num span{
	display: inline-block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
	margin-left: 4px;
	cursor: pointer;
}
.banner-num span.cur{
	background: red;
}
.banner-index{
	position: absolute;
	bottom:10px;
	right: 70px;
}
.banner-index span{
	vertical-align: initial;
	color: #fff;
	font-size: 14px;
}
.banner-index span.ban-dy{
	font-size: 18px;
}
.banner-btn{
	position: absolute;
	height: 70px;
	width: 35px;
	font-size: 40px;
	color: #fff;
	margin-top: -35px;
	text-align: center;
	line-height: 70px;
	top: 50%;
	background: url(../images/banner-opbg40.png);
	cursor: pointer;
	display: none;
}
.banner-left{
	left: 0px;
}
.banner-right{
	right: 0px;
}
.banner-box:hover .banner-btn{
	display: block;
}
/*左右轮播结束*/
/*上下轮播开始*/
.news-line{
	height: 50px;
	width: 100%;
	border:1px solid #ccc;
}
.news-icon{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #666;
	background: #ccc;
	width: 100px;
	font-size: 14px;
}
.news-cont{
	height: 50px;
	width: 800px;
	position: relative;
	margin-left: 50px;
	overflow:hidden;
}
.news-cont a{
	display: block;
	position: absolute;
	font-size: 14px;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 100%;
	line-height: 50px;
	max-width: 800px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-btns{
	margin:4px 20px 0 0;
}
.news-btns span{
	display: block;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	color: #666;
	font-size: 20px;
	background: #eee;
	margin-bottom: 2px;
	cursor: pointer;
}
.news-btns span:hover{
	background: red;
}
/*上下轮播结束*/
/*新闻头条滚动开始*/
.roll-news-line{
	height: 50px;
	width: 100%;
	border:1px solid #ccc;
}
.roll-news-icon{
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #666;
	background: #ccc;
	width: 100px;
	font-size: 14px;
}
.roll-news-cont{
	height: 50px;
	width: 800px;
	position: relative;
	margin-left: 50px;
	overflow:hidden;
}
.roll-news-cont a{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 50px;
	width: 100%;
	line-height: 50px;
	max-width: 800px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
}
.roll-news-btns{
	margin:4px 20px 0 0;
}
.roll-news-btns span{
	display: block;
	height: 20px;
	width: 20px;
	text-align: center;
	line-height: 20px;
	color: #666;
	font-size: 20px;
	background: #eee;
	margin-bottom: 2px;
	cursor: pointer;
}
.roll-news-btns span:hover{
	background: red;
}
/*新闻头条滚动结束*/
/*渐变轮播开始*/
.fade-box,
.fade-img{
	height: 300px;
	width: 480px;
	position: relative;
	overflow: hidden;
}
.fade-img a{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}
.fade-img img{
	display: block;
	height: 100%;
	width: 100%;
}
.fade-txt{
	height: 40px;
	width: 100%;
	background: url(../images/banner-opbg40.png);
	position: absolute;
	bottom: 0px;
	left: 0px;
}
.fade-txt a{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 100%;
	color: #fff;
	font-size: 14px;
	line-height: 40px;
	padding-left: 20px;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dy-num{
	position: absolute;
	bottom: 5px;
	right: 70px;
}
.dy-num span{
	color: #fff;
	font-size: 14px;
	vertical-align: initial;
}
.dy-num .dy-index{
	font-size: 26px;
}
.fade-num{
	position: absolute;
	bottom: 15px;
	right: 20px;
	font-size: 0px;
}
.fade-num span{
	display: inline-block;
	height: 6px;
	width: 6px;
	border-radius: 50%;
	background: #fff;
	margin-left: 4px;
	cursor: pointer;
}
.fade-num span.cur{
	background: red;
}
.fade-btn{
	position: absolute;
	height: 70px;
	width: 35px;
	font-size: 40px;
	color: #fff;
	margin-top: -35px;
	text-align: center;
	line-height: 70px;
	top: 50%;
	background: url(../images/banner-opbg40.png);
	cursor: pointer;
	display: none;
}
.fade-left{
	left: 0px;
}
.fade-right{
	right: 0px;
}
.fade-box:hover .fade-btn{
	display: block;
}
/*渐变轮播开始*/
/*多张轮播其中一张轮播开始*/
.ban-more-box{
	width: 1200px;
	height: 200px;
	position: relative;
	overflow: hidden;
	background: #efefef;
}
.ban-more-img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.ban-more-img p{
	float: left;
	width: 222px;
	height: 198px;
	overflow: hidden;
	/*margin:0 10px;*/
	margin-right: 20px;
	border:1px solid #eee;
}
.ban-more-img .img-link{
	height: 160px;
	width: 100%;
	overflow: hidden;
	display: block;
}
.ban-more-img .img-tit{
	height: 40px;
	width: 100%;
	text-align: center;
	display: block;
	line-height: 40px;
	font-size: 14px;
}
.ban-more-img img{
	display: block;
	width: 100%;
	height: 100%;
}
.ban-more-btn{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 50px;
	width: 30px;
	background: url(../images/banner-opbg40.png);
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	display: none;
}
.ban-more-box:hover .ban-more-btn{
	display: block;
}
.ban-more-left{
	left: 1px;
}
.ban-more-right{
	right: 1px;
}
/*多张轮播其中一张轮播结束*/

/*多张滚动开始*/
.ban-roll-box{
	width: 1200px;
	height: 200px;
	position: relative;
	overflow: hidden;
	background: #efefef;
}
.ban-roll-wap{
	width: 1200px;
	height: 200px;
	position: relative;
	overflow: hidden;
}
.ban-roll-img{
	/*width: auto;*/
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	white-space: nowrap;
}
.ban-roll-img p{
	display: inline-block;
	/*width: 222px;*/
	height: 198px;
	overflow: hidden;
	/*margin:0 10px;*/
	margin-right: 20px;
	border:1px solid #eee;
}
.ban-roll-img .img-link{
	height: 160px;
	/*width: 100%;*/
	overflow: hidden;
	display: block;
}
.ban-roll-img .img-tit{
	height: 40px;
	/*width: 100%;*/
	text-align: center;
	display: block;
	line-height: 40px;
	font-size: 14px;
}
.ban-roll-img img{
	display: block;
	/*width: 100%;*/
	height: 100%;
}
.ban-roll-btn{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 50px;
	width: 30px;
	background: url(../images/banner-opbg40.png);
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	display: none;
	z-index: 9;
}
.ban-roll-box:hover .ban-roll-btn{
	display: block;
}
.ban-roll-left,.roll-left{
	left: 1px;
}
.ban-roll-right,.roll-right{
	right: 1px;
}
/*多张滚动结束*/
/*底部模拟下拉开始*/
.drop-down{
	width: 200px;
	height: 40px;
	position: relative;
	margin-right: 20px;
}
.drop-down .tag{
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	padding-left: 20px;
	color: #333;
	font-size: 14px;
	line-height: 40px;
	border:1px solid #eee;
	cursor: pointer;
	background: url(../images/drop-icon.png) no-repeat 172px center;
}
.drop-lists{
	position: absolute;
	width: 100%;
	top: 39px;
	left: 0px;
	border:1px solid #eee;
	max-height: 120px;
	overflow: auto;
	display: none;
	z-index: 9;
	background: #fff;
}
.drop-lists li{
	height: 36px;
	line-height: 36px;
	width: 100%;
}
.drop-lists a{
	display: block;
	line-height: 36px;
	width: 100%;
	box-sizing: border-box;
	padding-left: 20px;
	font-size: 12px;
	cursor: pointer;
}
.drop-lists a:hover{
	background: #eee;
}
.drop-groups2{
	position: relative;
}
.drop-groups2 .drop-down{
	position: initial;
}
/*底部模拟下拉结束*/
/*大小图联动轮播*/
.link-box{
	position: relative;
	width: 100%;
	height: 534px;
}
.link-picBig{
	position: relative;
	width: 100%;
	height: 454px;
	overflow: hidden;
}
.link-picBig li{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.link-picBig li a{
	display: block;
	width: 100%;
	height: 100%;
}
.link-picBig li a img{
	width: 100%;
	height: 100%;
}
.link-picSmall{
	position: relative;
	overflow: hidden;
	height: 70px;
	width: 640px;
	margin: 10px 0 0 10px;
}
.link-picSmall ul{
	position: relative;
	height: 70px;
	width: 640px;
}
.link-picSmall li{
	position: absolute;
	float: left;
	height: 100%;
	width: 104px;
	margin-right: 3px;
	cursor: pointer;
}
.link-picSmall li img{
	width: 100%;
	height: 100%;
}
.link-picSmall li i{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
}
.link-picSmall li.cur i{
	display: none;
}
.link-picTit{
	position: absolute;
	bottom: 0;
	right: 20px;
	background: #0158b2;
	height: 156px;
	width: 720px;
}
.link-picTit li{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.link-picTit li .tit{
	color: #fff;
	font-size: 22px;
	margin: 22px 0 20px 22px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.link-picTit li .con{
	color: #fff;
	line-height: 30px;
	font-size: 14px;
	width: 650px;
	margin-left: 22px;
}
.link-picTit li .more{
	color: #fcdf92;
	display: inline-block;
	margin-left: 10px;
}
.link-box .link-btn{
	display: inline-block;
	position: absolute;
	bottom: 156px;
	right: 20px;
	background: #1b77c7;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	cursor: pointer;
}
.link-box .link-btn.prev{
	right: 56px;
}
.link-box .link-btn:hover{
	background: #ffcb42;
}
/*大小图联动轮播结束*/
/*回到顶部开始*/
.goTop{
	text-align: center;
	font-size: 24px;
	padding: 20px;
	cursor: pointer;
	border: 1px solid #333;
}
/*回到顶部结束*/
/*手风琴效果*/
.accordion-box *{
	box-sizing: border-box;
}
.accordion-box .item{
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-right: 13px;
	cursor: pointer;
	height: 463px;
	width: 120px;
}
.accordion-box .item img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.accordion-box .item p{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
	padding: 0 44px;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background: rgba(81,53,9,.49);
}
.accordion-box .item.cur{
	border: 6px solid #BB0117;
	width: 812px;
}
.accordion-box .item.cur p{
	padding: 0 38px;
	border-top-right-radius: 25px;
	background: rgba(189,26,45,.9);
	width: auto;
	height: auto;
	line-height: 46px;
	left: 0;
	bottom: 0;
	top: auto;
	letter-spacing: 1px;
}
/*手风琴效果结束*/
/*手风琴效果2*/
.accordion-box2 *{
	box-sizing: border-box;
}
.accordion-box2{
	height: 518px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.accordion-box2 .item{
	width: 180px;
	height: 100%;
	background: #e7f3fd;
	overflow: hidden;
	transition: all .3s;
	display: flex;
}
.accordion-box2 .item.on{
	width: calc(100% - 380px);
}
.accordion-box2 .item .lef{
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 40px 20px 0;
	color: #fff;
}
.accordion-box2 .item.on .lef {
    width: 180px;
}
.accordion-box2 .item .rig{
	display: none;
	flex-shrink: 0;
}
.accordion-box2 .item.on .rig{
    width: 840px;
    display: block;
}
.accordion-box2 .item .rig img{
	width: 400px;
}
/*手风琴效果2结束*/


body{
	max-width: 1920px;
	margin: 0 auto;
	overflow-x: hidden;
}
/*通用样式*/
/*省略号：添加元素必定包含块级元素上（有float、block、inline-block等）*/
.ellipsis{
	display: block;
	max-width: 300px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*改变滚动条样式：
*使用方法：
*在需要改变滚动条的标签元素上添加class="scollStyle"即可
*
*/
/*chrome*/
.scollStyle::-webkit-scrollbar-track
{
	background-color: #eee;
}
/*定义滚动条高宽及背景*/
.scollStyle::-webkit-scrollbar
{
	width: 4px;
}
/*定义滚动条*/
.scollStyle::-webkit-scrollbar-thumb
{
	background-color: #d0d0d0;
}
/*IE*/
.scollStyle{
	/*三角箭头的颜色*/
	scrollbar-arrow-color:#eee;
	/*滚动条滑块按钮的颜色*/
	scrollbar-face-color:#d0d0d0;
	/*滚动条整体颜色*/
	scrollbar-highlight-color:#d0d0d0;
	/*滚动条阴影*/
	scrollbar-shadow-color: #eee;
	/*滚动条轨道颜色*/
	scrollbar-track-color: #eee;
}
.animated_03s{
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
}
/*
*鼠标经过图片逐渐放大
*在需要放大图片父级加class="imgScaleBig"
*/
.imgScaleBig{
	width: 600px;
	height: 370px;
	overflow: hidden;
}
.imgScaleBig:hover img{
	-webkit-transform: translate3d(0, 0, 0px) scale(1.05);
	-moz-transform: translate3d(0, 0, 0px) scale(1.05);
	-ms-transform: translate3d(0, 0, 0px) scale(1.05);
	-o-transform: translate3d(0, 0, 0px) scale(1.05);
	transform: translate3d(0, 0, 0px) scale(1.05);
}
.imgPulse{
	overflow: hidden;
}
.imgPulse:hover img{
	animation: pulse 1s;
}

/*
*鼠标经过元素抖动
*在需要抖动元素父级加class="imgShake"
*/
.imgSwing:hover img{
	animation:swing 1s;
	-moz-animation:swing 1s; 
	-webkit-animation:swing 1s; 
	-o-animation:swing 1s;
}
/*
*鼠标经过元素上移
*需要上移的元素加class="imgUp"
*/
.imgUp:hover{
	transform: translateY(-10px);
}
/*鼠标经过元素转圈
*需要转圈的元素加上class="animated_03s",父级加class="imgCircle"
*/
.imgCircle:hover img{
	transform: rotate(360deg);
}
/*鼠标经过元素纵深转圈
*需要转圈的元素加上class="animated_03s",父级加class="imgCircle2"
*/
.imgCircle2:hover img{
	-webkit-transform: rotateY(1turn);
	transform: rotateY(1turn);
}
/*鼠标经过元素弹动
*需要弹动的元素父级加效果类名,或者抄animation方法
*/
.imgBounce:hover img{
	animation: bounce .5s;
}
.imgBounceIn:hover img{
	animation: bounceIn .5s;
}
.imgBounceInDown:hover img{
	animation: bounceInDown .5s;
}
.imgBounceInUp:hover img{
	animation: bounceInUp .5s;
}
.imgBounceInLeft:hover img{
	animation: bounceInLeft .5s;
}
.imgBounceInRight:hover img{
	animation: bounceInRight .5s;
}
.imgRubberBand:hover img{
	animation: rubberBand .5s;
}
.imgHeadShake:hover img{
	animation: headShake .5s;
}

/*淡入淡出,一般配合js使用,hover用于示意*/
.imgFadeIn:hover img{
	animation: fadeIn .5s;
}
.imgFadeInDown:hover img{
	animation: fadeInDown .5s;
}
.imgFadeInUp:hover img{
	animation: fadeInUp .5s;
}
.imgFadeInLeft:hover img{
	animation: fadeInLeft .5s;
}
.imgFadeInRight:hover img{
	animation: fadeInRight .5s;
}
.imgFadeOut:hover img{
	animation: fadeOut .5s;
}
.imgFadeOutDown:hover img{
	animation: fadeOutDown .5s;
}
.imgFadeOutUp:hover img{
	animation: fadeOutUp .5s;
}
.imgFadeOutLeft:hover img{
	animation: fadeOutLeft .5s;
}
.imgFadeOutRight:hover img{
	animation: fadeOutRight .5s;
}

.slideGroup{ width:510px; border:1px solid #ddd; text-align:left;  }
.slideGroup .parHd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 20px; border-bottom:1px solid #ddd;  position:relative;  }
.slideGroup .parHd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px;   }
.slideGroup .parHd ul li{ float:left; padding:0 15px; cursor:pointer;  }
.slideGroup .parHd ul li.on{ height:30px;  background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 42px; position:relative;   }

.slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
.slideGroup .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4;  }
.slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
.slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.slideGroup .parBd ul li .pic{ text-align:center; }
.slideGroup .parBd ul li .pic img{ width:120px; height:90px; display:block;  padding:2px; border:1px solid #ccc; }
.slideGroup .parBd ul li .pic a:hover img{ border-color:#999;  }
.slideGroup .parBd ul li .title{ line-height:24px;   }