/*
** Name: dgy.base.css
** Date: 2018/12/10.
** Anthor: tonney@duoguyu.com.
** Version: 2.0.1. 
** Last: 2019/04/17/ tonney.  #e60012 红   #0051a2  蓝
*/
@charset "UTF-8";
.icon-zan:before {
	content: "\e60d";
}
ul, ol, li {
	list-style : none;
}
body, header, footer, aside, article, section, hgroup, nav, menu, canvas, output, dialog, datalist, details, figure, figcaption, audio, video, progress, mark, time, object, embed, div, p, address, blockquote, pre, dl, dt, dd, ol, ul, li, map, table, caption, thead, tbody, tfoot, tr, th, td, form, fieldset, legend, img, input, button, textarea, iframe, h1, h2, h3, h4, h5, h6 {
	border : medium none;
	margin : 0;
	padding : 0;
}
body {
	overflow-y : scroll;
	font : 14px/1.5 -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft Yahei", sans-serif;
	-webkit-font-smoothing : antialiased;
}
input, select, textarea {
	-webkit-transition : box-shadow 0.1s ease-in-out;
	-moz-transition : box-shadow 0.1s ease-in-out;
	outline : none;
}
html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, label, textarea, p, blockquote, th, td {
	margin : 0;
	padding : 0;
	-webkit-text-size-adjust : none;
	-moz-text-size-adjust : none;
	-ms-text-size-adjust : none;
	-o-text-size-adjust : none;
	text-size-adjust : none;
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0) !important;
}
h1, h2, h3, h4, h5, h6 {
	font-weight : 500
}
header, footer, aside, article, section, hgroup, nav, menu, canvas, details, figure, figcaption, audio, video {
	display : block;
}
table {
	border-collapse : collapse;
	border-spacing : 0;
	table-layout : fixed;
	font-size : 16px;
}

