/* 公共样式 */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, dialog, input,textarea,select,button {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei","Arial",sans-serif;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: 0.5px;
}
h1,h2,h3,h4,h5,h6{ font-weight: 400}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
ol, ul, li, menu {list-style: none; }

img{display:block;}


.clearfix{clear:both;}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
.fl{ float:left;}
.fr{ float:right;}

/* 页头 */
.header_box{ width:100%; height: 100%;}
.banner_a{float:left;position: relative;}
.banner_a img{width:100%; }
.header_n{width:1200px;margin:0 auto;height:103px;}
.logo{padding-top:28px;float:left;}
.header{width:100%;height:104px;border-bottom:1px solid #fff;float:left;
position:absolute;top:0;left:0;}
nav {margin-left:136px;float:right;margin-top:55px;height: 40px;text-align: center;border-radius: 4px;}
.nav {display: flex;justify-content: center;height: 50px;margin-top:50px;width:774px;float: right;}
.nav > li {margin: 0 2%;}
.nav > li a{text-decoration: none;color: #ffe;text-transform: capitalize;display: block;padding: 15px 8px;font-size: 16px;transition: background-color 0.5s ease-in-out;font-family: "Raleway", sans-serif;}
.drop li {opacity: 0;transform-origin: top center;}
.drop li a {background-color: rgba(23, 23, 50, 0.7);}
.drop li a:hover{background-color:#e76e24;}

/*------------- menu1 animation -------------------*/

.nav li:hover .menu1 li:first-of-type {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.3s;
}

.nav li:hover .menu1 li:nth-of-type(2) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.6s;
}

.nav li:hover .menu1 li:nth-of-type(3) {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 0.9s;
}

.nav li:hover .menu1 li:last-of-type {
  animation: menu1 0.3s ease-in-out forwards;
  animation-delay: 1.2s;
}

@keyframes menu1 {
  from {
    opacity: 0;
    transform: translateX(30px) rotateY(90deg);
  }
  to {
    opacity: 1;
    transform: translateX(0) rotateY(0);
  }
}



.banner_ah{float:left; position:relative;}
.banner_ah img{width:100%; }
.banner_ah a img{
	width:169px;
}


/* 下方联系方式 */
.bottom_contact_bg{
	width:100%;
	background-color:#3ba5fe;
	padding-top:30px;
	padding-bottom:30px;
	float:left;
}
.bottom_contact{
	width:1200px;
	margin:0 auto;
}
.bottom_contact p,.bottom_contact_1,.bottom_contact_2{
	float:left;
}
.bottom_contact p{
	
	font-size:32px;
	line-height:55px;
	color:#ffffff;
	margin-left:197px;
	margin-right:38px;
}
.bottom_contact_1{
	width:175px;
	height:50px;
	background-color:#1a73ef;
	border-radius:20px;
}
.bottom_contact_1 a{
	
	font-size:22px;
	color:#ffffff;
	text-align:center;
	line-height:50px;
	padding:16px 40px;
}
.bottom_contact_2{
	width:175px;
	height:50px;
	background-color:#f7f7f7;
	border-radius:20px;
	margin-left:22px;
}
.bottom_contact_2 a{
	
	font-size:22px;
	color:#1a73ef;
	text-align:center;
	line-height:50px;
	padding:16px 40px;
}


/*pages*/
.pagination-wrapper{
margin: 20px 0;
}
.pagination{
height: 34px;
text-align: center;
}
.pagination li {
display: inline-block;
height: 32px;
line-height: 32px;
margin-right: 5px;
border: 1px solid #dddddd;
padding: 0 12px;
text-decoration: none;
}
.pagination li a{
 display:inline;
display: block;
font-size: 16px;
color: #555555;

}
.pagination li a:hover{
color:#4e97ff;
}
.pagination li.thisclass {
background: #4e97ff;
color: #fff;
height: 32px;
line-height: 32px;
padding: 0 12px;
font-size: 16px;
text-decoration: none;
}
.pagination li.thisclass a,.paginatio1 li.thisclass a:hover{
background: transparent;
border-color: #4e97ff;
color: #fff;
cursor: default;
}



/* 页脚 */
.footer_bg{
	width:100%;
	background-color:#2e2e2e;
	padding-top:22px;
	padding-bottom:28px;
	float:left;
}
footer{
	width:1200px;
	margin:0 auto;
	position:relative;
}
/* .footer_erweima{
	margin:0 auto;
	margin-bottom:26px;
} */
footer div ul{
	width:1010px;
	margin:0 auto;
}
footer div ul li{
	margin:0 23px;
	float:left;
}
footer div ul li a{
	font-family:"微软雅黑";
	font-size:16px;
	letter-spacing:2px;
	color:#ffffff;
}
.footer_last_text{
	font-family:"微软雅黑";
	font-size:12px;
	color:#848484;
	text-align:center;
	line-height:18px;
	margin-top:30px;
}
.footer_last_text a{
	color:#848484;
}
.footer_last_text a:hover{
	color:#ffffff;
}
.footer_left_line{
	width:413px;
	height:1px;
	background-color:#7e7e7e;
	position:absolute;
	top:96px;
	left:0;
}
.footer_right_line{
	width:413px;
	height:1px;
	background-color:#7e7e7e;
	position:absolute;
	top:96px;
	right:0;
}





/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/rightbar.png) no-repeat 0 -169px;}
.hd_qr{margin:0 auto;margin-bottom:20px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}