/*
** Name: dgy.head.css
** Date: 2018/12/10.
** Anthor: tonney@duoguyu.com.
** Version: 2.0.1.
** Last: 2019/04/17/ tonney.  #e60012 红   #0051a2  蓝
*/

/* commonHeadGrid */
.commonHeadGrid {
	padding : 0 0;
	width : 100%;
	background : #fff;
}
.commonHeadGrid.fixed, .fixedHeadSwitch .commonHeadGrid {
	left : 0;
	right : 0;
	top : 0;
	z-index : 50;
}
.commonHeadGrid.background {
	background-image : linear-gradient(90deg, #222325, #3b3c3f, #222325);
}
.commonHeadGrid .headGrid {
	height : 80px;
	width : 1100px;
	margin : 0 auto;
}
.commonHeadGrid .headGrid.nav {
	width : 100%;
	background-color : #e60012;
}
.commonHeadGrid .nav_Grid {
	width : 1100px;
	margin : 0 auto;
}
.commonHeadGrid .logo {
	height : 50px;
	float : left;
	margin-right : 10px;
	margin-top : 13px;
	display : flex;
	line-height : 40px;
	overflow : hidden;
}
.commonHeadGrid .logo img {
	display : inline-block;
	height : 100%;
	border : 0;
}
.commonHeadGrid .menuGroup {
	color : #999;
	font-size : 14px;
	height : 55px;
	line-height : 55px;
}
.commonHeadGrid .headGrid.nav .menuGroup {
	display : flex;
	flex-direction : row;
}
.commonHeadGrid .headGrid.nav .menuGroup .item {
	flex : 1;
	position : relative
}
.commonHeadGrid .headGrid.nav .menuGroup .item .sub_nav {
	position : absolute;
	z-index : 9;
	display : none;
	background : #2d3137;
	width : 100%;
	box-shadow : 0 10px 30px 0 rgba(0, 0, 0, .5);
}
.commonHeadGrid .headGrid.nav .menuGroup .item .sub_nav a {
	display : block;
	text-align : center
}
.commonHeadGrid .headGrid.nav .menuGroup .item.on .sub_nav {
	display : block;
}
.commonHeadGrid .menuGroup a {
	color : #fff
}
.commonHeadGrid .menuGroup.strong .item {
	padding-left : 20px;
	font-weight : bold;
}
.commonHeadGrid .menuGroup a.current, .commonHeadGrid .menuGroup a:hover {
	color : #fff;
	background-color : #0051a2;
	position : relative;
}
.commonHeadGrid .menuGroup a.current:after {
	content : "";
	display : block;
	position : absolute;
	left : 0;
	bottom : -20px;
	width : 100%;
	height : 4px;
	background : #0051a2;
}
/*
.commonHeadGrid .menuGroup a.red, .commonHeadGrid .menuGroup a.red:hover{ color:#f60;}
*/

.commonHeadGrid .itemLogin {
	padding-left : 30px;
	padding-right : 30px;
	min-width : 120px;
	margin-left : 20px;
	text-align : right;
	height : 50px;
	position : relative;
}
.commonHeadGrid .itemLogin .more {
	position : absolute;
	right : 5px;
	top : 0;
	text-align : center;
	font-size : 16px;
	cursor : pointer;
	color : #999;
}
.commonHeadGrid .loginGroup {
	width : 120px;
	position : absolute;
	right : 5px;
	top : 45px;
	height : 0;
	z-index : -1;
	text-align : center;
	font-size : 14px;
	color : #999;
	overflow : hidden;
	transition : all .2s ease;
}
.commonHeadGrid .loginGroup .box {
	padding : 15px;
	background : #fff;
	border : 1px solid #eee;
	border-radius : 4px;
}
.commonHeadGrid .loginGroup .itemLi {
	display : block;
	color : #454545;
	line-height : 24px;
}
.commonHeadGrid .loginGroup .userName {
	display : block;
	color : #454545;
	height : 24px;
	line-height : 24px;
	white-space : nowrap;
	text-overflow : ellipsis;
	overflow : hidden;
}
.commonHeadGrid .loginGroup .avatar {
	display : block;
	width : 50px;
	height : 50px;
	border-radius : 50%;
	margin : 10px auto;
	overflow : hidden;
}
.commonHeadGrid .loginGroup .itemLi.exit {
	border-top : 1px solid #eee;
	color : #f30;
	padding-top : 10px;
	margin-top : 10px;
}
.commonHeadGrid .loginGroup .itemLi.exit a:hover {
	color : #f30;
}
.commonHeadGrid .itemLogin:hover .loginGroup {
	z-index : 100;
	height : auto;
	transition : all .2s ease;
}
.commonHeadGrid .menuGroup .loginBtn {
	line-height : 30px;
	display : inline-block;
	color : #999;
	font-size : 14px;
	overflow : hidden;
}
.commonHeadGrid .menuGroup .loginBtn.radius {
	line-height : 30px;
	border-radius : 4px;
	border : 1px solid #eee;
	font-size : 12px;
}
.commonHeadGrid .searchGroup {
	float : right;
	border : 1px solid #0051a2;
	line-height : 40px;
	height : 40px;
	overflow : hidden;
	margin-left : 10px;
	margin-top : 20px;
	position : relative;
}
.commonHeadGrid .searchGroup .searchBtn {
	position : absolute;
	right : 0;
	top : 0;
	background : none;
	height : 40px;
	width : 40px;
	line-height : 35px;
	text-align : center;
	font-size : 16px;
	background : #0051a2;
	cursor: pointer;
}
.commonHeadGrid .searchGroup .searchInput {
	display : inline-block;
	width : 240px;
	height : 40px;
	padding-left : 10px;
	line-height : 30px;
	font-size : 16px;
	color : #333;
	border : 0;
	background : none;
	transition: width 400ms ease 0s;
}
.commonHeadGrid .searchGroup .searchInput:focus {
	width : 340px;
}
.commonHeadGrid .searchGroup .iconfont {
	color : #fff;
}
 .commonHeadGrid .searchGroup .searchInput::-webkit-input-placeholder { /* WebKit browsers */
 font-size : 16px;
}
.commonHeadGrid .avatarGroup {
	float : right;
	height : 30px;
	line-height : 30px;
}
.commonHeadGrid .avatarGroup .btn {
	line-height : 30px;
	display : inline-block;
	padding : 0 25px;
	color : #0051a2;
	font-size : 14px;
	overflow : hidden;
}
.commonHeadGrid .avatarGroup .btn.black {
	color : #454545;
}
.commonHeadGrid .avatarGroup .btn.radius {
	line-height : 28px;
	border-radius : 18px;
	border : 1px solid #0051a2;
	font-size : 12px;
	margin-left : 5px;
}
.commonHeadGrid .headGrid.nav {
	height : 55px
}
.commonHeadGrid .headGrid.nav .menuGroup a {
	font-weight : 500;
	font-size : 16px;
	display : block;
	text-align : center
}
.commonHeadGrid .headGrid.nav .menuGroup a.current:after {
	display : none;
}
.commonHeadGrid .headGrid.nav .searchGroup {
	float : right;
	border : 0;
}
.commonHeadGrid .headGrid.nav .searchBtn {
	color : #999;
}
/* commonFooterGrid */
.commonFooterGrid {
	padding : 10px 0 20px;
	margin : 50px auto 0;
	background : #2d3137;
	border-top : 1px solid #eee;
	overflow : hidden;
	position : relative;
	z-index : 100;
}
.commonFooterGrid .topGroup {
	padding : 20px 0;
	background : #343539;
	color : #999;
	font-size : 12px;
	overflow : hidden;
	line-height : 20px;
}
.commonFooterGrid .footerGrid {
	display : flex;
	border-bottom : 1px solid #444;
	margin-bottom : 20px;
	padding-bottom : 20px;
	color : #999;
	line-height : 36px;
	overflow : hidden;
}
.commonFooterGrid .copyright {
	flex : 1;
	line-height : 36px;
	text-align : right;
}
.commonFooterGrid .menuGroup {
	color : #454545;
	font-size : 13px;
	line-height : 36px;
}
.commonFooterGrid .menuGroup .item {
	padding-right : 15px;
	display: inline-block;
}
.commonFooterGrid .menuGroup a {
	color : #fff;
	white-space : nowrap;
	font-size : 16px
}
.commonFooterGrid a:hover {
	color : #e60012
}
.commonFooterGrid .iconGroup {
	flex : 1;
	line-height : 36px;
	text-align : right;
}
.commonFooterGrid .ico {
	display : inline-block;
	margin-left : 15px;
	color : #eaeaea;
	font-size : 20px;
	overflow : hidden;
}
.commonFooterGrid .ico.weChat {
	background : #0051a2;
}
.commonFooterGrid .otherGrid {
	font-size : 16px;
	color : #999;
	line-height : 1.8;
	overflow : hidden;
}
.commonFooterGrid .otherGrid a {
	color : #999
}
.commonFooterGrid .otherGrid a:hover {
	color : #e60012
}
/* fixedWidget */
.fixedWidget {
	width : 42px;
	height : auto;
	position : fixed;
	right : 20px;
	z-index : 999;
	padding : 15px 10px 30px;
	border-radius : 21px;
	border : 1px solid #eee;
	background : #fff;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.backTop{bottom: -60px; opacity: 0}
.backTop.backTopVisible{bottom: 60px; opacity: 1}
.fixedWidget a {
	height : 35px;
	display : block;
	position : relative;
	margin : 0 auto;
	margin-bottom : 10px;
	width : 20px;
	display : block;
	cursor : pointer;
	padding : 10px 0;
	background : url(../images/icon_rb_sprite.png) no-repeat;
	transition: all .5s;
}
.fixedWidget a.mail {
	background-position : center 5px;
}
.fixedWidget a.top {
	background-position : center -158px;
	margin-bottom : -30px;
	border-bottom : 0;
}
.fixedWidget a:hover {
	background : url(../images/icon_rb_sprite_color.png) no-repeat;
}
.fixedWidget a.mail:hover {
	background-position : center 5px;
}
.fixedWidget a.top:hover {
	background-position : center -158px;
	margin-bottom : -30px;
	border-bottom : 0;
}
.div2-contents1-left .image, .content .lazy, .index-news .index-div3-left a, .qiche-videos a, .place-infos a .img {
	background : url(../images/thumb_no_pic.jpg) no-repeat center #eee;
	background-size : cover;
}
.hot-pics1-a {
	background : url(../images/banner_no_pic.jpg) no-repeat center #eee;
}
.hot-pics1-div a {
	background : url(../images/banner2_no_pic.jpg) no-repeat center #eee;
}
a.lazy, div.lazy, .lazy {
	background-size : cover;
}
.swiper-container {
	width : 1100px;
}
.hot-pics-container {
	position : relative;
	overflow : hidden;
	margin : 9px auto;
	background : #fff
}
.hot-pics-container .hot-pics-container-mask {
	position : absolute;
	bottom : 0;
	left : 0;
	height : 50px;
	width : 100%;
	background-color : #fff
}
.top-ad {
	margin-bottom : 9px
}
.top-ad a {
	display : block
}
.hot-pics {
	background-color : #fff;
	position : relative;
	padding-bottom : 50px;
	height : 325px;
	overflow : hidden
}
.hot-pics .hot-pics-i {
	width : 1100px;
	height : 324px;
	position : relative
}
.hot-pics .hot-pics-i .left-btn, .hot-pics .hot-pics-i .right-btn {
	width : 100%;
	height : 100%;
	position : absolute;
	top : 0;
	z-index : 1;
	background-color : #fff;
	opacity : .5;
	filter : alpha(opacity=50)
}
.hot-pics .hot-pics-i .left-btn {
	left : -1100px
}
.hot-pics .hot-pics-i .right-btn {
	left : 1100px
}
.hot-pics .hot-pics1 {
	width : 1100px;
	display : none;
	-webkit-transition : left .3s linear 0s;
	-o-transition : left .3s linear 0s;
	transition : left .3s linear 0s
}
.hot-pics .hot-pics1.left, .hot-pics .hot-pics1.mid, .hot-pics .hot-pics1.right {
	position : absolute;
	top : 0;
	z-index : 1
}
.hot-pics .hot-pics1.left {
	left : -1100px;
	z-index : 0
}
.hot-pics .hot-pics1.right {
	left : 1100px;
	z-index : 0
}
.hot-pics .hot-pics1.active {
	display : block
}
.hot-pics .hot-pics1.mid {
	left : 0
}
.hot-pics .hot-pics-next, .hot-pics .hot-pics-prev {
	position : absolute;
	top : 50%;
	width : 44px;
	height : 108px;
	margin-top : -79px;
	cursor : pointer;
	display : none
}
.hot-pics .hot-pics-next.active, .hot-pics .hot-pics-prev.active {
	display : block
}
.hot-pics .dots {
	position : absolute;
	bottom : 0;
	left : 0;
	text-align : center;
	width : 100%;
	height : 50px
}
.hot-pics .dots a {
	display : inline-block;
	vertical-align : top;
	width : 10px;
	height : 10px;
	margin-top : 20px;
	border-radius : 5px;
	background-color : #e5e5e5;
	-webkit-transition : width .3s linear 0s;
	-o-transition : width .3s linear 0s;
	transition : width .3s linear 0s;
}
.swiper-slide a img {
	-webkit-transition : all 0.6s;
	transition : all 0.6s;
}
.swiper-slide a:hover img {
	-webkit-transform : scale(1.12);
	transform : scale(1.12);
}
.hot-pics .dots a.active {
	width : 32px;
	background-color : #c9c9c9
}
.hot-pics1-a {
	width : 574px;
	height : 353px;
	position : relative;
	overflow : hidden;
	vertical-align : middle
}
.hot-pics1-a img {
	width : 100%;
	min-height : 100%;
	vertical-align : middle;
}
.hot-pics1-a span, .hot-pics1-a strong {
	height : 42px;
	position : absolute;
	bottom : 0;
	left : 0;
	font-size : 18px;
	line-height : 42px;
	font-weight : 400
}
.hot-pics1-a span {
	right : 0;
	color : #fff;
	padding-left : 125px;
	padding-right : 10px;
	background-color : rgba(0, 0, 0, .7)
}
.hot-pics1-a strong {
	width : 110px;
	padding-left : 36px;
	background : url(../images/hot_icon.png) 8px center no-repeat #d60000;
	z-index : 10;
	font-weight : 700;
	color : #fff
}
.hot-pics1-div a span, .index-div1-left span {
	right : 0;
	color : #fff;
	padding : 50px 10px 10px 10px;
	background : linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.9));
	bottom : 0;
	left : 0
}
.hot-pics1-div {
	width : 526px;
	position: relative;
}
.hot-pics1-div a {
	width : 253px;
	height : 111px;
	margin-left : 10px;
	margin-bottom : 10px;
	position : relative;
	overflow : hidden;
	position: absolute;
}
.hot-pics1-div a:nth-child(1), .hot-pics1-div a:nth-child(2) {
	height : 171px;
}
.hot-pics1-div a:nth-child(1) {
	top: 0;
	left: 0;
}
.hot-pics1-div a:nth-child(2) {
	top: 181px;
	left: 0;
}
.hot-pics1-div a:nth-child(3) {
	right: 0;
	top: 0;
}
.hot-pics1-div a:nth-child(4) {
	right: 0;
	top: 121px;
}
.hot-pics1-div a:nth-child(5) {
	right: 0;
	top: 241px;
}
.hot-pics1-div a img {
	width : 100%;
	height : 100%
}
.hot-pics1-div a span {
	position : absolute;
	text-align : left;
	font-size : 16px;
	font-weight : 400;
	white-space : nowrap;
	overflow : hidden;
	text-overflow : ellipsis;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	width : 565px;
}
.swiper-pagination {
	text-align : right;
}