/*address, i, em, dt { font-style: normal; font-weight: normal; }*/
button::-moz-focus-inner {
 border : 0;
 padding : 0;
}
a {
	color : #444444;
	text-decoration : none;
}
a:hover {
	color : #e60012;
}
/*base*/
*:focus {
	outline : none; /*border-color: transparent;*/
}
*, *:before, *:after {
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}
.clearfix {
	zoom : 1;
	clear : both;
}
.clearfix:after {
	clear : both;
	content : "";
	display : block;
	height : 0;
	visibility : hidden;
	clear : both;
}
 input::-webkit-input-placeholder {
 color : #999999;
}
 input:focus::-webkit-input-placeholder {
 color : #eeeeee;
}
input.checkbox, input.radio {
	display : inline-block;
	width : 16px;
	height : 16px;
}
a, button, input, textarea {
	-webkit-tap-highlight-color : rgba(0, 0, 0, 0) !important;
	text-decoration : none;
}
html {
	font-size : 12px
}
body {
	font-size : 13px;
	color: #333;
	line-height : 1.5;
	background : #fefefe; /*font-family: Georgia, 'Times New Roman', SimSun, '宋体', serif;*/
}
.numFont {
	font-family : Georgia, 'Times New Roman', SimSun, '宋体', serif;
}
.numFont2 {
	font-family : Impact, sans-serif;
}
.input, .textArea {
	width : 100%;
	border : 1px solid #eeeeee;
	border-radius : 5px;
	padding : 5px 15px;
	line-height : 24px;
	font-size : 14px;
	color : #333333;
}
.textArea {
	min-height : 80px;
}
.bgLinear {
	background-image : linear-gradient(-153deg, #04a7ff, #00d674 95%);
}
/*
textarea { resize: none; }
*/
.fl {
	float : left
}
.fr {
	float : right
}
.pl5 {
	padding-left : 5px;
}
.pl10 {
	padding-left : 10px;
}
.pl15 {
	padding-left : 15px;
}
.pl20 {
	padding-left : 20px;
}
.pr5 {
	padding-right : 5px;
}
.pr10 {
	padding-right : 10px;
}
.pr15 {
	padding-right : 15px;
}
.pr20 {
	padding-right : 20px;
}
.plr5 {
	padding-left : 5px;
	padding-right : 5px;
}
.plr10 {
	padding-left : 10px;
	padding-right : 10px;
}
.pt5 {
	padding-top : 5px;
}
.pt10 {
	padding-top : 10px;
}
.pt15 {
	padding-top : 15px;
}
.pt20 {
	padding-top : 20px;
}
.pt40 {
	padding-top : 40px;
}
.ptb20 {
	padding-top : 20px;
	padding-bottom : 20px;
}
.ptb40 {
	padding-top : 40px;
	padding-bottom : 40px;
}
.pb0 {
	padding-bottom : 0;
}
.pb5 {
	padding-bottom : 5px;
}
.pb10 {
	padding-bottom : 10px;
}
.pb20 {
	padding-bottom : 20px;
}
.ml5 {
	margin-left : 5px;
}
.ml8 {
	margin-left : 8px;
}
.ml9 {
	margin-left : 9px;
}
.ml10 {
	margin-left : 10px;
}
.ml15 {
	margin-left : 15px;
}
.ml20 {
	margin-left : 20px;
}
.ml80 {
	margin-left : 80px;
}
.mr5 {
	margin-right : 5px;
}
.mr10 {
	margin-right : 10px;
}
.mr15 {
	margin-right : 15px;
}
.mr20 {
	margin-right : 20px;
}
.mt5 {
	margin-top : 5px;
}
.mt10 {
	margin-top : 10px;
}
.mt15 {
	margin-top : 15px;
}
.mt20 {
	margin-top : 20px;
}
.mt30 {
	margin-top : 30px;
}
.mt40 {
	margin-top : 40px;
}
.mt60 {
	margin-top : 60px;
}
.mt80 {
	margin-top : 80px;
}
.mt100 {
	margin-top : 100px;
}
.mt120 {
	margin-top : 120px;
}
.mb5 {
	margin-bottom : 5px;
}
.mb10 {
	margin-bottom : 10px;
}
.mb15 {
	margin-bottom : 15px;
}
.mb20 {
	margin-bottom : 20px;
}
.mb25 {
	margin-bottom : 25px;
}
.mlf5, .mlr5 {
	margin-left : 5px;
	margin-right : 5px;
}
.auto {
	margin-left : auto;
	margin-right : auto;
}
.f12, .iconfont.f12 {
	font-size : 12px;
}
.f14, .iconfont.f14 {
	font-size : 14px;
}
.f16, .iconfont.f16 {
	font-size : 16px;
}
.f18, .iconfont.f18 {
	font-size : 18px;
}
.f24, .iconfont.f24 {
	font-size : 24px;
}
.f28, .iconfont.f28 {
	font-size : 28px;
}
.f32, .iconfont.f32 {
	font-size : 32px;
}
.f36, .iconfont.f36 {
	font-size : 36px;
}
.f48, .iconfont.f48 {
	font-size : 48px;
}
.text_center {
	text-align : center;
}
.text_left {
	text-align : left;
}
.text_right {
	text-align : right;
}
.lh30 {
	line-height : 30px;
}
.cf_red {
	color : #e60012 !important;
}
.cf_green {
	color : #04ac71;
}
.cf_gray {
	color : #bbbbbb;
}
.cf_brown {
	color : #607d8b;
}
.cf_blue {
	color : #78c2ea;
}
.cf_yellow {
	color : #f3cb12;
}
.cf_purple {
	color : #a88add;
}
.cf_flesh {
	color : #a498ae;
}
.cf_333 {
	color : #333333;
}
.cf_666 {
	color : #666666;
}
.cf_999 {
	color : #999999;
}
.boderLeft {
	border-left : 1px solid #eeeeee;
}
.boderRight {
	border-right : 1px solid #eeeeee;
}
.bg_red {
	background : #e60012;
}
.bg_brown {
	background : #607d8b;
}
.bg_green {
	background : #04ac71;
}
.bg_blue {
	background : #78c2ea;
}
.bg_yellow {
	background : #f3cb12;
}
.bg_purple {
	background : #a88add;
}
.bg_flesh {
	background : #a498ae;
}
.bgf {
	background : #ffffff;
}
.bgf0 {
	background : #f0f0f0;
}
.bgf4 {
	background : #f4f4f4;
}
.bgf6 {
	background : #f6f6f6;
}
.bgf9 {
	background : #f9f9f9;
}
.bgfa {
	background : #fafafa;
}
.bgea {
	background : #eaeaea;
}
.bgLinear_green {
	background : linear-gradient(-125deg, #57bdbf, #2f9de2);
}
.bgLinear_red {
	background : linear-gradient(-128deg, #e14062, #a13582);
}
.bgLinear_grayBlue {
	background : linear-gradient(-113deg, #81328d, #592984);
}
.bgLinear_yellow {
	background : linear-gradient(-141deg, #ffc000, #ea942e);
}
.bgnone {
	background : none !important;
}
.br3 {
	-webkit-border-radius : 3px;
	-moz-border-radius : 3px;
	border-radius : 3px;
}
.br5 {
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	border-radius : 5px;
}
.br10 {
	-webkit-border-radius : 10px;
	-moz-border-radius : 10px;
	border-radius : 10px;
}
.text-center {
	text-align : center;
}
.vertical {
	vertical-align : text-bottom;
}
.hide {
	display : none
}
.show {
	display : block
}
.blur {
	filter : blur(10px);
}
.hoverImg:hover img {
	transform : scale(1.1);
	-webkit-transform : scale(1.1);
	-moz-transform : scale(1.1);
	-ms-transform : scale(1.1);
	-o-transform : scale(1.1);
}
/* color */
.green {
	color : #0051a2;
}
.blue {
	color : #0051a2;
}
.bg_gray {
	background-color : #fafafa;
}
.border_gray {
	border : 1px solid #eaeefb;
}
.color_gray {
	color : #999999;
}
.color_black {
	color : #1f2f3d;
}
.color_green {
	color : #04ac71;
}
.overlay {
	position : absolute;
	left : 0;
	top : 0;
	bottom : 0;
	right : 0;
	-webkit-transition : all 0.2s ease;
	-moz-transition : all 0.2s ease;
	transition : all 0.2s ease;
	background-image : -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.01) 5%, rgba(0, 0, 0, 0.3) 100%);
	background-image : -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.01) 5%, rgba(0, 0, 0, 0.3) 100%);
	background-image : linear-gradient(180deg, rgba(0, 0, 0, 0.01) 5%, rgba(0, 0, 0, 0.3) 100%);
	background-size : 100%;
}
/*
* base
*/
.baseGroup {
	width : 1100px;
	margin-left : auto;
	margin-right : auto;
}
.baseGroup.mt20 {
	margin-top : 20px;
}
.baseGroup.mt40 {
	margin-top : 40px;
}
.baseGroup.mt70 {
	margin-top : 70px;
}
.baseGroup.mt75 {
	margin-top : 75px;
}
.baseGroup.mt100 {
	margin-top : 100px;
}
.baseGroup.mb20 {
	margin-bottom : 20px;
}
.baseGroup.w1240 {
	width : 1240px;
}
.baseGroup.w1200 {
	width : 1200px;
}
.baseGroup.w1100 {
	width : 1100px;
}
.baseGroup.w1000 {
	width : 1000px;
}
.baseGroup .leftWrap {
	float : left;
	width : 770px;
}
.baseGroup .rightWrap {
	float : right;
	width : 320px;
}
/*
* brandGrid
*/
.brandGrid {
	margin : 20px auto;
	overflow : hidden;
	border-radius : 4px;
}
.brandGrid .img {
	display : block;
	width : 100%;
	border : 0;
	border-radius : 4px;
}
/* switchBtn */
.switchBtn {
	display : inline-block;
	cursor : pointer;
	width : 46px;
	height : 24px;
	position : relative;
	border-radius : 12px;
	background : #eeeeee;
	overflow : hidden;
	-webkit-transition : all 0.2s ease;
	-moz-transition : all 0.2s ease;
	transition : all 0.2s ease;
}
.switchBtn .radius {
	width : 22px;
	height : 22px;
	position : absolute;
	left : 1px;
	top : 1px;
	border-radius : 50%;
	background : #ffffff;
	overflow : hidden;
}
.switchBtn.small {
	width : 42px;
	height : 20px;
}
.switchBtn.small .radius {
	width : 18px;
	height : 18px;
}
.switchBtn.on {
	background : #0051a2;
}
.switchBtn.on .radius {
	left : auto;
	right : 1px;
}
/*
* system
*/
/* #pageGroup{margin:10px auto; font-size:14px; text-align:center;}
#pageGroup a{ display:inline-block; color:#999; width:30px; height:30px; font-weight:700; line-height:30px; text-align:center; margin:0 4px;}
#pageGroup .prepage,#pageGroup .nextpage{ text-indent:-99999em; opacity:.5;}
#pageGroup .prepage{ background: url('../images/page-icon-l2.png') no-repeat center; background-size: 18px;}
#pageGroup .nextpage{ background: url('../images/page-icon-r2.png') no-repeat center; background-size: 18px;}
#pageGroup .prepage.nopage,#pageGroup .nextpage.nopage{ opacity:.2;}
#pageGroup .nopage{}
#pageGroup a:hover, #pageGroup .curpage{ color:#0051a2;}
#pageGroup .pageinfo,#pageGroup .nopage{ display:none;} */
/* #pageGroup .pageinfo, #pageGroup a.homepage, #pageGroup a.endpage{ display:none;} */





#pageGroup, #page {
	display : block;
	padding-left : 0;
	margin : 50px auto;
	border-radius : 4px;
	text-align : center;
	width : 100%;
}
#pageGroup .pageinfo {
	display : none;
}
#pageGroup a, #page a {
	display : inline-block;
	position : relative;
	padding : 6px 12px;
	margin-left : -1px;
	line-height : 1.42857143;
	color : #0051a2;
	text-decoration : none;
	background-color : #ffffff;
	border : 1px solid #dddddd;
	font-size : 16px;
}
#pageGroup a:hover, #page a:hover, #pageGroup a:focus {
	z-index : 2;
	color : #0051a2;
	background-color : #eeeeee;
	border-color : #dddddd;
}
#pageGroup > a.homepage {
	margin-left : 0;
	border-top-left-radius : 4px;
	border-bottom-left-radius : 4px;
}
#pageGroup > a.endpage {
	border-top-right-radius : 4px;
	border-bottom-right-radius : 4px;
}
#pageGroup > a.curpage, #page a.curpage, #page a.curpage:hover, #pageGroup > a.curpage:hover, #pageGroup > a.curpage:focus {
	z-index : 3;
	color : #ffffff;
	cursor : default;
	background-color : #0051a2;
	border-color : #0051a2;
}
#pageGroup > a.nopage, #pageGroup > a.nopage:hover, #pageGroup > a.nopage:focus {
	color : #777777;
	cursor : not-allowed;
	background-color : #ffffff;
	border-color : #dddddd;
}
/*
* commonHead
*/
.commonHead {
	position : relative;
	margin-bottom : 20px;
	padding-left : 15px;
	font-size : 12px;
	color : #999999;
	line-height : 24px;
	overflow : hidden;
}
.commonHead:before {
	content : "";
	position : absolute;
	left : 0;
	top : 0;
	background : #333333;
	opacity : 0.8;
	height : 100%;
	width : 3px;/*
  background: -webkit-linear-gradient(#43f9fb,#fcd318);
  background: -o-linear-gradient(#43f9fb,#fcd318);
  background: -moz-linear-gradient(#43f9fb,#fcd318);
  background: linear-gradient(#43f9fb,#fcd318);
  */
}
.commonHead .title {
	font-size : 20px;
	color : #454545;
	line-height : 24px;
}
.commonHead .info {
	font-size : 13px;
	color : #999999;
	line-height : 14px;
}
.commonHeadLabel {
	position : relative;
	margin-bottom : 20px;
	padding-left : 15px;
	font-size : 12px;
	color : #999999;
	height : 24px;
	line-height : 24px;
	overflow : hidden;
}
.commonHeadLabel:before {
	content : "#";
	position : absolute;
	left : 0;
	top : 0;
	color : #999999;
	font-size : 20px;
	font-weight : lighter;
	height : 24px;
	line-height : 24px;
	width : 15px;
}
.commonHeadLabel .title {
	font-size : 20px;
	color : #333333;
	line-height : 24px;
}
.commonHeadLabel .info {
	margin-left : 5px;
	font-size : 12px;
	color : #999999;
}
.commonHeadLabel.small:before {
	color : #666666;
}
.commonHeadLabel.small .title {
	font-size : 18px;
	font-weight : bold;
}
.commonHeadLabel .rtWrap {
	float : right;
}
.commonHeadLabel .nav {
	margin-left : 10px;
	font-size : 14px;
	color : #666666;
}
.commonHeadLabel .nav a {
	color : #666666;
}
.commonHeadLabel .nav a.on {
	color : #0051a2;
}
.commonHeadLabel .title a {
	font-size : 14px;
	color : #666666;
}
.commonHeadLabel .title a.on {
	font-size : 20px;
	color : #0051a2;
}
.tab_nav:before, .tab_nav:after {
	content : " ";
	display : table;
}
.tab_nav:after {
	clear : both;
}
.tab_nav {
	margin-bottom : 20px
}
.tab_nav > span {
	display : table-cell;
	width : 1%;
	position : relative;
	float : none;
}
.tab_nav > span + span {
	margin-left : 5px;
	margin-top : 0;
}
.tab_nav span a {
	display : block;
	text-align : center;
	border-bottom : 4px solid #0051a2;
	background-color : #f1f1f1;
	margin-left : -1px;
	cursor : pointer;
	font-size : 16px;
	color : #000000;
	padding : 15px 0;
	font-weight : 600
}
.tab_nav span a.on, .tab_nav span a:hover {
	color : #e60012;
	background-color : #e6e6e6;
	border-bottom : 4px solid #e60012;
}
.tbBtn {
	display : inline-block;
	cursor : pointer;
	line-height : 1;
	background : #ffffff;
	border : 1px solid #eeeeee;
	color : #606266;
	text-align : center;
	transition : .1s;
	padding : 10px 20px;
	font-size : 12px;
	border-radius : 4px;
}
.tbBtn:hover {
	color : #0051a2;
	border : 1px solid #0051a2;
}
.commonBtn {
	display : inline-block;
	padding : 0 25px;
	color : #0051a2;
	border : 1px solid #0051a2;
	font-size : 13px;
	overflow : hidden;
	line-height : 28px;
	border-radius : 15px;
	-moz-transition : all .2s ease;
	-webkit-transition : all .2s ease;
	transition : all .2s ease;
}
.commonBtn:hover {
	background : #0051a2;
	color : #ffffff;
	line-height : 28px;
	-moz-transition : all .2s ease;
	-webkit-transition : all .2s ease;
	transition : all .2s ease;
}
/* animation */
.animateBalloon {
	-webkit-animation : balloon 3s infinite alternate;
	animation : balloon 3s infinite alternate;
	-webkit-animation-delay : 1s;
	animation-delay : 1s;
}
.animateBalloon2 {
	-webkit-animation : balloon2 2s infinite alternate;
	animation : balloon2 2s infinite alternate;
	-webkit-animation-delay : 1s;
	animation-delay : 1s;
}
.animateBalloon3 {
	-webkit-animation : balloon3 3s infinite alternate;
	animation : balloon3 3s infinite alternate;
	-webkit-animation-delay : 1s;
	animation-delay : 1s;
}
.animateBalloon4 {
	-webkit-animation : balloon 4s infinite alternate;
	animation : balloon 4s infinite alternate;
	-webkit-animation-delay : 1s;
	animation-delay : 1s;
}
 @-webkit-keyframes balloon {
 0% {
 -webkit-transform : translateY(0);
 transform : translateY(0);
}
 100% {
 -webkit-transform : translateY(-5px);
 transform : translateY(-5px);
}
}
 @keyframes balloon {
 0% {
 -webkit-transform : translateY(0);
 transform : translateY(0);
}
 100% {
 -webkit-transform : translateY(-5px);
 transform : translateY(-5px);
}
}
 @-webkit-keyframes balloon2 {
 0% {
 -webkit-transform : translateY(0);
 transform : translateY(0);
}
 100% {
 -webkit-transform : translateY(6px);
 transform : translateY(6px);
}
}
 @keyframes balloon2 {
 0% {
 -webkit-transform : translateY(0);
 transform : translateY(0);
}
 100% {
 -webkit-transform : translateY(6px);
 transform : translateY(6px);
}
}
 @-webkit-keyframes balloon3 {
 0% {
 -webkit-transform : translateY(0) scale(1);
 transform : translateY(0) scale(1);
}
 100% {
 -webkit-transform : translateY(10px) scale(1.1);
 transform : translateY(10px) scale(1.1);
}
}
 @keyframes balloon3 {
 0% {
 -webkit-transform : translateY(0) scale(1);
 transform : translateY(0) scale(1);
}
 100% {
 -webkit-transform : translateY(10px) scale(1.4);
 transform : translateY(10px) scale(1.4);
}
}

@media screen and (max-width : 768px) and (min-width : 415px) {
}

@media screen and (max-width : 414px) and (min-width : 376px) {
}

@media screen and (max-width : 375px) and (min-width : 321px) {
}

@media screen and (max-width : 320px) {
html {
	font-size : 10px
}
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 0 0 1px!important;
	border-radius: 8px;
	background: #fff;
	opacity: .7;
	-webkit-transition: width .3s linear 0s, background-color .3s linear 0s;
	-o-transition: width .3s linear 0s, background-color .3s linear 0s;
	transition: width .3s linear 0s, background-color .3s linear 0s;
}
.swiper-pagination-bullet-active {
	width: 28px;
	opacity: 1;
	background: #e60012;
	-webkit-transition: width 5s linear;
	-moz-transition: width 5s linear;
	-o-transition: width 5s linear;
	transition: width 5s linear;
}
.swiper-pagination-bullet-active {
	-webkit-animation: width 5s linear infinite;
	-moz-animation: width 5s linear infinite;
	animation: width 5s linear infinite;
}
 @keyframes width {
 0% {
width: 28px;
background: #e60012;
}
 100% {
width: 8px;
background: #fff;
}
}
@-webkit-keyframes width {
 0% {
width: 28px;
background: #e60012;
}
 100% {
width: 8px;
background: #fff;
}
}
@-moz-keyframes width {
 0% {
width: 28px;
background: #e60012;
}
 100% {
width: 8px;
background: #fff;
}
}
.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 108px;
	margin-top: -54px;
	z-index: 10;
	cursor: pointer;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0
}
.swiper-button-next {
	background: url(../images/right.png) center no-repeat;
	right: -50px;
	left: auto;
}
.swiper-button-prev {
	background: url(../images/left.png) center no-repeat;
	left: -50px;
	right: auto;
}
.swiper-container:hover .swiper-button-prev {
	opacity: .6;
	left: 0px
}
.swiper-container:hover .swiper-button-next {
	opacity: .6;
	right: 0px
}
.swiper-container:hover .swiper-button-next:hover, .swiper-container:hover .swiper-button-prev:hover {
	opacity: 1
}